公告
  
欢迎回来!目前网站流量日益增多服务器负载太大,迫不得已开启邀请码注册,此为赞助,所得费用来续费服务器,感谢支持

朕已阅

用Photoshop制作流动的斑马线实例

admin 绿软之家站长 关注 网站管理员 76级
发表于软件教程版块

我们先来看看效果图:

用Photoshop制作流动的斑马线实例第1步

1、新建一个宽度为8像素,高度为1像素,背景为白色的新文件;

用Photoshop制作流动的斑马线实例第2步

2、把文件放到最大,使用矩形选框工具拉出一半的选区,填充黑色。(可以按D键将前景色恢复默认黑色,按Alt+delete填充前景色)。

用Photoshop制作流动的斑马线实例第3步

3、定义图案,随便取一个名称,默认也行。

用Photoshop制作流动的斑马线实例第4步

用Photoshop制作流动的斑马线实例第5步

4、这个文件的使命已经完成,可以关闭它。下面打开素材图片。

用Photoshop制作流动的斑马线实例第6步

5、使用磨棒工具,容差设置为20,勾选连续。

用Photoshop制作流动的斑马线实例第7步

6、使用磨棒工具在红心旁边的白色部分点一下,再按Shift+Ctrl+I反选得到红心选区。

用Photoshop制作流动的斑马线实例第8步

7、点击红框内所示图标新建一个空白图层1。

用Photoshop制作流动的斑马线实例第9步

8、对红心选区进行描边,宽度1像素,颜色随意。

用Photoshop制作流动的斑马线实例第10步

用Photoshop制作流动的斑马线实例第11步

9、新建空白图层2。

用Photoshop制作流动的斑马线实例第12步


10、对图层进行填充,使用图案填充,选择刚刚定义的图层进行填充。

用Photoshop制作流动的斑马线实例第13步

用Photoshop制作流动的斑马线实例第14步

用Photoshop制作流动的斑马线实例第15步

11、按Alt+Ctrl+G,对图层2创建剪贴蒙板。

用Photoshop制作流动的斑马线实例第16步

12、按Ctrl+T,对图层2进行自由变换,在上方属性栏内,旋转角度设置为45度,其他数值默认,按回车确定。

用Photoshop制作流动的斑马线实例第17步

13、打开动画面板。

用Photoshop制作流动的斑马线实例第18步

14、确保图层2为当前操作,在移动工具上点击一下。

用Photoshop制作流动的斑马线实例第19步

用Photoshop制作流动的斑马线实例第20步

15、点击红框内所示按钮复制帧,按右方向键2次,将图层2向右移动2像素。

用Photoshop制作流动的斑马线实例第21步

16、再进行帧复制,再按右方向键2次。使用同样方法操作4次,这样我们就有了5帧(为什么要用5帧呢,因为除了第一帧外还有4帧,图层移动了4次,4帧乘以2像素等于8像素,和我们刚才定义的图层宽度一样,刚好一个循环)。

用Photoshop制作流动的斑马线实例第22步

17、保存动画,注意循环选项选择“永远”。

用Photoshop制作流动的斑马线实例第23步

用Photoshop制作流动的斑马线实例第24步

18、编后:在对选区进行描边时,如果使用路径勾出选区,再使用1像素的铅笔工具进行描边,为样描出的边会更尖锐,效果会更好。有趣的是,你只要把下边描边图层进行替换,即对描边图层进行全选后清除,再重新对另外一个选区或路径进行描边,就可以制作新动画了。

最终效果

用Photoshop制作流动的斑马线实例第25步

来源:https://www.rjzxw.com/jiaocheng/46.html

评论列表 评论
发布评论

评论: 用Photoshop制作流动的斑马线实例

(0) 收藏文章
已有0次打赏