手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop使用时间轴制作自然的下雪动画
Photoshop使用时间轴制作自然的下雪动画
摘要:时间轴制作动画相对要复杂一点,首先要制作出循环单元,因为我们要减少导出动画图片的大小。制作好单元后进行拼接得到完整的雪花图,再在时间轴里面设...

时间轴制作动画相对要复杂一点,首先要制作出循环单元,因为我们要减少导出动画图片的大小。制作好单元后进行拼接得到完整的雪花图,再在时间轴里面设置成动画即可。

最终效果

Photoshop使用时间轴制作自然的下雪动画1

1、点击下图打开大图,鼠标右键选择“图片另存为”保存到本机,再用PS打开。

Photoshop使用时间轴制作自然的下雪动画2

2、选择菜单:图像 > 图像大小,查看一下图片的高度。这一步非常重要,因为雪花要循环播放,我们需要找出合适的数值。这里高度为600,我们制作雪花的高度可以设置为300,200,150等都可以。

Photoshop使用时间轴制作自然的下雪动画3

3、按Ctrl + N 新建画布,这里我们设置为850 * 150 像素,分辨率为72。600/150=4刚好是整数倍,宽度跟原始素材一样850。

Photoshop使用时间轴制作自然的下雪动画4

4、这是新建的画布。

Photoshop使用时间轴制作自然的下雪动画5

5、进入通道面板,点击下面的新建按钮,新建一个Alpha 1通道,如下图。视频时间轴制作动画相对来说要复杂很多,新手最好进入240ps.com视频教程里查看视频教程。

Photoshop使用时间轴制作自然的下雪动画6

6、按字母键“D”把前,背景颜色恢复到默认的黑白,前景色为白色,背景色为黑色如下图。

Photoshop使用时间轴制作自然的下雪动画7

7、选择菜单:滤镜 > 像素化 > 点状化,参数设置为5,如下图,然后确定。

Photoshop使用时间轴制作自然的下雪动画8

Photoshop使用时间轴制作自然的下雪动画9

8、按Ctrl + L 调整色阶,参数及效果如下图。

Photoshop使用时间轴制作自然的下雪动画10

Photoshop使用时间轴制作自然的下雪动画11

9、选择菜单:滤镜 > 模糊 > 高斯模糊,数值为1,然后确定,效果如下图。

Photoshop使用时间轴制作自然的下雪动画12

Photoshop使用时间轴制作自然的下雪动画13

10、按Ctrl + F 重复一次模糊滤镜,效果如下图。

Photoshop使用时间轴制作自然的下雪动画14

11、再按Ctrl + L 调整色阶,参数及效果如下图。

Photoshop使用时间轴制作自然的下雪动画15

Photoshop使用时间轴制作自然的下雪动画16

12、按Ctrl + A 全选,按Ctrl + C 复制。

Photoshop使用时间轴制作自然的下雪动画17

13、点RGB通道,回到图层面板,然后点击下面的新建按钮新建一个图层。

Photoshop使用时间轴制作自然的下雪动画18

Photoshop使用时间轴制作自然的下雪动画19

14、按Ctrl + V 把复制的通道粘贴进来,效果如下图。

Photoshop使用时间轴制作自然的下雪动画20

15、选择菜单:滤镜 > 模糊 > 动感模糊,角度设置为60度,距离设置为2,效果如下图。

Photoshop使用时间轴制作自然的下雪动画21

Photoshop使用时间轴制作自然的下雪动画22

16、回到背景素材文件,选择菜单:图像 > 图像大小,850 * 600,我们的循环单元是850 * 150,我们只需要比原始图片增加一个循环就可以。

Photoshop使用时间轴制作自然的下雪动画23

Photoshop使用时间轴制作自然的下雪动画24

17、按Ctrl + N 新建,尺寸为850 * 750,比原始背景多出一个循环 + 150,如下图。

Photoshop使用时间轴制作自然的下雪动画25

18、把做好的雪花拖进来,如下图。

Photoshop使用时间轴制作自然的下雪动画26

19、顶部和左侧都对齐到画布顶部,如下图。

Photoshop使用时间轴制作自然的下雪动画27

20、按Ctrl + J 复制,然后用移动工具拖动对齐上面的图层的底部,进行拼接,如下图。

Photoshop使用时间轴制作自然的下雪动画28

21、再复制几层,同样的方法拼接起来,直到铺满整个画布,如下图。

Photoshop使用时间轴制作自然的下雪动画29

22、把这些图层选择后合并为一个图层,如下图。

Photoshop使用时间轴制作自然的下雪动画30

23、把得到的图层用移动工具拖到背景素材文件里面,并把混合模式改为“滤色”,如下图。

Photoshop使用时间轴制作自然的下雪动画31

24、回到雪花文件,如下图。

Photoshop使用时间轴制作自然的下雪动画32

25、我们的思路是把雪花放大,高度调整到200像素,做成一个新的循环单元。选择菜单:图像 > 图像大小,把高度设置为200,如下图,然后确定。

Photoshop使用时间轴制作自然的下雪动画33

26、选择菜单:图像 > 画布大小,把高度设置为800,如下图。800 - 600=200,刚好是一个循环。

Photoshop使用时间轴制作自然的下雪动画34

27、同上的方法先复制然后拼接,画布铺满后把雪花图层合并为一个图层。

Photoshop使用时间轴制作自然的下雪动画35

28、用移动工具把做好的第一个雪花层拖进背景素材文件,如下图。

Photoshop使用时间轴制作自然的下雪动画36

29、选择图层1,用移动工具把图层的底部和左侧跟背景素材对齐,如下图。

Photoshop使用时间轴制作自然的下雪动画37

30、选择图层2,用移动工具把图层的底部和左侧跟背景素材对齐,如下图。

Photoshop使用时间轴制作自然的下雪动画38

31、现在开始制作动画,选择菜单:窗口 > 时间轴,在设置面板选择创建视频时间轴动画。

Photoshop使用时间轴制作自然的下雪动画39

32、在面板的右上角下拉菜单选择“设置时间轴帧速度”,然后设置为15,这一步也很重要GIF动画帧过多文件就会过大。

Photoshop使用时间轴制作自然的下雪动画40

Photoshop使用时间轴制作自然的下雪动画41

33、我们先把后面的帧固定在14帧左右,这样文件就不会太大。然后选择图层1,选择“位置”,在起始点和终点各点一下前面的菱形图标,如下图。

Photoshop使用时间轴制作自然的下雪动画42

34、在终点把图层1往下移动,顶部和左侧与背景素材对齐,如下图。

Photoshop使用时间轴制作自然的下雪动画43

35、图层2也是相同的方法设置,如下图。

Photoshop使用时间轴制作自然的下雪动画44

36、设置好后把顶部,左侧与背景素材对齐,如下图。

Photoshop使用时间轴制作自然的下雪动画45

37、点击播放按钮预览一下效果,有不满意的地方可以修改。

Photoshop使用时间轴制作自然的下雪动画46

38、满意后选择菜单:文件 > 存储为WEB所用格式,然后选择GIF,下面循环选项选择“永远”,点击存储保存,然后选择保存的位置,并命名。

Photoshop使用时间轴制作自然的下雪动画47

最终效果:

Photoshop使用时间轴制作自然的下雪动画1

【Photoshop使用时间轴制作自然的下雪动画】相关文章:

Photoshop制作颓废艺术签名

用Photoshop制作照片叠加效果

Photoshop制作非主流诡异效果照片

Photoshop制作星空爆炸效果

用Photoshop制作晶莹剔透的logo教程

Photoshop时间轴之5个小技巧详细解析

Photoshop制作虚线的方法

Photoshop利用背景纹理制作非主流照片

妙用PhotoShop制作酷酷的个性插画效果签名

Photoshop合成一幅美丽动人的画卷

精品推荐
分类导航