`
wx1569225609
  • 浏览: 14373 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

步骤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 PreviewBusiness Card Tutorial PreviewBusiness Card Tutorial PreviewBusiness Card Tutorial Preview

步骤3——打印

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

转载于:https://my.oschina.net/wangchenyu/blog/1530744

分享到:
评论

相关推荐

    c语言一夜速成!!.

    ### C语言一夜速成知识点详解 #### 一、C语言基础知识概述 在学习C语言时,需要掌握一些基本概念和规则。以下是对标题和描述中提及的一些关键知识点进行的详细解释: 1. **源文件的基本结构**: - 每个C程序都是...

    java 基础教程 培训速成!一周学会!

    ### Java基础教程培训知识点梳理 #### 一、Java概述与特点 - **Java的历史与现状**:Java由Sun Microsystems公司于1995年推出,是目前应用最为广泛的编程语言之一。 - **Java的特点**: - 面向对象:Java完全支持...

    ps三天速成

    快速学习ps的最好选择有图有文,一目了然,非常实用的学习资料!!

    电气自动化工程师速成教程.pdf

    电气自动化工程师速成教程.pdf

    java编程21天速成!!.pdf

    –八进制(0~7):在数的前面放置一个0(零) •int six = 06; //值为6 •int nine = 011; //值为9 –十六进制(0~9,a~f):在数前放置0x或者0X •int x = 0x0001; •int y = 0Xb; •int z = 0x7FFff;

    ps速成教程ps速成教程ps速成教程

    PS速成教程是一个详细的 Photoshop 教程,涵盖了图像处理的各个方面。该教程分为多个部分,每个部分讲解了不同的图像处理技术和技巧。 第一部分:翅膀效果 在这个部分中,我们将学习如何使用钢笔工具来创建翅膀的...

    电气自动化工程师速成教程

    电气自动化工程师速成教程

    电子工程师自学速成 设计篇 _设计篇_电子工程师自学速成_

    《电子工程师自学速成 设计篇》是一本专为电子工程师设计的自学教程,共534页,包含了丰富的理论知识和实践经验。该书以58.3M的超大容量,提供了高清书签版,方便读者查阅和学习。这份资料的标签明确地指出其核心...

    Verilog数字系统设计教程书与速成PPT

    4. **模块化设计**:Verilog强调模块化,每个模块可以代表一个独立的电路单元,这有助于代码复用和大型设计的管理。 5. **时序逻辑**:包括边沿触发器(posedge, negedge)、寄存器(reg)、时钟信号的处理等,这些...

    [Altium Designer 19(中文版) 电子设计速成实战宝典][郑振宇 等]电子课件

    电子设计速成实战宝典》是一本针对电子设计初学者和进阶者的教程,由郑振宇等专家编写,旨在帮助读者快速掌握电子设计的核心技能,特别是使用Altium Designer 19这款强大的电子设计自动化工具。Altium Designer是一...

    三天速成!香港科技大学TensorFlow课件分享-附件资源

    三天速成!香港科技大学TensorFlow课件分享-附件资源

    B05-C#速成教程

    C#速成教程: • 本教程假设你是零起点的初学者,或已经接触过一星半点理论知识; • 本教程将通过实例编程从一个全面和概要的角度来讨论HTML、CSS、JavaScript、C#和SQL等基础知识,你只要浏览这些教程并且动手撰写...

    电气工程速成教程

    电气自动化入门知识讲解,对从事信息化、自动化方面的需求和工程技术人员可快速了解,电气相关知识。

    Cadence-Allegro-速成教程手册-中文版(入门版)

    根据提供的文件内容,以下是对Cadence Allegro速成教程手册的详细知识点梳理: Cadence Allegro是一款PCB设计软件,广泛应用于电子设计自动化(EDA)领域,特别是在印刷电路板(PCB)的设计过程中。本手册旨在帮助...

    PS高手简易速成 photoshop

    ### PS高手简易速成 Photoshop 知识点解析 #### 知识点一:调出照片柔和的蓝黄色 - 简单方法 1. **打开原图与复制图层**: - 打开需要编辑的照片。 - 按`Ctrl + J`将背景图层复制一层,以保留原始图片。 2. **...

    经典DOS速成教程!

    【DOS速成教程】 DOS,全称Disk Operating System,是个人计算机上早期的一种操作系统,它以命令行界面为主,提供了对硬件的基本管理和文件系统的操作。本教程旨在帮助初学者快速掌握DOS的基本概念、命令及应用,...

    香港科技大学tensorflow三天速成课件

    香港科技大学tensorflow三天速成课件香港科技大学tensorflow三天速成课件香港科技大学tensorflow三天速成课件香港科技大学tensorflow三天速成课件香港科技大学tensorflow三天速成课件香港科技大学tensorflow三天速成...

Global site tag (gtag.js) - Google Analytics