您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

ps cs6制作gif动画系列教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  刘老师在设计相关行业侵淫多年,有着丰富的实战和教学经验,此次呕心沥血推出的侧重于gif的教程,用了50多个效果来讲和GIF有关的PS功能。这套教程适合GIF爱好者、QQ表情制作、动态签名档、网站广告、Logo、彩信、淘宝装修等等。有不懂的、想支持老师的可以到其博客留言提问!

  漂亮的七彩花-素材处理

  怎么样?很久不见,还好吧?

  今天给大家继续讲PS的工具箱,我们先看一下效果,再来开始我们的课程。

  效果图:

ps cs6制作gif动画系列教程 三联

  我们需要下载一些素材,素材下载地址:http://haokan8.ys168.com

  1.下载好素材后,用PS打开,我们会发现素材文件里有3个图层。

  分别有:背景、花蕊和花瓣三个图层。

ps cs6制作gif动画系列教程:素材_新客网

  我们要把背景层的粉色花、花瓣、花蕊从图里抠出来

  我们先做简单的,把花蕊和花瓣抠出。

  2.选择魔棒工具:

ps cs6制作gif动画系列教程:素材_新客网

  在图层面板选中花瓣图层,然后在蓝色区域单击,你会发现蓝色区域被蚂蚁线选中了。

ps cs6制作gif动画系列教程:素材_新客网

  这个时候,按下键盘上的Delete键,是不是只留下花瓣了?Ctrl+D取消选择,用同样的方法把花蕊也抠出来。

  3,在套索工具上点击右键,选择磁性套索工具。

ps cs6制作gif动画系列教程:素材_新客网

  我们用磁性套索工具把粉色的花抠出来。

  用磁性套索工具,围绕粉色的花朵,我们可以看到,他会自动粘附在花的边界:

  (提示:在画的时候,可以通过鼠标单击,自行定义套索的点。如果不明白,可以先试试在画的时候单击,看下他的效果。)

ps cs6制作gif动画系列教程:素材_新客网

  当我们即将完成选择的时候,最后一笔我们的鼠标会有一个小圈:

ps cs6制作gif动画系列教程:素材_新客网

  这代表,封闭我们的选区,也就是我们已经画了一个封闭的选择区域。

  我们得到了一个这样的选区,显然不是很标准:

ps cs6制作gif动画系列教程:素材_新客网

  4.我们来处理那些瑕疵,点击图层面板底部的添加蒙板按钮,给我们的花加一个蒙板。

ps cs6制作gif动画系列教程:素材_新客网

  添加蒙板后,我们的图层多出了一个黑白色的图标,这代表蒙板。

  图标中,黑色的地方代表图片中隐藏的区域,白色的代表显示的区域。所以,我们的花现在只显示一个花朵了。

ps cs6制作gif动画系列教程:素材_新客网

  我们看以看到花朵的的边界已经消失了,接下来我们把花中有问题的地方处理一下。

  还记得吗?我刚才说过,蒙板黑色的地方代表隐藏,白色代表显示,对吧?

  那是不是我们用黑色的画笔在图片中绘制的时候,就会继续隐藏呢?

  我们来验证一下,但是在验证前请你先验证一下,你的图层面板选中了蒙板。

ps cs6制作gif动画系列教程:素材_新客网

  可以通过鼠标单击蒙板图标,选择蒙板。

  设置前景色为黑色,选择画笔工具。

ps cs6制作gif动画系列教程:素材_新客网

  在花朵中随便画一笔,如果你能看到黑色,那就说明你没有选中蒙板:

ps cs6制作gif动画系列教程:素材_新客网

  Ctrl+Z,撤销一步。

  如果你选中了蒙板图标,在花朵中画一笔,是这样的:

ps cs6制作gif动画系列教程:素材_新客网

  画笔的大小可以在选项里设置:

ps cs6制作gif动画系列教程:素材_新客网

  可以拖动滑块,或者把鼠标放在"大小:"那,鼠标变为双箭头时拖动鼠标调整大小。当然,你也可以直接输入数值。13像素左右大概就差不多了。

  (提示:在关闭输入法的时候,可以通过[]这两个括号键设置画笔大小,也就是大小括号)

  按住Alt键,滚动鼠标,放大画布,这样方便操作。如果不小心擦多了,可以把前景色设置为白色,把擦没的地方补回来,当然,你也可以按Ctrl+Z,撤销一下。

  感觉差不多了就可以了,不用太精细哦,另外,蒙板我们会在后边详细讲解,这节课只是用到一点点而已,不用太深入研究。

  5.当你处理的差不多的时候,在蒙板上点击右键,选择应用蒙板:

ps cs6制作gif动画系列教程:素材_新客网

  必须在蒙板图标上点右键,否则弹出的菜单不是这个。

  应用图层蒙板后,该图层变成了图片图层:

ps cs6制作gif动画系列教程:素材_新客网

  把粉色花朵的图层改下名字,我的是图层0,你们的可能叫背景吧,我们统一一下,改名为"粉色花朵"。(不要告诉我你忘了怎么改图层名称了!在图层的名字上双击即可改名。)

  然后在粉色花朵的图层图标上,按住Ctrl键不放,单击。以选中这个花朵。

ps cs6制作gif动画系列教程:素材_新客网

  点击》选择》修改》边界

ps cs6制作gif动画系列教程:素材_新客网

  再弹出的边界选区对话框中,输入宽带1~2的数值,我设置为1.

ps cs6制作gif动画系列教程:素材_新客网

  然后按键盘上的Delete键,删除边界。

  你可能不明白这个操作是在做什么,如果你的花有黑边的画,现在应该没有了。如果还有,你可以再次执行一次这个操作。

  我把边界选区设置为11,大家看一下选区发生了什么变化:

ps cs6制作gif动画系列教程:素材_新客网

  是不是有两个选区?选择的正是花的边界,这个操作是修边的一个效果。

  现在,我们把三个素材已经处理好了,再加一个背景层,完成我们素材的处理课程

  按键盘上的Ctrl+Shift+N,新建一个图层,在弹出的新建图层中,把名字设置为BG。

  然后把新建的图层放到最底层,填充一个深灰色,并锁定位置。

  解释一下:BG是background的缩写,意思是背景。以后我可能会经常用BG做为背景层的名字,简单快捷。

ps cs6制作gif动画系列教程:素材_新客网