教你如何用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. 再次使该层浮

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

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

4. 回到层面板,新建一层叫 Interface. Select – Load Selection(选择 读取选择区域) 在对话框中选择我们刚刚新建的 Interface body通道. 在选择区域中可以随意填充颜色 我选择灰色. 当我们添加特效时颜色就会改变了

ps大师之路:界面预缆插图

ps大师之路:界面预缆

作者: 透过镜头看世界 首先我们来认识一下Photoshop的界面组成,如下图是一个典型的界面。为了方便识别,我们加上了颜色和数字。 1:顶部的红色区域是菜单栏,包括色彩调整之类的命令都存放在从菜单栏中 。在我们的教程中使用 【】 符号来表示菜单项目。 2:称为公共栏

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部