photoshop cs6绘制gif动画QQ笑脸表情教程
photoshop cs6绘制gif动画QQ笑脸表情教程
发布时间:2017-01-03 来源:查字典编辑
摘要:QQ表情绘制嘀嘀嘀…这节课,我们画一下这个龇牙大笑的表情。1.新建一个画布,大小333*333,看你心情,你也可以做一个更大的...

QQ表情绘制

嘀嘀嘀…

photoshop cs6绘制gif动画QQ笑脸表情教程1

这节课,我们画一下这个龇牙大笑的表情。

1.新建一个画布,大小333*333,看你心情,你也可以做一个更大的,或者小一点的。你想吓别人一下,做一个600*600的也无妨。

2.选择椭圆工具,

photoshop cs6绘制gif动画QQ笑脸表情教程2

选项设置如下:

photoshop cs6绘制gif动画QQ笑脸表情教程3

这里我们要讲一下,

第一个,形状,这有3个选项:形状、路径、像素,形状我们不讲,一会画了你就知道,路径就是画一个路径出来。下节课我们会用到,像素,就是用像素填充。你可以试试。

第二个,填充,后面有个颜色块,点他一下,会弹出如下面板:

photoshop cs6绘制gif动画QQ笑脸表情教程4

photoshop cs6绘制gif动画QQ笑脸表情教程5

这几个按钮从左到右分别代表的是:不填充、填充颜色、渐变填充、颜色填充。

不明白的话,你可以试一下。

这个按钮代表的是,打开调色板,自己选择颜色填充。

当然,你也可以在下边的颜色版中选择颜色。

后面的描边也一样,而大小则是描边的粗细。

3.设置好后,在画布中按住Shift画一个圆,这个圆的大小决定了你的龇牙表情的大小。

画好后,图层面板会自动创建一个叫椭圆1的图层:

photoshop cs6绘制gif动画QQ笑脸表情教程6

点击路径面板,在空白处单击,可以取消路径的显示:

photoshop cs6绘制gif动画QQ笑脸表情教程7

4.右键单击这个椭圆,选择混合选项,设置渐变,参数如下:

单击渐变条,设置渐变色,

颜色值:#ffc800颜色值:#ffffad

photoshop cs6绘制gif动画QQ笑脸表情教程8

设置好后,我们的画图中,渐变是反的:

photoshop cs6绘制gif动画QQ笑脸表情教程9

我们想要的效果是,黄色在外边,淡黄色在里边,所以勾选反向,样式改为:径向。

photoshop cs6绘制gif动画QQ笑脸表情教程10

然后在画布中拖动鼠标,让淡黄色的位置稍微往左上移动:

photoshop cs6绘制gif动画QQ笑脸表情教程11

记住,在圆上拖动鼠标的时候,不要关闭混合选项,并且一定要选中渐变叠加。

photoshop cs6绘制gif动画QQ笑脸表情教程12

如果你只勾选,而没选择,是不能在圆上拖动的。

5.设置描边,参数如下:

photoshop cs6绘制gif动画QQ笑脸表情教程13

渐变条的设置如下:

FFFFFF B47800 FFC800

photoshop cs6绘制gif动画QQ笑脸表情教程14

为什么这样设置,我要解释一下。左边的白色,目的是让他有一个边缘柔化的效果,如果你的画布是黑色,那你设置白色就没意义了,你一定要设置的和你的画布一个颜色。

第二个,是一个深黄色,这是我们的秒变身,你发现我们的描边也就这么一个颜色!右边的数值你有没有发现和笑脸中的黄色是一个颜色?这样做的目的是为了让描边能很好的融合起来。我希望你能理解这些,这是一个很不错的技巧呢。如图:

photoshop cs6绘制gif动画QQ笑脸表情教程15

6.我们给他一个笑容,也就是他大小的嘴巴。

继续用椭圆工具在这里面画个圆(按住Shift),画的时候可以按住空格移动位置。我们要把他放到之前圆的中心,如图:

photoshop cs6绘制gif动画QQ笑脸表情教程16

画好后,他会自动按前景色填充。不要管他是什么颜色。

7.把刚画的这个圆重命名为:嘴巴。然后右键,选择混合选项,

颜色填充,填充白色:

photoshop cs6绘制gif动画QQ笑脸表情教程17

设置描边:

设置方法跟上边类似,设置参数如下:

photoshop cs6绘制gif动画QQ笑脸表情教程18

渐变条设置如下:

photoshop cs6绘制gif动画QQ笑脸表情教程19

我们有必要解释一下,渐变条上边的黑色三角代表的是透明度,想添加一个,就在渐变条的上边单击一下就会添加一个,删除的话,直接拖到外边就没了,或者点下边的删除。

8.做好后,会像下边一样:

photoshop cs6绘制gif动画QQ笑脸表情教程20

右键单击嘴巴图层,选择栅格化图层。

选择矩形选区工具

photoshop cs6绘制gif动画QQ笑脸表情教程21

删除一部分,让他有一个大小的嘴巴形状。如图:

photoshop cs6绘制gif动画QQ笑脸表情教程22

Delete,删除。Delete键在回车键的右边。删除后的效果如图:

photoshop cs6绘制gif动画QQ笑脸表情教程23

9.我们把牙齿做出来。我们现在用的是矩形选区工具,在选项中设置如下:

photoshop cs6绘制gif动画QQ笑脸表情教程24

固定大小,宽2像素,高123,或者其他,只要比这个嘴巴的高度高就可以。

然后在嘴巴上单击,如图:

photoshop cs6绘制gif动画QQ笑脸表情教程25

会有一个很小的选区,Delete,删除。效果如下:

photoshop cs6绘制gif动画QQ笑脸表情教程26

继续在右边的位置重复本动作,把牙齿做出来:

photoshop cs6绘制gif动画QQ笑脸表情教程27

如果你不明白,为什么删除后,就会画出一条线,那我们把嘴巴的图层效果隐藏下,给大家看看:

单击嘴巴后边的小三角,展开效果选项:

photoshop cs6绘制gif动画QQ笑脸表情教程28

隐藏效果前的眼睛:

photoshop cs6绘制gif动画QQ笑脸表情教程29

现在图中是什么样?

photoshop cs6绘制gif动画QQ笑脸表情教程30

明白了吗?

10.我们把眼睛和眉毛做出来。

如果你喜欢,直接画两个圆就可以了~~

photoshop cs6绘制gif动画QQ笑脸表情教程31

开个玩笑,继续我们手里的活吧。选择钢笔工具:

photoshop cs6绘制gif动画QQ笑脸表情教程32

在眼睛的位置,单击,画一个锚点,然后按住Shift,再次单击,这样会创建一个水平方向的锚点;放开shift,往下拖动鼠标,我们就得到了一个弯曲的路径。如图:

photoshop cs6绘制gif动画QQ笑脸表情教程33

新建一个图层,选择画笔工具,画笔大小设置为8,选择一个软画笔:

photoshop cs6绘制gif动画QQ笑脸表情教程34

前景色设置为之前的描边色,色值:b47800

然后按回车。是不是就出现了一个有喜感的简笔画眼睛?用同样的方法,画一个眉毛,如图:

photoshop cs6绘制gif动画QQ笑脸表情教程35

Ctrl+J,复制一份放到右边,然后Ctrl+T,自由变换,右键选择水平翻转,如图:

photoshop cs6绘制gif动画QQ笑脸表情教程36

是不是就做好了呢?

photoshop cs6绘制gif动画QQ笑脸表情教程37

11,我们让他动起来。除背景层外,选中其他的图层,然后链接。

photoshop cs6绘制gif动画QQ笑脸表情教程38

第一帧设置为0.1秒,循环设置为永远,新建一帧,按住Shift按一下↓键,让他有一个位置的变化。播放动画看下。

没问题吧?如果你不要背景,可以隐藏背景,然后选择图像》裁切,参数如下:

photoshop cs6绘制gif动画QQ笑脸表情教程39

设置好后点确定。你会发现第二帧被隐藏了一部分,没关系,再次点击图像》显示全部。

至此,你的笑脸已经做好了,输出动画吧!

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类