如何建立一个现代化的名片使用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