Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration
Design

绘制一张鼓舞人心的矢量政治海报

by
Difficulty:IntermediateLength:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Louis Wong (you can also view the original English article)

本教程的灵感来源于Sheppard Fairey著名的奥巴马竞选美国总统系列政治海报。 我们将会展示如何创作这种风格。 一开始我们将在Adobe Photoshop中编辑照片,然后跳到Adobe Illustrator去操作。 不需要花哨的设备。 我用的就是个滚轮的老式鼠标。

编者注:本教程不代表Vectortuts+的政治立场。 本教程重在展示有趣的美学风格的创作流程。


1. 复制和裁剪图片

步骤 1

要得到这种效果最好是找一个肖像风格照片,人物在思考或者目视远方。 我用的是 iStockphoto上找到的照片。

Political Poster Tutorial

步骤 2

找到合适的照片后,你需要在Photoshop打开它并适当地裁剪。 图片的顶端应该裁剪到人物的头,底部应该到比肩膀高一点的地方。 比例应该为2:1。

Political Poster Tutorial

步骤 3

现在来做色调分离。 转到图像>调整>色调分离。 要得到合适的效果将色阶设为5

Political Poster Tutorial

步骤 4

现在来使用Illustrator得到指导图层。 复制色调分离层,将新图层命名为“Pattern Guide”。 转到图像>调整>阈值。 然后滑动直到调整成下图效果。 我们想要它变得更暗一点,但仍保留一点细节。 当使用阈值时,最好使用峰值

Political Poster Tutorial

步骤 5

将这个新图层保存为“patternguide.psd”,或者类似的名字,后面要在Illustrator中用到。

Political Poster Tutorial

步骤 6

然后重复步骤 4和步骤 5三次。 每次应用低一点的阈值然后保存为新图层。 下面是我使用的设置,注意峰值。

Political Poster Tutorial

2. 建立文档和色板

步骤 1

在我们开始处理图层之前,我们要创建水平蓝线条图案。 在Illustrator建立一个新文档。 都是4 px。 然后创建一个矩形,填充浅蓝色(#4F919F),并盖住画布的上半部分。

Political Poster Tutorial

步骤 2

用一个米黄色的矩形盖住画布的下半部分。 选择全部Control + A),并拖到色板面板。 恭喜你已经做好了一个纹理图案。

Political Poster Tutorial

步骤 3

现在保存这个色板设置,这样就能在海报中使用。 在色板面板的左下角选择从色板库菜单中保存存储色板。 将其命名,我用的是“pattern”。 你可以关闭该文档了,因为我们不会再用到它。

Political Poster Tutorial

步骤 4

这是我们要在教程中用到的色板。 有4种颜色和一种纹理。 我们将要使用米黄和浅蓝混合。

Political Poster Tutorial

3. 创建肖像

步骤 1

现在我们有了参考图片和纹理图案,在Illustrator中创建一个文档。 我使用的画布大小是700 x 850px

Political Poster Tutorial

步骤 2

我们要从最暗的指导图层开始,这将是我们的模式层。 用钢笔工具(P)来绘制图层。 所以转到文件>置入将第一个参考图层导入Illustrator。 如果你一直完全按照教程来做的话,置入的文件名叫“patternguide.psd”。

Political Poster Tutorial

步骤 3

现在暂停来讨论一下钢笔工具(P)的正确使用方法。 这是Illustrator胜过Photoshop的一个地方,如果你用的好的话。

对任何曲线只要三次点击,两个是锚点另一个是曲线点。 曲线点在曲线最高的点处。 将锚点放在曲线开始和结束的地方。

当你创建曲线是一键点击是必须的。 在完成整个形状之后你可以改变曲线点为曲线。 使用直接选择工具(A)来转换,点击将所选锚点转换为平滑。

Political Poster Tutorial

步骤 4

在绘制第一个图层之前,我们要加载纹理至色板样式库。 在色板面板的色板样式库菜单中选择其他库

Political Poster Tutorial

步骤 5

好了,回到绘制第一个图层上。 在刚置入Illustrator的文件下新建图层。 这个图层会保留我们的轮廓线。 把它放在下面是因为这样容易观察。

点击钢笔工具(P),无描边,用创建的纹理图案填充。 现在使用钢笔工具(P)在黑色区域绘制轮廓线。 关键是要均匀,不要完全跟随指导图层。 只需要粗糙地画一下轮廓线,不用担心曲线,稍后我们会修正。

:这是整个过程中最繁琐的部分。

Political Poster Tutorial

步骤 6

你可能会注意到在中间有一些浅色较浅的部分那是我们刚画过轮廓线的地方。 可以通过相同的过程来修正。 填充米黄色,如下图所示。 在图案图层上建立一个新图层里这么操作。 在完成后,你会得到类似下图的东西。

Political Poster Tutorial

步骤 7

现在把形状修正地平滑一点。 我们想要锚点更加平滑,但是当你放置一会儿之后再看会发现这样更好。 从图案和米黄图层查看如下效果。

:我并没有按照顺序制作图片,纹理图案也不对,不同担心色差。

Political Poster Tutorial

步骤 8

现在对每一个图层进行同样的操作。 粗糙的绘制轮廓线,然后用紧跟其后的颜色绘制高光,再使轮廓线平滑。 下一个图层使用浅蓝色,接着是红色,最后是深蓝色。

Political Poster Tutorial

步骤 9

好了,现在你应该得到了下图所示。 繁琐的部分已经结束了。 现在来让它看起来像个海报。 首先用米黄色矩形填充画面放在所有图层的下面,作为背景。

Political Poster Tutorial

步骤 10

现在用红色和蓝色各填充一半画面。 将红色和蓝色放在米黄色背景图层之上。 使用矩形工具(M)来放置两个矩形。

Political Poster Tutorial

步骤 11

我们的海报看起来好很多。 现在来在底部添加放置鼓舞人心的文字的区域。 你可能需要扩大画布大小。 点击文件>文档设置。 我添加了300 px

Political Poster Tutorial

步骤 12

现在扩展你的米黄矩形使它覆盖画布新增的部分。 创建一个新矩形,用深蓝色填充。 它应该是主体人物部分的四分之一大。

Political Poster Tutorial

步骤 13

现在来添加文字。 我们使用浅蓝色作为字体颜色,改变字符设置让文本填充了深蓝色矩形的大部分区域。 使用文字面板改变字符的间隙。 使用文字工具(T)的时候是可以操作的。 我使用的字体是“Myriad Pro”。

Political Poster Tutorial

步骤 14

大部分都已经完成了,现在我们需要清理一下边缘。 首先,选择除了米黄图层之外的每个图层。 然后编组(Control + G)。 分别垂直水平对齐画板。

Political Poster Tutorial

步骤 15

现在来清理海报的边缘。 用随意一个颜色的矩形遮住所有图层。 然后打开路径查找器面板,选择差集。

Political Poster Tutorial

很棒的作品!你完成了!

我们做好了! 我们成功创建了一个很棒的效果而不需要很高超的艺术能力。 我们也学习了怎样有效使用钢笔工具,很好的使用Photoshop和Illustrator。 这是我的第一个教程,肯定会有一些问题。 欢迎在评论提问,我会尽快回答。 谢谢!

Political Poster Tutorial
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.