一小时速成!扁平化名片设计ps教程 -亚博电竞官方网址

5,255views
no comments

共计 1711 个字符,预计需要花费 5 分钟才能阅读完成。

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

打开 ps, 然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片设计规则,确定名片尺寸,国内一般是 90mm*54mm(文中说英美国家一般是 3.5 * 2 英寸)。

色彩模式为 cmyk,8 位 16 位 32 位都可以,推荐使用 16 位,但是出于示范目的,本教程使用了 8 位,因为文件大小能小一点。分辨率 300dpi。这样就能使名片清晰可见,符合业内标准。

“出血”科普:

出血也是一种印刷业的术语。纸质印刷品所谓的“出血”是指,超出版心部分印刷。版心是在排版过程中统一确定的文图所在的区域,上下左右都会留白(如 word 的四方页边距就是留白),但是在纸质印刷品中,有时为了取得较好的视觉效果,会把文字或图片(大部分是图片)超出版心范围,覆盖到页面边缘,称为“出血图”。——百度百科

虽然名片的尺寸已经讨论过是 3.5* 2 英寸,但是为了做一些出血延伸,需要多流出一些边距。上下左右各 0.125 英寸,因此尺寸设置为 3.75*2.25 英寸。(国内标准是上下左右各加 2mm,因此也就是 94*58mm)

现在需要加入参考线,以便规范布局。

为了简化设计,推荐下载这个带有参考线的 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 . 两种色彩搭配在一起效果极佳,用这种颜色填充剩余部分。

logo 我使用了我们自己的收集,请看 we sell design.

logo 可用于 ai 以及 eps 格式,因此你需要用 ai 稍微编辑一下,不过你也可以不用这个 logo,用自己想用的 logo 即可。加入 logo 后,正面的效果是这样。

本步完成了:

 

简单的、符合整体风格的 logo

简约的留白背景

记得云 logo 要设置图层样式 -> 描边 大小 10 像素,颜色为 #27ae60

 

创建新图层,输入文本 crazycloud,颜色和 logo 一样 #ffffff. 字体使用的是 open sans. 开源的 google web font,这里可以下载。

好了,这便是正面的设计,简约、优雅、现代感十足。

现在开始着手反面的设计。

 

反面

跟正面一样,底部我们同样使用了占整体 1 / 3 的 emerald 绿色矩形块,然后上面再加入一小块 (#27ae60) 条纹。

 

效果如下图。

为了增加一点标识性,我们缩小正面的 logo,加入到右下角。logo 和 crazycloud 水平放置。

电邮、网站、地址的图标我使用了 outline icons from vandelay design.

下载后 icon 是黑色的,记得转换成条纹那种颜色(#27ae60)。

图层样式中色彩叠加即可。(对齐什么的不用我说了吧?)

文本颜色可使用同样的绿色,不过使用灰色比较好,对照感强一点。上图中使用的灰色是(#868686).

最终成品图如下

步骤 3——打印

现在完成了设计,该去将设计“现实化”了,可以去打印了。如果你有合适的纸,你可以自己打印,对齐是个大问题。因此最好找印刷商帮你打印。

好了,以上就是 ,你看,不难吧。一个小时差不多就搞定了。可以自己再摸索摸索,设计出自己的风格。

这是我们的名片模板,都很不错,推荐一下 we sell design 名片模板

 

原文地址:

正文完
 
亚博电竞官方网址 copyright notice: our original article, by seo 2013-12-05 publish, total 1711 words.
转载说明:除特殊说明外本站文章皆由cc-4.0协议发布,转载请注明出处。
comment(no comments)
网站地图