推荐阅读
Photoshop合成教程:打造在玻璃瓶中跳舞的女孩图片
效果图合成比较简单，直接把人物抠出，贴到瓶子里面，并调整好大小；然后根据环境，渲染人物的颜色和光影；最后给人物周围增加一些装饰元素，得到想要的效果。最终效果1、打开人物及瓶子素材。2、接下来就是先把人物抠出来，这里使用的是通道抠图，这个步骤就不详述了，抠图的时候要细心一点。然后把人物移到瓶子上面，水平翻转一下，并调整好大小，如下图。3、按住Ctrl点击人物图层缩略图调出选区，然后确认当前操作图层是在背景瓶子图层，按Ctrl + J 复制图层，将美女选区内的瓶子复制出来，移到人物图层上面，再混合模式改为“点光”，再用橡皮工具擦掉不需要的瓶子即可。4、接下来我们调整人物颜色，这里用了颜色叠加、渐变叠加、照片滤镜、色相/饱和度等来调整，参数设置如下图。
Photoshop照片美化:制作淡黄色效果OL美女照片
暖色OL照片比较好把握。调色的时候只需要把画面中的其他色调转为暖色，然后适当调整好整体层次，局部可以适当渲染一些补色，增强画面的协调关系即可。最终效果 原图一、打开需要调色的OL美女照片素材，创建可选颜色调整图层，对红，黄，绿，白进行调整，参数设置如图1 - 4，效果如图5。
PS制作旋转起来的太极阴阳字GIF动态图教程
效果图： 添加一些元素后 1、打开素材，复制一层，在中间打上文字，将文字图层拉到两个太极图之间。 2、新建组，将三张图拖进组里，将最上方的太极图CTRL+T垂直翻转，在图层上点右键，创建剪贴蒙版。 3、做动画部份来了。复制组12份，到窗口―动画，打开动画面板，将第一帧里的组1的眼睛点掉，新建13帧空白帧。 从第二帧开始点开组1的眼睛，第三帧点开组1副本的眼睛，将组里的两个太极图分别旋转30度，第四帧点下一组眼睛，旋转60度以此类推，每加一帧加30度，最后删除第一帧，存储为WEB和设备所用格式就可以了。 效果图! 素材：
最新发布
Fireworks常见问题解答(7)
33．如何调用Photoshop的滤镜 选择Edit > Preferences 点Folders标签 ，选取photoshop_plug-ins，点Browse按钮，选择photoshop安装目录下的plug-in目录，重新起动fw4后， photoshop滤镜就会出现在xtra菜单和effect面板中。 如果没安装PS的话，可以将插件解压到X:……\macromedia\Fireworks 4\configuration\xtras目录下，重新启动FW4即可。不过FW4只是支持部分PS的插件，我知道的主要有KPT6、KPT3、Eye Candy 4000、AVBrosPageCurl（用来卷页的）。34．如何改变颜色模式？ 点Mixer面板右上角小箭头的弹出菜单，可以选择色彩模式，RGB为基本色，Hexademical是RGB的十六进制，CMYK为印刷色(RGB的补色+纯黑)，HSB是色相/饱和度/亮度模式，Grayscale是灰级模式35．在位图模式下，选中一些像素，如何实现反向选择？ Modify->Marquee->Select Inverse。36．怎样才能画出圆角三角形？ 1.用多边形工具画一个三角形. 2.选中这个三角形 3.选择菜单Modify--Alter Path--Inset Path--将Direction选为Outside，宽度自己修改一个合适得值---Coner选为中间的那个圆角形---OK!37．怎么样才能实现跨帧共享图层，一般用在什么地方？ 图层将 Fireworks 文档分成了不同的平面，就如同不同的描摹图纸重叠了一样。对于动画而言，你也可以使用图层来对作为动画的背景或场景的一部分的对象进行组织。 如果你需要一些对象的出现贯穿动画的始终，就可以把这些对象放到一个图层上，然后使用图层面板来跨帧共享该图层。选择该图层后，点选图层面板右上角的三角形菜单，选择SHARE THIS LAYER即可。 你可以在任何帧上对共享层上的对象进行编辑；这些编辑操作会在所有其它的帧上得到反映。 提示：Web 层上只包含有切割对象和热区对象，永远是跨帧共享的。 38．如何制作Commands？ firework中的commands都是由javascript编写的。可以有三种制作方法 1.用“History"浮动面板生成commands:：在历史面板上，将有用的步骤选中，单击右下角的保存按钮，将文件保存为*.jsf文件，放在“command”目录下的“creative“目录中。 2.用“batch process"生成批处理命令： 设置好批处理内容后，但机对话框右下角的“script"按钮，将文件保存。 3.自己编写自己的commands命令：可以用"Ultraedit"打开*.jsf文件，了解firework中正确的编程方式。 做好了commands命令，就可以用“commands"菜单下的“batch a commad..."对大批的文件进行你自己操作了。
Fireworks常见问题解答(5)
24．如何制作无缝平铺的背景图案 制作新图案填充过程中最大的问题就是如何使图片拼接时无缝当FW在填充大于图案图片的区域时，将图案图片重复平铺，直到充满整个对象。如果图片使用了哪怕最小的边框，在重复拼接之后就非常明显；在大多数时候，这种情况是不满足要求的，有几种方法可以避免这种接缝的出现。 首先，最简单的方法就是不要将图形无素放到图案图片的边缘。这就使得各个图片的画布（或者是背景颜色）可以平滑混合。 当然，许多情况下图片已经覆盖了整个背景，画布的颜色完全被遮盖住。对这种类型的图形要转换为图案的时候，必须进行一定的图片编辑工作，以保证边缘消除。很幸运，fw 具有足够的图形编辑能力来完成这种操作。平铺放置图片的时候，图片的各个边都将与另外的图片连接要消除所有的边界，必须模拟一个平铺后的图案，然后对图片的边缘进行混合，从而消除边界。下面是在fw中对图案边缘进行平滑处理的操作步骤： 1、打开要转换为图案的图片文件。 2、选择图片的某一部份作为图案的基础部分。使用扫描图片或者其他图形的一部份作为图案是一种常规方法。首先决定图案的大小（128*128就是不错的选择），然后通过选项面板使用marquee（选框）工具的fixed size功能设置相应的尺寸。这样就可以方便地使用预设的选框，并且可以灵活地在图形中移动，从而定位所需的部份。 3、选择菜单命令edit->copy拷贝选择的区域。 4、选择菜单命令file->new创建一个新的文档。该文档应该至少是所选图片的三倍以上。如果选择128象素的正方形图片，那么新文档的最小尺寸为384*384。 5、为了准确定位，可以选择菜单命令view->grid option->edit grid来将网格线的尺寸设置为所选图片的尺寸，并且选中show grid和snap to grid选项。 6、选择菜单命令edit->paster，将剪贴板中的内容粘贴到文档的左上角。 7、使用alt+拖动方法复制图片，将复制的图片放到第一幅图片的右边。 8、重复第7步两次，在前两幅图片的下面再粘贴两幅图片。 9、关闭网格线显示，关闭snap to grid选项 10、选择所有四幅图片，使用命令modify->merge images。这一步是必须的，因为这种技术的核心是使用像皮图章工具，这个工具只能对于图片对象操作。由于使用命令之前选择了所有图片，所以四幅图片被合并到一个图片之中。 11、从工具箱中选择橡皮图章工具 12、首先处理左右两边图片之间垂直方面上的接缝。在边缘附近某一侧离边缘几个象素的地方点下橡皮图章源点，从左到右拖过边缘（或者从右到左，这取决于橡破图章的源点在边缘的哪一边），将一个图片的边缘扩展到另一个图片的边缘。 从上到下处理完垂直接缝，有时需要切换方向和源点以便改变模糊操作方式，可以按住alt键重新设置橡皮图章工具源点的位置。如果有必要，可以在选项面板中将橡皮图章工具选项设置为最柔和的边缘。 13、在对垂直接缝进行模糊处理结束之后，按此法对水平接缝进行模糊处理，根据需要改变橡皮图章的方向。 当完成垂直方向和水平方向的接缝模糊处理之后，应该得到无缝图案，这一步完成之后，就可以复制图片的某一部分用于图案了。25．Fireworks中如何在不同的图中使用同一种切割方法？ 拷贝WEB层，把别的层锁定，全选拷贝，打开另一个图，粘贴就可以了。
Fireworks常见问题解答(6)
26．PNG格式有什么特点？ PNG格式的全称为“Portable Network Graphics （移植的网络图象文件格式 ）”。 优点： 1. 压缩比率高，并且是无损压缩，适合在网络中传播； 2. 具有8位、24位和32位三中色彩深度； 3.支持Alpha通道透明（ 32位）和色彩索引透明（ 8位）； 缺点： 1) 没有动画功能； 2) 浏览器支持不理想，只有最新的主流浏览器才支持；目前最新的版本是于1996年10月W3C组织制定的。适用于色彩丰富复杂，图象画面要求高的情况，比如作品展示等。27．FW中可不可以将彩色位图转成灰度图？ Xtras->Adjust color->Hue/Salution，或者Effect面板 Adjust Color->Hue/Salution 将Salution选项调为0，或者在优化面板GIf的色彩setting中选Grayscale，可以输出灰度图(Jpeg不支持)28．怎样把在FW4里做的网页中一部分做成GIF格式，一部分做成JPG格式？ 在Optimize面板中将一部分设置为gif格式，另一部分设置为jpg格式。29．历史记录默认的是只有20条，在哪里设置增加呢？ 打开Edit>Prefereces，在General选项中有undo steps选项，调整即可，不过太大了，对内存和硬盘都有要求，一般40-50即可。30．如何使文字按照一定的路径排列？ 同时选择文字和路径，然后Text/Attach to Path。31．如何矢量图转化为位图？用Modify-Convet to Bitmap可以将矢量图转化为位图。32．FW4做的下拉菜单在鼠标离开后消失得不太灵敏，怎么办？ 这个问题可以通过修改fw_menu.js文件来解决，首先找到控制菜单显示速度的以下代码：setTimeout("fwDoHide()", 1000)(elapsed < 1000)setTimeout("fwDoHide()", 1100-elapsed) 默认的数值1000表示当前的延迟时间是1秒，如果想将延迟时间修改为原来的一半，可以将上述代码里的数值修如下：setTimeout("fwDoHide()", 500)(elapsed < 500)setTimeout("fwDoHide()", 550-elapsed) 你可以通过不断的修改找到你满意的数值，注意不要将这个延迟时间设置的太短，以避免浏览者还没有看清菜单内容，菜单就消失了。
稚幼体字体效果制作
首先来看下面的示范按纽图片： 本节教程计划用三种方法来和大家一起学习这种圆角按钮的制作方法，希望大家可以从三种方法中分别学习到一些东西。第一种方案：[常规性方案]1、打开FW，新建一个文件，文件的大小、背景色自定义。2、开始具*作之前，先执行菜单命令“View--Guides--Edit Guides”，在弹出的对话框中进行设定：将Show Guides（显示辅助线）和 Snap to Guides（吸附到辅助线）前面的对勾选中，点击OK即可，具体设定如下图所示：[注意：辅助线对后面的操作起着很大的作用，所以最好还是先看看这里的设定] 4、选取工具箱的椭圆绘制工具，配合Shift键，在两条辅助线中间绘制出一个圆形，圆形的直径大小和两条辅助线之间的距离大小要相等。选定绘制的圆形，执行快捷键操作“Ctrl+Shift+D”（相应菜单命令为“Edit--Clone”），这样就原地Clone（克隆）了一个圆形对象，选定克隆对象，向右拖动它，或者使用键盘上的向右的方向键向右拖动该克隆对象，调整后的两个圆形对象如下图所示：
接触效果按钮的制作
首先请大家看看按钮的效果，请将鼠标点击按钮，去另一页看效果 通过上面的示例效果，我们可以清楚的感觉到按钮被按触时凹陷的效果，如何才能制作出这样一款逼真的按触按钮呢？请和我一起来：1、打开FW，新建文件，文件的大小考虑制作的按钮的大小，背景色自定，可以采用透明背景，以便于与网页的背景的融合，这里我们为了叙述方便，采用了白色背景。2、执行菜单命令“Insert--New Button”，这样就会自动进入按钮符号的编辑区，我们首先要编辑的是按钮的Up状态。3、采用上节我们讲述的第三种制作方案，画出一个圆角矩形，矩形的填充方式为Linear（线性渐变），填充方案为“Black，White”，通过选取工具箱的油漆桶工具对填充颜色的方向进行调整，如下图所示： 4、再次绘制出一个圆角矩形，注意在绘制时，宽和高都要小于上一步刚刚绘制的圆角矩形。填充的方式仍然为“Linear（线性渐变）”填充，填充的方案需要改变，点击Edit按钮，打开颜色编辑列，将填充颜色变为"#0064ff--#00ccff"，当然，你也可以自己进行相关调整，具体的设置请看下图：
按钮的制作
开始教程之前，还是先来看按纽的几款效果图 通过效果的观察，想必大家对于上面这些按钮的制作方法已经有了一些初步的想法，好，那么就请看看下面的操作步骤是否和你的想法相吻合~~1、打开FW，新建一个文件，文件的大小为100*100，背景色采用了白色。 2、选取工具箱的矩形工具，配合Shift键，在编辑区绘制出一个正方形，选中正方形分别打开Stroke面板和Fill面板进行设定。Stroke选项选择None，不要描边；Fill选项中填充方式选择Linear（线性渐变填充），填充方案可以选择“Black，White”方案，也可以点击“Edit”按钮，进行颜色列的编辑，这里我采用的颜色方案是“#DADADA--#000000”，具体设定如下图所示：3、此刻正方形的填充效果是默认的由上向下的填充，不符合我们的要求，我们需要将填充方向进行调整，记得在“一款立体字的制作”的教程中，给大家介绍了使用油漆桶工具进行填充方向调整的简单方法，大家可以在这里实践一下了：从左上角的方向向右下角的方向拖动油漆桶，就产生了我们需要的斜向渐变色填充的效果，如下图所示： 4、选定正方形对象，打开Fill填充面板，将Edge选项进行调整，将其设定为“Feather（羽化）”，羽化数值不要太大，这里我们定为1，如下图所示：
圆角矩形之深入探讨
首先声明，这个教程仅仅可以作为一个讨论的话题来进行，讨论话题的中心是由一个问题引起的，问题如下：问题：如何才能制作出这样一个矩形框--有两个圆角，两个直角？比如下面的效果图所示： 如果上面的效果图你感到烦乱的话，那么就来看看这个单一的效果图吧：制作的方法有很多，你可以想到有几种呢？我们的答案是：6种！[第一种方案：Mask（遮罩）的灵活运用] 如果是刚刚通过遮罩教程学习的朋友看到这个问题，想必会不经思索的会说：“Easy，使用Mask，就可以轻松实现这种效果！”果真如此吗？请看：1、选取工具箱的圆角矩形绘制工具，在编辑区绘制一个任意形状的圆角矩形（有关圆角矩形的绘制方法，我们在《圆角矩形按钮》制作一文中已经有了详细的讲述，请查阅），如下图： [方案总结：是一种比较好的思路方法，但是太复杂……不适合初学者] [第二种方案：使用“Modify--Combine--Punch”命令来实现]
无缝背景图制作之二
上一节我们学习了如何制作简单的无缝背景拼接图的方法，本节我们来学习制作可以应用到FW的材质库中的无缝拼接的图案，并且学习如何保存一个新图案。重点需要掌握的工具是Rubber Stamp Tool（橡皮图章工具），该工具在使用中可能不会很轻松的上手，需要多多试验才能熟练使用，希望各位能够做好心理准备。1、 打开Fw，然后打开需要转换为图案的图片文件，本例打开的图片如下图所示： 2、 选择图片中某一部分作为图案的基础部分，选取工具箱中的Marquee（选框工具），打开Option（选项）面板，进行设定：Style（选框形式）采用Fixed Size（固定选框大小）；将宽和高均设为100像素大小，如下图所示： 3、 在图片中需要转化为图案的地方进行选取，因为固定了选框的大小，所以可以很容易的选定区域，并且可以灵活的使用鼠标拖动选取区域，选中的区域如下图所示： 4、 将选中的区域进行复制操作（快捷键为"Ctrl+C"）。5、 使用快捷键Ctrl+N新建一个文件,文件的大小设为刚才选框大小的二倍即可，刚才选框设为了100x100像素大小，则新文件宽高均设定为200像素大小。6、 为了准确定位图片对象在编辑区的位置，执行菜单命令View（视图）/Grid（网格）/Edit Grid（编辑网格），在弹出对话框进行设定：将网格的尺寸大小设置为所选图片区域的大小（100*100），同时选中Show Grid（显示网格）和Snap to Grid（吸附到网格）选项，具体设置如下图所示： 7、 设定完毕，编辑区的网格显示如下图所示： 8、将刚才复制的选取图片粘贴到编辑区的左上角位置（快捷键为"Ctrl+V"），并吸附到左上角的网格，如下图所示： 9、 使用Alt+拖动（鼠标拖动或方向键拖动）方法复制图片。（当然，还可以用"Ctrl+V"的方式复制图片）将复制的图片放到第一幅图片右侧的网格。10、 重复第9步操作，再次复制两个图片，分别将图片放置到左下角和右下角的网格内，如下图所示：11、 执行菜单命令View（视图）/Show Grid（显示网格线），这样在网格显示的状态下就会关闭网格显示。12、 执行菜单命令Edit（编辑）/Select All（全选）（快捷键"Ctrl+A"），选中编辑区的四幅图片，执行菜单命令Modify（修改）/Convert to Bitmap（转化为位图），四个图片会自动的合并成为一个位图图片。[注意：]转化位图的操作是必须的，因为本节要学习的重点工具是Rubber Stamp Tool（橡皮图章工具）,而该工具只能作用于位图对象上。 13、 选取工具箱中的Rubber Stamp Tool（橡皮图章工具），打开Option（选项）面板进行设定：将橡皮图章工具的边缘设置为最柔和的边缘，如下图所示：[注意：] 下面的一步是整个过程的重点所在，需要技巧和耐心来完成，而且可能需要反复尝试才能成功。为了避免误操作而导致前面所有的工作全部报废，建议你现在最好先保存一下目前的图片。[关键操作介绍：]关于橡皮图章的源点和操作点是橡皮图章在使用过程中的核心点所在，你可以提前打开任意一幅图片，用橡皮图章进行一番操作，理解一下源点和操作点的关系，以便于后面的操作能够顺利进行，请先看下面的热身运动：第一步，打开位图图像，选取工具箱的橡皮图章工具。第二步、在笑脸处，单击橡皮图章，这样就定义了“源点”。第三步、定义了源点后，移动图章工具到下方，再次点击图章工具，这样就定义了操作点。
一款立体字的制作
教程重点简述：填充功能的深入挖掘下载教程或源文件 我们已经学习过好多种立体字的制作方法了，不管是哪一种立体字的制作，都要有一个中心在里面，那就是力求体现出立体的效果，开始本教程的学习之前，请大家先看看下面的立体字的效果图，如果您不管怎么看都不象是立体字的话，哪就不必后面的学习了~~ :) 呵呵~~~请看具体的操作步骤：1、打开FW，新建一个文件，文件的大小为300*100像素，背景色自定，我们在例子中采用了紫色（#663399）。2、选取工具箱的文字工具，在编辑区点击，在弹出的文字编辑框中输入相关文字，这里输入的文字为“3D text”，字体为“Arial Black”，字号为60大小，字体采用加粗模式，颜色可以自定，设定完成后，编辑区的文字对象如下图所示：3、接下来我们要对文字的填充色进行调整。选定文本对象，打开Fill（填充）面板，进行相关设定。将填充方式设为Linear（线性渐变填充），填充的方案选择“White，Black”，其余选项保持默认值不做更改，具体的设定请参考下图：
电视雪花效果动画
教程开始之前，首先请看如下所示动画效果： 如何才能产生这种类似电视雪花效果的动画呢？通过滤镜、插件？不用，FW4里面已经为我们准备好了这种效果，请看后面的详细步骤： [注意]在开始本节的学习前，请大家首先参阅一下先前的文章“模拟条形码的制作”，因为我们后面的操作是对上一节操作的继续，相关的内容这里就不再赘述了。第一步、首先我们先和“模拟条形码的制作”一文简单的接一下头，在“模拟-”一文中，通过调整矩形的颜色调节手柄，已经出现了如图01所示的条形码效果：图 01 条形码效果第二步、选定矩形对象，此刻矩形的调节手柄会显示出来，我们可以发现，起始端点的圆形调节手柄和结束端点的正方形调节手柄位于同一条直线上，好了，现在仍然选定正方形的调节手柄，向起始端点的圆形手柄拖动，这样两个端点的距离会越来越小，同样的矩形的填充效果也会随着你的鼠标的推动而不断的发生变化，两个端点的距离位置关系请参考图02所示：图 02 调节手柄的位置