ps制作动态风车图(2)

4.用直接选择工具,选取右上角的锚点,右键–删除锚点 5.点亮素材图片图层前面的眼睛,CTRL+回车,把路径转换成选区 6.路径转换成选区后,CTRL+J复制选区为新图层,然后删掉原来的素材图层,得到如下图 7. 在图层2

ps制作动态风车图(7)

简介:本次教大家用PhotoShop制作一个风车转动的GIF动态效果,从风车制作到动画都有详细过程,喜欢的同学可以学习一下! 效果图: 素材: 1.新建 2.打开一张素材,拖入文档中,CTRL+T调整到适当大� � 3.隐藏素材图

4.用直接选择工具,选取右上角的锚点,右键–删除锚点

ps制作动态风车图(2)插图

5.点亮素材图片图层前面的眼睛,CTRL+回车,把路径转换成选区

ps制作动态风车图(2)插图(1)

6.路径转换成选区后,CTRL+J复制选区为新图层,然后删掉原来的素材图层,得到如下图

ps制作动态风车图(2)插图(2)

7. 在图层2,用椭圆选框工具,画一个圆,移动位置如下图,移好后按shift+ctrl+i反选,再按CTRL+J 复制选区为新图层(得到图层3)。

ps制作动态风车图(2)插图(3)

8.图层3,按住ctrl+鼠标左键点击图层3(透明区域),把图层3截入选区。

ps制作动态风车图(2)插图(4)

9.打开渐变编辑器,调出如下渐变。

ps制作动态风车图(2)插图(5)

10.在图层3的选区中拉出一个渐变,CTRL+D(取消选择)。

ps制作动态风车图(2)插图(6)

11.回到图层2,用椭圆选框工具画个椭圆,右键–羽化15,确定。

ps制作动态风车图(2)插图(7)

12.按CTRL+U打开色相/饱和度,把明度调到-64,确定。

ps制作动态风车图(2)插图(8)

13.选中图层2和图层3,按CTRL+E合并图层,现在风车叶子的一片就算做好了。

ps制作动态风车图(2)插图(9)

 

简介:本次教大家用PhotoShop制作一个风车转动的GIF动态效果,从风车制作到动画都有详细过程,喜欢的同学可以学习一下!

效果图:

ps制作动态风车图(2)插图(10)

素材:

ps制作动态风车图(2)插图(11)

1.新建

ps制作动态风车图(2)插图(12)

2.打开一张素材,拖入文档中,CTRL+T调整到适当大小。

ps制作动态风车图(2)插图(13)

3.隐藏素材图片,画一个矩形,在右侧增加一个锚点

ps制作动态风车图(2)插图(14)

14.CTRL+T,把中心点拖到左下角。

ps制作动态风车图(2)插图(15)

15.在上方角工具条度输入90,它就会以左下角为中心向右旋转90度,然后按一下回车。

ps制作动态风车图(2)插图(16)

16.按快捷键shift+ctrl+alt,再按字母 T 三下,就会得到三个旋转过的图层,把四个风车叶子图层合并。

ps制作动态风车图(2)插图(17)

17.CTRL+T,从左边和上边标尺处各拖出一条辅助线到风车中心点(如果没有辅助线,请选CTRL+R,显示辅标尺),形成十字,中心点相交。

ps制作动态风车图(2)插图(18)

18.新建一层,画一个小圆形,填充红色,中心点对齐。

ps制作动态风车图(2)插图(19)

 

19.再画一个更小的圆形,填充黄色,移至中心,如图。

ps制作动态风车图(2)插图(20)

20.用矩形选框工具(快捷键M),拉一个一像素的选框,在黄色圆形的中间,纵横分别删去选中部分,呈现十字形。然后把上面三个图层合并。

ps制作动态风车图(2)插图(21)

21.在背景上面新建一层,用矩形选框工具,画一个细长的选框作为风车手柄。

ps制作动态风车图(2)插图(22)

22.给选框填充一个渐变。

ps制作动态风车图(2)插图(23)

23.填好后如下图

ps制作动态风车图(2)插图(24)

 

24.在风车叶子图层CTRL+T,并在上边工具栏中,角度中输入10度,按回车。

ps制作动态风车图(2)插图(25)

25.按住快捷键SHIFT+CTRL+ALT,再按T字母8次。然后把风车图层前面的眼睛去掉,只留最下面一个风车图层亮着眼睛及手柄与背景。

ps制作动态风车图(2)插图(26)

26.再拖进一张自己喜欢的背景,把背景放在背景图层上面。并把风车手柄多余的部分删去。再把手柄颜色调淡一点(CTRL+U 明度向右拉一点)

ps制作动态风车图(2)插图(27)

27.执行窗口—动画,打开动画面板,第一帧对应图层1副本

ps制作动态风车图(2)插图(28)

28.点动画面板复制当前帧按钮(垃圾桶左边那个),取消图层1副本前面的眼睛,点亮图层1副本2前面的眼睛。

再复制当前帧,取消图层1副本2的眼睛,点亮图层1副本3的眼睛,以此类推,直到把9个图层都对应完毕。

ps制作动态风车图(2)插图(29)

29.对应图示例。每一帧只让它显示一个风车叶子图层,且要让它按转动的方向顺序进行。

对应完之后可以按动画面板播放键 预览一下效果,然后保存。

ps制作动态风车图(2)插图(30)

30.保存

ps制作动态风车图(2)插图(31)

最终效果!

ps制作动态风车图(2)插图(10)

简介:本次教大家用PhotoShop制作一个风车转动的GIF动态效果,从风车制作到动画都有详细过程,喜欢的同学可以学习一下!

效果图:

ps制作动态风车图(2)插图(10)

素材:

ps制作动态风车图(2)插图(11)

1.新建

ps制作动态风车图(2)插图(12)

2.打开一张素材,拖入文档中,CTRL+T调整到适当大小。

ps制作动态风车图(2)插图(13)

3.隐藏素材图片,画一个矩形,在右侧增加一个锚点

ps制作动态风车图(2)插图(14)

4.用直接选择工具,选取右上角的锚点,右键–删除锚点

ps制作动态风车图(2)插图

5.点亮素材图片图层前面的眼睛,CTRL+回车,把路径转换成选区

ps制作动态风车图(2)插图(1)

6.路径转换成选区后,CTRL+J复制选区为新图层,然后删掉原来的素材图层,得到如下图

ps制作动态风车图(2)插图(2)

7. 在图层2,用椭圆选框工具,画一个圆,移动位置如下图,移好后按shift+ctrl+i反选,再按CTRL+J 复制选区为新图层(得到图层3)。

ps制作动态风车图(2)插图(3)

8.图层3,按住ctrl+鼠标左键点击图层3(透明区域),把图层3截入选区。

ps制作动态风车图(2)插图(4)

9.打开渐变编辑器,调出如下渐变。

ps制作动态风车图(2)插图(5)

10.在图层3的选区中拉出一个渐变,CTRL+D(取消选择)。

ps制作动态风车图(2)插图(6)

11.回到图层2,用椭圆选框工具画个椭圆,右键–羽化15,确定。

ps制作动态风车图(2)插图(7)

12.按CTRL+U打开色相/饱和度,把明度调到-64,确定。

ps制作动态风车图(2)插图(8)

13.选中图层2和图层3,按CTRL+E合并图层,现在风车叶子的一片就算做好了。

ps制作动态风车图(2)插图(9)

 

14.CTRL+T,把中心点拖到左下角。

ps制作动态风车图(2)插图(15)

15.在上方角工具条度输入90,它就会以左下角为中心向右旋转90度,然后按一下回车。

ps制作动态风车图(2)插图(16)

16.按快捷键shift+ctrl+alt,再按字母 T 三下,就会得到三个旋转过的图层,把四个风车叶子图层合并。

ps制作动态风车图(2)插图(17)

17.CTRL+T,从左边和上边标尺处各拖出一条辅助线到风车中心点(如果没有辅助线,请选CTRL+R,显示辅标尺),形成十字,中心点相交。

ps制作动态风车图(2)插图(18)

18.新建一层,画一个小圆形,填充红色,中心点对齐。

ps制作动态风车图(2)插图(19)

 

19.再画一个更小的圆形,填充黄色,移至中心,如图。

ps制作动态风车图(2)插图(20)

20.用矩形选框工具(快捷键M),拉一个一像素的选框,在黄色圆形的中间,纵横分别删去选中部分,呈现十字形。然后把上面三个图层合并。

ps制作动态风车图(2)插图(21)

21.在背景上面新建一层,用矩形选框工具,画一个细长的选框作为风车手柄。

ps制作动态风车图(2)插图(22)

22.给选框填充一个渐变。

ps制作动态风车图(2)插图(23)

23.填好后如下图

ps制作动态风车图(2)插图(24)

 

24.在风车叶子图层CTRL+T,并在上边工具栏中,角度中输入10度,按回车。

ps制作动态风车图(2)插图(25)

25.按住快捷键SHIFT+CTRL+ALT,再按T字母8次。然后把风车图层前面的眼睛去掉,只留最下面一个风车图层亮着眼睛及手柄与背景。

ps制作动态风车图(2)插图(26)

26.再拖进一张自己喜欢的背景,把背景放在背景图层上面。并把风车手柄多余的部分删去。再把手柄颜色调淡一点(CTRL+U 明度向右拉一点)

ps制作动态风车图(2)插图(27)

27.执行窗口—动画,打开动画面板,第一帧对应图层1副本

ps制作动态风车图(2)插图(28)

28.点动画面板复制当前帧按钮(垃圾桶左边那个),取消图层1副本前面的眼睛,点亮图层1副本2前面的眼睛。

再复制当前帧,取消图层1副本2的眼睛,点亮图层1副本3的眼睛,以此类推,直到把9个图层都对应完毕。

ps制作动态风车图(2)插图(29)

29.对应图示例。每一帧只让它显示一个风车叶子图层,且要让它按转动的方向顺序进行。

对应完之后可以按动画面板播放键 预览一下效果,然后保存。

ps制作动态风车图(2)插图(30)

30.保存

ps制作动态风车图(2)插图(31)

最终效果!

ps制作动态风车图(2)插图(10)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部