当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > PS CS3动画教程:加点动画,让签名图生动起来

PS CS3动画教程:加点动画,让签名图生动起来

  • 2022-04-23
  • 来源/作者: OneGreen.Org    / 中国教程网    
  • 9 次浏览

效果图

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

不过好像不整齐,没关系,我们可以用"路径选择工具",先把它们全选择,

然后点一下工具栏上面的"水平居中对齐"

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

好了

按此在新窗口浏览图片

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

按此在新窗口浏览图片

6、按住Shift用"路径选择工具",选择几条相隔的花瓣队列,

新建一个透明图层,点击右键,选择填充子路径,使用白色填充

按此在新窗口浏览图片

按此在新窗口浏览图片

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

分别在图层1、图层2、图层3

按此在新窗口浏览图片

图层1是这样

按此在新窗口浏览图片

图层2是这样

按此在新窗口浏览图片

图层3是这样

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

按此在新窗口浏览图片

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

按此在新窗口浏览图片