教你如何用photoshop制作网页外壳界面

2022-12-24 23:19:46
来源/作者：互联网/佚名
己被围观次

出处：PConline 作者：转载：mashijia/牛筋大学先来看看最终效果图：分页标题 OK，让我们开始... 1. 做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 :) 开始新建一文件 - 600 x

　27.
　　使 Background Buttons 层浮动.
　　新建一层叫 Highlights.

　　用圆形选取工具画出如图二十七的圆形填充百色.

　　用键盘移动选择区域,使它和图二十七类似.

　　按下 Delete删除所选区域.

　　28.
　　复制Highlights 层 3 次执行 Edit - transform - Flip Horizontal/Vertical(编辑 – 变形 – 水平垂直/翻转)移动到不同的位置知道和图二十八相同.

　　连接这四个不同的highlights 层,进行合并 t (Ctrl + E).

　　执行 Gaussian Blur (高斯模糊)- 3 pixels.

　　29.
　　新建一层叫Highlights 2.

　　制作一个如图二十九的选区,填充白色.

　　取消选定

　　Gaussian Blur (高斯模糊)- 2 pixel

　30.
　　复制 Highlights 2 层将它移动置按钮的下部

　　接着用象皮擦工具在高光条中心部分进行擦除.如图三十.

　　象皮擦具体设置见下图.

　　新建一层叫 Black Shadow.
　　制作一个和图三十相似的选择区域,填充黑色.
　　高斯模糊4 pixels.
　　复制此层并移动Black Shadow copy层到另一侧.