逼真的印章效果的标志设计-汕头平面广告包装设计培训-天猫淘宝美工培训-电商运营培训学费-汕头实力开创平面广告包装设计培训学校

文章大纲 隐藏

I) 教程资源

V) 4.如何在Adobe Illustrator中准备标志

在本教程中，我将指导你一步步在Adobe Photoshop中创建一个逼真的印章效果的标志设计。在这个过程将由草图开始，所以你需要准备好你的相机（用你的智能手机拍照也可以），插上你的打印机，打开你的Photoshop（CS6或更高版本），因为这个设计之旅即将开始！

教程资源

如下是你将用到的资源:

- 真正的透视图

- 橡胶纹理

- 30个复古风格徽章和标志

- ChunkFive字体

- Bree Serif 字体

1.如何拥有正确的透视图

首先，我们需要一个真正的透视，它将成为构建场景的所有元素的基础。

在这个章节中我们要做的是在Photoshop的二维画布上绘制一个实体，然后输出打印它并以不同的角度拍摄，让我们对高度，宽度的有正确印象，深度和物体相对于的位置。

我已经帮你完成了这个过程，你只需要下载这个文件。

但是，你亦可以创建你自己喜欢的透视角度。步骤如下图所示：

第 1 步

在Photoshop中创建一个新的文档，大小为1240X1754像素。

选择矩形工具。

将光标移动到画布上，然后鼠标单击。

你将打开一个小对话框，允许你输入新形状的精确尺寸。输入350 x 350像素，然后单击确定按钮。形状将创建到你鼠标单击点的右下角的位置。

第 2 步

选择属性（Properties）面板。如果你找不到它，那么选择视窗>属性。

将形状填充类型设置为黑色，形状描边填充为透明，矩形的位置X轴为443像素，Y轴为700像素：

现在黑色的矩形框应该在画布的中间位置。

第 3 步

插入你的打印机，然后打印这个文档。将这个打印稿放在地上，使其接近窗子或是一盏灯。

第 4 步

拿起你的相机（你的智能手机也可以），拍摄几张这个黑色的矩形。使用相机，并接近矩形的一个角，以获得更强烈的视角。分别拍摄不同角度和位置的几张照片，选择适合你的照片。你应该得到一个类似下面的图片。

从现在开始，我会用我的透视图来完成本教程，但以下面的步骤即使你使用你自己的透视图也可以完成的。

2.如何添加橡胶质感到场景中。

第 1 步

在Photoshop中打开我这个图像，或者你可以使用在上一章节你自己创建的图像。将其放置到一个2500 x 1600 像素的文档中。如果你使用的是自己的透视图像，请尝试保持黑色矩形和白色背景之间的比例与我的图像相似：

选择图层面板。如果你找不到它，那么选择视窗>图层。

查看“背景”图层。它会是被锁住的（一个小挂锁出现在图层的右边缘附近）

如果想要解锁这个图层，选择图层>新的图层>背景图层（Layer > New > Layer from Background），然后点击确认。

鼠标双击图层，以重命名此图层，将其命名为“透视图”.

第 2 步

下载橡胶材质

然后在Photoshop中打开。

选择 选择>全部或按Command+A选择纹理。现在，通过编辑>复制或按Command+C复制图层内容。

点击正确的选项，返回上一个文档（带有透视图的文档）。

现在通过选择编辑>粘贴或按Command+V粘贴刚刚复制的橡胶纹理。

鼠标双击图层，以重命名此图层，将其命名为“橡胶纹理”。

关闭橡胶纹理文件。关闭前不要保存对文档的更改。

第3步

刚刚导入的橡胶纹理对于我们的画布来说太大了，所以选择编辑>自由变换或按Command+T并拖动四周节点来调整纹理大小。当你拖动四周节点时按按Shift以便按比例缩放。

在图层属性面板将“橡胶纹理”拖拽在“透视图”图层之下。

3.如何创建智能对象

第 1 步

在图层面板，选择“透视图”图层，然后选择矩形工具。

将光标移动到画布上然后单击。将有一个对话框让你键入新形状的尺寸。输入：1125X1125像素，然后点击确定。形状将在你点击地方的右下角被创建出来。

通过在“图层”面板中直接双击该图层的名称并将其更改为“智能对象”来重命名该图层。

第 2 步

选择图层“智能对象”，在顶部菜单中选择“图层”>“智能对象”>“转换为智能对象”。

现在你应该有一个正方形（无论什么颜色）在透视图像之上：

我们现在要做的是智能对象中的正方形（我的案例是蓝色）变形为与黑色透视图相同的形状。

不要着急，这个做起来比看起来容易！让我们继续吧!

第 3 步

选择编辑>变形>缩放(Edit > Transform > Scale)。

如果我们仔细观察，矩形周围就会出现一个薄的边框。我们还可以看到顶部中心，底部中心，左中心和右中心的框架，以及四个角落中的每个角落的正方形。这些小方块被称为“手柄”，我们可以通过拖动这些手柄来改变边框内的任何内容。

在这一步中，我们只需拉扯四周角落的节点来达到变形的目的。

将鼠标光标移动到右上角的手柄上，按住键盘上的“Command ”按钮（光标将变为小白色箭头），然后单击并拖动手柄直到触摸右上角的黑色透视角与您的鼠标光标：

再次，光标移到该句柄在左上角，按键盘上按住命令按钮，然后单击并拖动控点，直到你用你的鼠标光标触摸左上角的小黑方块：

对左下角进行同样的操作：

最后，对右下角进行同样的操作，然后点击确认。

现在你可以选择图层面板，图层 > 删除 > 图层，去除“透视图”图层。

好啦！现在你的智能对象是在正确的透视状态了。我们所有放入智能对象的物体都会和蓝色方框一样的角度。

现在我们准备好将徽标或是标志放入蓝色方框。开始吧！

4.如何在Adobe Illustrator中准备标志

正如你所知道的，我们需要一个徽标或是标志来完成这个设计。

这个徽章将是一个突出的元素，将来会被印在橡胶的纹理里。

幸运的是，

Envato Elements

里提供了各种高品质的徽章和矢量元素，可供你使用。订阅月季Envato Elements来解锁各种高品质的徽章，模板，照片等！

在本教程中，我们将使用的徽章来源于

30款古典风格徽章和标志：

第 1 步

在Adobe Illustrator中打开vector .ai文档。当你打开这个文档时，一个窗口将会弹出来，

提醒你文档使用字体当前的计算机没有。不用担心 – 所有字体都可以免费使用，你可以在文件夹内找到一个文本文件，其中包含所有引用和链接以下载每种字体。

为了本教程，我使用以下免费字体替换了两种商业字体：

- ChunkFive 字体

- Bree 衬线字体

第 2 步

当你选择好你的字体后，选择选择工具（V）。

现在选择“Seabreeze”徽章（或任何你喜欢的标志）。复制徽标，选择编辑>复制或者点击Command+C。

在Adobe Illustrator中，创建一个新的350X350像素的文档。现在通过选择编辑>粘贴或按Command+V粘贴你刚刚复制的徽章。

第 3 步

使用选择工具（V），将徽章从灰色区域移出白色画布。

在你导入徽章到Photoshop之前，我们将扩展其外观，将所有文本转换为矢量形状，并删除现在已经将徽章移动到灰色区域的白色区域。

如果未选择徽章，请通过使用选择工具（V）单击来选择徽章。

在顶部菜单中，选择对象>展开外观(Object > Expand Appearance.)。

再次选择“对象”>“展开”。将出现一个对话窗口;选择对象和填充，然后按确定OK：

第 4 步

找到查找路径面板。如果你看不到该面板，请通过选择“窗口”>“查找路径”来打开该面板。

选择修剪（Trim）。修剪按钮删除重叠或隐藏的对象的部分。

第 5 步

现在这个徽标100%是一个矢量形状了，我们可以完全移除白色部分。

选择魔术棒（Magic Wand Tool）工具：

将光标移动到白色区域上，然后单击以选中徽章的所有白色区域：

如果你觉得需要的话，你可以使用缩放工具（Zoom Tool (Z)）来放大画布。

现在所有白色的部位都被选中，在顶端的菜单栏选择移除它们，选择编辑> 剪裁（Edit > Cut）。

现在徽章准备好被导入到Photoshop的场景中啦！

5.如何将徽标置入场景

第 1 步

我们在Adobe Illustrator的工作界面上。如果徽标没有被选中，你可以选择选择工具（V）。选择编辑> 复制（Edit > Copy）或者按键盘（Command＋C）来复制徽标。

第 2 步

回到Photoshop重，在图层面板选择智能对象，然后双击智能对象的缩略图图标。

当你编辑智能对象的时候，智能对象的原文件将在一个新的窗口被打开。现在，你可以根据你的需要做出更改，一旦你满意你的编辑结果，你需要做的就是保存你的结果，并且当你返回时，Photoshop智能对象将被自动更新。

将蓝色方形图层的可见的性关闭：

现在，选择编辑>粘贴（ Edit > Paste），或者按键盘（Command＋V），粘贴徽标。

在对话框重选择智能对象，然后点击确认。

在首选项栏并将徽章的大小设置为 562 x 562 px 并将它设置为 440%的宽度和高度。当你完成后时，请按键盘上的Enter键：

第 3 步

在图层面板中，双击该图层名称以外的地方或点击缩略图以打开图层样式面板。添加一个新的渐变叠加（Gradient Overlay），设置混合模式为正常，不透明度为100%，通过点击彩色图标设置叠加颜色，单击并键入十六进制代码 #000000。

第 4 步

选择文档 >储存（File > Save）储存文档或者使用快捷键Command+S来完成储存。

回到主文档，你将发现智能对象被更新了。事实上，徽标采取了智能对象的透视角度。

6.如何制作橡胶纹理的徽章

是时候来添加一些特别的效果来给徽章一个3D的效果，让它更好的和场景融合。

第 1 步

在图层面板，双击该图层名称以外的地方或点击缩略图以打开图层样式面板。

添加一个斜角和浮雕（Bevel & Embossed）的图层样式。在选项（Structure） 部分，选择向外斜角（Outer Bevel），技术（Technique）：平滑（ Smooth,），深度（Depth）：100%，方向（Direction Up）：向上、 大小（Size）： 4 px 和柔化（Soften） 0 px 的设置。

在阴影（Shading） 部分，设置角度（Angle）为-153 °，高度（Altitude）为 32 °，光泽轮廓(Gloss Contour )：线性 （Linear）、 显示模式（Highlight Mode ）：滤色（Screen），颜色：白色 #ffffff 和不透明度： 0%，将阴影模式（Shadow Mode）的颜色设置为黑色颜色 #000000 模式设置为正片叠底（Multiply），不透明度为 50%。

第 2 步

添加一个内阴影风格（Inner Shadow） 。在选项中，将混合模式设置为黑色#000000 填充，正片叠底（ Multiply），不透明度为 75%, 角度（Angle ）为45°, 距离（Distance）： 5 px,阻塞（ Choke）： 0%, 大小：Size 3 px。最后，在品质（Quality）部分，设置轮廓为线性（Linear ）和躁点为5%。

第 3 步

添加内发光（ Inner Glow ）样式。在选项中，设置混合模式为正常（ Normal），不透明度为 35%，噪点（Noise ）为 0%及黑色 #000000 为发光的颜色。

在内容（Elements ）部分，设置技术（Technique）为柔化（Softer），源（Source）：边缘（Edge），阻塞 (Choke) : 0%，大小（Size）为 3 像素。

最后，在品质（Quality ）部分，设置轮廓（Contour）为线性（Linear），范围（Range）为 50%，和抖动（Jitter）为 0%。

第 4 步

添加渐变叠加样式。设置混合模式为正片叠底（ Multiply），不透明度为 100%、 风格：线性（Linear）、 角度为 12 °，和缩放（Scale）100%。

现在点击矩形渐变来改变渐变颜色。

将两个不透明度浮标位置设置为 100%，并添加 4个色标。设置颜色浮标从左到右，如下所示：

- 第一个颜色浮标：颜色 #040203，位置 1%

- 第二个颜色浮标: #26272a，位置 36%

- 第三个颜色浮标: #5b5e66，位置 54%

- 第四个颜色浮标： #e3e4e9，位置 100%

点击确认来作出这些更改。

第 5 步

添加图案叠加（Pattern Overlay ）样式。设置混合模式为正常，不透明度为 100%，缩放为 100%，并点击正方图案图标：

现在出现一个小窗口。单击小齿轮图标，打开一个弹出菜单，选择灰度纸（ Grayscale Paper）。单击确定以替换当前的图案到灰度纸（ Grayscale Paper）图案。

从列表中选择纤维 1（Fiber 1 ） 图案：

第 6 步

添加外发光（Outer Glow）样式。在选项中，设置混合模式为滤色（Screen），不透明度为 8%，噪点（Noise）为 0%及白色 #ffffff 为发光的颜色。

在内容（Elements ）部分，设置技术（Technique）为柔化（Softer），扩展 (Spread ) : 0%，大小（Size）为 10 像素。

最后，在品质（Quality ）部分，设置轮廓（Contour）为线性（Linear），范围（Range）为 100%，和抖动（Jitter）为 0%。

第 7 步

添加一个阴影样式。在选项（Structure）部分中，设置混合模式颜色为黑色 #000000，模式为正常，不透明度为75%，角度为-135 ° ，距离为 1 px，扩展（Spread）至 0%，和大小为 1 像素。

最后，在品质（Quality ）部分，设置轮廓（Contour）为线性（Linear），躁点（Noise）为3%。

徽章的所有样式在这里都做完了。按确定以关闭图层样式面板并确认所做的更改。

在下一步中，我将教你如何添加智能滤镜为徽章制作蒙板。

第 8 步

选择椭圆形工具，然后在画布的任何地方点击。输入：1053 X 684px。然后在属性面板中将X轴设置为705px，Y轴设置为494 px。

在图层面板，双击图层来重命名这个图层为“模糊”。

右键单击“模糊”图层然后选择删格化（ Rasterize Layer）。

选择滤镜 > 模糊 > 高斯模糊（Filter > Blur > Gaussian Blur），半径设置为 45 px，并点击确定。

通过点击“模糊”图层的眼睛图标来隐藏它。

现在按住键盘上Command按钮并单击图层缩略图，做一个椭圆的选区。

选择“智能对象”图层，选择滤镜 > 模糊 > 高斯模糊（Filter > Blur > Gaussian Blur），设置半径为 4 像素。

你会注意到，有一个小的缩略图出现在你刚添加的智能滤镜附近。通过点击它选择的缩略图：

找到属性面板(Window > Properties) (窗口 > 属性)，点击反转（Invert)。

7.如何给徽章添加高光效果。

第 1 步

在图层面板中，选择“智能对象”图层，选择图层 > 新的图层 > 通过拷贝复制图层（Layer > New > Layer Via Copy）。

通过双击图层面板上图层的名字来重命名图层为“高光”

在“高光”图层上右键单击，从弹出的菜单中选择清除图层样式（ Clear Layer Style）。

第 2 步

添加一个斜角和浮雕（Bevel & Embossed）的图层样式。在选项（Structure） 部分，选择风格为内斜角（Inner Bevel），技术（Technique）：平滑（ Smooth），深度（Depth）：100%，方向（Direction Up）：向上、 大小（Size）： 5 px 和柔化（Soften） 0 px 的设置。

在阴影（Shading） 部分，设置角度（Angle）为20 °，高度（Altitude）为 70 °，光泽轮廓(Gloss Contour )：线性（Linear）、 显示模式（Highlight Mode ）：叠加（Overlay），颜色：白色 #ffffff 和不透明度： 75%，将阴影模式（Shadow Mode）的颜色设置为黑色颜色 #000000 模式设置为正片叠底（Multiply），不透明度为 0%。

第 3 步

添加内阴影（ Inner Shadow ）样式。在选项中，设置混合模式为黑色 #000000 ，正片叠底（ Multiply），不透明度为95%，角度为90°，阻塞（Choke）0%，大小：2像素。

最后，在品质（Quality ）部分，设置轮廓（Contour）为线性（Linear），躁点（Noise）为5%。

第 4 步

添加一个阴影样式。在选项（Structure ）部分，设置黑色 #000000，混合模式为叠加（Overlay ），不透明度为 75%，角度为 45 °，距离为 3 px，扩展（Spread）到 0%、大小为4 px。

最后，在品质（Quality ）部分，设置轮廓（Contour）为线性（Linear），躁点（Noise）为7%。

8.如何对徽章添加光泽

第 1 步

在“高光”图层上创建一个新图层，选择图层 > 新的图层 > 图层（Layer > New > Layer），命名为“渐变”，并点击确定。

选择油漆桶工具（Paint Bucket Tool），按键盘上的D键将前景色设置为黑色。

在画布上任意位置点击将图层填充为黑色。在图层面板将填充（Fill）设置为0%。

第 2 步

在图层面板，双击该图层名称以外的地方或点击缩略图以打开图层样式面板。

添加一个渐变叠加（Gradient Overlay）样式。设置混合模式为正常，不透明度为 100%，风格：线性，角度为 25 ° 和缩放80%。

现在点击矩形渐变来改变渐变颜色。

将两个不透明度浮标位置设置为 100%，并添加 2个色标。设置颜色浮标从左到右，如下所示：

- 第一个色标位置：颜色 #000000，位置 50%

- 第二个色标位置： #ffffff，位置 64%。

点击确认来确认这些设置。

第 3 步

在图层面板中，移动光标在“渐变”图层上，右键单击它，并从弹出的菜单中选择转换为智能对象。

做另一个右键单击并选择创建剪切蒙版（Create Clipping Mask t）来显示徽章和应用相应的效果。

在顶部的菜单中，选择滤镜 > 滤镜库（Create Clipping Mask t）。出现滤镜库对话框。

单击扭曲（Distort）风格文件夹。

文件夹展开并显示该类别中所有的滤镜。它们都有缩略图，分别展示滤镜效果。选择玻璃（ Glass ）并设置扭曲（ Distortion）为4、 光滑度（Smoothness）为 1、 材质（Texture）为磨砂（Frosted）和缩放（ Scaling ）为 112%。

最后，按确定以确认并应用效果。