Photoshop设计漂亮精致的网页按钮(2)

ps基础教程,艺考

ps基础教程

2011-4-24 07:43:11 文/沈静宜

关注

步骤4:

好的,接下来我们给这个图层设置图层样式。

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

最后设置渐变描边,颜色分别为#090e13(深)#0d1b2a(浅),即由下至上,由深到浅。

这里我们发现,刚才设置的渐变叠加也是上浅下深的,为什么能,因为我们这里假设了光源是从上方射下来的,要塑造逼真的立体感,我们必须注意光源对物体表面所造成的影响。

我想学过素描的朋友一定都清楚三大面,五大调子吧,很简单的道理,这里我就不细说了。

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

步骤6:

好了,图层样式的设置告一段落,但是,不管在任何时候,我们花一些时间来尝试各种样式的组合已达到满意的效果,都是很值得的。

现在我们再来看看这个按钮,会发现按钮表面与下面的投影之间,似乎少了些对比。接下来我们尝试给按钮加一个很酷的渐变边框来解决这个问题。

首先我们需要获得这个按钮的选区,然后新建一个图层。

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

好的,接下来使用渐变工具,快捷键G,从中心向外拉出一个渐变。

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

颜色为#050607到#ffffff,模式为对称渐变。

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网

Photoshop设计漂亮精致的网页按钮,PS教程,思缘教程网


  共3页: 上一页 [1] 2 [3] 下一页   

艺考相关文章

发现更多好内容

艺考用户说说

友善是交流的起点
带你看艺考艺考推送时光机
位置:艺考-设计-Photoshop教程-ps基础教程-Photoshop设计漂亮精致的网页按钮(2)
咦!没有更多了?去看看其它艺考内容吧