信任不少公司、商店都摆着一个招财猫，它是如许的受接待，假若拿来做插画主角我想没有店东否决是吧？今日的教程主借使教众人何如用AI和PS器材绘制一张招财猫Banner，扁平化插画气概，一切流程并不繁杂，只需用心均也许画出来，本文还包罗了用Photoshop制做颗粒感笔刷的小技能，容易轻易上手，来，一同进修此次的插画教程。
应用功具：Adobeillustrator+Photoshop教程难度：???
灵感素材关于无奈首创插画的小火伴，照旧需求参考相片来做为创建起始。咱们今日用的相片是我从摄图网上看到的，恰好被小猫咪心爱的行为所吸引。（很像招财猫的行为~）
从相片中索取草图STEP01
索取草图，也便是精确猫咪的身段机关，外型可写实可笼统，然则写实永世是个起始。以是写实的流程就也许在草图中举办。行使相片勾画也罢，照旧依据相片参考本身画出机关也罢。都是一个不错的开端。
从上图也许看出，猫咪的机关表面线有了，这部份在咱们的扁平插画进修社课程中也和众人详细讲过，从骨骼开端抽取最根底的线条，这部份为接下描画大形打下了坚硬的根本，假若骨骼出了题目，表面线就很难矫正着末的机关，致使形骸出题目的也是这一着末次序。
外表面并不必然统统依照猫咪的形状来勾画了，部份细节也许修正。
第一层！团体大表面
猫咪的大表面是外型的起始，先画出一一切掠影形态，为细节打下根本。
STEP02
翻开AI，开端在AI中描形，文档可设为*px，色采样式也许配置为CMYK。有了草图的帮助，就领会应当安顿甚么形态最佳。但这时由因而偏笼统的气概，因而猫咪的形状需求进一步变革，简化。
先为一切文档铺设靠山形态，袭用矩形器材绘制一个*px，做为靠山，先配置靠山的方针是树立起一切色采气氛，让前程色随从靠山色来安排。靠山色为#F。
并行使钢笔器材画出猫咪的头部，重视猫咪的脸也许宽一点、肥一点，云云会看起来更心爱。
STEP03
接下画身世体的部份，猫咪的四只小猫爪也许夸张一点。将四只猫爪安置在符合的地位。云云一切身段就组装好了。
重视每只猫爪都是用矩形的变体，云云能让猫咪看起来有种冗长的笼统感，和写实的猫咪能拉开气概间隔。
再铺一层！给猫咪更多细节
第二个条理，应当是猫咪更多细节：脸部、毛色之类，让猫咪看起来可识别。
STEP04
先画出心爱的猫脸五官：眼睛、鼻子、嘴、髯毛……等。这部份创建时需求重视形态之间的隔离和地位。五官的地位特别要害，略不当心，就会让脸部看上去不果然。
猫咪的小腮红也许用下降通明度的办法，叠成在其余色采上方。
STEP05
再添加猫咪的毛色，给纯白的身段添加不同样的色采。仍然从新部开端，给两只耳朵和额头部份添加粉色的形态，这边的形态也许经过钢笔器材来画。
画好的形态假若超过了猫咪的大表面，就行使形态生成器剪掉。
STEP06
给猫咪一个装璜上的细节，这个细节在相片里没有，这些小创意都起因于生存。从生存找寻创意素材~不只于小铃铛，再有其余也许料到的宠物用品，均也许协助粉饰猫咪。
小铃铛的色采用了两个互补色，让这部份看起来更鲜明。蓝色能起到均衡画面团体冷暖调的效用。
STEP07
让小爪子也添加之细节，行使两头为圆角的竖线条做出指缝，让小爪子鲜活起来。色采仍然采纳肉粉色。和毛色在团体上维持统一。
STEP08
再行使对照小圆角矩形做为元素，反复该元素，就造成了装璜图案，点缀猫咪的身段，摹拟相同猫咪的毛色质感。这是在AI中行使容易的小元素摹拟质感的罕用技法。色采仍然是为毛色的肉粉色。
STEP10
着末给猫咪添加一条小尾巴，尾巴的画法也许先行使线条做出弧形，再经过，转为形态。
上光影！让它再伶俐
光影是也许加深平面感的，然则扁平化中的平面感安乐时咱们所明白的平面感照旧有不同。有一次，我在微博上写过说本身的想要给画面添加平面感，有倡导说也许做3D成果。我马上领会对方曲解了我的意义。由于我所谓的一种平面感是一种情绪机关，而不是真要目标看起来平面。
或者把这个平面感换成鲜活、伶俐更符合。由于扁平化是在试图抹平三维，而不是表现三维，以是添加平面成果，就要从形容上去动手。
STEP11
画暗影，照旧要先肯定光源点，假若光源从左上方打过来，那末暗影就会要紧浮此刻猫咪身段的右边。果然，并不是绝对的，譬如猫咪的爪子盖住腹部的部份也会有大面积暗影的展现。
这部份除了写实，更要遵命样式美的轨则。我在光影的绘制是不会参考拍照图的，这就需求把握好光影的根底法则。
STEP12
小铃铛的光影部份也不要遗忘，给小铃铛添加暗影和高光。
让喵去户外！植物画起来
展现户外的场景，至多用的元素也许便是植物了。
STEP13
首先画大片的叶子，咱们也许菱形来转为叶片外型，再行使左右双方色采的明暗对近来展现最简天真洁的光影相关。
STEP14
植物的叶片地位相关，经过再复制叶片形态并转动的方法，**也许多安顿一个大叶片在主体目标的背面做靠山，让画面有“景”的观感。**
色采因角度的不同造成特别玄妙的改变~
STEP15
着末添加串装的叶片，这种植物能有一种零散的发觉，会冲淡大片叶子的整块感。
到这一步开端的形容就完竣了。在靠山下为猫咪和植物都添加一个简化的投影。
玩颗粒笔刷，添加质感
颗粒笔刷是我最爱好的一种PS笔刷，默许的笔刷里没有，这是我克己的一款颗粒笔刷的办法：
添加颗粒感是一个可选项，假若有意间，也许多刷几笔，让AI中的平涂形态色采看起来更饱满，也更多视觉兴趣。这也是我最爱好的part。
STEP16
翻开PS，新建一个*px的文档，色采样式cmyk，分辩率ppi。首先照旧把招财猫复制加入PS，这边需求把靠山色隔开两个图层，便利咱们经过剪切蒙板完结涂色成果。
这时开端袭用咱们克己的颗粒感画笔给猫咪脸部添加颗粒感细节，在猫咪的图层上新建一个图层，再创立剪切蒙板，画笔就在新建的图层上开端画。
STEP17
接下开端画身段，有些场合也许学会袭用钢笔器材来画出部份地域，让形态看起来有更丰硕的条理。
STEP18
开端添加植物处境部份的颗粒，在植物边沿部份添加少数颗粒便可。小的叶片也许多添加一点。
STEP19
着末再行使调色器材调动一下团体的颜色。
时时来讲质感这部份是可选项，有意候你想要冗长轻巧，就也许省略这个次序。
成果对照：
Banner安排
STEP20
将招财喵放在右方，给左方文字以空间，乘隙在左侧也添加同样的植物元素，算是响应右边的插画。
着末，创建思绪再捋一捋
从一张相片索取猫咪目标，从草图开端再转为插画，给相片目标添加处境元素（植物等），尔后放进Banner安排里，并随从插画接续润饰Banner~
生存便是最佳的创建起因，当你发觉首创乏力时，随着这篇文章来，快给你家家猫也来一张心爱的小插画吧，把它用在你的下一次的安排里。
今日的招财猫Banner就说到这边，看完要着手操练才有更多劳绩哦。
报酬浏览！
接待插手安排达人官方安排交换群，扫底下
转载请注明地址:http://www.1xbbk.net/jwbys/423.html
