如何建立一个现代化的名片使用Adobe Photoshop

Final product image
什么,你将创建

你想学习如何创建使用Photoshop名片?如你所知,名片可以说是最强大的网络工具,你可以在你的口袋里。这是你的第一个印象,你代表的业务。虽然我们在这个数字时代,社交媒体占主导地位,物理名片仍然是高度相关的,因为它构成您和您的同事,在社交媒体缺乏不幸之间的真正的人的连接。

在本教程,我会告诉你如何使用名片在Photoshop基本和自定义形状,简单的文本格式,整齐的定位之作。

这名片的Photoshop模板中,我们将要创建的是4英寸的一部分-1名片包的M在GraphicRiverÿ组合。并与我们在我们的ENVATO TUTS + YouTube频道上沿随时检查的最好的名片上ENVATO元素可收集我们的教程结束

4 in 1 Modern Business Card Bundle

关注:

教程资源

在我们开始之前,请下载并安装以下资产:

  • 拉托字体
  • 自定义形状

1。如何安装或加载自定义形状为名片的Photoshop模板

步骤1

去编辑>预设,然后选择预设管理器。在预设类型下拉菜单中,选择自定义形状,然后按负载。现在浏览到您解压缩文件,并选择教程Shapes.csh的位置。按装载,你就大功告成了。

Install photoshop custom shapes

2。如何建立一个新的文档对于名片

步骤1

名片像素大小的Photoshop模板通常,1.75英寸使用3.25,所以去文件>新建并输入以下内容:

  • 名称:商务卡 – 前
  • 宽度:3.25英寸
  • 高度:1.75英寸
  • 第300像素/英寸
  • 颜色模式:CMYK色8位
  • 背景内容:白色

现在按下OK来创建文档

Setup and create new document

3。如何为名片的Photoshop文件

步骤1

创造安全,修剪和边界指南

在我们开始之前,请确保以下选项启用。如果该选项旁边的检查,它已经启用,您可以跳到下一个步骤。

按下Control-R或去查看>标尺显示标尺。接下来,进入查看和检查捕捉。最后,去查看>对齐和检查指导,图层和文件边界。

Set guideline options

步骤2

让我们从安全区的指导方针开始,其内所有重要的图像和文字应保持。只需点击标尺和指导拖到文档的所有四个侧面。应该卡入位置容易。

Create safe area guidelines

步骤3

现在,让我们增加画布大小至3.5×2英寸。去图像>画布大小,设置宽度3.5英寸后跟高度:2英寸。按OK。

Increase canvas size to 35x2 inches

步骤4

接下来,我们将创建修剪准则。任何超出这个指南将打印后,修剪掉。现在点击标尺和指导拖到文档的所有四个侧面。

Create trim guidelines

。步骤5

增加画布大小最后一次。去图像>画布大小和设置宽度:3.75英寸其次是身高:2.25英寸。按OK应用更改。

Increase canvas size to 375 x 225 inches

步骤6

创建边界准则。虽然不是必需的,有这个指导对象对齐到边缘时有一定帮助。只需点击标尺和指导拖到文档的所有四个侧面。

Create boundary guidelines

步骤7

现在,它的完成,让我们继续前进,锁在当前位置的准则。去查看,并检查锁定参考。

Lock guides

4。如何创建地址

步骤1

一个背景

选择圆角矩形工具,从工具栏,点击画布的任何位置。设置宽度:820像素,高度:80像素,半径:15像素和按OK

Create rounded rectangle shape

步骤2

去层>重命名层。命名此层地址BG和按Enter键。

Rename layer to Address Bg

步骤3

在该层上双击缩略图。输入C:0 M:20 Y:80 K:0,然后按OK。设计自己的名片的Photoshop模板是一种创造性的任务,所以你总是可以尝试不同的颜色组合。

Set Address Bg color

步骤4

按下Control-T或去编辑>自由变换路径,并设置水平倾斜到H:-20。按Enter键两次确认。

Set horizontal skew

步骤5

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:337像素和垂直位置,以Y:540像素。按Enter键两次以确认。

Set shape position

步骤6

选择RectanglÈ工具(U)。按路径操作,并选择减去前部形状。现在绘制一个矩形如下所示的图像以重叠的过量形状。

Trim shape

步骤7

为了完成微调,按路径操作和选择合并形状组件。

Merge shape components

5。如何创建用于口号一个背景

步骤1

选择地址博伽从层面板。去图层>复制图层并命名此层标语博伽梵歌。按OK。

Duplicate layer to create Tagline Bg

步骤2

双击图层缩览图。输入C:0 M:0 Y:0 K:95,然后按OK

Set Tagline Bg color

步骤3

现在,让我们旋转这一层。去编辑>变换路径>旋转180度。

Rotate layer 180 degrees

步骤4

按下Control-T或去编辑>自由变换路径。小号等的水平位置X:1126.5像素和垂直位置,以Y:540像素。按两次确认键来确认。

Set tagline bg position

步骤5

选择矩形工具(U),然后按路径操作,并选择减去正面形状。绘制一个矩形重叠过量形状。

Trim tagline bg shape

步骤6

按路径操作和选择合并形状的部件。

Merge shape components

6。如何创建矩形分离器

步骤1

转到层>新>组和命名此组隔板。

Create new separator group

步骤2

选择矩形工具(U)和点击画布上的任何地方。将宽度设置为530像素和高度,以8像素,然后按OK。

Draw rectangle shape

步骤3

在该层上双击缩略图和输入C :0 M:0 Y:0 K:18.按OK键。

Set shape color

步骤4

按下Control-T或去编辑>自由变换路径。设置的水平位置X:370像素和垂直位置,以Y:286像素。按Enter键两次以确认。

Set shape position

步骤5

去层>重命名层。命名此层左,按回车键。

Rename layer to left

步骤6

去层>复制层。命名此层右键并按OK。

Duplicate layer to right

步骤7

选择矩形工具(U)。设置宽度W:80像素,然后按Enter

Resize rectangle shape

步骤8

在图层缩略图

双击。输入C:0 M:20 Y:80 K:0,然后按OK

Set shape color

步骤9

按下Control-T或去编辑>自由变换路径。设置的水平位置X:675像素和垂直宝sition到Y:286像素。按Enter键两次以确认。

Set shape position

7。如何创建联系人图标

步骤1

转到图层>新建>集团背景。命名此组图标BG和按OK。

Create new icons bg group

步骤2

选择椭圆工具从工具栏,然后点击画布的任何地方。输入宽度:35像素,高度:35像素,然后按OK

Draw round shape

步骤3

在图层缩略图

双击。输入C:0 M:0 Y:0 K:95,然后按OK Set shape color

步骤4

按下Control-T或去编辑>自由变换路径。设置的水平位置X:122.5像素和垂直位置,以Y:541像素。按Enter键两次以确认。

Set shape position

步骤5

去层>重命名层。命名此层地址,然后按Enter。

Rename layer to address

步骤6

去层>复制层。命名此层网站,然后按确定。

Duplicate layer to website

步骤7

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:122.5像素和垂直位置,以Y:453像素。按Enter键两次确认。

Set website position

步骤8

在图层缩略图

双击。输入C:0 M:20 Y:80 K:0,然后按OK

Set website color

步骤9

去层>复制层。命名此层为电子邮件,然后按OK。

Duplicate layer to email

第10步

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:122.5像素和垂直位置,以Y:408.5像素。按Enter键两次以确认。

Set email position

步骤11

去层>复制层。名称次是层电话并按OK。

Duplicate layer to phone

步骤12

按下Control-T或去编辑>自由变换路径。设置的水平位置X:122.5像素和垂直位置,以Y:364.5像素。按Enter键两次以确认。

Set phone position

8。如何设计名片在Photoshop中使用自定义形状的图标

步骤1

现在,我们已经完成了图标的背景,让我们创建的图标移动。去图层>新建>组。命名此组的联系人图标,然后按确定。

Create contact icons group

步骤2

首先让我们来创建地址图标。从工具栏中选择自定义形状工具。按自定形状选择器中选择地址图标。

Select address custom shape

步骤3

在画布上的任意位置单击。检查保留比例,输入宽度:16像素和按OK键。

Create address icon

步骤4

去层>重命名层。命名此层地址,然后按Enter。

Rename layer to Address

步骤5

在该层上双击缩略图。输入C:0 M:0 Y:0 K:0,然后按OK

Set address icon color

步骤6

按下Control-T或去编辑>自由变换路径。设置的水平位置X:123像素和垂直位置,以Y:540.5像素。按Enter键两次确认。

Set address icon position

步骤7

现在我们继续创建网站的图标。从工具栏中选择自定义形状工具。按自定形状选择器中选择网站图标。

Select website custom shape

步骤8

在画布上的任意位置单击。检查保留比例,输入宽度:20像素,然后按OK

Create website icon

步骤9

转到莱。呃>重命名图层。命名此层网站,然后按Enter

Rename layer to website

第10步

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:123像素和垂直位置,以Y:453像素。按两次Enter键确认。

Set website icon position

第11步

创建电子邮件图标。从工具栏中选择自定义形状工具。按自定形状选择器中选择电子邮件图标。

Select email custom shape

第12步

点击画布的任何位置。检查保留比例,输入宽度:20像素,按行

Create email icon

步骤13

去层>重命名层。命名此层为电子邮件,然后按OK。

Rename layer to email

第14步

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:123像素和垂直定位到Y:409像素。按Enter键两次确认。

Set email icon position

第15步

现在,让我们创建的电话图标。从工具栏中选择自定义形状工具。按自定形状选择器中选择电话图标。

Select phone custom shape

步骤16

点击画布的任何位置。检查保留比例,输入宽度:20像素,按行

Create phone icon

步骤17

去层>重命名层。命名此层电话,然后按确定。

Rename layer to phone

第18步

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:123像素和垂直位置,以Y:365像素。按Enter键两次以确认。

Set phone icon position

9。如何创建背景组

步骤1

首先,我们需要解锁背景层,indicat编与一个锁定图标。在背景层双击并命名该层背景。按OK。

Unlock background layer

步骤2

让你刚刚解锁仍确保选中背景图层。按住Shift键并单击联系人图标组。

Select groups and layers

步骤3

现在所有图层和组被选中,去图层>新建,然后选择组从图层。命名此组的背景,然后按OK。

Create background group

卡的正面的背景是现在完成了。

在我们继续之前插入的文本和标志,这里是应该如何看待这一点。

Front background complete

10。如何创建一个标语文本图层

步骤1

确保我们继续之前的字符和段落面板启用。跳过此步骤并继续第2步,如果他们已经默认启用。

从工具栏中选择,然后按字符和段落面板按键横排文字工具(T)。

Enable character and paragraph panel

步骤2

在段落面板中选择右对齐层。在字符面板中,设置字体到拉托,字体样式,以黑色,字体大小为6磅和颜色至C:0 M:0 Y:0 K:0

Set character and paragraph styles

步骤3

现在点击口号背景的形状和类型的视觉EYE CANDY到文本框中。按下Control-Enter键。

Create tagline text layer

步骤4

我们需要改变颜色和造型的只有两个字的视觉享受。让我们通过选择特定的字开始。做出正确的字上的顶级视觉确保横排文字工具(T)仍处于选中状态,位置光标,然后双击点击选择

Select text

步骤5

在字符面板中,设置字体样式定期和颜色到C:0 M:20 Y:80K时:0。按Ctrl-Enter应用更改。

Change text color and style

步骤6

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:934像素和垂直位置,以Y:541像素。按Enter键两次确认。

Set tagline position

11。如何创建地址文本图层

步骤1

转到图层>新建>图层。命名此层地址,然后按OK。

Create address layer

步骤2

在段落面板中,选择左对齐文本。而在字符面板中,更改字体样式,以粗斜体和设置颜色为C:0 M:0 Y:0 K:95

Set character and paragraph styles

步骤3

选择水平文字工具(T),然后单击地址背景的形状。 777型纽约第七大道NY 54321到文本框,然后按当你完成控制输入。

Create address text layer

步骤4

按Ctrl-T或者去编辑>自由变换路径。设置的水平位置X:373像素和垂直位置,以Y:542像素。按Enter键两次以确认。

Set address position

12。如何创建电话,电子邮件和网站的文字层

步骤1

转到图层>新建>图层。命名此层电话/电子邮件/网站,然后按确定。

Create phone email and website layer

步骤2

在角色面板中,更改字体样式,以定期和设置的引导到10.5角

Set character styles

步骤3

选择水平文字工具(T),并点击上的空白区域旁边的联系人图标。现在,键入“000 1234 5678,madison@email.com”和‘www.website.com’,每一个单独的行。要做到这一点,按每个条目后按Enter创建一个新的行。当你完成按下Control-Enter键。

Create phone email and website text layer

步骤4

按下Control-T或去编辑>自由变换路径设置的水平位置X:269像素和垂直位置为Y :409像素按两次以确认输入

Set phone email and website position

步骤5

保持控制和选择的地址和电话/电子邮件/网址层进入。图层>新建>组从图层并命名该组联系,按OK。

Create contact group

13。如何创建和职务的文本图层

步骤1

让我们开始与职位。转到图层>新建>图层,命名为层职位名称,然后按OK。

Create job title layer

第2步

在字符面板中,设置字体样式,以粗斜体,设置通向汽车,颜色为C:0 M:20 Y:80 K:0,然后按OK

Set character styles

步骤3

选择水平文字工具(T),并点击分离器上方的空的空间。现在,键入平面设计师到文本框,按下Control-Enter键确认。

Create job title text layer

步骤4

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:194像素和垂直位置,以Y:224像素。按Enter键两次确认。

Set job title position

步骤5

,让我们创建名字层。去图层>新建>图层。命名此层名称并按下确定。

Create name layer

步骤6

在字符面板中,设置字体样式到灯,字体大小为10磅,和颜色至C:0 M:0 Y:0 K:95,然后按OK

Set character styles

步骤7

选择水平文字工具(T)和点击略高于职位。现在,键入史蒂夫MADISON在文本框中,然后按控制输入。

Create name text layer

步骤8

让我们把对史蒂夫较重的字体样式而已。定位您在史蒂夫的顶部,双击光标选择。在字符面板中,设置字体样式为黑色,并按下控制 – 输入确认更改。

Select text and change character styles

步骤9

按下Control-T或去编辑>自由变换路径。设置的水平位置X:268像素和垂直位置,以Y:188px。按Enter键两次确认。

Set name position

第10步

让我们继续进行分组和职务层共同组织的层。对照举行OL选择两个名称和职务层。去图层>新建和图层选择组。命名此组的名称和职务,然后按确定。

Create name and job title group

14。如何创建标志

步骤1

转到图层>新建>组。命名此组标识,然后按OK。

Create logo group

步骤2

在段落面板中,选择中心文字。而在字符面板中,设置字体风格灯,字体大小为6磅,导致6.5 Pt和颜色至C:0 M:0 Y:0 K:95,然后按OK

Set character and paragraph styles

步骤3

选择水平文字工具(T)和点击画布上的任何地方。作品类型INSPIRATIONS到文本框中,然后按Ctrl-Enter键确认。

Create company name text layer

步骤4

让我们设置一个不同的风格只有两个字创新。位置您对广告顶部,然后双击光标选择。在字符面板中,设置字体样式为黑色,随后的字体大小,以12磅,并按下控制 – 输入应用更改。

Select text and change character styles

步骤5

按控制-T或去编辑>自由变换路径。设置的水平位置X:902像素和垂直位置,以Y:306像素。按Enter键两次确认。

Set company name position

步骤6

选择自定义形状工具从工具栏。按自定形状选择器中选择标志形状。

Select logo custom shape

步骤7

点击右上方公司名称。现在检查保留比例和设置宽度:110像素。按OK键。

Create logo shape

步骤8

去层>重命名层。命名此层标志和按下ENTER键。

Rename layer to logo

步骤9

Doubl在图层缩略图E-点击。颜色设置为C:0 M:20 Y:80 K:0,然后按OK

Set logo color

步骤10

按下Control-T或去。编辑>自由变换路径。设置的水平位置X:902像素和垂直位置,以Y:210像素。按Enter键两次确认。

Set logo position

15。如何创建详细信息集团

步骤1

让我们选择,形成这个群体所需要的层。首先,选择Visual EYE CANDY文字层。现在,按住Shift键并选择标识组。

Select layers and groups

步骤2

现在你已经选择所需要的层和团体,去图层>新建>集团从图层。命名此组的详细信息,然后按确定。

Create details group

大!名片的前部现在已经完成。

保存是很重要的哟移动制作了后部之前乌尔进展。转到文件>保存或按Ctrl-S键盘上。

Front part of business card completed
的名片的前部现在已完成

16。如何设置文档的名片后面的部分

步骤1

我们不会创建一个新的文档这段时间。相反,我们将复制前部,以节省重新建立文件的麻烦。去图像>复制。命名这个新的文件名片回,然后按OK。

Duplicate front psd

步骤2

在图层面板中,单击详细信息旁边的三角形图标和背景显示分组内容。现在持有控制和选择以下组和层:

  • 姓名及职务
  • 视觉眼睛糖果
  • 跟图标
  • 图标博伽
  • 分离器

Select layers and groups

步骤3

现在删除选定的基团和层,我们不再需要。去层>删除>层和按是确认。

Delete selected layers and groups

17。如何设置标志位置

步骤1

选择在图层面板徽标基。按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:562.5像素和垂直位置,以Y:338像素。按Enter键两次以确认。

Set logo position

18。如何创建网站背景

步骤1

首先,选择在Layers面板标语博伽层。按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:464.5像素和垂直位置,以Y:540像素。按Enter键两次到confirm。

Set shape position

步骤2

去层>复制层。命名此层网站BG和按OK。

Duplicate layer to website bg

步骤3

去编辑>变换路径,并选择水平翻转。

Flip horizontal

步骤4

按下Control-T或去编辑>自由变换路径。设置的水平位置X:660.5像素和垂直位置,以Y:540像素。按Enter键两次确认。

Set website bg position

步骤5

选择这两个网站BG和地址博伽在图层面板中。按下Control-E或去层,并选择合并形状。

Merge selected shapes

步骤6

现在,选择矩形工具(U)。按路径操作,并选择合并形状的部件。

Merge shape components

19。如何创建装饰背景

步骤1

选择第E地址在图层面板博伽图层,去图层>图层重命名。命名此层为左,然后按Enter键。

Rename address bg to left

步骤2

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:-94像素和垂直位置,以Y:540像素。按Enter键两次以确认。

Set left layer position

步骤3

选择矩形工具(U)。按路径操作,并选择减去前部形状。现在绘制一个矩形重叠过量形状。

Trim excess shape

步骤4

用矩形工具(U)仍处于选中状态时,按路径操作和选择合并形状的部件完成微调。

Merge shape components

步骤5

去层>复制层。命名此层右键并按OK。

Duplicate layer to right

步骤6

转到编辑>变换路径和选择水平翻转。

Flip horizontal

步骤7

从工具栏选择移动工具(V)。保持控制并在图层面板中选择右和背景层。现在按对选项工具栏对齐右边缘。

Select layers and align right edges

20。如何创建网站的文字图层

步骤1

我们将创建的详细信息组中的一个新的文本层。首先,让我们在图层面板中选择详细信息集团

Select details group

步骤2

接下来,选择在段落面板中心文字。在字符面板,字体设置为拉托,字体样式,以定期,字体大小为6磅,导致自动,颜色为C:0 M:0 Y:0 K:0,然后按OK

Set website character and paragraph styles

步骤3

选择水平文字工具(T)。点击WebsiTE背景形状和类型www.website.com到文本框中。按Ctrl-Enter键确认。

Create website text layer

步骤4

让我们设置一个不同造型的只有两个字网站。选择横排文字工具(T)。放置在网站上,并双击顶部光标正确选择。在字符面板,字体样式设置为黑色,彩色到C:0 M:20 Y:80 K:0,然后按OK。按Ctrl-Enter应用更改。

Select text and change character styles

步骤5

按Ctrl-T或去编辑>自由变换路径。设置的水平位置X:563像素和垂直位置,以Y:540像素。按Enter键两次确认。

Set website position

真棒!你的名片已经完成

干得好!你已经达到了教程结束。正如你看到它很容易使您的自己的名片的Photoshop模板!现在,你应该已经学会了如何创建和改变形状,创建简单的文本格式,并使用自定义形状,以加快创建名片的过程。

Modern business card completed

5最佳商务卡(Photoshop中,PSD)

如果你不想来设计自己的名片的Photoshop模板,并要保存其他任务的时候,你可以使用一个准备打印模板。探索高品质的名片集合的Photoshop在ENVATO元素模板可供选择:

15名片的Photoshop模板包(PSD,AI)

15 Business Card Photoshop Templates Bundle

如何使在Photoshop名片几乎没有努力吗?尝试的15张名片这个包与一个伟大的各种不同风格:复古,从简约到DES以柔和的色彩igns。所有卡都处于随时可以打印PSD和AI文件,以出血和层的组织良好的结构。在像素Photoshop文件名片大小提供了这里是3.5×2英寸。

名片通过Spacestudios(PSD,AI,PDF,EPS)

Business Card Photoshop Templates by Spacestudios

另一个业务卡Photoshop的模板,适用于视频制造商,设计师深色的配色方案和对比度流体设计元素,以及其他任何有创意的人!这名片配备了6个背面模板选项,与出血的打印的格式。所有层都井井有条,易于编辑。

如何使一个企业卡在Photoshop中有名片模板由Youwes(PSD,AI,EPS)

Business Card Photoshop Template by Youwes

如果你是一个简约的设计,具有天然的粉丝像叶或花的元素,这由Youwes名片的Photoshop模板是您最好的选择!与在侧面上软的模式和叶质地绿色色调,使其看起来非常整洁。在Photoshop名片分辨率为3.75×2.27英寸。

“玛丽娜” 名片+标志(PSD,AI,EPS,IDML,INDD)

Malina Business Cards Photoshop Templates and  Logos

如何用标志一起设计在Photoshop名片?下面是答案!这个惊人的模板包不仅包含12张名片而是一个巨大的各种标识和AgataCreate设计无缝模式。所以,你可以轻松地制作自己的名片的Photoshop模板几乎任何目的。在Photoshop名片分辨率约为3.75×2.27英寸,但在这种情况下,模板进来一些变化,它还包括矢量文件,所以你可以很容易地将其更改为任何你需要的大小。

名片通过SimpleStudios(PSD,AI,EPS,PDF)

Business Cards Photoshop Template by SimpleStudios

如果你想有一个名片更加个性化的方式,尝试这一个SimpleStudios创建。这个模板可以让你把你的照片里面,并立即通过其对比度配色方案抓住了关注。它有两个PSD和矢量文件格式。

你想不仅学习如何使用Photoshop中创建一个名片,但如何与其他软件做的?检查这些真棒教程:

你可能也想看看我们的免费课程:如何创建一个专业的商务卡,其中包括旋律涅韦斯给你45分钟最好的名片的Photoshop设计技巧,你很可能会找。她会告诉你一步一步如何在Adobe Photoshop中创建三个不同的名片设计。

AdvertisementAdvertisement

人已赞赏
平面设计

Photoshop的画笔工具:基本指南

2020-10-29 22:20:11

平面设计

来自Envato元素的50多个最佳Photoshop模板(现在下载PSD模板!)

2020-10-31 22:20:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索