优艾设计网

PS CS5制作放射状光线网页广告板

作者:佚名   出处:

PS CS5制作放射状光线网页广告板

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

 

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

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

优艾设计网_PS海报制作教程

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

 

5)依次为其添加“内发光”、“内阴影”、“描边”、“投影”样式效果。

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

6)使用“自定义形状”工具在视图中填充像素。

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

9)使用“矩形”工具绘制形状。

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

12)打开本书附带光盘“线纹理.psd”文件。

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

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

PS CS5制作放射状光线网页广告板

PS CS5制作放射状光线网页广告板

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新技巧

技巧排行榜