推荐阅读
光晕文字，PS制作极具视觉冲击的光晕文字效果
本教程表现手法非常畅快，以几条流畅的线条及文字搭配表现画面生动的主体，再配上较暗的背静整个主体就更具视觉冲击力! 最终效果 1.新建立一个文档，首先利用渐变工具填充一个由棕红色到黑色的径向渐变，前景色和背景色颜色分别为#922f00和#000000。 2.现在按CTRL+J复制一个图层，将复制所得图层的混合模式改为“颜色减淡”，这时的效果就更加鲜艳 3.接着我们增加背景纹理，建立一个新图层，然后按D键复位前景色和背景色，执行“滤镜”->“渲染”->“云彩”，结果如下 4.下面用钢笔工具制作出光线的大体轮廓，如果你熟悉其它工具可以使用其它工具
Photoshop模仿锈蚀金属板特效
1.最终效果如下： 下面我们介绍详细绘制过程： 1 在Photoshop中新建文件： 2 设置前景色的颜色为#CC9900，执行滤镜/渲染/纤维： 3 继续执行滤镜/渲染/光照效果： 4 执行滤镜/杂色/添加杂色：
*摄影师教你领悟用光的艺术
人们将照相机形容为“画笔”，把光线比喻为“颜料”，摄影者就是在利用光线绘制图片，就像画家仔细挑选他的颜料一般，摄影者也应该懂得选择光线。一旦我们在摄影创作中学会了选择光线，并且能够随心所欲地运用光线，你将拥有人世间最丰富的颜料，发挥你的想象力，在光影的世界中描绘人生。 在各种光线效果下，逆光无疑是最令人捉摸不透，也是最难以把握的光线，这种高反差的光线既简单又具有表现力，也因此成为摄影师最推崇的光线。在光的世界中，除了逆光以外，光线还有许多不同的表现形式，诸如顺光、测光、反光、透射光、天空光、区域光、折射光等等，当然这仅仅是自然光中的一部分，还不包括繁杂的人工光线。 可以讲，光是摄影创作的灵魂，如果没有光，摄影又从何谈起?一旦你拿起照相机进入到创作阶段，就意味着你进入了光的领域。事实上，作为摄影师，这辈子最主要的精力都是在琢磨光线。 透射光的艺术效果 无论走在首都哈拉雷的繁华大街上，还是在乡间僻壤的小路上，都会看到妇女们头顶物品匆匆走过的身影。她们头顶的物品可谓五花八门，最常见的有编织袋、麻包和水桶，哪些身穿筒裙的非洲妇女，头顶彩色的编织袋，身上再背一个小娃娃，婀娜多姿的身影让那些职业模特看了也会赞叹。 我在津巴布韦的那段日子里，脑子里一直在琢磨采用什么手法，将这一普通的生活场景艺术化。直到某一天清晨，在一个叫不上名字的小镇，我发现了一片茂密的树林，清晨的阳光透过晨雾洒向大地，那种感觉就好像是一个临时搭建的舞台布景，据有非常强烈的艺术感染力。这是一个十分难得的机会，可惜现场没有人，我决定采取“守株待兔”的笨办法，在等待中伺机抓拍。 公路上远远地走来两位头顶纸箱的妇女，我将自己隐身到一棵大树的后面，用长焦距镜头拍下了这幅非洲妇女日常的生活画面。 在拍摄之前，我也曾经考虑过使用广角镜头，并靠近“布景”实地比较了一番，最终还是确定用长焦镜头远吊。因为广角镜头距离景物太近，光线被分散了，光洒的效果就逊色很多，也会使被摄者感到紧张，甚至会躲避镜头;而长焦距镜头压缩了场景，突出了空气透视感，强化了光洒人间的效果，使一个看起来极为普通的生活场景艺术化。 2006年4月13日早晨约6时，摄于津巴布韦。 尼康F100相机，NIKKOR 80-200mm 1:2.8 ED镜头，柯达EB-3反转片，平均测光：-1EV, AV-F8 1/125s。投影的魅力
最新发布
妙用Dreamweaver MX共享Word XP文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制作时需要将此类文件转换为HTML文件，你是如何处理的呢？下面就随我来看一下将DOC转换为HTML文件的方法吧！ 一、复制法 1、如果你的Word XP文件全部是文字，没有表格和图像，那么使出惯用的复制大法来，将全部文字迁移到Dreamweaver MX中，保存后大功就告成了。 2、若Word XP文件中有图像，是不能直接复制到Dreamweaver MX中的，可作如下处理：把图像复制到图像处理软件如画图、Fireworks中，再另存为jpg或gif图像，将jpg或gif图像插入到Dreamweaver MX中即可。 二、导入法 如果你的Word XP文件中有表格，采用复制法是行不通的，处理方法是： 1、将表格转换成文本。把Word XP文件中表格之外的文字全部删除，只保留表格，单击“表格/转换/表格转换成文本”，在“表格转换成文本”对话框中“文字分隔符”选择“制表符”，如图1所示。 2、将Word XP文件另存为TXT文件。单击“文件/另存为”，保存类型选择“纯文本”，在随后的“文件转换”对话框中采用默认设置，单击“确定”按钮即可。
妙用DreamweaverMX共享WPS Office文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等，你的计算机中一定储存着大量的XLS、DOC、WPS文件吧！网页制作时需要将此类文件转换为HTML文件，你是如何处理的呢？下面就随我来看一下将WPS转换为HTML文件的方法吧！ 一、复制法 1、如果你的WPS Office文件全部是文字，没有表格和图像，那么使出惯用的复制大法来，将全部文字迁移到DreamweaverMX中，保存后大功就告成了。 2、若WPS Office文件中有图像，是不能直接复制到DreamweaverMX中的，可作如下处理：把图像复制到图像处理软件如画图板、Fireworks中，另存为jpg或gif图像，再将jpg或gif图像插入到DreamweaverMX中即可。 二、转换、导入法 如果你的WPS Office文件中有表格，采用复制法是行不通的，也不能采取处理WORDXP文件中表格的方法。但事在人为，我们可以换一种思路来解决，具体办法是： 1、把WPS Office中数据转换到ExeclXP文件中。选中WPS Office表格中的所有数据，单击工具栏中“复制”按钮，切换到ExeclXP中，单击工具栏中的“粘贴”按钮，保存为XLS文件。 2、把XLS文件另存为TXT文件。在ExeclXP文件中单击“文件/另存为”，保存类型选择“文本文件（制表符分隔）”，出现提示窗口后确认即可，保存为TXT文件。 3、把TXT文件导入到DreamweaverMX中。在DreamweaverMX编辑窗口中单击“Insert/Table Objects/Import Tabular Data...”，打开“Import Tabular Data”对话框，在对话框中单击“Browse...”按钮，找到要导入的文件TXT文件，双击此文件填加到Data File栏中，、单击“OK”按钮即可。
巧用Dreamweaver MX控制页面元素
浏览带有下拉菜单的网页时，我们经常会注意到当更改显示器分辨率时，其下拉菜单的位置并没有改变，这也是我们设计网页时容易忽略的一个问题，其实通过CSS控制页面元素精确定位后，这一点就不难实现了。 建立主菜单栏 新建页面，执行菜单“Insert/Table”命令打开“Insert Table”对话框，插入一个一行多列的表格，表格列数由你的菜单条目决定，同时设置“Cell Padding”、“Cell Spacing”以及“Border”参数(如图1)。在建立的表格中输入主菜单导航文字，选取表格及文字后，用快捷键“Ctrl+F3”打开其属性窗口，我们可以定义一个字体控制CSS来控制文字属性，调整相关参数(如图2)。 CSS实现相对定位菜单栏 定义一个CSS相对定位的定义控制，将相对定位模型(菜单栏表格)定义为这个CSS属性。使浏览器以相对定位模型左上角作为原点，建立新的坐标系。再在这个相对定位模型下级插入层，使之相对于该相对定位模型定位。使用CSS控制后再在表格中插入的层是不可拖动的，改变其位置可以直接在其属性面板上输入L、T的参数值。 打开“CSS Styles”面板，点击“New Style”按钮，在弹出“New Style”窗口中定义一个名称为.pos的CSS属性，并且选择“Make Custom Style”的“Type”类型和“This Document 0nl”的“Define”类型，“确认”进入“Style Defintion For .pos”窗口，选取“Positioning”定义Type为“Relative”确定。选取菜单栏表格，将该CSS控制添加到菜单栏所在的表格中。使该相对定位模型(表格)建立新的坐标系，只要我们在其中插入下拉菜单层，并设置层内容和主菜单的鼠标响应事件就可以使下拉菜单精确定位了。 插入菜单栏目 光标移入表格第一列，执行菜单“Insert/Layer”命令插入一个新层，作为“菜单一”的下拉菜单，点击层内部，执行“Insert/Table”命令，设定该表格行数、列数，并将表格线宽度设为“0”，表格底色为喜好颜色，输入菜单项目文字，设定文字CSS控制效果，并调整菜单大小。以同样的方式做出其他下拉菜单图层效果(如图3)。 设置层属性和鼠标响应事件 分别选中层Layer1、Layer2、Layer3、Layer4，在其属性窗口中把“Vis”项改为“Hidden”，把这4个层隐藏。
巧用Dreamweaver MX制作阴影字
网页制作中用到的特效字，你一定是用图象处理软件制作的吧！告诉你，不用图象处理软件，我也能做出漂亮的特效字来，你看，阴影字我就是这样做出来的。 1、打开DreamweaverMX，新建一文档； 2、插入一个图层，图层编号默认为“layer1”，输入文字“阴影字”，通过属性面板设置其字体为“华文行楷”，字体大小为“7号”，颜色默认为黑色，如图1所示； 3、选中图层“layer1”，单击“编辑”菜单下的“拷贝”命令，将光标移到图层“layer1”，再单击“编辑”菜单下的“粘贴”命令，将复制的图层编号改为“layer2”，这样图层“layer2”成为图层“layer1”的子层； 4、将图层“layer2”中的“阴影字”三个字设置颜色为“#FF0000”，如图2所示； 5、移动图层“layer2”，使两个图层中的“阴影字”三个字略微错位，形成阴影字的形式，这样阴影字就制作完成了，如图3所示。
巧用Dreamweaver MX设计导航栏特效
关于导航栏的设计有很多特效，但你浏览过这样一种导航栏特效吗？当鼠标移到导航栏目上时，导航栏目会被一层“蒙版”所遮盖，而鼠标移开时“蒙版”也随之移开。该特效其实可以在Dreamweaver MX中设置两个CSS属性分别控制，当鼠标移到和移开导航栏目时显示背景图片，并设置导航栏表格的鼠标响应事件即能实现。当然背景图片至关重要，需要一张动态的、可长短交替变换的GIF图片，可以用Fireworks制作该图片。 制作背景效果图 在Fireworks中新建一个170×17像素、背景为透明的文档。更改油漆桶填充颜色为淡灰色(#F1F1EF)，选取工具栏“Rectangle Tool“工具，使用该色将编辑可视区画一个矩形。再次更改油漆桶填充颜色为黄褐色(#FF9900)，以同样的方法在图片最左侧画一个小矩形(如图1)。最后导出GIF图片并命名为mouseover.gif，以后用作鼠标移到导航栏目上时显示的背景图片。 在这张做好效果图基础上，制作鼠标移开时的动态GIF效果图。执行菜单“Windows/Frames”命令打开帧控制面板，点击四次面板下部“New Frame”按钮添加四帧，添加这四帧作用是：在每一帧上设置由长到短的淡灰色(#F1F1EF)背景层图片以实现动态变换效果。选取第一帧图片中的淡灰色背景层图片，单击帧面板右上角三角形按钮，执行弹出菜单“Copy to Frame”命令，在“Copy to Frames”对话框中选择“All Frames”确认将淡灰色背景层图片复制到各帧中，当然别忘记也将黄褐色(#FF9900)矩形层图片也复制到各帧中。选取第一帧图片，使用鼠标调整淡灰色背景层图片大小至编辑可视区域右侧1/5处。同理调整2、3、4帧淡灰色背景层图片逐渐变短至消失于左侧黄褐色小矩形中，选取油漆桶填充颜色为深紫色(#003366)，填充黄褐色小矩形为该色。为了使效果更加流畅，双击帧控制面板各帧后时间延迟参数，将其设置为“8”(如图2)。最后导出mouseout.gif动画文件。 制作特效 在编辑页面中，执行菜单“Insert/Table”命令插入单列表格，行数由导航栏目数目而定，并设置表格宽度为172Pixels。选取该表格，快捷键“Ctrl+F3”打开其属性窗口，更改“Border”参数为“0”、“CellSpace”参数为“1”(如图3)。设置导航标题栏背景图片为“mouseover.gif”，其他各行“Bg”背景色参数为“#CCFFFF”(淡蓝色)、背景图片为“mouseout.gif”，并输入各行导航信息(如图4)。 快捷键“Shift+F11”打开“CSS Styles”控制面板，点击“New Style”按钮，在弹出的“New Style”对话框中，分别定义鼠标移开导航栏目时显示“蒙版”撤消背景图片“mouseout.gif”的CSS控制名称为“Out”，鼠标移到导航栏目时显示“蒙版”背景图片“mouseover.gif”的CSS控制名称为“Over”。复选“Make Custom Style”的Type类型和“This Document Onl”的Define类型，在“Style definition for .”对话框中设置这两个CSS属性Background项“Background Images”参数为背景图片为“mouseout.gif”和“mouseover.gif”。
Dreamweaver制作网页实用七小招
一、从外部文档中粘贴时，如果只要文字而不想要其格式，可以使用“Edit→paste as text”命令，不要直接用Ctrl+V。二、当有浏览者使用Netscape浏览页面时，在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题，可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决，它可以使在Netscape中浏览页面时，改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候，HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl＋C来拷贝， 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。 四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了：先将“中文输入法”转换成全角状态，然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。 五、library组件和template模板不用上传服务器，就可以正确预览使用了该组件或模板的页面。 六、不要在同一个页面同时使用表格和层来布置，在Netscape中会导致混乱，从属关系除外。 七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图像，然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
在Dreamweaver MX中应用“占位图形”
“占位图形”顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作Web页面――在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。 一、插入占位图形 将光标定在需要插入图形的地方；选择：插入>图像占位符即出现图像占位符对话框，如图： 设定好各项参数后点击“确定”即将占位图形插入到了页面中，如图： 上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。 二、替换占位图形 1.当页面设计好以后，我们就需要使用正确的图形来替换到占位图形。在用DreamweaverMX（简称Dreamweaver MX）中选中占位图形并打开属性面板，点击“创建”按钮。则Dreamweaver MX就会启动FireworksMX(简称Fireworks MX)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。
用Dreamweaver MX创造网页鼠标样式
经常在网上冲浪的朋友是否曾注意到有些网站的鼠标不是规则的斜向上箭头的形状，而是"十"字形，或者是向左的箭头，或者是个问号等等。当你想在网页的不同位置让鼠标显示不同形状，以体现不同的功能区；当你想让你的网站体现与众不同的风格时，考虑一下在鼠标样式上下功夫吧。其实鼠标样式的用途还是极为广泛的，那么怎样才能实现鼠标的不同样式呢？ 启动Dreamweaver，打开你要应用鼠标样式的网页，在主窗口中选择Text下拉菜单，再选择CSS Style子菜单中的New Style命令新建样式表。（注：如果你的网页中已经存在样式表，可以选择CSS Styles' Edit Style Sheet编辑样式表。） 此时弹出New Style对话框。其中Type项有三个单选按钮：Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定义样式，样式名以圆点开头；Use CSS Selector是使用CSS选择器，里边包含四个超链接样式a:active/a:hover/a:link/a:visited；Redefine HTML Tag是定义HTML系统标签的样式，如a\body\br等等。假设我们只对该页面的超链接设置鼠标样式，这里选择Redefine HTML Tag选项中的a标签。下面的Define项选择This Document Only。单击OK按钮。 弹出Style definition for 对话框，进入超链接样式设置。左边的Category是样式类别，这里对其它项不作解释，我们选择Extentions项。可以看到右边Visual Effect中的Cursor项，这就是设置鼠标样式的关键项。单击右边的下拉菜单，选择你所需要的鼠标样式，单击OK按钮就可以了。下面讲一下各样式的大致含义。 hand：是大家所熟悉的手型。 crosshair：是十字型，就是小乌龟首页所用的样式。 text：是平时鼠标移动到文本上的样式。 wait：是等待的效果。 default：是默认的那种效果。 help：是带问号的鼠标样式。 e-resize：是向右的箭头。 ne-resize：是向右上方的箭头。 n-resize：是向上的箭头。 nw-resize：是向左上方的箭头。 w-resize：是向左的箭关。 sw-resize：是向左下的箭头。 s-resize：是向下的箭头。 se-resize：是向右下方的箭头。 auto：是系统自动的效果。 当然根据需要你也可以将样式应用于其它标签，或者单纯的只应用于某一段文本。如果读者对CSS代码不陌生的话，或许直接手写代码更方便。特别是，如果你想在不同的位置运用不同的鼠标样式，或者不同的标签使用不同的鼠标样式。直接将样式写在某个具体的标签里边就可以了。 方法是：< tag style="cursor:mouse_style">。其中tag是标签名，mouse_style就是鼠标样式，如hand/crosshair/text/wait等等。 下面举个具体的实例以加深大家对鼠标样式设置的理解。 < span style="cursor:hand"> hand：是大家所熟悉的手型。< /span>< br> < span style="cursor:crosshair">crosshair：是十字型，就是小乌龟首页所用的样式。< /span>< br> < span style="cursor:text">text：是平时鼠标移动到文本上的样式。< /span>< br> < span style="cursor:wait">wait：是等待的效果。< /span>< br> < span style="cursor:default">default：是默认的那种效果。< /span> < br> < span style="cursor:help">help：是带问号的鼠标样式。< /span>< br> < span style="cursor:e-resize">e-resize：是向右的箭头。< /span>< br> < span style="cursor:ne-resize">ne-resize：是向右上方的箭头。< /span>< br> < span style="cursor:n-resize">n-resize：是向上的箭头。< /span>< br> < span style="cursor:nw-resize">nw-resize：是向左上方的箭头。< /span>< br> < span style="cursor:w-resize">w-resize：是向左的箭关。< /span>< br> < span style="cursor:sw-resize">sw-resize：是向左下的箭头。< /span>< br> < span style="cursor:s-resize">s-resize：是向下的箭头。< /span>< br> < span style="cursor:se-resize">se-resize：是向右下方的箭头。< /span>< br> < span style="cursor:auto">auto：是系统自动的效果。< /span>
DreamweaverMX制作导航下拉菜单
Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver MX(DW MX)中，对这一功能又有了扩充与改进。 在DW MX中，行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event 指的是浏览器的事件，比如窗口刷新、鼠标移动等。而 Action 指的是后台响应事件的 JavaScript 代码，可以完成相应的操作，比如播放声音、翻转图片等。 用DW MX制作导航下拉菜单是网页中经常使用的特效之一。(如图1)主要应用了DW MX中的“Show-Hide Layers”行为。 首先制作好导航条(图1中的“产品中心”那一栏)，随后添加一个层，作为下拉菜单将要显示的位置，并填入下拉菜单的对应栏目。 接下来，打开“Behaviors”面板，同时选中“产品中心”链接(注意，这个时候不能够选中刚刚建好的层，否则无法应用“Show-Hide Layers”行为)，单击“+”号，选择“Show-Hide Layers”，就可以看到我们刚刚建好的层在选择项中，可以设定为隐藏或者显示(如图2)。 行为的妙用主要体现在：如果我们要实现下拉菜单，关键就是让鼠标移到“产品中心”链接上时，使层显示；而鼠标离开链接时，使层隐藏。根据这种思想，我们首先为这个层设立两个Action，一个选择Hide，一个选择Show。然后，调整Event，将Hide Layer的Event设为OnMouseOut，即为鼠标离开链接；而将Show Layer的Event设为OnMouseOver，即为鼠标选中链接。按“F12”预览，就可看到我们期盼的效果。 这样，平时我们觉得很神秘的导航下拉菜单就可以轻易在行为中实现。还可以在导航链接上继续应用 “Swap Image”行为，实现鼠标点选链接时出现图片翻转效果。
十六则Dreamweaver使用快技法
1、灵活运用样式熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用Format Table命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“Format Table”（格式化表格）命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“Format Table”命令， 在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply” 键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率