AI+PS画心爱的招财猫插画Banner

前言

插画作为Banner元素之一，只要学会创作小场景，操纵场景元素，就能建造出自己原创的插画Banner。下面这篇文章重点就经过创作一只小猫咪动身，用小猫咪作为素材设想一张插画气概的Banner。

灵感素材

对于没法原创插画的小伙伴，还是需要参考照片来作为创作起点。我们明天用的照片是我从摄图网上看到的，恰好被小猫咪心爱的行动所吸引。（很像招财猫的行动~）

从照片中提取草图

STEP 01

提取草图，也就是明白猫咪的身材结构，外型可写实可笼统，可是写实永久是个起点。所以写实的进程便可以在草图中停止。操纵照片勾画也好，还是按照照片参考自己画出结构也好。都是一个不错的起头。

从上图可以看出，猫咪的结构表面线有了，这部分在我们的扁平插画研习社课程中也和大师具体讲过，从骨骼起头抽取最根基的线条，这部分为接下描画大形打下了坚忍的根本，假如骨骼出了题目，表面线就很难改正最初的结构，致使形体出题目标也是这一最初环节。

外表面并纷歧定完全依照猫咪的外形来勾画了，部分细节可以点窜。

第一层！整体大表面

猫咪的大表面是外型的起点，先画出一全部剪影外形，为细节打下根本。

STEP 02

翻开AI，起头在AI中描形，文档可设为1600*1600px，色彩形式可以设备为CMYK。有了草图的帮助，就晓得应当放置什么外形最好。但这时由因而偏笼统的气概，是以猫咪的外形需要进一步革新，简化。

先为全部文档铺设布景外形，应用矩形工具绘制一个1600*1600px，作为布景，先设备布景的目标是建立起全部色彩空气，让远风景跟从布风景来设想。布风景为#F08654。

并操纵钢笔工具画出猫咪的头部，留意猫咪的脸可以宽一点、肥一点，这样会看起来更心爱。

STEP 03

接下画身世体的部分，猫咪的四只小猫爪可以夸大一点。将四只猫爪安置在合适的位置。这样全部身材就拼装好了。

留意每只猫爪都是用矩形的变体，这样能让猫咪看起来有种简洁的笼统感，和写实的猫咪能拉开气概间隔。

再铺一层！给猫咪更多细节

第二个条理，应当是猫咪更多细节：面部、毛色之类，让猫咪看起来可识别。

STEP 04

先画出心爱的猫脸五官：眼睛、鼻子、嘴、胡须……等。这部分创作时需要留意外形之间的间隔和位置。五官的位置很是重要，略不谨慎，就会让面部看上去不自然。

猫咪的小腮红可以用下降通明度的方式，叠成在其他色彩上方。

STEP 05

再增加猫咪的毛色，给纯白的身材增加纷歧样的色彩。仍然重新部起头，给两只耳朵和额头部分增加粉色的外形，这里的外形可以经过钢笔工具来画。

画好的外形假如超越了猫咪的大表面，就操纵外形天生器剪掉。

STEP 06

给猫咪一个装潢上的细节，这个细节在照片里没有，这些小创意都来历于生活。从生活寻觅创意素材~不止于小铃铛，还有其他可以想到的宠物用品，都可以帮助美化猫咪。

小铃铛的色彩用了两个互补色，让这部分看起来更鲜明。蓝色能起到平衡画面整体冷暖调的感化。

STEP 07

让小爪子也增加上细节，操纵两头为圆角的竖线条做出指缝，让小爪子新鲜起来。色彩仍然采用肉粉色。和毛色在整体上连结同一。

STEP 08

再操纵比力小圆角矩形作为元素，反复该元素，就构成了装潢图案，点缀猫咪的身材，模拟类似猫咪的毛色质感。这是在AI中操纵简单的小元素模拟质感的常用技法。色彩仍然是为毛色的肉粉色。

STEP 10

最初给猫咪增加一条小尾巴，尾巴的画法可以先操纵线条做出弧形，再经过【扩大表面】，转为外形。

上光影！让它更活泼

光影是可以加深立体感的，可是扁平化中的立体感战争常我们所了解的立体感还是有不同。有一次，我在微博上写过说自己的想要给画面增加立体感，有发起说可以做3D结果。我立即晓得对方误解了我的意义。由于我所谓的一种立体感是一种心理结构，而不是真要工具看起来立体。

能够把这个立体感换成新鲜、活泼更合适。由于扁平化是在试图抹平三维，而不是再现三维，所以增加立体结果，就要从形色上去动手。

STEP 11

画阴影，还是要先肯定光源点，假如光源从左上方打过来，那末阴影就会首要出现在猫咪身材的右侧。固然，并不是绝对的，比如猫咪的爪子盖住腹部的部分也会有大面积阴影的表示。

这部分除了写实，更要遵守形式美的原则。我在光影的绘制是不会参考摄影图的，这就需要把握好光影的根基法例。

STEP 12

小铃铛的光影部分也不要忘记，给小铃铛增加阴影和高光。

让喵去户外！动物画起来

表示户外的场景，最多用的元素大要就是动物了。

STEP 13

首先画大片的叶子，我们可以菱形来转为叶片外型，再操纵左右双方色彩的明暗对照来表示最简纯真洁的光影关系。

STEP 14

动物的叶片位置关系，经过再复制叶片外形并扭转的方式，可以多放置一个大叶片在主体工具的前面做布景，让画面有“景”的观感。

色彩因角度的分歧发生很是奥妙的变化~

STEP 15

最初增加串装的叶片，这类动物能有一种琐细的感受，会冲淡大片叶子的整块感。

到这一步初步的形色就完成了。在布景下为猫咪和动物都增加一个简化的投影。

玩颗粒笔刷，增加质感

颗粒笔刷是我最喜好的一种PS笔刷，默许的笔刷里没有，这是我便宜的一款颗粒笔刷的方式：

http://www.ifeiwu.com/blog-detail/1523.html

增加颗粒感是一个可选项，倘使偶然候，可以多刷几笔，让AI中的平涂外形色彩看起来更饱满，也更多视觉兴趣。这也是我最喜好的part。

STEP 16

翻开PS，新建一个2000*2000px的文档，色彩形式cmyk，分辨率300ppi。首先还是把招财猫复制进入PS，这里需要把布风景分隔两个图层，方便我们经过剪切蒙板实现涂色结果。

这时起头应用我们便宜的颗粒感画笔给猫咪面部增加颗粒感细节，在猫咪的图层上新建一个图层，再建立剪切蒙板，画笔就在新建的图层上起头画。

STEP 17

接下起头画身材，有些地方可以学会应用钢笔工具来画出部分地区，让外形看起来有更丰富的条理。

STEP 18

起头增加动物情况部分的颗粒，在动物边沿部分增加少许颗粒即可。小的叶片可以多增加一点。

STEP 19

最初再操纵调色工具调剂一下整体的色彩。

一般来说质感这部分是可选项，偶然辰你想要简洁轻盈，便可以省略这个步调。

结果对照：

Banner设想

STEP 20

将招财喵放在右方，给左方笔墨以空间，顺便在左侧也增加一样的动物元素，算是照应右侧的插画。

最初，创作思绪再捋一捋

从一张照片提取猫咪工具，从草图起头再转为插画，给照片工具增加情况元素（动物等），然后放进Banner设想里，并跟从插画继续润饰Banner~

生活就是最好的创作来历，当你感受原创乏力时，随着这篇文章来，快给你家家猫也来一张心爱的小插画吧，把它用在你的下一次的设想里。

全局回复3

从此春秋两不沾，风月不相关。

沙发？难道我坐的就是传说中的沙发？我忍不住泪水往X L了。不知道已经过了多少年了。记得小学一年级的时候，老师要我们写《我的梦想》时，我思考了很久，最后，在我想了一个通宵之后又与父母交谈了很就之后，我把我的梦想定格为：回帖时坐一次沙发…………现在，我终于实现了我的梦想，内心久久不能平静………

呵呵！有趣！

分享了

喜欢早已浮出水面，如今漫山遍野，日后绵绵不绝。

纵你阅人何其多，无人应似我。

盐于律己，甜以待人。

蒙太奇手法，高