当前位置:主页 > PS教程 > 设计教程 >

PS设计卡通风格的小狗邮票

  • 2019-11-08 09:22
  • 来源/作者:学UI网/不露
  • 己被围观

不露最近非常迷恋那种轻写实的插画、图标。不管是放在引导页活动页或者是做吉祥物,都会显得非常有质感,看起来逼格也高。今天不露就来带大家一起临摹一枚小狗邮票插画,希望

先来看下最终效果图:

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Step1-帽子部分

①首先新建一个1200*900的画布,油漆桶填充背景色#fccfcf。先做帽子部分,绘制一个160*96的矩形,颜色为#e94343,在属性面板里打上四个圆角:80,80,3,3。

路径选择工具选中它后在底边中间添加一个锚点,向下移动锚点微调使整体变得更圆润。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

②绘制一个194*64的椭圆,填充颜色#f24d4d,复制一层作为厚度部分放在底层,改变颜色为#c92f2f,调整下左右的锚点,使其看起来更自然。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

③再来做帽子的装饰条。将帽顶的形状复制两层,上下错位摆开上面的那一层单独选中后缩小一点,然后同时选中两个形状后Ctrl+E合并形状。合并完了后再单独选中顶层形状,点击操作栏里的减去顶层形状;然后点击合并形状组件。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

④做好了布尔运算的装饰条,边角还是有点尖锐。这时最方便的做法就是将装饰条复制到AI里,可以直接将尖角拖成圆角。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑤剩下的就是些简单的小装饰啦,尺寸的话就不做限制了~拆分图见下:

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑥雏形做好了后就可以开始加图层样式啦~先给帽顶加样式。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑦接下来给帽檐加图层样式,阴影加点杂色的话更有质感哦~

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑧再给帽子的装饰条加样式。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑨再给其余的小装饰加图层样式。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Step2-狗头部分

①狗头部分的拆分图如下:狗头主体部分是正圆调整了锚点后得到的,耳朵部分可以由圆变形,也可以用钢笔勾得到。

眼睛以及斑点的色值为#512f4b,舌头的色值为#b13c48,主体浅色部分色值为#f2eff0。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

②做两个椭圆形,呈直角样式摆放,Ctrl+E合并两个形状后点击合并形状组件,将其复制到AI里,将黄色圈圈起来的点拖出一定圆角

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

③来给狗头主体部分加样式了。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

④先选中狗头主体部分图层,右键选择拷贝图层样式,然后选中右耳图层右击选择粘贴图层样式。再给右耳加个投影,以下是展示右耳投影的图层样式,左耳的话,将投影角度翻转180度就行了。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑤再给狗嘴巴部分加样式。

 

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑥给嘴巴图层加一个蒙版,选中蒙版后选择黄圈里的笔刷,将不透明度调至50%,再将前景色调成纯黑色;在嘴巴顶部擦几下。让脸和鼻子交接更自然点~

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑦最后给鼻子加投影。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Step3-狗身部分

①身子的分解图如下:

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

②绘制手臂部分:钢笔勾一个不规则形状,放在身体主体图层上后建立一个剪切蒙版。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

③先给身体主体加图层样式。 其实在给狗头加图层样式的时候,会发现加了大阴影配合细腻的高光的形状会看起来更立体更偏轻写实风格。是不是觉得这种风格很赞呢~

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

④再给腿加图层样式了~我先加左腿的样式,然后右腿的样式就把角度改改就好了,这里就不做展示了~

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑤再给手臂加图层样式,同样的只是展示左手臂的样式:

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑥给左手臂加一个蒙版,用上面擦嘴巴图层的方法去擦手臂,将手臂顶部擦得淡一点,与身体更好的融合。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑦再给爪子加图层样式。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑧制作铃铛部分,分解图如下:

 

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

⑨最后给铃铛加图层样式。

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Step4-总结

因为篇幅有限,不露在这里就只描述了小狗的做法,剩下的同学们可以自己尝试的临摹下。

技巧:通过给形状添加相同色相的渐变,运用大阴影和细高光来提升质感等这些方法就可以绘制出轻写实风格的插画。需要注意的是阴影最好不要用纯黑或纯灰色,带点环境色或者其他冷色,就不会让画面显得很脏了。

最后来欣赏作者">Rwds几组其它几款同类型的插画:

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

Photoshop设计卡通风格的小狗邮票,PS教程,PS家园网

原作品作者:Rwds

作品链接:https://dribbble.com/shots/3678815-Spotty-Dog

 


(责任编辑:极限)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG) 卡通风格 小狗邮票 

更多精彩内容

  • PS设计立体插画风格的圆形 PS设计立体插画风格的圆形
  • PS设计卡通风格的小狗邮票 PS设计卡通风格的小狗邮票
  • 用PS制作奶油质感手机主题 用PS制作奶油质感手机主题
  • 用PS给玻璃质感化妆品包装 用PS给玻璃质感化妆品包装