Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fan Art
Design

如何为 X-man 变种人学校创造文具套装

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called X-Men Week.
How to Create the X-Men Character Gambit in Adobe Illustrator
How to Use Adobe Fuse to Create a Superhero Reference

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

Final product image
What You'll Be Creating

X 教授不会在任何旧文具上写信。本教程将向你展示如何创建适合 X 战警的领导者(即X 教授)的文具套装,并将教你如何将现代平面设计外观来展示X-man变种人学校的信头和名片。

本教程适合初学者,你需要安装 Adobe InDesignAdobe IllustratorAdobe Photoshop

寻找易于编辑的文具套装?在Envato Market上浏览大量的趋势印刷模板

准备好了吗?好的,我们开始吧!

1.创建学校的 logo

X-Men logo 是图形,但是位于圆形边框中的 X 在漫画和电影中已经有很多重新诠释。在这里,我们将创建一个扁平化的符合当下趋势的 logo 的外观,且稍微有一点复古风格的纹理,这会让印刷文具看起来很棒。

步骤 1

打开 Adobe Illustrator

这个图像 logo 的主要特点是 X 字母的完美比例。一个完全对称的 X 是非常难以寻找的;但是我在 Intro 字体上找到了一个接近完美的选择,它与这个图像的未来风格的字体相似。

下载并安装 Intro 并返回到 Illustrator 文档。

采取文字工具(T),创建一个新的文本框,并输入一个大写的 X。将字体设置为 Intro,将字体颜色设置为黑色

intro font

选择文本后,转到字体>创建轮廓,将 X 转换为可编辑的矢量形状。

create outlines

步骤 2

使用剪刀工具(C),并在形状的左右两侧的中心点剪切 X 形,以形成两个独立的两个部分。

cut shape

删除形状的下半部分,只留下顶部 v 的形状。

deleted shape

编辑 > 复制 留下的形状并编辑 > 粘贴

Control-单击(Mac)或右键单击(Windows)> 变换 > 对称 来翻转粘贴的 v 形状,从而创建倒置的 v 形状。

pasted shape

将粘贴的形状放置在原稿的下方,再次创建一个完整的“X”形状。这样做,可以确保 X 形状完全对称。

选择 X 形状的两个部分,然后转到 对象 > 路径 > 连接 将两个部分组合在一起。

paths joined
vector x

步骤 3

使用椭圆工具(L),并按住 Shift 键拖到画板的另一部分。将填充颜色设置为黑色

circle

将 X 形状超过圆的顶部,完全居中,并允许 X 的边缘刚好超出圆的边缘,如下所示。将 X 的填充颜色调整为白色

shape and circle

步骤 4

选择圆和 X ,转到 窗口 > 路径查找器。从 路径查找器 图标选择中选择 裁剪

pathfinder trim

现在你已经剪掉了 X,只留下黑色的形状。

finished vector

这将是我们的基本标志,现在可以使用 Photoshop 添加纹理了。

步骤 5

文件 > 另存为 将你的 Illustrator 文档作为 AI 文件并最小化Illustrator。打开 Adobe Photoshop 并创建一个新的文档。文件 > 放置 你的矢量 AI 文件在画布上。

要创建一个凸版印刷风格的纹理版本的 logo,我们需要引入纹理图像。破碎的木炭或混凝土的图像看起来很棒。在 Envato 市场中尝试木炭图像或破碎的混凝土。要创建一个凸版式,纹理版本的徽标,我们需要引入纹理图像。破碎的木炭或混凝土的图像将看起来很棒。尝试这种形象的木炭或这种破碎的混凝土从Envato市场。

文件 > 放置 你选择的纹理图像在 Photoshop 文档的新图层上。

选择纹理图层后,按 Command-Shift-U 将图层颜色 去色

添加一个新的 色阶调整 图层(可从 图层 面板的底部访问),并随着滑块的位置来做。

levels

尝试并以增加黑色和白色的数量为目标,在纹理中创造更粗糙的元素。

texture image

步骤 6

选择 AI logo的图层,并添加 图层蒙版

然后选择纹理图层,然后按键盘上的 Command-A 选择图层上的所有内容,然后按 Command-C 复制

关闭纹理图层的可见性,然后单击 图层蒙版 的缩略图图标。你现在可以编辑 图层蒙版 的内容。

点击 Command-V 粘贴纹理。

layer mask

通过单击 Photoshop 的 图层 面板中的任意位置,进入 图层蒙版

你的 logo 可能会显得非常苍白,因为纹理的所有黑色部分都变得不透明。你可以反转效果使其变暗。

pale texture

为此,前往 窗口 > 属性。从 属性 面板中,选择 图层蒙版,单击面板右下方的 反转 按钮。

properties invert
texture effect

步骤 7

为了使效果更暗一些,将原始 logo 图层拖放到 图层 面板底部的 创建新图层 按钮上,从而复制一次。

create new layer

首先前往 文件>另存为,将文件另存为 Photoshop(psd)文件。

然后再次前往 文件>另存为,从格式选项中选择 Photoshop EPS。确保图像以透明背景保存。将文件名设置为“Final Logo_Texture.eps”。

步骤 8

返回到 Illustrator logo 文件,并选择 logo 的原始矢量版本。复制粘贴到新的 Illustrator 文档中。

将新的 CMYK 颜色添加到 颜色 面板(窗口 > 颜色)中,值为C = 17 M = 100 Y = 96 K = 7

将 logo 的填充颜色黑色调整到新的红色

vector in red

将文档保存为新的 AI 文件,文件名中的 “Red”

步骤 9

打开你的资源管理器(Windows)Finder(Mac)窗口,并导航到你保存的 Photoshop(psd)文件,在上面的 步骤 7中保存。

在同一个文件夹中复制并创建该文件的副本。使用文件名中的“Red”重命名该文件。

Photoshop 中打开新的 psd 文件。

右键单击(Windows)或Control - 单击(Mac) 图层 面板中的 AI logo 文件的每个副本,然后选择 替换内容。选择红色的 AI logo 文件并替换。

finished red logo

文件 > 另存为 纹理图像作为 Photoshop EPS 文件,具有透明背景,命名文件“Final Logo_Texture_Red.eps”。

2. 设置信笺模板

步骤 1

现在,请离开 Photoshop 和 Illustrator。打开 Adobe InDesign。

前往 文件 > 新建 > 文档

设置打印目的页数6。取消选择页面

页面尺寸 下拉菜单中选择 Letter(书信)(相当于215.9 mm×279.4 mm)。将边距设置为13 mm,并在页面的所有边缘添加 3 mm出血

new document window

单击 确定 来创建新文档。

new document

步骤 2

展开 图层 面板( 窗口 > 图层 ),然后双击默认的 图层 1 名称。重命名 纸张纹理

然后单击面板底部的 新建图层 按钮。重命名新图层为 纸张背景

再创建两个新的图层,命名为 Watermark 水印,并在图层的顶部,命名为 Content 目录

content layer

锁定除底层之外的所有图层,纸张纹理

paper texture layer

3. 设计信头

步骤 1

下载纸质纹理图像,就像 this one from Envato Market 这样。我选择在 Photoshop 中稍稍提亮图像,使其看起来不那么灰色,但这是完全可选的。

在你的 InDesign 文档中,并保留在第 1 页上,使用矩形边框工具(F)并拖动到页面上以创建跨越整个页面的边框,直到出血边缘。

前往 文件>放置 并选择纸张纹理图像。单击顶部控制面板上的 填充框比例 按钮,以填充图像的框架。

paper texture

步骤 2

返回 图层 面板并锁定 纸张纹理 图层。解开下一层,纸张背景

paper background layer

展开颜色 面板(窗口>颜色>色板),然后单击面板的 新色板 按钮。双击新的颜色以打开 色板选项 窗口。

命名色板 奶油色,并将字体进行处理模式设置为CMYK。将滑块移动到C = 4 M = 5 Y = 6 K = 0。单击确定

cream swatch

步骤 3

矩形工具(M)并拖动到页面上,创建与如下图层上的矩形相同大小的形状。

填充颜色设置为 奶油色

cream rectangle

然后前往 对象>效果>透明度,并将模式设置为正片叠底。将不透明度降低到95%,以便通过下面的纸张图像的纹理。

multiply
paper texture brought through

步骤 4

锁定 纸张背景 图层并解锁 水印图层

使用 矩形边框工具(F)并拖动到页面上来创建一个大的正方形框架。转到 文件>放置,然后选择“Final Logo_Texture.eps”文件,这是纹理 logo 的黑色版本。将图像很好地放在框架中。

placed logo in black

选择边框后,前往 对象>效果>透明度,然后将模式设置为正片叠底。将不透明度降低至3%以创建水印效果。

multiply
finished watermark

步骤 5

返回 图层 面板并锁定 水印 Watermark 图层并解锁顶部图层 内容 Content

content layer

颜色 面板创建一个新的 CMYK 程序色板,称为红色 Red,并将值设置为C = 17 M = 10 Y = 96 K = 7。单击确定

red swatch

采取矩形工具(M)并拖动到页面的底部以创建一个长整型的长方形,延伸到页面的长度,直到出血,然后到底部的出血,如下所示。将填充颜色设置为红色。

red rectangle

步骤 6

放大第1页的顶部,然后取矩形边框工具(F)。在页面顶部集中创建一个小方框,靠近顶部边距。

文件>放置 你的'Final Logo_Texture_Red.eps'文件。

logo in red

移动到页面旁边的粘贴板上,并使用文字工具(T)。拖到页面上创建一个文本框。输入“Xavier‘s School for Gifted Youngsters”。

将光标放在句子的开头,将字体设置为Futura Std,Light,Size 9 pt。从“字形”面板( 窗口 > 字体和表格 >字形)中,插入一个项目符号。

futura std

突出显示保留的文本,并将字体设置为 BankGothicBold,尺寸 11.5 pt

提亮显示所有文本,并将颜色设置为红色,文本为 中心对齐

bank gothic

步骤 7

回到页面,到顶部的红色 logo。

使用 椭圆工具(L),并按住 Shift,拖动以创建直径为35.4毫米的圆。位于红色 logo 顶部的中央位置。

circle

然后从 颜色 面板中选择[无],来使圆圈中删除任何描边填充颜色

返回到文本框(在上面的步骤 6 中创建),提亮并编辑>复制文本。

选择文字路径工具(Shift-T),然后单击 logo 周围的圆圈将其转换为文字路径。编辑>将文本粘贴到路径上。旋转边框直到重点在圆的底部中心。

type on a path

步骤 8

向下移动到页面的底部,并使用文字工具(T)在红色矩形的顶部创建几个文本框。

在这里,你可以输入Xavier's School-1407 Graymalkin Lane,Salem Center,Westchester County,New York的地址,将每行地址放在新的文本框架中。

设置 Bank Gothic Bold,8 pt的文本,并在每段文本之间添加在 Futura Std 中设置的点。

typography

创建一个新的CMYK颜色,C = 16 M = 11 Y = 14 K = 20,并将其命名为 Gray。在 Gray 中设置文本和点。

grey swatch

你的信头很完美——了不起的成果!

finished letterhead

为什么不使用 InDesign 文档的 第2页 创建信头图稿的副本(在复制之前解锁所有图层,然后在 编辑>粘贴到位)。反转颜色,使用红色纸张背景颜色,并将顶部 logo 更改为黑色版本。

reversed color

做的不错。你可以阅读了解如何创建匹配的名片...

4.创建一个匹配的名片

步骤 1

留在 InDesign 文档中,向下移动到第3页

使用页面工具(Shift-P),然后单击到第3页进行选择。从顶部的控制面板调整页面大小美国名片(宽度为88.9毫米,高度为50.8毫米)

us business card size

返回到文档的第1页,锁定纸张纹理纸张背景图层之外的所有图层,然后编辑>复制这些图层上的所有内容。

向下移动到第3页编辑>粘贴。调整矩形大小以适应名片尺寸。

pasted texture

纸张背景矩形的填充颜色调整为红色,并确保透明度设置设置为正片叠底,95%

transparency

步骤 2

文件>放置 'Final Logo_Texture.eps'文件在纸张中心的由矩形框架工具(F)制作的边框中。

logo

步骤 3

向下移动到 InDesign 文档的第4页,并使用页面工具(Shift-P)再次将页面的大小调整为美国名片大小。

page tool

第 3 页复制纸张纹理纸张背景内容 并编辑>粘贴第 4 页

将顶部矩形的填充颜色调整为奶油色

cream swatch

步骤 4

使用文字工具(T)将文字添加到名片中,在卡片的左侧创建一系列文本框。

在顶部的“黑色”区,填入名字(‘Prof. Charles Xavier’),接着是职业和学校名称(“Principal”;“Xavier’s School for Gifted Youngsters”)用红色,最后放置地址('1407 Graymalkin Lane, Salem Center, Westchester County, New York)在底部,用 灰色

设置所有文字为 Bank Gothic Bold

bank gothic bold

步骤 5

保存 InDesign 文档,将其最小化并返回到Adobe Illustrator。创建一个新的文档。

使用 弧形工具 创建一个从左上到右下的轻微曲线的对角线。

arc tool

复制粘贴该行两次,创建三个金刚狼式的爪子。

pasted lines

控制面板 顶部的 画笔定义 菜单中,打开“画笔库”菜单,然后选择“艺术”>Artistic_ChalkCharcoalPencil

选择线条将画笔定义调整为“焦炭平滑”,并将“描边粗细”设置为4 pt

选择所有三行并编辑>复制

brush definition

步骤 6

返回到 InDesign文档,然后返回第 4 页,到编辑 > 粘贴

调整爪的图形,位于页面的右侧,并将颜色设置为红色

pasted graphic
finished reverse

步骤 7

棒呆了的创作——你的 X-Men 名片已经完成,看起来很棒!

你可以使用文档的 第 5 页第 6 页 创建卡片的倒置版本,从第 3 页第 4 页复制图稿,然后反转颜色。

red card front
red card reverse

5.导出你的文具到打印

你的文具图稿已完成。你现在可以将其导出,准备进行专业打印。

步骤 1

前往 文件>导出 并从格式下拉菜单中选择 Adobe PDF(打印)。命名PDF'信头图稿',然后单击保存

在打开的窗口中,从 Adobe PDF 预设菜单中选择“按质量”。将页面范围设置为1-2,这样就可以导出这个信头图稿。

press quality

从“标记和出血”选项中,选中“所有打印机标记”和“使用文档出血设置”。

marks and bleeds

单击导出

步骤 2

要导出名片图形,请重复上述步骤,但此时将文件名称调整为“名片图稿 Business Card Artwork”,并将页面范围更改为3-6

pdf finished

结论

我们知道,X 教授会爱上他全新的文具套装 - 很棒的成果!

在本教程中,我们介绍了可应用于其他打印设计项目的各种技术和技能。你现在知道如何:

  • 在 Illustrator 中创建矢量图标,并在 Photoshop 中添加现代纹理。
  • 为信头准备 InDesign 模板
  • 创建一个水印的信头纸设计完成与纸质纹理,颜色,logo 和排版.
  • 调整 InDesign 文档来准备好进行名片设计
  • 设计一个现代,简单的名片,配有设计感的排版和炫酷的矢量图形

想要发现更酷的文具套装?浏览Envato Market上大量设计感印刷设计模板

final product
关注我们的公众号
Advertisement
Advertisement
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.