教你如何用photoshop制作网页外壳界面(7)插图

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

16. 回到背景层新建一新层Chrome Detail. 选择圆形选取工具 画出一椭圆形,填充灰色.在椭圆的右边画一较小的圆形,按Delete 键删除. 接着如图十六,再次画出一椭圆选取区域,按Ctrl + Shift + I进行反选, 按Delete 键删

教你如何用photoshop制作网页外壳界面(12)插图

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

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

广告位
教你如何用photoshop制作网页外壳界面(2)插图

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

OK,让我们开始… 1. 做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 🙂 开始新建一文件 – 600 x 500 pixels. 白色背景. 新建一层 (起名叫 Interface body) 选择圆形选取工具 画

教你如何用photoshop制作网页外壳界面(11)插图

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

31. Ahhhh 最后一步 只要加入文字在按钮上,你就完成啦! 这个教程还远远没有结速,用你的想象,还能给这个界面添加更多更cool 的特效来:) 好运!

教你如何用photoshop制作网页外壳界面(10)插图

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

27. 使 Background Buttons 层浮动. 新建一层叫 Highlights. 用圆形选取工具画出如图二十七的圆形填充百色. 用键盘移动选择区域,使它和图二十七类似. 按下 Delete删除所选区域. 28. 复制Highlights 层 3 次执行 Edi

教你如何用photoshop制作网页外壳界面(9)插图

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

24. 在 Buttons 层之下新建一Inset Buttons层. Ctrl + 单击左键Buttons 层,使按钮浮动. 取消较低按钮的浮动线,只保留顶部的按钮被选中. 方法是在属性面板上选择相减按钮 ,勾选出要删除的部分即可. 如图二十三! 执行

教你如何用photoshop制作网页外壳界面(8)插图

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

21. Ok 该增加一些文字了… 在所有层上新建一层并用Type Tool(文字工具) 敲入你想要的文字. 执行Edit – Transform – Rotate 90 CCV(编辑 变形 左旋转90度). 选中text层并点击 Create Warped Text(建立弯曲文字) 按

教你如何用photoshop制作网页外壳界面(6)插图

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

9. 接着如图九,每移动矩形选择区域12 pixels,按Delete删除 一次. 效果如图九. 10. 用圆形选择工具画出入图十的圆形. 按Delete键删除所选区域. 11. 接着我将Interface details 层向左移动了一些 (方法是选择移动工具

教你如何用photoshop制作网页外壳界面(5)插图

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

教你如何用photoshop制作网页外壳界面(6)9. 接着如图九,每移动矩形选择区域12 pixels,按Delete删除 一次. 效果如图九. 10. 用圆形选择工具画出入图十...
教你如何用photoshop制作网页外壳界面(4)插图

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

6. Ok 现在让我们回到最初的Interface body 层. Ctrl + 单击使该层浮动. 执行Select – Modify Contract(选择 修改 收缩) – 5 pixels – OK. 接着 Ctrl + Shift + I to 反转选择区域. 按Delete删除. 7. 再次使该层浮

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部