当前位置:Gxlcms > 前端框架 > photoshopcs6绘制gif动画QQ笑脸表情教程

photoshopcs6绘制gif动画QQ笑脸表情教程

时间:2021-07-01 10:21:17 帮助过:126人阅读

photoshop cs6设计绘制出gif动画QQ笑脸表情教程 QQ表情绘制
  嘀嘀嘀…

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

  这节课,我们画一下这个龇牙大笑的表情。
  1.新建一个画布,大小333*333,看你心情,你也可以做一个更大的,或者小一点的。你想吓别人一下,做一个600*600的也无妨。
  2.选择椭圆工具,

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

  选项设置如下:

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

  这里我们要讲一下,
  第一个,形状,这有3个选项:形状、路径、像素,形状我们不讲,一会画了你就知道,路径就是画一个路径出来。下节课我们会用到,像素,就是用像素填充。你可以试试。
  第二个,填充,后面有个颜色块,点他一下,会弹出如下面板:

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

  这几个按钮从左到右分别代表的是:不填充、填充颜色、渐变填充、颜色填充。
  不明白的话,你可以试一下。
  这个按钮代表的是,打开调色板,自己选择颜色填充。
  当然,你也可以在下边的颜色版中选择颜色。
  后面的描边也一样,而大小则是描边的粗细。
  3.设置好后,在画布中按住Shift画一个圆,这个圆的大小决定了你的龇牙表情的大小。
  画好后,图层面板会自动创建一个叫椭圆1的图层:

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

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

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

  4.右键单击这个椭圆,选择混合选项,设置渐变,参数如下:
  单击渐变条,设置渐变色,
  颜色值:#ffc800颜色值:#ffffad

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

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

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

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

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

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

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

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

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

  如果你只勾选,而没选择,是不能在圆上拖动的。
  5.设置描边,参数如下:

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

  渐变条的设置如下:
  FFFFFF B47800 FFC800

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

  为什么这样设置,我要解释一下。左边的白色,目的是让他有一个边缘柔化的效果,如果你的画布是黑色,那你设置白色就没意义了,你一定要设置的和你的画布一个颜色。
  第二个,是一个深黄色,这是我们的秒变身,你发现我们的描边也就这么一个颜色!右边的数值你有没有发现和笑脸中的黄色是一个颜色?这样做的目的是为了让描边能很好的融合起来。我希望你能理解这些,这是一个很不错的技巧呢。如图:

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

  6.我们给他一个笑容,也就是他大小的嘴巴。
  继续用椭圆工具在这里面画个圆(按住Shift),画的时候可以按住空格移动位置。我们要把他放到之前圆的中心,如图:

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

  画好后,他会自动按前景色填充。不要管他是什么颜色。
  7.把刚画的这个圆重命名为:嘴巴。然后右键,选择混合选项,
  颜色填充,填充白色:

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

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

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

  渐变条设置如下:

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

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

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

  右键单击嘴巴图层,选择栅格化图层。
  选择矩形选区工具

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

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

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

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

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

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

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

  固定大小,宽2像素,高123,或者其他,只要比这个嘴巴的高度高就可以。
  然后在嘴巴上单击,如图:

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

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

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

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

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

  如果你不明白,为什么删除后,就会画出一条线,那我们把嘴巴的图层效果隐藏下,给大家看看:
  单击嘴巴后边的小三角,展开效果选项:

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

  隐藏效果前的眼睛:

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

  现在图中是什么样?

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

  明白了吗?
  10.我们把眼睛和眉毛做出来。
  如果你喜欢,直接画两个圆就可以了~~

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

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

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

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

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

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

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

  前景色设置为之前的描边色,色值:b47800
  然后按回车。是不是就出现了一个有喜感的简笔画眼睛?用同样的方法,画一个眉毛,如图:

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

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

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

  是不是就做好了呢?

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

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

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

  第一帧设置为0.1秒,循环设置为永远,新建一帧,按住Shift按一下↓键,让他有一个位置的变化。播放动画看下。
  没问题吧?如果你不要背景,可以隐藏背景,然后选择图像》裁切,参数如下:

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

  设置好后点确定。你会发现第二帧被隐藏了一部分,没关系,再次点击图像》显示全部。
  至此,你的笑脸已经做好了,输出动画吧!

人气教程排行