杭州网站建设
244月

如何快速制作长投影效果?

长投影很酷炫?其实就这么简单!

从去年开始,扁平化设计长投影风格便进入了网站设计领域,这种简单清新、风格独特的样式深受广大用户群体的喜爱。
如果我们要在自己的网站建设中引入长投影风格,应该如何去做呢,让我们一起来看一下。

 

引入图标

在PS中引入你想要制作长投影的图标,这里我们以“佚站互联”的LOGO为例。

假设我们需要在一张暗色底部的设计稿中引入白色LOGO,并且制作长投影。


用图层制作阴影

由于该LOGO由四部分形状组成,所以为了契合阴影的效果,我们一个一个分解来做。
首先用形状工具绘制一个与其中一个形状相切的阴影。(不用太过精细)


阴影角度调整

然后选中阴影图层,使用快捷键ctrl+t(mac下command+t),按住shift键调整阴影角度为45度。
使用路径选择工具对阴影与该形状的衔接处进行调整,不合理的地方可以再添加路径锚点进行调整。


使用蒙板图层进行渐变

选中阴影图层,单击图层面板下方的“添加图层蒙板”,再选中“渐变工具”,按住shift键,在阴影上做从白到黑的渐变。
多调整几次渐变效果,直到你满意为止,然后调整阴影图层的不透明度为50%。


制作其他形状投影

采用同样的方式制作其他部分的投影效果,可以多修改几次,尽量显示出一些层次感。


写在最后

长投影的效果确实还是非常棒的,也有一些快速的PS动作插件能够自动生成,不过终归还是手动调整来得更为合理好看,有兴趣的朋友赶紧试试吧。

长投影PSD下载


版权属于:佚站互联 - 杭州网站建设

原文地址:http://www.yeahzan.com/blog/item/42-93.html

转载时必须以链接形式注明原始出处及本声明。

文章作者: Benz , 文章分类: 网站设计

关于作者

Benz

评论 (2)

  • 婚纱照价格

    婚纱照价格

    2014-04-30 21:26:15 |
    以前总也做不好这效果,现在明白了,简单的办法,感谢博主
  • nunu

    nunu

    2014-06-19 17:05:49 |
    很详细,不错,可以借鉴借鉴。短发发型。 www.ishowtu.com

发表评论

请登陆后发表评论。