创建一个光滑的名片设计与惊人的版式

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

创建一个光滑的名片设计与惊人的版式

无论你从事什么职业,总有一天你需要自己的名片。本平面设计教程将向您展示如何在Adobe Photoshop中创建标准的双面名片设计,您可以将其带到您的打印机上。

最终结果

最终结果按图放大

设置Photoshop画布

1打开一个新的Photoshop文档3.75 x 2.25英寸.使该决议每英寸300像素并设置颜色模式为8位CMYK.一张典型的名片是3.5 x 2英寸;然而,为了优化卡片的印刷,需要沿着每条边有四分之一英寸的空间称为a流血

无论位于这个区域的是什么,都不会在最终打印中显示出来。

应用径向渐变叠加

2用径向渐变覆盖填充画布。要添加渐变叠加图层样式,双击背景图层,使其可编辑,然后再次双击打开图层样式对话框。选中渐变叠加旁边的复选框,在样式选项下拉框中,选择径向

用白色作为浅色,最里面的颜色# c6c5c5对于较暗的,灰色颜色。

应用径向渐变叠加

应用径向渐变叠加

创建红色弯曲矩形形状

3.用工具箱中的矩形工具(U)在画布上画一个长而粗的矩形,如下图所示。颜色并不重要,因为我们将给它添加图层样式。

创建红色的扭曲形状

4在图层面板中选择矩形形状图层,按Ctrl + T进入自由变换路径模式(或者,点击编辑>自由变换路径),在出现的变换框中右键单击。

选择从上下文菜单,从Warp选项栏,选择上升作为“包装”类型下拉菜单。使用变换控件扭曲矩形形状,直到得到类似的效果。

创建红色的扭曲形状

5应用线性渐变图层样式到扭曲的形状。

使用#841618对于渐变中较暗的颜色# e82d33为了浅色。完成之后,使用移动工具(V)移动画布底部附近的形状。

创建一个光滑的名片设计与惊人的版式

创建一个光滑的名片设计与惊人的版式

6通过按键盘上的Ctrl + J复制矩形形状。

然后将复制的图层拖动到原始图层的下方,将其移动到后面。在这个新的复制形状图层上,应用一个线性渐变叠加图层样式到新的形状。使用黑色(# 000000)为最暗的颜色和# 2 b2b2b为了浅色。

使用移动工具(V)在这个复制的经纱层上移动它,这样只有顶部的一些部分显示出来。

创建一个光滑的名片设计与惊人的版式

创建一个光滑的名片设计与惊人的版式

创建这个人的名字

7用水平文字工具(T)输入"约翰”和“史密斯(或你自己的姓和名),用黑色在画布左上角附近的两个不同图层上。使用25 pt大胆的无数的职业“约翰”25 pt无数专业凝聚“史密斯”。这个字体系列是Windows操作系统的新版本自带的,但如果你没有这个字体,那就用一些干净专业的字体(无衬线字体系列就可以了)。

创建这个人的名字

8应用渐变叠加和描边图层样式的“约翰”文本层。对渐变叠加,使用# df1f26对于浅红色和# 811517对于较暗的颜色。

创建这个人的名字

9同样在“John”和“Smith”文本层上应用描边图层样式。

描边尺寸为1 px它的位置应该是.对于填充型笔画设置,请选择梯度从下拉菜单。用于描边的渐变可以在金属渐变预设中找到,要访问它,点击渐变编辑器对话框中的“预设”框中向右指向的箭头,这将显示一个上下文菜单,你应该能够找到它金属

用颜色替换暗灰色的颜色# 838484.对于Smith图层,只应用相同的描边设置,但不应用渐变叠加。

中风预设

创建这个人的名字

创建这个人的名字

创建文本投影

10在你的图层面板中选择两个名称文本图层(按住Shift键并点击它们中的每一个),通过右键复制选中的图层,并从出现的上下文菜单中选择复制图层。

11右键单击这些新的复制图层并选择栅格化类型从出现的上下文菜单。再次右键单击并选择合并图层将它们合并成一层。

按Ctrl + T进入自由变换模式,使用变换控件垂直收缩该层,直到有类似于所示的效果。这将成为文本阴影。

创建文本投影

12双击文本阴影层进入图层样式对话框。

应用一个黑色(# 000000)颜色叠加到文本阴影层,并将其移动到原来的名称层后面。

创建文本投影

13应用高斯模糊:滤镜>模糊>高斯模糊。设置模糊半径为4 px

然后,在图层面板中设置图层的不透明度为30%

创建文本投影

你应该有类似的东西:

创建文本投影

创建文本反射

14再次复制原始的名称层。栅格化和合并复制的图层,就像之前(参见步骤11)。按Ctrl + T进入自由变换模式,在出现的变换框内右键单击,然后选择垂直翻转从上下文菜单。

使用移动工具(V)和方向键将该层移动到画布上原始文本下方几个像素处。在图层面板中选择这个图层,然后把它拖到原来的名称图层和阴影图层后面。这将成为文本反射。

创建文本反射

15从工具面板中获取渐变工具(G)。在渐变工具选项栏中,选择名为的渐变预设前景透明并选择线性作为样式设置。将前景色设置为黑色(你可以通过按键盘上的D键来将前景色和背景颜色重置为默认值)。

确认反射层是图层面板中的活动层,然后按键盘上的Q进入快速蒙版模式。将渐变从反射层的顶部拖到底部,然后再次按Q退出快速蒙版模式。将出现一个选择。

按键盘上的Delete键五次,然后按Ctrl + D结束选择。

创建文本反射

创建文本反射

创建文本反射

16改变反射层的不透明度为20%完成文本反射。

创建文本反射

输入剩下的名片信息

17黑色(# 000000),大胆的无数的职业,在画布上的名字下面用水平文字工具(T)输入“营销专家”(或你自己的职位)。

输入剩下的名片信息

18在名字的右边,用黑色输入一些你擅长的东西(见下图中的例子),9分大胆的无数亲浓缩斜体.每一行都应该是一个不同的文本层。

输入剩下的名片信息

19在前几层下面键入联系信息。使用无数Pro大胆对于开头的单词and无数亲浓缩斜体对于下面的单词。

输入剩下的名片信息

20.用“工具箱”中的直线工具,画一个小的2 px在画布上刚刚输入的信息左侧的竖线。

输入剩下的名片信息

卡片的背面

21要制作名片的背面,首先关闭所有文本层的可见性,只留下名片的背景。通过按Ctrl + A(或Select > All)选择整个画布。选择“编辑>合并拷贝(Shift + Ctrl + C)”。

22现在,创建一个新的文档(Ctrl + N),设置与卡的前面相同。将复制的选择粘贴到新文档中。点击:编辑>转换>水平翻转翻转它,使它的方向与名片背面不同。

卡片的背面

23使用我们上面讨论过的文本效果技术添加你的公司名称和网站。可以使用步骤7 - 16设置公司名称。

卡片的背面

在Flickr上分享你的作品

如果您按照本教程学习,我们想看看您最终得到了什么。请把它列入Flickr上的Six Revisions社区群组池

你的想法呢?需要帮忙吗?

你觉得这个教程怎么样?

难度有多高?你在哪里卡住了吗?请在评论中告诉我们。

下载源文件

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!