PS制作长投影加弥散阴影教程

现在习惯吃饱就睡觉,听着农夫的rap,觉得很有趣。还是要更新教程,说不定我能收获小粉丝了。

设计一直都很流行长投影的设计风格,尤其在UI设计中,长投影设计某种程度上是扁平化设计的拓展或者说下一个阶段。在秉持扁平化设计基本审美的同时,这一设计在长投影的帮助下使设计更有深度并同时保持了设计的扁平化

方法是设计师通常通过给图标添加阴影的方式来创立长投影设计。它一般是一个把普通阴影的长度拓展了的45度阴影。图标或标志通过这样的处理会使设计更加具有深度。

下图就是图标运用长投影。

老规矩,做长阴影只需要十分钟,我仅仅提供一个设计思维。先看成品图。

Ctrl+n新建一个文档。确定数值后,点确定

然后选择圆角矩形工具,新建一个512×512px,圆角是90px。因为APP store上数值是1024×1024px,数值选择一倍图切图可以切2x@的时候好切。随意填充颜色,描边无。

设计师要养成一个习惯,所以的设计都是有原因的,就跟伟大的作家一样,所有的文字都要不浪费。

选择图层样式的渐变叠加,选择一个好看是数值,这里可以自行调节。我选择淡蓝

然后选择多边形工具,选择形状如下图

作一个形状,然后Ctrl+j复制水平翻转,如下图,颜色我选择黑色,适当调整透明度。

接着选择文字工具,随意打去一个字母,字体我选择方正大黑简体。大小适当。

然后Ctrl+shift+n新建图层,然后选择钢笔工具,按住shift能画出平行的线,然后按住Ctrl适当调节阴影。然后Ctrl+enter把形状转化为选区,填充黑色。调节透明度至38%。

选择圆角矩形图层,按Ctrl加鼠标左键单击图层缩略图,会出现蚂蚁线选区,然后按Ctrl+shift+I反选。如下图

然后再选长投影的图层,按Ctrl+X剪切,就会发现多余的阴影被剪切进去。

这个不可以用剪切蒙版噢,因为剪切蒙版是把图层剪切进图层,是整个剪切。

输出

以上就是流行的长阴影的做法,更加有设计感的做法可以自己试试。

下面选择介绍弥散阴影,所谓弥撒阴影,就是使用图层下拉让整个界面更加精致。如下图

用图层蒙版就可以做出这种效果。把刚刚的圆角矩形Ctrl+j复制一层,清除图层样式,Ctrl+t自由变形缩小10%,命名为小图层,移到拷贝图层的下方。

然后Ctrl点击小图层缩略图创建图层蒙版,点击图层蒙版缩略图羽化,羽化数值选择16左右。

然后按住shift往下移到小图层10px左右。

此刻下方图层就会出现一层小小的阴影。此刻可以让图层更加立体。

要记住,阴影用一点点就好,太多会变得脏脏的。上述两种创造阴影的方法比较简便,但不要局限,阴影可以用画笔,还有高斯模糊,现在更有很多插件,一键制作阴影,但我觉得还是不要依赖一键,设计师在设计中会有很多不能察觉的小问题,只有自己亲自做出来,才能发现。

最后,愿冬天的你,能有个温暖的被窝~

你可能感兴趣的:(PS制作长投影加弥散阴影教程)