Photoshop制作扁平化的长投影教程

W-design2017.09.14


本文来源站酷 | sole_3719

随着扁平化设计趋势的日渐流行,尤其在最近电商平台里,接着脱颖而出的便是长投影的使用,特别是在小型UI元素和图标上。这些阴影有着特征性的水平斜向下45度角以及在靠近背景阴影处应用渐变。

这是一个超级简单的方法来得到一个完美的45°长长的阴影效果。

第1步

首先复制你的文字图层,然后将原来的文字层下副本。


第2步

更改复制文字层的字体颜色为黑色。


第3步

编辑>自由变换,然后使用向下箭头键和右箭头键轻移复制文字层一个像素下来,一个在右边。按Enter以接受更改。


第4步

现在按 Ctrl + Alt + Shift + T来与它的转型复制图层。你需要同时按住Ctrl,Alt,Shift 这三个键然后重复按T,直到阴影覆盖红色矩形的右下角结束。


第5步

选择全部复制图层,去图层>合并图层


第6步

应用渐变叠加你喜欢的(步骤2.6)的效果。


第7步

右键单击合并图层,然后选择创建剪贴蒙版和你有它!


第8步

你可以使用相同的方法来创建每个单独的文字阴影,他们会很好地覆盖创建的效果阴凉变化。

要做到这一点,在一个单独的文本图层上创建文本的每一行。然后选择文字图层,复制他们一次,将低于原有的副本图层,并更改其字体颜色为黑色


第9步


选择第一行的复制文字图层,进入自由变换模式(按Ctrl / Cmd + T),然后将它向下1px的1像素的权利,并点击ENTER / RETURN键接受更改。


第10步

按CMD / Ctrl + Alt + Shift + T键复制图层和改造,直到阴影覆盖的红色矩形的右下角结束。然后选中所有副本图层和它们合并(图层>合并图层)。



第11步

重复第二行的复制文字层。


第12步

采用同样的渐变叠加效果,并创建一个剪贴蒙版为每个阴影层。


第13步

您也可以让阴影淡出




平面设计 | 包装设计 | 网页设计 | VI设计




手机网站建设首选华仕尊城设计http://www.w-vi.com

Photoshop制作扁平化的长投影教程-网站建设

2017-09-14 22:19:00

您现在的位置:首页网站建设Photoshop制作扁平化的长投影教程


本文来源站酷 | sole_3719

随着扁平化设计趋势的日渐流行,尤其在最近电商平台里,接着脱颖而出的便是长投影的使用,特别是在小型UI元素和图标上。这些阴影有着特征性的水平斜向下45度角以及在靠近背景阴影处应用渐变。

这是一个超级简单的方法来得到一个完美的45°长长的阴影效果。

第1步

首先复制你的文字图层,然后将原来的文字层下副本。


第2步

更改复制文字层的字体颜色为黑色。


第3步

编辑>自由变换,然后使用向下箭头键和右箭头键轻移复制文字层一个像素下来,一个在右边。按Enter以接受更改。


第4步

现在按 Ctrl + Alt + Shift + T来与它的转型复制图层。你需要同时按住Ctrl,Alt,Shift 这三个键然后重复按T,直到阴影覆盖红色矩形的右下角结束。


第5步

选择全部复制图层,去图层>合并图层


第6步

应用渐变叠加你喜欢的(步骤2.6)的效果。


第7步

右键单击合并图层,然后选择创建剪贴蒙版和你有它!


第8步

你可以使用相同的方法来创建每个单独的文字阴影,他们会很好地覆盖创建的效果阴凉变化。

要做到这一点,在一个单独的文本图层上创建文本的每一行。然后选择文字图层,复制他们一次,将低于原有的副本图层,并更改其字体颜色为黑色


第9步


选择第一行的复制文字图层,进入自由变换模式(按Ctrl / Cmd + T),然后将它向下1px的1像素的权利,并点击ENTER / RETURN键接受更改。


第10步

按CMD / Ctrl + Alt + Shift + T键复制图层和改造,直到阴影覆盖的红色矩形的右下角结束。然后选中所有副本图层和它们合并(图层>合并图层)。



第11步

重复第二行的复制文字层。


第12步

采用同样的渐变叠加效果,并创建一个剪贴蒙版为每个阴影层。


第13步

您也可以让阴影淡出




平面设计 | 包装设计 | 网页设计 | VI设计




手机网站建设首选华仕尊城设计http://www.w-vi.com

深圳网站建设首选华仕尊城  http://www.w-vi.com

W design values every chance to work with you.