Photoshop CS5制作放射状光线网页广告板(3)

admin 1 0


作者:佚名   出处:Photoshop CS5制作放射状光线网页广告板(3)-第1张图片-快备云

本期教程中我们将设置图层样式效果来制作一个网页中经常出现的广告板效果,制作中基本上使用了大部分的图层样式效果,以突出各个图层样式的功能。具体的方法读者可跟随教程同步制作并逐步了解。

 

Photoshop CS5制作放射状光线网页广告板(3)-第2张图片-快备云

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

Photoshop CS5制作放射状光线网页广告板(3)-第3张图片-快备云

(2)使用“圆角矩形”工具在视图中绘制形状。

Photoshop CS5制作放射状光线网页广告板(3)-第4张图片-快备云

(3)为“形状 1”图像添加“渐变叠加”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第5张图片-快备云

(4)勾选“光泽”样式选项,继续为其添加“光泽”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第6张图片-快备云 
5)依次为其添加“内发光”、“内阴影”、“描边”、“投影”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第7张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第8张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第9张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第10张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第11张图片-快备云
6)使用“自定义形状”工具在视图中填充像素。

Photoshop CS5制作放射状光线网页广告板(3)-第12张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第13张图片-快备云

(7)为“图层 2”添加图层蒙版以屏蔽不需要的部分。

Photoshop CS5制作放射状光线网页广告板(3)-第14张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第15张图片-快备云

(8)调整“图层 2”的图层填充度,为其添加“渐变叠加”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第16张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第17张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第18张图片-快备云
9)使用“矩形”工具绘制形状。

Photoshop CS5制作放射状光线网页广告板(3)-第19张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第20张图片-快备云

(10)调整“形状 2”图层的填充度。

Photoshop CS5制作放射状光线网页广告板(3)-第21张图片-快备云

(11)依次为其添加“渐变叠加”、“内阴影”和“外发光”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第22张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第23张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第24张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第25张图片-快备云
12)打开本书附带光盘“线纹理.psd”文件。

Photoshop CS5制作放射状光线网页广告板(3)-第26张图片-快备云

(13)执行“编辑”→“定义图案”命令,定义完毕后关闭该文档。

Photoshop CS5制作放射状光线网页广告板(3)-第27张图片-快备云

(14)返回“背景”文档,为“形状 2”添加“图案叠加”样式效果。

Photoshop CS5制作放射状光线网页广告板(3)-第28张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第29张图片-快备云

(15)最后添加文字和装饰,完成制作。

Photoshop CS5制作放射状光线网页广告板(3)-第30张图片-快备云

Photoshop CS5制作放射状光线网页广告板(3)-第31张图片-快备云



标签: 网页 广告 光线 放射状 CS5 制作 Photosho

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~