DesignTips > > 软木公告板风格的插图设计 (Illustrator)

软木公告板风格的插图设计 (Illustrator)

软木公告板风格的插图设计 (Illustrator)

本文介绍如何使用 Illustrator 来绘制软木公告板风格的插图设计。

“想试一下做做软木公告板风格的设计!”本文正是推荐给这些人的教程。无论是网页设计、传单或者横幅设计,这个设计都能活用其中呢。

虽然有导入照片来绘制软木公告板的方法,这次我们用 Illustrator 的 [效果] 来绘制这软木公告板。请好好看看本教程如何绘制软木公告板,并好好掌握吧。

Step01 生成软木公告板的原型

现在绘制软木公告板的原型。

如图所示,使用 [矩形工具] 绘制一个与画布同样大小的四边形,例如 800 x 600px, 颜色为 #A67C52.

Step02 效果→艺术效果→胶片颗粒

选择那个矩形,然后选择 [效果→艺术效果→胶片颗粒]。

Step03 设置胶片颗粒

请参照上图来设置 [胶片颗粒]。

Step04 应用胶片颗粒效果

对四边形应用了胶片颗粒效果。

这看起来已经能看出是软木公告板了,不过还需要一点时间。

Step05 锁定图层

现在锁定带有胶片颗粒效果的矩形所在的这个图层。

锁定图层的原因在于,防止之后的操作当中发生误操作。

Step06 将另一个同样大小的矩形将其覆盖

现在用另一个同样大小的矩形将其覆盖。

在已经锁定图层的这个矩形上面,用 [矩形工具] 绘制与 Step01 同样大小同样颜色的矩形。

Step07 效果→纹理→纹理化

为矩形加上效果。

选择这个矩形,然后选择效果→纹理→纹理化。

Step08 应用纹理化效果

对矩形应用了纹理化效果。

不过,这样就会不怎么看到软木公告板了;很快就会改善。

Step09 把透明度更改到 20%

选择矩形,然后在透明度面板(窗口透明度)把透明度改成 20%. 对这个矩形应用了透明度更改之后,纹理化的效果也变得柔顺起来。

Step10 完成软木公告板

这样的话软木公告板就完成了!

这次为了增加软木公告板的质感,我们使用了重合不同效果的图层的手法。比较麻烦的是 Step04 的胶片颗粒部分,不过在那个步骤已经很像软木公告板了呢。

而且,为了方便以后的操作请锁定图层。

Step11 绘制软木公告板上的便签纸

现在在已经完工的软木公告板上画上便签纸。

使用钢笔工具画出两张便签纸稍微有些错位的样子。用矩形工具来画虽然也不错,不过在例子中用的是钢笔工具。

Step12 绘制多张便签纸

请参考 Step11 当中的方法绘制多张便签纸。

用多一些颜色的话整个设计就会变得缤纷起来。

Step13 对便签纸应用投影效果

为了增添真实感,现在为便签纸加上投影效果。

选择在最上面的便签纸,然后点击 [效果→风格化→投影]。

Step14 设置投影

按照上图设置 [投影] 对话框当中的参数。

Step15 应用投影效果

粉红的便签纸已经应用了投影效果。

Step16 对所有的便签纸都应用投影效果

同样,对所有的便签纸都应用投影效果

Step17 绘制在软木公告板上的图钉

接下来就绘制按在软木公告板上的图钉。

按照上图所示,用椭圆工具画出一个正圆。

Step18 让图钉真实

现在就让图钉变得真实些。

首先,选择正圆之后按照上图所示应用渐变效果。别忘记选择 [径向]。之后,增加投影。

选择圆形,然后再选择 [效果风格化投影]。按照上图所示设置 [投影] 对话框。

图钉就活灵活现了!

Step19 为其他便签纸摆放图钉

给其他便签纸也摆放刚才所做的图钉

接下来就是往软木公告板上放些文字和小花了。

这就完成了!

给软木公告板加了些文字和小花。

小花的绘制教程可以参考这个花卉插图绘制教程 (illustrator).

感觉还不错的设计呢。真实的软木公告板总是那么好啊。

この投稿文は次の言語で読めます: 英语, 德语, 日语

15 个作为设计师必须会用的免费字体
30 秒将照片转为棕褐色调的方法 3
使用 Photoshop 制作胖胖鲜艳 Logo
不使用钢笔工具绘制七星瓢虫插图的方法
微凹猫脚印的设计(Photoshop)
使用 Photoshop 制作凹凸 Logo 与纹理
30 秒将照片转为棕褐色调的方法 2
使用 Photoshop 制作凹凸 Logo 与纹理
微凹猫脚印的设计(Photoshop)