Photoshop设计扁平化风格的简洁名片

   先看看效果图


  步骤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——打印

  现在完成了设计,该去将设计“现实化”了,可以去打印了。如果你有合适的纸,你可以自己打印,对齐是个大问题。因此最好找印刷商帮你打印。好了,以上就是名片设计教程,你看,不难吧。一个小时差不多就搞定了。可以自己再摸索摸索,设计出自己的风格。

分类:

  • PS入门教程
时间: 2025-01-19 00:02:10

Photoshop设计扁平化风格的简洁名片的相关文章

photoshop设计扁平化风格UI图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计扁平化风格UI图标的制作教程. 教程分享: 最终效果   1.新建大小自定的画布,用形状工具制作圆角矩形. 2.添加图层样式:渐变叠加和投影,参数及效果如下图.       3.分三个图层做中间的形状绘制,其对应图层如下图.   4.首先看红点标注的2个图层,参数是一样的.       5.正圆形图层样式:内阴影和内发光.       6.将刚才的三个形状选中,然后成组. 7.在组上添加图层样式:投影,如下图.     最终效果及其它

Illustrator设计扁平化风格飞镖图标绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计扁平化风格飞镖图标的绘制教程. 教程一览:                               好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计扁平化风格飞镖图标的绘制教程解析分享的全部内容了,各位看到这里的使用者,小编相信大家是很清楚制作方法了吧,那么各位就快去按照小编给大家分享的教程自己去绘制下吧.

photoshop设计一个扁平化风格的天气主题图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个扁平化风格的天气主题图标的制作教程. 教程分享: 最终效果:   让我们开始学习吧! 1. 做一个彩虹图标 第一步 我们开始画彩虹的最外层红色条纹. 用椭圆工具(快捷键U)画一个450 x 450 px的圆,打开属性面板(窗口>属性)在属性面板中,我们可以改变圆的大小.位置.颜色等等一些其他的设置. 把圆的描边设置为3 pt,不填充颜色,然后我们调整下描边的颜色. 单击描边颜色图标,开打颜色样本选择窗口,你可以在样本中选择一个颜色

photoshop设计一个扁平化风格彩虹图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个扁平化风格彩虹图标的制作教程. 教程分享:   先来一个彩虹吧 毕竟你我都是祖国的花骨朵 是吧 我们先创建一个600×600的画布 快捷键Ctrl+N   酱婶的 然后 重点来啦重点来啦 我们调出标尺 快捷键Ctrl+R 找到画布横竖的中心点   <点图片看大图>www.16xx8.com 我 不想 写了 好累啊 好吧 还是继续吧 先创建一个新图层   然后 用椭圆工具 或者 快捷键U 来画一个 410×410px的圈 记住 刚

扁平化风格如何设计着陆页?

  扁平化风格越来越流行,相信设计师们对其都有自己独特的看法,今天收集了款扁平化风格的着陆页设计,希望能给你带来灵感呦. Siteleaf Mixpanel Bee LogoLagoon Kin Envato Marketplaces Foundation Pebble SurveyPlanet PressKing Treehouse Clogout Modulz Fostr Mention Invoisse Woopra DIY Peak

Illustrator绘制扁平化风格的卡通人物肖像教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制扁平化风格的卡通人物肖像的教程. 教程分享:   现在开始我们的教程吧. 第一步: 我们将开始我们第一个任务的头像,我们使用矩形工具(括号内为快捷键,下同.矩形快捷键为M)制作一个65*80像素的浅粉色矩形,保持矩形选中状态.去对象>路径 >添加锚点.你将会注意到每一个矩形的边上出现了新的锚点.   第二步 继续使用对象>路径 >添加锚点.为矩形的每个边增加两个点. 我们不需要用上面的锚点,所以我们删除它们. 用直接

Photoshop设计圣诞节主题风格的布娃娃海报

Photoshop设计圣诞节主题风格的布娃娃海报 1.构思 圣诞即将来临,于是乎开始构思一张星仔与圣诞的约会banner图.首先是把自己的构思写在纸上,以便于灵感的发散,然后再是构图,采用三角形构图,让其更加稳固,以及让视觉中心点,引向主体. 图1-1-三角形构图及构思 构思完毕根据关键词去找素材,找素材容易,找到合适的素材就会有些难度,所以在找的过程中,脑海中会不断出现最终想呈现的画面,也在这个过程看到相关图片,会产生更多的不一样的想法,以让画面更加的丰富饱满. 图1-2--素材 2.制作步骤

怎么做出扁平化风格的PPT

  怎么做出扁平化风格的PPT         一.色块的使用 不要为色块添加乱七八糟的效果,像阴影,倒影.立体等. 1.在纯色背景上直接插入色块,作用是为了对内容进行相应分类,以凸显层次,这一点大家一定要记着,不是平白无故地随意使用色块. 下面这两张是微软官方的一份PPT案例: 2.当需要在全背景图上写字时,如果背景素材过于复杂,比如下图这样的,可以考虑添加透明色块,以防止文字看不清楚的状况. 大家可以看到,如果我把透明色块去掉的话,文字的表现力就会减少很多. 3.如果幻灯片中的图片不能铺满全

四种用PPT设计扁平化图标方法介绍

  四种用PPT设计扁平化图标方法介绍          详细内容请见下图中介绍的用PPT设计扁平化图标的四种方法:常规式.长投影.阴影式.渐变式. word教程 Excel教程 PowerPoint教程