DDR爱好者之家 Design By 杰米

在 ILLUSTRATOR CS 软件里,利用多功能画笔及蒙板创作一张既吸引又有冲击力的商业名片。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 1 在本文中我们将介绍在 ILLUSTRATOR CS 中,如何利用简单的工具快速制作出这些漂亮的商业名片

当你使用多功能画笔及蒙板你就可以创造出很酷的名片。在本文中我们向你展示如何通过调整画笔的尺寸及距离,再通过蒙板剪切来设计名片,同时,你也可以了解设计名片时全出血位的设置。

一、所有这些名片都是由 ILLUSTRATOR 里的商业名片( BUSINESS CARD 2 BLANK )模板创建的。首选我们打开模板, File>New from Template >Blank Templates > Business Card 2_Blank .ait ,打开该模板后,我们还要应用到各种分散( Scatter )画笔,选择窗口 > 画笔库 >Decorative_Scatter ,打开该笔库的样本。我们在本文中所有的用到的画笔都是利用该面板中的画笔样本来制作的。

打开该画笔库时,这些画笔都是以各自的属性及名字排列,我们可以选择以“缩略图查看”模式来观看画笔,这样显得更直观。见图 2

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 2 分散( Decorative_Scatte )画笔库

二、当我们点击上面的画笔库的其中一个样式后,在“画笔”面板上就会显示所选画笔的图标。分散画笔可以应用于由笔刷、铅笔、钢笔或线段工具创建的对象。首先我们先画一条直线,然后在 Scatte 画笔库点击我们要应用的画笔样本,就可以将这个画笔应用到线段上去,见图 3 。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程


图 3 分散画笔应用于直线后的效果

你可以对其中单个元素的进行改变大小、距离、分散及旋转等操作。我们选择线段后,然后双击显示在“画笔”面板的样式时,就会弹出一个对话框,你就可以对这些元素进行调整。调整完后,我们按确定应用。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 4 双击面板上的样式,可以对这些元素进行各种调整,上图下为调整后的效果

三、加入其它元素。我们可以加入所需要的文字,并加入了一个家的图标。该图标同样来自该软件中(窗口 > 符号库 >Web Icons )。为了使这些元素更有层次感,我们可以加些阴影。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 5 加入其它素,包括文字及图标。

四、应用裁切蒙板工具。首先选择矩形工具画出一个矩形作为蒙板,大小与名片的模板一样。然后与模板的区域重叠,填充及笔触都选择无。然后选择所有的对象,应用对象 > 载切蒙板 > 创建。这时我们只看到矩形中的对象。为了使印刷时有出血位,我们可以选择载切后的对象,然后四周放大,使到各边都比原来大出 10Pt 。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 6 注意,我们要留有出血位。

至此,一个漂亮的商业名片便完成了。是不是很简单?

我们再设计多几个,希望对你有更多的启发:

大多数分散画笔里的元素都是由一些基本元素组合而成。我们可以利用这些基本元素作为一个裁切蒙板应用在一些简单的图片上。

1 、首先我们打开画笔库中的 Decorative Scatter 画笔,选择如下图的画笔并将它拉到窗口中。然后连续应用两次解散群组(对象 > 解散群组)。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 7 象上图这个画笔拉到文件中

我们将这个图案按比例拉大一些,然后将中间的那个正方形的填充及笔触都选择无(见下图)。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 8 解散对象后将中间的元素的填充及笔触选择无

2 、我们选择一张要应用的图片置入,因为我们可用的位置地方很小,所以我们需要选择没有太多细节的图片。我们将这张照片排列到最后面,将图片的主要元素放在我们刚才那个正方形的区域里。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 9 置入一张我们要利用到的图片。

3 、这时我们应用选择工具,将图片及上面的那个裁切区域同时选中,然后应用“对象 > 裁切蒙板式 > 创建”,为了让整个设计显得更协调,我们将四周的颜色调整了一下。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 10 加上文字,另一个漂亮的名片又出来了。

我们还可以通过简单复制及画笔创建一个有冲击力的背景。我们同样在画笔库里选择一个立方体的画笔,然后移到窗口中,利用复制、旋转及改变颜色创建出下面的背景图。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 11 通过复制及调整,我们创建另一个背景

然后我们应用裁切蒙板,在上面背景中选择一个区域,加上文字后,很快,第三个名片就做出来了。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 12 设计这个名片 15 分钟都不用!

加上特殊效果:

1 、我们用钢笔工具画出一条,然后应用分散画笔(在本文中我们选择圆十字形的画笔)应用在线条上。然后在图形样式上双击该画笔弹出设置参数框,选择阅览模式,调整各圆的间隔,使到各个圆刚好接触。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 13 选择另一种画笔,并调整成右边的样子

2 、然后我们选择调整好距离的三个圆,应用“效果 > 像素化 > 点状化”,在本文中,我们使用了默认的设置。

应用了点状化效果后,我们降低不透明度,使到整个效果比较柔各。我们同样用相同的办法处理背景。使到出来的效果更有趣一些。

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

图 14 利用一些简单的特效,第四张名片就大功告成了

在印刷名片时,我们可以在一个页面里排满名片,特别要注意周围要有出血位,以防止切纸时留有白边:

Illustrator(AI)CS 15分钟内设计绘制出具有冲击力的商业名片实例教程

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米