文档章节

一小时速成!扁平化名片设计PS教程

王尘宇
 王尘宇
发布于 2017/09/07 00:04
字数 1210
阅读 3
收藏 0

步骤1——尺寸,出血,色彩模式以及分辨率

打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片设计规则,确定名片尺寸,国内一般是90mm*54mm(文中说英美国家一般是3.5 * 2 英寸)。 Business Card Tutorial Step 1 色彩模式为CMYK,8位 16位 32位都可以,推荐使用16位,但是出于示范目的,本教程使用了8位,因为文件大小能小一点。分辨率300dpi。这样就能使名片清晰可见,符合业内标准。 “出血”科普:
出血也是一种印刷业的术语。纸质印刷品所谓的“出血”是指,超出版心部分印刷。版心是在排版过程中统一确定的文图所在的区域,上下左右都会留白(如word的四方页边距就是留白),但是在纸质印刷品中,有时为了取得较好的视觉效果,会把文字或图片(大部分是图片)超出版心范围,覆盖到页面边缘,称为“出血图”。——百度百科
虽然名片的尺寸已经讨论过是3.5*2英寸,但是为了做一些出血延伸,需要多流出一些边距。上下左右各0.125英寸,因此尺寸设置为3.75*2.25英寸。(国内标准是上下左右各加2mm,因此也就是94*58mm) 现在需要加入参考线,以便规范布局。 Business Card Guide Lines 为了简化设计,推荐下载这个带有参考线的PSD模板

步骤2——设计

设计之前,心中对名片的模样要有个大概。有些设计师使用草图。不过在设计这款名片时,我理念已经有了,因此略过草图设计流程。 如果你在设计名片时毫无灵感,那么给你推荐一些名牌设计站点: The Design Inspiration, Card Nerd, Card Gala, Cardonizer, Cards Observer,Creattica, Cardview.不妨借鉴一下,有助于你快速开始。 这次设计使用了扁平化风格。这将让名片看起来简约、富有现代感。 我将正面和反面单独设计。正面只有一个Logo,反面整合了很多商业信息。   正面 扁平化设计是很极简的设计方法。没有装饰、没有阴影、没有渐变、没有填充效果,只有简单的色彩。我在Flat UI Colors里进行了选色。   我使用了鲜艳大胆的Emerald绿色,Hex 代码#  #2ecc71 正面的下半部分使用了Emerald(#2ecc71)绿色矩形块,大约有整体高度的1/3。上半部分使用和Emerald相近的色彩 #27ae60 .两种色彩搭配在一起效果极佳,用这种颜色填充剩余部分。 Business Card Tutorial - Step 2 Logo我使用了我们自己的收集,请看We Sell Design. Cloud Logo Logo可用于AI以及EPS格式,因此你需要用AI稍微编辑一下,不过你也可以不用这个Logo,用自己想用的Logo即可。加入Logo后,正面的效果是这样。 Business Card Tutorial - Step 2 本步完成了:   简单的、符合整体风格的Logo 简约的留白背景 记得云Logo要设置图层样式->描边 大小10像素,颜色为# 27ae60   创建新图层,输入文本Crazycloud,颜色和Logo一样# ffffff.字体使用的是  Open Sans.开源的Google Web Font,这里可以下载。 Business Card Tutorial - Step 2 好了,这便是正面的设计,简约、优雅、现代感十足。 现在开始着手反面的设计。   反面 跟正面一样,底部我们同样使用了占整体1/3的Emerald绿色矩形块,然后上面再加入一小块( #27ae60)条纹。   效果如下图。 Business Card Template - Step 2 为了增加一点标识性,我们缩小正面的Logo,加入到右下角。Logo和crazycloud水平放置。 Business Card Tutorial - Step 2 电邮、网站、地址的图标我使用了 outline icons from Vandelay Design. 下载后Icon是黑色的,记得转换成条纹那种颜色( #27ae60)。 图层样式中色彩叠加即可。(对齐什么的不用我说了吧?) Business Card Tutorial - Step 2 文本颜色可使用同样的绿色,不过使用灰色比较好,对照感强一点。上图中使用的灰色是( #868686). 最终成品图如下 Business Card Tutorial Preview Business Card Tutorial Preview Business Card Tutorial Preview Business Card Tutorial Preview

步骤3——打印

现在完成了设计,该去将设计“现实化”了,可以去打印了。如果你有合适的纸,你可以自己打印,对齐是个大问题。因此最好找印刷商帮你打印。 好了,以上就是名片设计教程,你看,不难吧。一个小时差不多就搞定了。可以自己再摸索摸索,设计出自己的风格。 这是我们的名片模板,都很不错,推荐一下 We Sell Design 名片模板   原文地址: crazyleafdesign

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
送给网页设计师和程序员的48个神奇的礼物

每次发布一些新的项目资源时,我们都会让人感到一些好奇和兴奋。因为这些奇妙的东西会给我们带来独有的灵感。 今天继续给大家50个神奇的物送给所有的网页设计师和喜欢折腾网站的童鞋。当然,...

欲思
2014/07/28
1K
3
上亿人使用的3D版QQ黄脸表情是怎么做出来的?

上亿人使用的3D版QQ黄脸表情是怎么做出来的? 优设-UISDC2017-12-271 阅读 教程腾讯 QQ黄脸在2003年加入QQ表情后就一发不可收拾,从此成为中国网民记忆力中信息量最大、最魔性的存在之一。 ...

优设-UISDC
2017/12/27
0
0
让图片浮起来-用 PS 添加阴影效果

布雷吉最近迷上了逛 Google 应用商店。他发现现在很多应用的 UI(交互界面)都采用了一种卡片式的设计风格,它们使用了一种简单的阴影效果。 本篇文章布雷吉将简单介绍阴影在设计中的应用以及...

沉思CONTEMPLATE
2017/11/03
0
0
第二弹!全球首个微信小程序(应用号)开发教程!通宵吐血赶稿!每日更新!

今天一波三折,承受了超出预料的压力和煎熬,最后还是决定继续放出我的更新教程。我想我一没有泄露公司的代码,二没有提供泄露开发工具下载,只是从程序猿角度写了篇开发日志。我已经做好了最...

博卡君
2016/09/23
15K
20
JS数组专题1️⃣ ➖ 数组扁平化

一、什么是数组扁平化 扁平化,顾名思义就是减少复杂性装饰,使其事物本身更简洁、简单,突出主题。 数组扁平化,对着上面意思套也知道了,就是将一个复杂的嵌套多层的数组,一层一层的转化为...

亖巠
08/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

用Golang做了一个命令行贪吃蛇游戏

用Golang做了一个命令行贪吃蛇游戏 项目介绍 项目链接:https://gitee.com/lwow2025/snake-go 最近看了一本做几个小项目的书,突然就想用Golang做一个命令行贪吃蛇,也没啥特殊原因。 软件架...

Mediv
16分钟前
0
0
storm的利用并行度提高处理速度的经验

在storm的流计算框架中,在数据量非常大或者计算逻辑比较复杂的情况下,可能会造成处理速度变慢的情况,最后反而不满足了系统的处理要求,因此这里讨论一下。本文的内容是我在storm的使用过程...

飓风2000
25分钟前
0
0
课程推荐|深入浅出区块链博主:全栈区块链开发者的4堂必修课(线上优惠)

Tiny熊从2017年开始更新“深入浅出区块链”博客,在第一篇文章中,关于如何系统学习区块链技术,他这样描述:“从事区块链开发也有很多方向,如:区块链应用开发人员、区块链架构师、底层核心...

HiBlock
37分钟前
0
0
激活win10 亲测有效

1.首先,我们先查看一下Win10正式专业版系统的激活状态: 点击桌面左下角的“Windows”按钮,从打开的扩展面板中依次点击“设置”-“更新和安全”,并切换到“激活”选项卡,在此就可以查看到...

可达鸭眉头一皱
39分钟前
0
0
SpringWind180926

SpringWind SpringWind项目代码学习笔记 /SpringWind/src/main/webapp/WEB-INF/views/login.html 第15行action="#springUrl('/account/login.html')"【为什么是#springUrl】 第4行<a class=......

颖伙虫
52分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部