推荐阅读

光晕文字,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。投影的魅力
最新发布

Fireworks4图象优化
使用Optimize(优化)面板 Optimize(优化)面板可以很方便的在工作区内进行图象优化,并且同时看到优化后的效果,在Optimize(优化)面板上预先设置了几种优化设定可供选择,你也可以按照自己的需要进行设定。

Fireworks4输出图象
输出图象 当图象优化完成以后,就可以输出了 1,选择File -> Export to可以直接进行输出 2,选择Images Only只输出图象 3,选择html and images可输出图象和html文件 输出一个区域的图象 1,选择工具条上的输出区域工具,在图上画出需要输出的区域范围 2,双击输出区域,会跳出输出预览窗口,在输出预览窗口内可以调整图象输出的设置 3,最后按export按钮就可以输出图象了 输出切片 将一副大的图象使用切割工具分成一个个小的切片以后,你就要把这些切片输出。 1,选择File -> Export 2,在Slicing下有几个选项 None:忽略所有的切片对象,输出成当前格式的整幅图像。 默认的设置是:Export Slice:输出切片包括所有的行为设置 Slice Along Guides:输出切片,但忽略所有该对象的行为设置 如果要只输出选中的一个或几个切片,可以勾选下面的Selected Slices Only 输出flash格式 你可以将图象和动画输出为flash的swf格式 1,选择File -> Export 2,在保存类型下拉菜单内选择Flash SWF 3,点击Options按钮进行设置

Fireworks网页设计综合实例7
十一、 创建变形动画 给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销,因此在添加您的动画前,一定要先考虑好如下问题:动画能否增进您的信息传达力度,访问者下载和播放动画是否迅速、方便,是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变,但传统的GIF动画依然有着不可忽视的优势,我们在这里介绍一下创建GIF动画的两种途径。 1、 在层面板新建一个Logo层,将其置于Web Layer层下方。 2、 我们需要将背景层修改为一个共享图层,打开层面板,切换到背景层,在弹出菜单中选择Share This Layer,将背景层共享,此层上的内容将在所有帧都可见,此层的后面将出现一个共享图标,如下图:3、 切换到Logo层,在文档的右上角创建www.karsong.com文字。 4、 按F8将其转换为图形符号Graphic Symbol。 5、 打开Effect面板,对此符号的实例添加红色Glow效果,如下图所示:6、 选中此实例,在右键弹出菜单中执行Edit>Clone,复制出一个新的实例,并且带有相同的Glow特效。 7、 在Effect面板修改第二个实例的特效,将其改为黄色,并改变Glow的范围和大小,如下图:8、 选择这两个实例,在右键弹出菜单中执行Symbols>Tween Instances创建变形动画,设定插入帧数为6帧,并勾选Distribute to Frames分布到帧,如下图所示:9、 打开Web Layer图层的显示,在此动画位置创建一个切片。 10、 打开Optimize优化面板,设定此切片的类型为Animated GIF,并设定颜色数为32色,如下图所示:11、 此动画完成,您可以打开帧面板设定动画帧之间显示的时间。

Fireworks网页设计综合实例6
十、 创建弹出菜单 通常我们站点里的导航信息必须非常的简练和实用,只有那些最重要的信息才出现在导航条中,而更多的导航和内容信息通常都隐藏起来。对于复杂的展点和多重信息组织,弹出菜单是分层导航的最有效工具,弹出菜单可以在很小的空间中设置大量的目标选项。Fireworks4新增的创建弹出菜单功能,可以非常容易的实现这种导航结构,我们只需将分层信息添加到弹出菜单编辑器中,程序会自动生成相应的交互式代码。 1、 选择导航栏上的“产品展示”按钮,确保Web Layer当前显示及切片可见。 2、 点击此按钮上切片中心的圆形标志,从弹出菜单中选择“Add Pop-up Menu”增加弹出菜单,如下图所示: 3、 在弹出的编辑器中输入如下图所示内容,在Text和Link输入框中输入内容后,点及上部的“+”即可添加新的菜单内容: 4、 继续输入二级菜单内容,选中一个条目后,点击上部的 可以使当前条目缩进,成为下一级菜单;点击可以使当前的条目恢复为上一级菜单。最后的结果入图所示: 5、 点击Next进入下一个设置窗口,在这里我们可以设置文字的大小,菜单的样式等属性,您既可以选择最终的菜单外观是标准的HTML格式,或者是Image图片格式。我们选择图片格式,并设定文字大小为10。 6、 当您选择了Image格式时,需要在下部的两个窗口设置Up和Over状态的菜单样式,您的悬想也许和我们这里的不同,这是因为我们使用了自定义的样式文件。我们可以根据不同设计项目的需要将自定义的样式作为弹出菜单的选项。 7、 我们首先绘制一个最终的弹出菜单的矩形,并设定好需要的填充、描边和特效。如下图: 8、 打开Style面板,选中刚才创建的矩形,在Style面板的弹出菜单中选择New Style创建一个新的样式,并命名为MyStyle,如下图:

Fireworks网页设计综合实例5
八、 建立切片 我们的基本导航及页面结构已经建立好了,现在到了增加切片的时候了。Fireworks中的切片是输出图形及产生交互的主要参考物件,导出的文档将根据切片来将图形切割成不同的部分,并在浏览器中通过表格组装到一起。同时,所有的交互行为也是通过切片之间的联系来产生的,如翻转图、弹出菜单等等。 1、 我们前面建立的按钮本身已经带有了自己的切片,因此我们需要对其他对象建立各自的切片。 2、 创建切片通常使用工具面板中的Slice工具直接绘制 ,但如果想创建精确大小的切片,我们可以选择对象并执行右键菜单中的Insert Slice自动插入切片。 3、 我们使用工具面板中的Slice工具在页面中间绘制一个信息显示切片,我们将在下一步把导航条的每个按钮相关信息显示在这里。 4、 我们增加的切片默认情况下是绿色的半透明对象,它们都放置在Web Layer层上. 九、 创建拖拽翻转效果 1、 单击“企业概况”按钮处的切片,此切片中心将出现一个圆形标志,用鼠标将其拖动到上一步创建的切片左上角,这将设置一个翻转效果,在弹出的对话框中设定鼠标滑过时交换为第二帧的内容,如下图所示: 2、 重复上述步骤,分别为“企业人才”、“产品展示”两个按钮增加翻转效果,并分别对应第三帧和第四帧。 3、 我们在后面各帧相同的位置出分别放置对应每个按钮的说明文字。 4、 最后的效果如下图所示: Fireworks网页设计综合实例

Fireworks网页设计综合实例4
五、 创建按钮 利用Fireworks提供的按钮编辑器,我们可以快速创建具有相似外观的一组按钮,并可以设定按钮的不同状态外观。 1、 使用矩形工具绘制一个90x15的矩形按钮对象,设定它的填充为线性渐变填充,在矩形上方输入“企业概况”。 2、 上一步我们建好了按钮的基本外观,我们可以把它转换为一个按钮符号重复利用。选定上面创建的矩形和文字,按F8将它转换为符号,符号类型为Button。 3、 此时的按钮符号只具有基本的外形,双击刚创建好的这个符号,打开按钮编辑窗口。 4、 常见按钮的Up状态,在按钮编辑器的Up窗口我们可以向编辑普通对象一样,为按钮增加一些特效。打开Effect面板,为此按钮矩形增加Inner Bevel特效,类型为Frame,如图所示: 5、 切换到Over状态,点击下方的“Copy Up Graphic”将Up状态的对象复制到Over状态窗口。改变矩形的渐变填充方向,改变按钮的特效类型为Smooth,如下图: 6、 切换到Down状态,点击下方的“Copy Over Graphic”将Over状态的对象复制到Down状态窗口。改变矩形的填充类型为实色填充Solid,改变按钮的特效类型为Frame1,最后将文字的色彩改变为红色,如下图: 7、 需要注意的是,在按钮的Down状态下,需要取消对“Show Down State Upon Load”的勾选,同时要保证“Include Nav Bar Down state”被勾选,这可以使将来输出时会根据不同的按钮按下情况输出相应的HTML文件。 8、 关闭按钮编辑窗口,按钮的一个实例已经放置在了文档当中。 六、 创建导航条

Fireworks网页设计综合实例3
三、 创造矢量对象 位图是用像素来描述物体的,它适合于表现色彩变化丰富的照片,而矢量图是使用路径和填充来定义对象的外观,它非常容易编辑,并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法,默认情况下Fireworks是以矢量的方式创建和编辑对象。Fireworks提供了常用的创建矢量对象的工具,我们下面利用这些工具创建基本的矢量图形。 1、 选择工具面板上的矩形工具,在文档顶端绘制一776x30的矩形。 2、 设定填充为线性渐变填充,点击填充面板的Edit按钮编辑填充,如下图所示: 3、 在人像的右半边绘制一个130x400的矩形实色填充对象。 4、 接下来我们将在文档顶端创建按钮对象,首先在层面板中新建一个“导航层”,利用矩形工具创建“公司首页”按钮对象,大小为140x15,填充为红色与黑色之间的线性渐变填充,打开Effect面板,设定Inner Bevel特效,如下图所示: 5、 我们还可以在背景层绘制一些线段,以打破背景的单调感觉。 四、 创建文字 Fireworks还提供了强大的文字处理功能,利用文字编辑窗口可以灵活的对文字进行设定,并且与其它对象一样我们也可以对文字施加各种特效。 1、 选择工具面板的文字工具,打开文字编辑窗口,输入“卡尔松服饰有限公司”,如图所示: 我们看到,在文字编辑窗口我们可以分别对不同的文字设定各自的属性。 2、 在文档左半部分输入相应的英文文字内容,并旋转文字90度,如下图所示: 3、 打开层面板,选定“Karsong”设定它的合成方式为“Luminosity”

Fireworks网页设计综合实例2
一、 导入并编辑位图图像。 Fireworks4带有完善的位图创建、修改和处理功能,我们可以导入外部位图文件并对它进行编辑,可以修改和删除位图中的颜色,可以向对矢量图一样增加效果。我们的工作将从层面板开始,新建一个文件后,默认的只有两个图层Web层和Layer1层,双击Layer1层,将层名改为“背景层”。如下图所示: 1、我们将一张男性模特的照片导入此层中。 2、双击图片可以进入位图编辑模式,我们可以用矩形选择工具选定不需要的部分并删除它。 3、位图大小调整好后可以使用实时特效进行色彩调节,打开Effect面板,选择Adjust Color/Levels,在Levels分布图中分别拖动三个滑尺,按照下图所示进行色彩调节: 4、导入的位图一般都有一些细小的杂点,我们可以使用Effect>Blur>Gaussian Blur对图像进行一些模糊处理,使其增加一些柔和的感觉. 二、 自动任务处理。 由于我们在后面将多次使用这个处理过程对位图进行加工,因此可以利用Fireworks提供的自动处理功能加快我们后面的工作,这种自动任务处理可以有很多种途径,我们介绍其中最常用的三种: 1 保存为一个Command。打开历史面板History,选定最后两步Effect纪录,在弹出菜单中选择Save as Command,将这两个步骤保存为一个可执行的Command,命名为BMPmodify。以后我们需要时只需执行Commands菜单下的这个BMPmodify命令即可。