PS设计教程网欢迎你!

Photoshop设计扁平化风格的名片教程(2)

文章来源于 优设,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2013-12-05
本步完成了: 简单的、符合整体风格的Logo 简约的留白背景 记得云Logo要设置图层样式-描边 大小10像素,颜色为#27ae60 创建新图层,输入文本Crazycloud,颜色和Logo一样#ffffff.字体使用的是 Open Sans.开源的Googl

本步完成了:

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

简约的留白背景

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

创建新图层,输入文本Crazycloud,颜色和Logo一样#ffffff.字体使用的是 Open Sans.开源的Google Web Font,这里可以下载。

Photoshop设计扁平化风格的名片教程

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

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

反面

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

效果如下图。

Photoshop设计扁平化风格的名片教程

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

Photoshop设计扁平化风格的名片教程

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

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

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

Photoshop设计扁平化风格的名片教程

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

最终成品图如下

Photoshop设计扁平化风格的名片教程

Photoshop设计扁平化风格的名片教程

Photoshop设计扁平化风格的名片教程

Photoshop设计扁平化风格的名片教程

步骤3——打印

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

进入论坛交作业:http://www.missyuan.com/thread-687048-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa