当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop CS3动画教程:打造蜻蜓戏荷花效果

Photoshop
photoshop教程:笔刷工具为时尚MM染发
photoshop教程:调出紫色田园非主流色彩照
photoshop教程:滤镜制作泡泡海洋抽象艺术背景
photoshop教程:液化滤镜打造守护爱情的天使
photoshop教程:绘制地板上的玻璃碎片
photoshop教程:制作星河体系火焰冲击波场景
photoshop教程:滤镜制作绚丽七彩光芒效果
photoshop教程:滤镜工具打造七彩绚丽星空
photoshop教程:合成飞起的炫彩屋顶
photoshop教程:调出灰暗照片的亮丽色调
Photoshop教程:制作透明玻璃立体字
Photoshop教程:打造心型相框照片装饰效果
Photoshop教程:绘制海边梦幻卡通美少女
Photoshop教程:制作闪耀的黄金钻石字
Photoshop教程:用USM滤镜锐化将照片变清晰
Photoshop教程:制作黄金质感双喜字
Photoshop教程:绘制火影忍者漫画人物
PhotoShop教程:春天田园照片调成秋天田园照
PhotoShop教程:修复运动鞋产品图片
PhotoShop教程:制作消失的长裙特效

Photoshop CS3动画教程:打造蜻蜓戏荷花效果


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 658 ::
收藏到网摘: n/a

最终效果:


图1

  开始制作步骤

  1、打开一张蜻蜓图片。


图2

  2、用多边形套索工具选出蜻蜓的大概范围。


图3

  3、选择魔棒工具在,按住Alt键在选区内蓝色的背景上点一下就能减掉多余的选区。


图4

4、最后用磁性套索工具对选区进行修改,按Shift键时为增加,Alt键为减去,得到一个完整的蜻蜓选区。

Photoshop制作蜻蜓戏荷花动画
图5

  5、打开一张荷花背景图片。

Photoshop制作蜻蜓戏荷花动画
图6

  6、用移动工具将蜻蜓拖入荷花图片中,并在图层面板中命名为“蜻蜓”。

Photoshop制作蜻蜓戏荷花动画
图7

  7、Ctrl+J复制出一个蜻蜓副本,以用于下面切下蜻蜓翅膀做动态效果。

Photoshop制作蜻蜓戏荷花动画
图8

  8、选择蜻蜓副本层,用多边形套索工具选出蜻蜓左边的翅膀。

Photoshop制作蜻蜓戏荷花动画
图9

  9、Ctrl+X剪切,新建一个图层,命名为“左1”,Ctrl+V粘贴。 (下图隐藏“蜻蜓”层以便于观看)

Photoshop制作蜻蜓戏荷花动画
图10

  10、用移动工具将翅膀放回原位。

Photoshop制作蜻蜓戏荷花动画
图11

11、再次选择蜻蜓副本层,用多边形套索工具选出蜻蜓右边的翅膀。

Photoshop制作蜻蜓戏荷花动画
图12

  12、Ctrl+X剪切,新建一个图层,命名为“右1”,Ctrl+V粘贴,用移动工具放回原位。

Photoshop制作蜻蜓戏荷花动画
图13

  13、将切掉翅膀的“蜻蜓副本”改名为“身体”以便于察看。

Photoshop制作蜻蜓戏荷花动画
图14

  14、选择“右1”层,Ctrl+J复制出“右1副本”,命名为“右2”。

Photoshop制作蜻蜓戏荷花动画
图15

  15、同样的,选择“左1”层,Ctrl+J复制出“左1副本”,命名为“左2”。

Photoshop制作蜻蜓戏荷花动画
图16

  16、选择“左2”层,Ctrl+T调整到如下大小和位置。

Photoshop制作蜻蜓戏荷花动画
图17

17、选择“右2”层,Ctrl+T调整到如下大小和位置。下面开始做动画。

Photoshop制作蜻蜓戏荷花动画
图18

  18、在窗口菜单中勾选“动画”以打开动画面板。(PS CS3以下要导入IR中做,方法为点击工具栏最下面的箭头状按钮)。选择第1帧,将显示时间设为0.1秒,在图层面板隐藏除“蜻蜓”和“背景”外的所有图层。最后点红圈内按钮复制出第2、3帧。

Photoshop制作蜻蜓戏荷花动画
图19

  19、选择第1帧,将蜻蜓拖到左上角直至大部分身体在画面外。

Photoshop制作蜻蜓戏荷花动画
图20

  20、选择第2帧,将蝴蝶拖到荷花上。

Photoshop制作蜻蜓戏荷花动画
图21

  21、选择第3帧,将蜻蜓拖到右下角直至大部分身体在画面外。这就确定了蜻蜓飞入和飞出画面的三个位置。

Photoshop制作蜻蜓戏荷花动画
图22

22、选择第2帧,点红圈内按钮复制出第3、4帧。

Photoshop制作蜻蜓戏荷花动画
图23

  23、选择第3帧,图层显示和隐藏设置如下。这样第2、3、4帧就能完成一个振翅的动作。点击动画面板中的三角形播放按钮可随时观看效果。

Photoshop制作蜻蜓戏荷花动画
图24

  24、我想让它振翅2次,所以按住Shift键同时选中第2、3、4帧,再点复制按钮复制出第4、5、6帧即可。

Photoshop制作蜻蜓戏荷花动画
图25

  25、同时选中前2帧,点红圈内过渡按钮设置如下过渡,形成蜻蜓徐徐飞入画面的效果。

Photoshop制作蜻蜓戏荷花动画
图26

  26、同时选中最后2帧,设置同样过渡,形成蜻蜓徐徐飞出画面的效果。

Photoshop制作蜻蜓戏荷花动画
图27

27、按住Ctrl键同时选中第1帧和第4帧,设显示时间为0.5秒。

Photoshop制作蜻蜓戏荷花动画
图28

  28、选择菜单/文件/存储为Web和设备所用格式。

Photoshop制作蜻蜓戏荷花动画
图29

  29、在弹出对话框中,一般无需修改默认参数,直接点击“存储”按钮,即可保存Gif动态图。

Photoshop制作蜻蜓戏荷花动画
图30

  30、最终效果:

Photoshop制作蜻蜓戏荷花动画
效果图