欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2024-02-11 11:06:22
...
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笑脸表情教程

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