웹 프론트엔드 PS 튜토리얼 photoshop cs6绘制gif动画QQ笑脸表情教程

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

Jun 01, 2016 pm 02:32 PM
gif qq 생기 손으로 그린 표정포

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笑脸表情教程

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Melania Coins의 원래 가격은 얼마입니까? 멜라니 아로 증가 할 것으로 예상됩니다 Melania Coins의 원래 가격은 얼마입니까? 멜라니 아로 증가 할 것으로 예상됩니다 Feb 15, 2025 pm 05:06 PM

Melania Coins의 원래 가격은 얼마입니까? 멜라니 아로 증가 할 것으로 예상됩니다

어떤 소프트웨어가 비트 코인을 만들 수 있습니까? 2025 년 상위 10 개 비트 코인 거래 소프트웨어 권장 사항 어떤 소프트웨어가 비트 코인을 만들 수 있습니까? 2025 년 상위 10 개 비트 코인 거래 소프트웨어 권장 사항 Feb 21, 2025 pm 09:30 PM

어떤 소프트웨어가 비트 코인을 만들 수 있습니까? 2025 년 상위 10 개 비트 코인 거래 소프트웨어 권장 사항

Gateio Exchange App Old 버전 Gateio Exchange App Old 버전 다운로드 채널 Gateio Exchange App Old 버전 Gateio Exchange App Old 버전 다운로드 채널 Mar 04, 2025 pm 11:36 PM

Gateio Exchange App Old 버전 Gateio Exchange App Old 버전 다운로드 채널

최고의 시장보기 소프트웨어는 무엇입니까? 최고의 시장보기 소프트웨어는 무엇입니까? Feb 21, 2025 pm 09:48 PM

최고의 시장보기 소프트웨어는 무엇입니까?

2025 통화 서클에 대한 필수 소프트웨어 요약 2025 통화 서클에 대한 필수 소프트웨어 요약 Feb 21, 2025 pm 09:42 PM

2025 통화 서클에 대한 필수 소프트웨어 요약

OUYI 공식 로그인 입구 2025 OUYI OKX 거래 플랫폼 공식 버전 입구 OUYI 공식 로그인 입구 2025 OUYI OKX 거래 플랫폼 공식 버전 입구 Feb 15, 2025 pm 07:15 PM

OUYI 공식 로그인 입구 2025 OUYI OKX 거래 플랫폼 공식 버전 입구

상위 10 개 통화 거래 앱 플랫폼은 상위 10 개 통화 거래소의 최신 순위를 나열합니다. 상위 10 개 통화 거래 앱 플랫폼은 상위 10 개 통화 거래소의 최신 순위를 나열합니다. Feb 21, 2025 pm 09:33 PM

상위 10 개 통화 거래 앱 플랫폼은 상위 10 개 통화 거래소의 최신 순위를 나열합니다.

2018-2024 USD의 Bitcoin의 최신 가격 2018-2024 USD의 Bitcoin의 최신 가격 Feb 15, 2025 pm 07:12 PM

2018-2024 USD의 Bitcoin의 최신 가격

See all articles