PS教程!手把手教你画出一只萌萌哒小鸟

分享到:更多 ()

奉上@junhong的PS教程——如何使用PS教你画出一只萌萌哒小鸟,看到效果图是不是已经被它萌翻了。

大家不要被它吓住认为实现太困难,跟着作者的步骤一部分一部分的来实现,最后就会合成一只完整的小萌鸟!

本次教程偏难,主要是教大家对光影的理解、对形体的理解、对质感的熟悉程度以及锻炼大家的耐心。

一起加油吧!

最近有点忙~这期的教程也是每天抽点时间磨出来的~废话不多说。先上效果图吧~

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

萌不萌!猛不猛!其实要画的主题也是想了半天!完全不知画什么好呀~偶然间看到了最近的电影《愤怒的小鸟》电影版的预告片的时候,顿时想到了·~何不画只鸟呢!今天折腾先生就简单的教大家用photoshop画出这只似(鸡)似(鸟)的萌物~

难度:★★★☆☆

工具:Photoshop、手绘板

绘制思路:身体→翅膀→脚丫→阴影→眼睛→嘴巴→细节调整

 

身体

— 新建文档,800X800px

— 在工具栏中使用钢笔工具,按下图画出鸟身体的一半(颜色随意),这里需要注意的是A,B两点的控制线需保持水平(如下图),这是为了下一步的镜像合并。

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

— 复制这个图形,然后执行 Ctrl+T(mac用户为Command),右键选择“水平镜像”。然后选中左右两半执   行Ctrl+E合并起来。

— 选择“路径选择工具”选中刚合并的形状,执行“合并形状组件”。(如下图)这样他们两个就是一个形状了,而不是分开的组件了。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

在图层面板,双击此图层执行“渐变填充”,设置如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

将形状转换为智能对象。执行“滤镜-添加杂点”,设置如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

继续对此图层执行“滤镜-模糊-径向模糊”,设置如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

继续对此图层执行“滤镜-锐化-进一步锐化”,设置如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

将此图层栅格化,执行“Ctrl+U”调整颜色饱和度,如下图(这里的数值主要看你自己喜欢,不必完全安全我的参数~):

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

接下来要做边缘的小绒毛。运用“指尖涂抹工具”,并设置笔刷为我们刚才创建笔刷。耐心的将边缘顺着形状逐渐涂抹,这一步相当关键,一定要有耐心。 如下图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

新建一层选择一个较深的近似色,用画笔涂抹暗部,将混合模式设置为“正片叠底”,然后运用“剪切蒙版”嵌套到下面的身体图层,进一步加强立体感。如下图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

继续新建一层,运用“椭圆工具”画一个白色的椭圆形状,将混合模式设置为“柔光”,作为它的小肚子。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

复制刚才做好的小肚子,对图层添加蒙版,将前景色设置为黑色,用画笔将下半部分擦除掉。这样小肚子的立体感立马出来了。最后将这两个图层都嵌套到下面身体的图层里去。如下图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

接下来我们来画头顶的羽毛,思路其实和身体的毛差不多。

如下图:

1.先用钢笔工具画出基本形状;

2.复制它,然后高斯模糊并置于形状图层下;

3.将钢笔画出的形状栅格化,用指尖涂抹工具顺着毛的方向耐心的涂抹出羽毛的质感;

4.新建图层,用画笔工具选择毛发笔刷轻轻画在毛与身体处,羽毛就画完啦。

 

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

身体部分基本完成,目前整体效果图就像这样~

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

 

 

翅膀

翅膀的画法基本和身体的思路一致的。

先用钢笔工具画出基本形状,并设置图层样式如下图;

将形状转化为智能对象-添加杂点-径向模糊-锐化

栅格化后,用涂抹工具按照翅膀的形状耐心的涂抹出羽毛。

新建图层,用画笔工具画出翅膀的亮面,并用剪切蒙版将这个图层嵌套在涂抹好的图层里。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

完成这一部后~可爱的小翅膀就这么出现了~n(*≧▽≦*)n

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

 

脚丫

由于脚丫被圆鼓鼓的肚子遮挡了不少,所以我就偷懒啦,并没有将脚丫画全。而且这里并不是重点,所以没必要花太多的精力。只要简单的图层样式就可以表现啦。

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

好了~目前的效果就是这样。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

阴影

阴影制作的方法很多,可以直接画一个椭圆填充重一些的近似色;也可以直接画一个圆,高斯模糊,通过Ctrl+T来改变形状大小。由于篇幅有限,这里就不说太多(因为太简单了嘛~一定难不倒你~)。

so,目前的效果就是这样~是不是发现重量感有了~♪(^∇^*)

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

眼睛

眼睛一般都是一幅画的点睛之笔,有了眼睛就有了故事。所以我们需要花多一点的精力在眼睛上。

用椭圆工具画一个圆,然后用直接选择工具调整如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

对圆形添加图层样式,分别是外描边、内阴影、渐变填充、阴影。

具体设置如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

眼白完成了~接下来画内部的瞳孔。用椭圆工具画一个正圆,添加图层样式,参数如下:

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

再画一个正圆,添加图层样式,如图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

眼睛内部的纹理。新建两个矩形,填充为#45270b,然后旋转360°。添加蒙版,放射渐变(外虚内实)。最后将混合模式选为叠加。将纹理图层放在黑色瞳孔图层下面,如图所示:

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

分别画两个正圆用于高光和反光,这样眼睛顿时就有了神~

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

为了增加眼睛的通透感,新建图层,画一个大小如下图箭头所指的圆略小一圈的圆。填充为白色,添加蒙版擦除上半部分。最后将混合模式设置为叠加

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

复制眼白部分的圆形,放大,然后添加图层样式,让它有一个眼眶的感觉,然后“滤镜-高斯模糊”。最后用“涂抹工具”选择毛发笔刷耐心的涂抹出眼眶周围的毛~一只眼睛就这样完成啦!如下图:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

右眼稍微调整下形状~样式基本可以复制左眼的~这样眼睛部分正式完成~越来越萌了~~~!!!!

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

嘴巴

嘴巴属于五官都是相对点睛之笔,所以不能马虎哦~

画一个椭圆,通过”直接选择工具”调节节点,直至调整出一个嘴的形状来。张口处也是这样画出。如下图所示:

 

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

对嘴的形状添加图层样式,如图所示:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

进一步对嘴进行描绘,增强立体感。如下图所示:

1.画一个椭圆在嘴形状之上;

2.羽化,数值为7;

3-4.栅格化,框选右侧,并删除

5.右侧增加一个反光。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

画一个矩形,填充为白色,将混合模式设置为“叠加”,将图层透明度降至55%,利用蒙版将上下部分擦除。这样嘴巴的形状结构更加明显,如下图所示:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

最后画出张开的嘴巴,添加图层样式,如下图所示:

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

到现在为止,整体效果基本出来啦!是不是萌翻了!!

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

细节调整

细节调整主要是为了能够在最后输出时能够更加精致一些。例如可以调整下色彩的纯度,让它看上去更加可人;也可以加入背景;或者换个颜色什么的。。

下面我就简单的加个背景。

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com

 

真是瞬间被萌化~不知你学会了木有~这篇教程属于偏中高阶难度~关键主要有以下几点:

  1. 对光影的理解
  2. 对形体的理解
  3. 对质感的熟悉程度
  4. 以及够不够有耐心哦~

教程中用到的笔刷我已上传~可以到百度网盘,下载地址:http://pan.baidu.com/s/1pKMFJuj

最美ui 学ui PS教程!手把手教你画出一只萌萌哒小鸟 zuimeiui.com-300x174更多内容可以关注微信公众号哦!

 

原文地址:站酷

作者:junhong

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » PS教程!手把手教你画出一只萌萌哒小鸟

0
分享到:更多 ()