PhotoShop制作风车转动GIF动态效果动画教程

10/11/2015来源:Photoshop教程人气:2641

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

  效果图:

PhotoShop制作风车转动GIF动态效果动画教程 三联教程

  素材:

按此在新窗口浏览图片

  1.新建

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

.

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  23.填好后如下图

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片

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

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

按此在新窗口浏览图片

  30.保存

按此在新窗口浏览图片

  最终效果!

按此在新窗口浏览图片