PS像素法绘制城市插画教程

版权申明：本文原创作者“叶碉堡了”，感谢“叶碉堡了”的原创经验分享！

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特网PS鼠绘教程栏目，地址：https://www.fevte.com/plan/ps/shuhuijiaocheng/

自译外文 原作者：Andrei Stefan

全文字数：3494，预计阅读时间：11分钟

Hello guys! 

Welcome to Superyeah's Study Room. 

Sit down, and have fun!

前言

首先给大家拜个晚年，新年快乐！

年后第一篇文章，接着上一期分享的"完美像素图稿法"，今天给大家分享一篇实战插画教程，运用完美像素法，加上一些基础形状，再添加颗粒效果，一幅精致的纹理插画就出炉了~开始今天的练习吧。

1.新建文档

打开你的Adobe Illustrator，第一步：Ctrl+N新建文档，建一个800*600的RGB文档即可，如图。

2.设置自定义网格

使用快捷键Ctrl+K，打开首选项。

第一步："常规"里的键盘增量设置为1px，"参考线和网格"里的最后两项都设置为1，如图。

第二步：点击顶栏菜单上的"视图"，勾选"对齐网格"。

关于完美像素的工作流程，可以再阅读这篇文章AI大法 | 完美像素图稿法，通过学习大神总结的实用方法，来拓宽你的设计技能。

3.设置图层

一旦我们完成了我们的项目文件的设置，使用几个图层来构建我们的文档将是一个不错的主意，因为这样我们就可以一次关注插图的一个部分，从而保持稳定的工作流程。

这就是说，调出图层面板（窗口-图层）并共创建三层，我们将重新命名如下：

第1层：背景

第2层：照片

第3层：城市

4. 创建背景

点击背景图层右边那个圆圈（见上图），圆圈会变成圆环，确保你现在是在背景层，然后我们就可以开始创建背景了。

步骤1

创建一个800 x 600px的矩形，我们将使用该颜色#FFF8F0，然后使用"对齐"面板的水平和垂直对齐中心选项将其对齐到画板。

步骤2

复制该矩形（选中矩形，Ctrl+C复制，再Ctrl+F粘贴到上层），将复制出的矩形的颜色更改为#808080。然后，在顶部菜单栏找到"效果"，点击"纹理"，选择"颗粒"，在弹出框中，设置强度为40，对比度50，颗粒类型为喷洒。

步骤3

调整颗粒层的混合模式，我设置的是"叠加"，原作者是"柔光"，叶哥个人认为这个颜色用柔光会显得太淡，颗粒效果不明显，这个大家可以自己试一下，选一个你喜欢的效果就好。

步骤4

锁定背景层，然后进入下一个图层。如何锁定？直接点击下图眼睛右边那个位置，出现锁的图标就代表锁定好了。如何进入下一个图层？之前不是给你说了的吗，点圈圈呀。

5.创建宝丽来照片堆叠效果

首先确保你已经选中了照片层，这样我们才能进行下一步，就是宝丽来照片堆叠效果哦。

步骤1

使用360x460px矩形创建底部宝丽来的主要形状，设置颜色为#E8D4BF，然后将其放置在画板中心。

步骤2

使用旋转工具（右键单击>变换>旋转> -8像素） 顺时针旋转角度为8º，调整刚创建的形状。

步骤3

为该矩形创建颗粒层（回顾一下之前在背景层的操作），颗粒层的颜色为#666666，不透明度为40%，这次混合模式我用的"柔光"。

步骤4

创建一个380x480px的矩形（#333333），使其位于画板中心，将其混合模式设置为柔光并将其不透明度设置为64％，添加颗粒效果，同时选中矩形和颗粒层右击选择编组，快捷键Ctrl+G，作为顶部宝丽莱投影的阴影。

步骤5

这一步我们需要创建"剪切蒙版"了，我这里只讲操作，零基础的同学之后可以百度一下AI中的剪切蒙版了解概念。

选中下方那个倾斜的矩形，先Ctrl+C复制，Ctrl+F粘贴，再Ctrl+Shift+]移至顶层（AI中遮罩层需要在顶层）。同时选中复制出的这个形状和第四步中的打组的图层，右击选择"建立剪切蒙版"，快捷键是Ctrl+7，这时黑色区域就被倾斜矩形遮罩了，多余的边角被剪切进蒙版了。

步骤6

创建360x460px的矩形，颜色#FFEED9，居中画板。完成后，锁定画板。

6. 在右侧创建建筑

现在咱们终于可以进入城市建筑的绘制了！有没有很兴奋，你就快要拥有一座自己的完美小城市啦。

步骤1

创建280x340px的矩形作为背景，我们将在其上应用线性渐变，左侧#F9C958，右侧#F97E58。将角度设置为90º，根据下图标注的数据定位。