Hi,我是优设小编

cyRotel

浏览全部 4610 篇文章

到我的微博瞧瞧

PS教程!教你绘制萌萌哒的小蜜蜂卡通形象

photoshop-lovely-honeybee-1

本次教程主要展示的是用PS绘制毛衣和塑料五角星气球材质的绘制方法,希望能萌到你哦~~

不废话,先上效果图。

uisdc-course-20161223-(33)

为什么画一只小蜜蜂呢?

原因很简单,因为我们这些苦逼的设计师就是小蜜蜂啊~属于埋头苦逼型~/(ㄒoㄒ)/~然后还要强颜欢笑(所以就卖萌)~但是呢,认真过后总会有点小成果(五角星)展示给别人,这也是唯一值得炫耀的资本啦~

全国陆续都进入了冰箱模式~然后圣诞又马上来啦~所以就有了这张图。

难度:★★★☆☆

工具:Photoshop、手绘板

绘制步骤:身体→眼睛→嘴巴(鼻子)→眼镜→毛衣→帽子→翅膀→五角星→细节调整

身体

新建文档:900×900 px,填充#e9cdc3作为背景色

用钢笔工具绘制出下面图中的形状~注意要加个可爱的小刺~,并添加图层样式(如图设置)

uisdc-course-20161223-(0)

uisdc-course-20161223-(1)

依然是用钢笔工具,画出脚、手和袖子,并添加图层样式(如下图所示)

小技巧:画袖子这种曲线,可以将钢笔的填充设置成“无”,描边设置得很粗~这样就只要画一根线就可以得到一个平顺的曲线了~

uisdc-course-20161223-(2)

uisdc-course-20161223-(3)

uisdc-course-20161223-(4)

眼睛

眼睛的画法很简单,就是用椭圆工具画出眼睛的轮廓,然后填充基本颜色。

需要注意的是,眼睛是个球和玻璃质感的形体,所以高光和体积感是必须要有滴。如下图

uisdc-course-20161223-(5)

所以目前的效果是这样哒~目前看起来怪怪滴~~有木有( ° ▽、° )

uisdc-course-20161223-(6)

嘴巴和鼻子

鼻子超简单,就是一个小球~用椭圆工具随意一拖~(为了自然过渡,用到了蒙版)~如下图所示

高光用画笔工具选择“柔边圆”新建图层,在鼻子上方点一下,将图层模式设为“叠加”。就是下图的效果啦

ps:有人会问蜜蜂的鼻子不该是尖的么~哎呀·~不要那么较真好不好~~这叫拟人~~。另外对蒙版不会的同学请自觉百度哦~~这里篇幅有限哈~

uisdc-course-20161223-(7)

嘴巴用椭圆工具画一个圆,然后crtl+t压扁它,并微调下节点,最后应用图层样式。

新建一层,用钢笔工具画出牙齿的形状。添加图层样式后,选中此图层按住“alt”鼠标移动到嘴巴的图层上方出现嵌套图标,将此图层嵌套进去~(如图所示)

uisdc-course-20161223-(8)

所以目前的效果是这样滴:

uisdc-course-20161223-(9)

眼镜

到现在为止,看效果图怪怪的,好像少了什么。马上来加副眼镜。

用椭圆工具绘制如下图的圆框,应用图层样式如图。

复制刚才做的圆框,用“路径选择工具”选择外框缩小2-3个像素,让眼镜有厚度。并将此图层混合模式设置为“叠加”,不透明度设置为35。最后应用“蒙版”,将中间擦除一些,让眼镜有些光泽的feel~

再绘制一个圆置于镜框的下方,大小比镜框的内圆稍微大一点点,应用图层样式。

最后添加反光以强化玻璃的感觉。

uisdc-course-20161223-(10)

然后小蜜蜂戴上眼镜后就是这个效果啦·~好像越来越萌了~~

uisdc-course-20161223-(11)

毛衣

好啦,终于到毛衣部分了,这是这次教程最重要的地方,但其实不难~

创建毛衣纹理的笔刷。用椭圆工具在透明背景下绘制出如下图的图案(注意:填充的颜色需为黑色)

执行“编辑-定义画笔预设”,如下图:

uisdc-course-20161223-(12)

调整画笔,如下图所示:

uisdc-course-20161223-(14)

创建好画笔后先放着,我们先用钢笔工具绘制出毛衣的外形出来,并添加图层样式

uisdc-course-20161223-(13)

用路径选择工具选中刚刚画好的毛衣外形, 切换到路径面板复制这个路径,然后回到图层面板新建一个图层,鼠标右键“描边路径”(注意画笔工具得选择我们之前创建好的毛衣纹理,不然就木有效果啦),然后添加图层样式,如下图

uisdc-course-20161223-(15)

用钢笔工具绘制如下图的路径,切换到路径面板复制这个路径,然后回到图层面板新建一个图层,鼠标右键“描边路径”,原理同上。

复制刚刚做好的毛衣纹理描边图层,“ctrl+t”向右移动一段距离,然后左手按住“ctrl+shift+alt”不动,右手不断重复按”t”键,奇迹就发生了~~~最后copy上图的图层样式。

将纹理移到毛衣外形图层的上方,选中毛衣外形的图层,在图层缩略图处点击“ctrl+左键”得到毛衣外形的选区,执行“选择-反选”删除多余的部分,就得到我们想要的形状了。

uisdc-course-20161223-(16)

选择笔刷,选择自带的沙丘草笔刷进行调整,设置如下:

uisdc-course-20161223-(17)

依然用刚才的“描边路径方法”,描绘出毛衣杂乱的毛毛出来,如图:

接着将刚刚创建的毛衣相关图层编组,并转换成智能对象,执行“滤镜-添加杂色”(如下图),将图层混合模式设置为“浅色”,透明度设置为25%。如下图:

uisdc-course-20161223-(18)

为了增加真实感,我们添加一颗扣子。

uisdc-course-20161223-(19)

毛衣的另外一边以及袖子都是以上原理做出,下边不再复述,目前的效果就是这样滴,发现越来越像样了呢~

uisdc-course-20161223-(20)

帽子

圣诞马上就要到了,所以加个帽子或许稍微的有点气氛哦~

还是用钢笔工具绘制出帽子的外形,然后分别添加图层样式,接着在帽子的下边新建一个图层用画笔画一个阴影,如图1-2

uisdc-course-20161223-(21)

为了增加细节~在帽子上用白色绘制出几个大小不一的五角星,然后将图层混合模式设置为“叠加”,透明度设置为91,最后还是运用“蒙版”将五角星只显示在红色范围区域~如图3

加一缕头发吧~用钢笔工具如图画出,添加图层样式即可~

uisdc-course-20161223-(22)

所以目前的效果就是这样的啦~

uisdc-course-20161223-(23)

翅膀 

翅膀最简单,就是4个椭圆~图层样式如下图设置,这里需要注意的是:为了增加层次感,前翅膀和后翅膀的渐变色有点区别,透明度也有所区别,如图:

uisdc-course-20161223-(24)

五角星

五角星也算这次的重点之一,因为这个材质类似于那种塑料的充气球~在表现上我为了省时间并没有进一步刻画~嘿嘿·~如果想要更加精细的可以去网上搜索这类气球仔细研究其材质特点~~

用“自定义形状工具”画出五角星,然后就要耐心的用“直接选择工具”一点一点的调整节点,以达到我们想要的五角星形状,然后在五角星上面绘制一个笑脸,如图

uisdc-course-20161223-(25)

接下来就是要添加图层样式。

复制五角星图层,然后缩小,将其填充为白色,调出属性面板,羽化2.8 ,添加蒙版用径向渐变工具画出渐变,最后调整图层透明度为50%

uisdc-course-20161223-(26)

添加高光、反光、环境色,再加上表情~

uisdc-course-20161223-(27)

目前的效果就差不多完成啦~~(*@ο@*) 哇~~~

uisdc-course-20161223-(28)

细节调整

到这里基本主体和元素都完成啦·~接下来发现还少了阴影,和一些小细节(例如环境色),还可以给它加上腮红之类的·~~以下主要强调一些阴影,阴影做得不好会显得粗糙和不真实·~如图:

uisdc-course-20161223-(29)

然后添加一些环境色后还有腮红什么的之后,最后再输入句 Merry Christmas~~大功告成啊~~是不是灰常可爱~~

uisdc-course-20161223-(33)

又或者可以更加装逼一点的排版·~

uisdc-course-20161223-(32)

每次做教程最后总会来个总结,发现其实关键主要有以下几点:

  1. 光影和形体是基础的基础啊
  2. 努力观察你的生活吧
  3. 必须要有耐心啊同学~~

欢迎关注作者的微信公众号:折腾先生

3947576c9e210000012e7ebec4cd.jpg

「折腾先生的教程合集」

  1. 《PS教程!手把手教你绘制萌萌哒的小鸟卡通形象》
  2. 《PS教程!手把手教你制作冲击力超强的美漫风格海报》
  3. 《省时高效!7个资深设计师常用的PS实用技巧》

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/photoshop-lovely-honeybee