平面设计 
首页 > 平面设计 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )
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笑脸表情教程
  设置好后点确定。你会发现第二帧被隐藏了一部分,没关系,再次点击图像》显示全部。
  至此,你的笑脸已经做好了,输出动画吧!
上一篇:ps初学者第八课 PS菜单中英文对照表
下一篇:ps初学者第七课 PCD格式图片怎么在PS中打开
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 站点导航 SiteMap