查看原文
其他

PS教程:制作流动的虚线框

www.luojin.me 罗锦 2020-01-05

制作流动的虚线框

  • 本例为Photoshop初学者实例系列教程,在教程中我们将学习运用PS的剪贴蒙板制作流动的蚂蚁线动画效果,主要学习自定义图案、选区、描边、剪贴蒙板以及动画的制作,希望能给朋友们带来帮助~~

  • 素材

  • 效果:

  • 制作步骤很简单,但为方便初学者,可能有点啰嗦)

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

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


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

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

  • 5、使用磨棒工具,容差设置为20,勾选连续。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

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

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

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

  • 9、新建空白图层2。

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

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

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

  • 13、打开动画面板。

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

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

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

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

  • 18、编后:在对选区进行描边时,如果使用路径勾出选区,再使用1像素的铅笔工具进行描边,为样描出的边会更尖锐,效果会更好。有趣的是,你只要把下边描边图层进行替换,即对描边图层进行全选后清除,再重新对另外一个选区或路径进行描边,就可以制作新动画了。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

  • 最终效果

往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

零基础如何自学平面设计,需要学些什么?

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

PS教程:自定义笔刷制作任意形状的云彩效果

Photoshop基础教程:如何打造投影或倒影效果

Photoshop基础教程:如何打造圆环的立体感

PS教程:简单打造划破夜色的流星轨迹

(责任编辑:钟小英)

学习可以直接联系QQ 5032692或者新浪微博@罗锦V,或者钟小英老师QQ/微信2719509659

加我备注:学习PS

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点PS·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存