photoshop做动画教程:飘落的花朵(2)

1.先打开素材图 2.alt+ctrl+C,更改画布大小,高度加高点,画布扩展颜色用黑色 3.选自定形状工具,在形状右边一点的地方有个小三角,点开它,选择一个喜欢的形状吧 把自定形状选项的定义的比例打上勾,可以防止形状变扁或

photoshop动画教程:飘落花朵(10)

作者:vind 来源:教程网 最终效果: 延伸效果: 1.先打开素材图 2.alt+ctrl+C,更改画布大小,高度加高点,画布扩展颜色用黑色 3.选自定形状工具,在形状右边一点的地方有个小三角,点开它,选择一个喜欢的形状吧 把自定

  

1.先打开素材图

photoshop做动画教程:飘落的花朵(2)插图

2.”alt+ctrl+C”,更改画布大小,高度加高点,画布扩展颜色用黑色


photoshop做动画教程:飘落的花朵(2)插图(1)

3.选”自定形状工具”,在”形状”右边一点的地方有个小三角,点开它,选择一个喜欢的形状吧


photoshop做动画教程:飘落的花朵(2)插图(2)

把”自定形状选项”的”定义的比例”打上勾,可以防止形状变扁或变长


photoshop做动画教程:飘落的花朵(2)插图(3)

作者:vind 来源:教程网 最终效果:

photoshop做动画教程:飘落的花朵(2)插图(4)

延伸效果:


photoshop做动画教程:飘落的花朵(2)插图(5)

photoshop做动画教程:飘落的花朵(2)插图(6)

  

4.用”自定形状工具”在图中绘制好排成一条队的花瓣路径

photoshop做动画教程:飘落的花朵(2)插图(7)

不过好像不整齐,没关系,我们可以用”路径选择工具”,先把它们全选择,然后点一下工具栏上面的”水平居中对齐”


photoshop做动画教程:飘落的花朵(2)插图(8)

photoshop做动画教程:飘落的花朵(2)插图(9)

好了


photoshop做动画教程:飘落的花朵(2)插图(10)

  

5.复制多几个,然后用同样的方法多做几个大大小小不同的

photoshop做动画教程:飘落的花朵(2)插图(11)

photoshop做动画教程:飘落的花朵(2)插图(12)

6.按住Shift用”路径选择工具”,选择几条相隔的花瓣队列新建一个透明图层,点击右键,选择填充子路径,使用白色填充


photoshop做动画教程:飘落的花朵(2)插图(13)

photoshop做动画教程:飘落的花朵(2)插图(14)

7.选择另外不同的几条相隔花瓣队列,重复第6步,然后我们就得到3个不同队列的花瓣图层,分别在图层1、图层2、图层3

photoshop做动画教程:飘落的花朵(2)插图(15)

图层1是这样


photoshop做动画教程:飘落的花朵(2)插图(16)

图层2是这样


photoshop做动画教程:飘落的花朵(2)插图(17)

图层3是这样

photoshop做动画教程:飘落的花朵(2)插图(18)

  

8.打开”窗口”-“动画” (PS CS3以下版本就切换到ImageReady)

photoshop做动画教程:飘落的花朵(2)插图(19)

9.如果是时间轴动画模式,就点击右下角那个胶片标志的小图标,转换为帧动画


photoshop做动画教程:飘落的花朵(2)插图(20)

10.”帧延迟”改为0.15秒(我后来改成了0.2秒),复制两帧,同时把循环选项改为”永远”


photoshop做动画教程:飘落的花朵(2)插图(21)

photoshop做动画教程:飘落的花朵(2)插图(22)

  

11.在第二个帧中,用”移动工具”分别把图层1、图层2、图层3向下移动30像素、20像素、40像素

photoshop做动画教程:飘落的花朵(2)插图(23)

在第三个帧中,用”移动工具”分别把图层1、图层2、图层3向下移动60像素、40像素、80像素


photoshop做动画教程:飘落的花朵(2)插图(24)

移动多少像素看自己喜欢,没有固定的三个图层移动不同像素,是为了让不同的队列下落速度不同(小贴士:在”移动工具中”,按住Shift键,点↓键,就可以一次向下移动10像素)12.回到第一个帧,在图层面板那,把”传播帧1″前的勾选上,然后把3个图层的”不透明度”都调低点

photoshop做动画教程:飘落的花朵(2)插图(25)

13.”alt+ctrl+C”,再次来到更改画布大小,把高度改回原来的数值(还记得原来数值吧)

photoshop做动画教程:飘落的花朵(2)插图(26)

14.”文件”-“存储为Web和设备所用格式”


photoshop做动画教程:飘落的花朵(2)插图(27)

photoshop做动画教程:飘落的花朵(2)插图(28)

补充:后来觉得”帧延迟”0.15秒太快了,改为0.2秒


photoshop做动画教程:飘落的花朵(2)插图(4)

作者:vind 来源:教程网 最终效果:

photoshop做动画教程:飘落的花朵(2)插图(4)

延伸效果:


photoshop做动画教程:飘落的花朵(2)插图(5)

photoshop做动画教程:飘落的花朵(2)插图(6)

  

1.先打开素材图

photoshop做动画教程:飘落的花朵(2)插图

2.”alt+ctrl+C”,更改画布大小,高度加高点,画布扩展颜色用黑色


photoshop做动画教程:飘落的花朵(2)插图(1)

3.选”自定形状工具”,在”形状”右边一点的地方有个小三角,点开它,选择一个喜欢的形状吧


photoshop做动画教程:飘落的花朵(2)插图(2)

把”自定形状选项”的”定义的比例”打上勾,可以防止形状变扁或变长


photoshop做动画教程:飘落的花朵(2)插图(3)

  

4.用”自定形状工具”在图中绘制好排成一条队的花瓣路径

photoshop做动画教程:飘落的花朵(2)插图(7)

不过好像不整齐,没关系,我们可以用”路径选择工具”,先把它们全选择,然后点一下工具栏上面的”水平居中对齐”


photoshop做动画教程:飘落的花朵(2)插图(8)

photoshop做动画教程:飘落的花朵(2)插图(9)

好了


photoshop做动画教程:飘落的花朵(2)插图(10)

  

5.复制多几个,然后用同样的方法多做几个大大小小不同的

photoshop做动画教程:飘落的花朵(2)插图(11)

photoshop做动画教程:飘落的花朵(2)插图(12)

6.按住Shift用”路径选择工具”,选择几条相隔的花瓣队列新建一个透明图层,点击右键,选择填充子路径,使用白色填充


photoshop做动画教程:飘落的花朵(2)插图(13)

photoshop做动画教程:飘落的花朵(2)插图(14)

7.选择另外不同的几条相隔花瓣队列,重复第6步,然后我们就得到3个不同队列的花瓣图层,分别在图层1、图层2、图层3

photoshop做动画教程:飘落的花朵(2)插图(15)

图层1是这样


photoshop做动画教程:飘落的花朵(2)插图(16)

图层2是这样


photoshop做动画教程:飘落的花朵(2)插图(17)

图层3是这样

photoshop做动画教程:飘落的花朵(2)插图(18)

  

8.打开”窗口”-“动画” (PS CS3以下版本就切换到ImageReady)

photoshop做动画教程:飘落的花朵(2)插图(19)

9.如果是时间轴动画模式,就点击右下角那个胶片标志的小图标,转换为帧动画


photoshop做动画教程:飘落的花朵(2)插图(20)

10.”帧延迟”改为0.15秒(我后来改成了0.2秒),复制两帧,同时把循环选项改为”永远”


photoshop做动画教程:飘落的花朵(2)插图(21)

photoshop做动画教程:飘落的花朵(2)插图(22)

  

11.在第二个帧中,用”移动工具”分别把图层1、图层2、图层3向下移动30像素、20像素、40像素

photoshop做动画教程:飘落的花朵(2)插图(23)

在第三个帧中,用”移动工具”分别把图层1、图层2、图层3向下移动60像素、40像素、80像素


photoshop做动画教程:飘落的花朵(2)插图(24)

移动多少像素看自己喜欢,没有固定的三个图层移动不同像素,是为了让不同的队列下落速度不同(小贴士:在”移动工具中”,按住Shift键,点↓键,就可以一次向下移动10像素)12.回到第一个帧,在图层面板那,把”传播帧1″前的勾选上,然后把3个图层的”不透明度”都调低点


photoshop做动画教程:飘落的花朵(2)插图(25)

13.”alt+ctrl+C”,再次来到更改画布大小,把高度改回原来的数值(还记得原来数值吧)

photoshop做动画教程:飘落的花朵(2)插图(26)

14.”文件”-“存储为Web和设备所用格式”


photoshop做动画教程:飘落的花朵(2)插图(27)

photoshop做动画教程:飘落的花朵(2)插图(28)

补充:后来觉得”帧延迟”0.15秒太快了,改为0.2秒


photoshop做动画教程:飘落的花朵(2)插图(4)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部