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

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

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

　　24.
　　在 Buttons 层之下新建一Inset Buttons层.
　　Ctrl + 单击左键Buttons 层,使按钮浮动.
　　取消较低按钮的浮动线,只保留顶部的按钮被选中.

　　方法是在属性面板上选择相减按钮,勾选出要删除的部分即可.
如图二十三!
　　执行Select - Modify - Expand(选择 – 修改 – 扩展)- 2 pixels.
　　按D键恢复默认颜色 (黑色前景,白色背景)
　　选择Gradient Tool(渐变工具)从上到下填充选择区域.

　　取消选定.

　　复制这一层,将它移动到底部的按钮上.

如图二十四.

　连接这两个Inset buttons 层进行合并.
　　执行 Gaussian Blur (高斯模糊)- 4 pixels.

　　25.
　　现在是进一步修整的时间了.

　　Ctrl + 单击左键Chrome Detail 层,使Chrome Detail 浮动并且复制该层.
　　制作一如图二十五的选择区域并进行反选 (Ctrl + Shift + I).
　　按Delete删除. 取消选定.

　　接着关闭Drop Shadow(阴影)特效 !

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

　　停留在Chrome detail copy 层, Ctrl + 单击左键Chrome Detail 层,使Chrome Detail 浮动.
　　反选选择区域 (Ctrl + Shift + I).
　　按Delete删除(确定你是在Chrome detail copy 层). 取消选定.

　　复制 Chrome detail copy 层执行Edit - Transform - Flip horizontal (编辑 – 变形 – 水平翻转) – 移动置右边部分.