<b>Photoshop CS3教程:蜻蜓落荷花动画</b>[Photoshop设计]

　　这个Photoshop CS3实例通过选区工具和变形工具的综合应用,制作了一个蜻蜓振翅飞过荷花的动画,操作简便实用,效果还不错,合适操练Photoshop动态图的制作.先看下效果吧:

图1

　　开始制作步骤:

　　1、翻开一张蜻蜓图片.

图2

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

图3

　　3、挑选魔棒工具在,按住Alt键在选区内蓝色的后台上点一下就可以减掉多余的选区.

图44、最后用磁性套索工具对选区举行改正,按Shift键时为增添,Alt键为减去,得到一个完好的蜻蜓选区.

图5

　　5、翻开一张荷花后台图片.

图6

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

图7

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

图8

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

图9

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

图10

　　10、用移竣工具将翅膀放回原位.

图1111、再次挑选蜻蜓副本层,用多边形套索工具选出蜻蜓右边的翅膀.

图12

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

图13

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

图14

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

图15

　　15、一样的,挑选“左1”层,Ctrl+J复制出“左1副本”,命名为“左2”.

图16

　　16、挑选“左2”层,Ctrl+T调整到以下大小和位置.

图17　17、挑选“右2”层,Ctrl+T调整到以下大小和位置.下面开始做动画.

图18

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

图19

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

图20

　　20、挑选第2帧,将蝴蝶拖到荷花上.

图21

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

图2222、挑选第2帧,点红圈内按钮复制出第3、4帧.

图23

　　23、挑选第3帧,图层显示和躲藏设置以下.这样第2、3、4帧就可以完成一个振翅的行动.点击动画面板中的三角形播放按钮可随时傍观效果.

图24

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

图25

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

图26

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

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

图28

　　28、挑选菜单/文件/存储为Web和设备所用格局.

图29

　　29、在弹出对话框中,普通无需改正默许参数,直接点击“存储”按钮,便可保存Gif动态图.

图30

　　30、终究效果:

效果图