![教你如何用photoshop制作网页外壳界面(7)插图 教你如何用photoshop制作网页外壳界面(7)插图](http://www.ps369.com/wp-content/uploads/2022/06/5ca451473fb1e379f59d69dbed3c2f41-300x180.jpg)
16. 回到背景层新建一新层Chrome Detail. 选择圆形选取工具 画出一椭圆形,填充灰色.在椭圆的右边画一较小的圆形,按Delete 键删除. 接着如图十六,再次画出一椭圆选取区域,按Ctrl + Shift + I进行反选, 按Delete 键删
![教你如何用photoshop制作网页外壳界面(12)插图 教你如何用photoshop制作网页外壳界面(12)插图](http://www.ps369.com/wp-content/uploads/2022/06/5babbfd22f742c3adfffcce35784ef3b-300x180.jpg)
出处:PConline 作者:转载:mashijia/牛筋大学 先来看看最终效果图: OK,让我们开始… 1. 做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 🙂 开始新建一文件 – 600 x 500 pixel
![教你如何用photoshop制作网页外壳界面(2)插图 教你如何用photoshop制作网页外壳界面(2)插图](http://www.ps369.com/wp-content/uploads/2022/06/efe8c0d98ccdeb628375ea62100be246-300x180.jpg)
OK,让我们开始… 1. 做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 🙂 开始新建一文件 – 600 x 500 pixels. 白色背景. 新建一层 (起名叫 Interface body) 选择圆形选取工具 画
![教你如何用photoshop制作网页外壳界面(10)插图 教你如何用photoshop制作网页外壳界面(10)插图](http://www.ps369.com/wp-content/uploads/2022/06/377a3cf3aeb227c846f971de3141c45e-300x180.jpg)
27. 使 Background Buttons 层浮动. 新建一层叫 Highlights. 用圆形选取工具画出如图二十七的圆形填充百色. 用键盘移动选择区域,使它和图二十七类似. 按下 Delete删除所选区域. 28. 复制Highlights 层 3 次执行 Edi
![教你如何用photoshop制作网页外壳界面(9)插图 教你如何用photoshop制作网页外壳界面(9)插图](http://www.ps369.com/wp-content/uploads/2022/06/eac54e77fcdc484dbf1dd4927a1431f1.jpg)
24. 在 Buttons 层之下新建一Inset Buttons层. Ctrl + 单击左键Buttons 层,使按钮浮动. 取消较低按钮的浮动线,只保留顶部的按钮被选中. 方法是在属性面板上选择相减按钮 ,勾选出要删除的部分即可. 如图二十三! 执行
![教你如何用photoshop制作网页外壳界面(8)插图 教你如何用photoshop制作网页外壳界面(8)插图](http://www.ps369.com/wp-content/uploads/2022/06/84948a8e06bd65d79883e6698669f7e8.jpg)
21. Ok 该增加一些文字了… 在所有层上新建一层并用Type Tool(文字工具) 敲入你想要的文字. 执行Edit – Transform – Rotate 90 CCV(编辑 变形 左旋转90度). 选中text层并点击 Create Warped Text(建立弯曲文字) 按
![教你如何用photoshop制作网页外壳界面(6)插图 教你如何用photoshop制作网页外壳界面(6)插图](http://www.ps369.com/wp-content/uploads/2022/06/cb8bbc9a124b50cc7cc56bdb51d95413-300x180.jpg)
9. 接着如图九,每移动矩形选择区域12 pixels,按Delete删除 一次. 效果如图九. 10. 用圆形选择工具画出入图十的圆形. 按Delete键删除所选区域. 11. 接着我将Interface details 层向左移动了一些 (方法是选择移动工具
![](http://www.ps369.com/wp-content/themes/menhu-1/assets/img/bx_loader.gif)
已加载全部内容
已经没有更多文章了