PS设计教程网欢迎你!

Photoshop制作一个以绿色为主题的网页(2)

文章来源于 sixrevisions.com,感谢作者 苏打苏塔 设计量贩铺 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-01-25
17 在bg图层上面,新建图层。点击键盘上的D,设置成默认的前景背景色(前景白色,背景黑色),然后点击滤镜渲染云彩。 18 在图层面板上,右键单击该图层,在弹出的菜单中,设置该图层为智能元件。命名该图层为 textur

17 在bg图层上面,新建图层。点击键盘上的D,设置成默认的前景背景色(前景白色,背景黑色),然后点击滤镜>渲染>云彩。

18 在图层面板上,右键单击该图层,在弹出的菜单中,设置该图层为智能元件。命名该图层为 “texture“.

Photoshop制作一个以绿色为主题的网页

19 保持图层”texture”仍未选定状态。点击滤镜>模糊>动感模糊,根据截图进行参数设定。

Photoshop制作一个以绿色为主题的网页

20 然后点击 滤镜>锐化>锐化。

21 给图层”texture”添加蒙版,点击图层>图层蒙版>显示全部。

22 选择渐变工具 (G) ,从画布底部到顶端,拖拽一个黑色到透明的渐变。

23设置图层渲染模式为叠加,设置图层透明度为40%。

Photoshop制作一个以绿色为主题的网页

设置主要内容的背景

24 双击 “bg” 图层,打开图层属性面板。根据下图进行外发光的参数设定。

Photoshop制作一个以绿色为主题的网页

25 新建图层,设置前景色为#2A2009, 选择画笔工具 (B) ,用一个比较硬的直径为25px的画笔,在你的圆角矩形的下边缘,画一个圆。

26 在图层面板中右键单击该图层,设置图层为智能对象。

27 然后点击编辑>自由变化 (Ctrl + T) ,根据下图进行变形。

Photoshop制作一个以绿色为主题的网页

28 点击滤镜>模糊>高斯模糊,按照下图进行参数设定。

Photoshop制作一个以绿色为主题的网页

29 设置该图层的渲染模式为整片叠底,透明度为30%。最后,给该图层命名为”shadow“, 把这个图层放在bg图层的上面。

创建导航条

30 好了,接下来,我们来做导航条。选择矩形工具 (U) ,设置颜色为#D8D8A5.

31 在你之前创建的那个大的圆角矩形中,创建一个高为60px的矩形,命名该图层为 “navigation bar“.

Note: 打开信息面板(F8), 这样你就会看到你所创建的矩形的高度。

Photoshop制作一个以绿色为主题的网页

32 双击图层 “navigation bar” 打开图层属性面板,按照下图设置参数。

Photoshop制作一个以绿色为主题的网页

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa