优艾设计网

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

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

  6.

  Ok – 现在让我们回到最初的Interface body 层.

  Ctrl + 单击使该层浮动.

  执行Select - Modify – Contract(选择 – 修改 – 收缩) - 5 pixels - OK.

  接着 Ctrl + Shift + I to 反转选择区域.

  按Delete删除.

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

 7.

  再次使该层浮动 (Ctrl + 单击);

  Select - Modify - Contract(选择 – 修改 – 收缩) - 3 pixels - OK.

  按下Delete键将Interface body层的中心部分删除.我也为这一层添加了drop shadow(阴影)特效.

如图七.

  基本的界面我们已经做好了, 但是它看起来并不怎么惹人喜爱.

  让我们为它加入些细节吧!

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

  8.

  使Interface layer层浮动.

  执行Edit - Copy Merged(编辑 – 拷贝合并). 接着Edit – Paste(编辑 –粘贴).

将新层更名为Interface details.

  使Interface details层浮动,执行

  Select - Modify – Contract(选择 – 修改 – 收缩) - 10 pixels - OK.

  反选选择区域(Ctrl + Shift + I) 按Delete键删除.

  取消选定.

  选择矩形选择工具画出如图八的矩形选择区域来.

  在进行下一步之前,请按下图添加图层特效.

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

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

精彩评论

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