freshtrax

融汇东西方最新设计、科技及商务资讯

  • Sinya Chen

    Sinya Chen

    A huge fan of ideation with an eye for design and special interest in creative marketing. Moved to San Francisco from Scotland to pursue an MFA in Fashion Merchandising. I believe the road to success is trying, and my current conquest is understanding consumers and learning what makes them tick.

  • → Show All Articles

  • Oct 6, 2013

Header Image

扁平化设计新动向与PS教程

老实说,扁平化设计已然已经成为了一个陈旧的话题。现在各大主要智能手机的界面都采用了扁平化设计,就连Dribble和Behance(皆为国外热门设计师作品分享与发布网站)上都充斥着此类设计风格的作品。我们不得不承认,扁平化设计俨然已无可厚非地成为了主流。但若你是位“非主流”设计师并且正在寻找扁平化设计的新动向,那这篇博文正要向你介绍的就是这一设计正在演变出的一个重要趋势:斜阴影(又称之为简单伪扁平)。

flat style

正如你想象的那样,这个设计趋势指的是在物体斜下方形成的一道阴影,而且大多数情况下与物体本身结构并不成正比,但却又巧妙地不缺失整体美感。以下是小编为大家在网上搜集来的一些不错的作品范例:

example pic 1 example pic 2
example pic 3 example pic 4

看完这些例子你或许会觉得除了阴影以外有些难说出这一设计风格的决定性特点,小编仔细观察后总结了以下两点:

首先,在你的设计中每个物体都必须有一个扁平的二维阴影,且这阴影的长度至少要达到被投影物体斜角总长的2.5倍。这样长的阴影虽然会看起来比较不合比例(甚至已经有点不太像阴影),却成为了很有设计感的元素。

其次,阴影投射在物体斜下方大约45°角,大多偏向于右侧。当然也有例外,这就看个人喜好与作品本身所需要达到的意境了。

example pic 5 example pic 6

你会发现如果不遵循这两条,斜长阴影的设计就失去了效果,而其实这一切都是经过诸多考量最终形成的设计风格。所以你还在等什么呢?苹果公司的下一个操作界面起码要等到来年,在他们把这个设计风格扼杀之前,不如快点来学习并且运用斜阴影到你的作品中去。以下小编会为你介绍利用Photoshop CS6扩展版或Photoshop CC自带的3D功能来制作斜阴影效果的图文教程。

step1 step2 step3 step4 step5 step6 step7 step8后记:
网上普遍流传的是使用图层移位复制(Ctrl+Shirt+Alt+T)来制作阴影效果的方法,这一方法最大的缺点是需要复制达到100多个图层,较为繁琐。当然你也可以直接使用钢笔工具来画阴影,但是如果是成批制作的话,其阴影的方向一致性会比较难以掌控。而运用3D扩展功能来制作阴影最大的优势便在于,当遇到需要更改文字内容的时候,大大地减少了重新制图的时间。若你对这个制作教程还存有疑问可以直接在博文下方留言,小编一定会予以及时答复,感谢阅读!

 

Photos by: Ryan Quintal, Mogo, Mitchell Pash, Hyuk-in Kim, Autumn Zheng, Harkan Ertan, Sinya Chen

  

Like us on Facebook

Scroll to top

Twitterで共有
Facebookで共有
はてなブックマークに追加
pocketで共有
Lineで共有