优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络
出处:PConline      作者:转载:mashijia/牛筋大学  先来看看最终效果图:

  24.

  在 Buttons 层之下新建一Inset Buttons层.

  Ctrl + 单击左键Buttons 层,使按钮浮动.

  取消较低按钮的浮动线,只保留顶部的按钮被选中.

  方法是在属性面板上选择相减按钮

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

,勾选出要删除的部分即可.

如图二十三!

  执行Select - Modify - Expand(选择 – 修改 – 扩展)- 2 pixels.

  按D键恢复默认颜色 (黑色前景,白色背景)

  选择Gradient Tool(渐变工具)从上到下填充选择区域.

  取消选定.

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

如图二十四.

 连接这两个Inset buttons 层进行合并.

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

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

  25.

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

  Ctrl + 单击左键Chrome Detail 层,使Chrome Detail 浮动并且复制该层.

  制作一如图二十五的选择区域并进行反选 (Ctrl + Shift + I).

  按Delete删除. 取消选定.

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

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

  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 (编辑 – 变形 – 水平翻转) – 移动置右边部分.

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

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