Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效

作者:佚名 出处: 效果: (1)运行Photoshop CS5,随意制作一个背景。 (2)新建图层 1,选择圆角矩形工具进行绘制。 (3)为图层 1添加图层样式,单击内发光项目,并设置其各项参数。 (4)单击斜面与浮雕项目,并设置其各项参数。 5)单击等高线项目,并设置其各项参数。 (6)单击渐

用ps绘制twitter小鸟logo(3)

建新层,画一个小的白色正圆。 添加图层样式。 效果如下。


作者:佚名   出处:
Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图

效果:

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(1)

(1)运行Photoshop CS5,随意制作一个背景。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(2)

(2)新建“图层 1”,选择“圆角矩形工具”进行绘制。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(3)

(3)为“图层 1”添加图层样式,单击“内发光”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(4)

(4)单击“斜面与浮雕”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(5)
5)单击“等高线”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(6)

(6)单击“渐变叠加”项目,设置各选项参数数值。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(7)

(7)选择“描边”项目,设置各选项参数数值。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(8)

(8)按下“确定”按钮,效果如图所示。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(9)

(9)新建“图层 2”图层,选择“自定形状工具”绘制图形。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(10) 
10)选择“图层 1”图层,并拷贝“图层 1”图层的图层样式。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(11)

(11)选择“图层 2”图层,并粘贴“图层 1”图层的图层样式,为“图层 2”图层添加“图层 1”一样的图层样式效果。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(12)

(12)双击“图层 2”图层,打开图层样式,单击“内发光”项目,并更改各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(13)

(13)单击“斜面与浮雕”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(14)

(14)单击“等高线”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(15)

(15)单击“渐变叠加”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(16)

(16)单击“描边”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(17)

(17)按下“确定”按钮,关闭“图层样式”对话框,复制“图层 2”图层得到“图层 2 副本”图层,并调整其在图像中的位置,效果如图所示。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(18)
18)打开素材文件“纹理.psd”文件,将图层“素材”图层拖动至“按钮背景”文档中并调整位置并更改图层混合模式,将“图层”调板中隐藏的“组 1”图层组显示,完成本实例的制作。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(19)

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(20)

(19)我们可以将该按钮效果应用至素雅的白色或灰色调的网页中,下图是该按钮应用后的效果。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(21)

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(22)




作者:佚名   出处:
Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图

效果:

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(1)

(1)运行Photoshop CS5,随意制作一个背景。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(2)

(2)新建“图层 1”,选择“圆角矩形工具”进行绘制。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(3)

(3)为“图层 1”添加图层样式,单击“内发光”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(4)

(4)单击“斜面与浮雕”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(5)
5)单击“等高线”项目,并设置其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(6)

(6)单击“渐变叠加”项目,设置各选项参数数值。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(7)

(7)选择“描边”项目,设置各选项参数数值。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(8)

(8)按下“确定”按钮,效果如图所示。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(9)

(9)新建“图层 2”图层,选择“自定形状工具”绘制图形。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(10) 
10)选择“图层 1”图层,并拷贝“图层 1”图层的图层样式。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(11)

(11)选择“图层 2”图层,并粘贴“图层 1”图层的图层样式,为“图层 2”图层添加“图层 1”一样的图层样式效果。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(12)

(12)双击“图层 2”图层,打开图层样式,单击“内发光”项目,并更改各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(13)

(13)单击“斜面与浮雕”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(14)

(14)单击“等高线”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(15)

(15)单击“渐变叠加”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(16)

(16)单击“描边”项目,并更改其各项参数。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(17)

(17)按下“确定”按钮,关闭“图层样式”对话框,复制“图层 2”图层得到“图层 2 副本”图层,并调整其在图像中的位置,效果如图所示。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(18)
18)打开素材文件“纹理.psd”文件,将图层“素材”图层拖动至“按钮背景”文档中并调整位置并更改图层混合模式,将“图层”调板中隐藏的“组 1”图层组显示,完成本实例的制作。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(19)

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(20)

(19)我们可以将该按钮效果应用至素雅的白色或灰色调的网页中,下图是该按钮应用后的效果。

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(21)

Photoshop CS5 教程:制作科幻风格的墙体雕刻按钮特效插图(22)



作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部