当前位置:首页 > PS教程 > 网页设计

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

  • 2022-12-24 23:19:46
  • 来源/作者:互联网/佚名
  • 己被围观

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


  4.
  回到层面板,新建一层叫 Interface.
  Select - Load Selection(选择 – 读取选择区域) – 在对话框中选择我们刚刚新建的 Interface body通道.

  在选择区域中可以随意填充颜色 – 我选择灰色. 当我们添加特效时颜色就会改变了...

 5.
  好玩的开始了!

  现在是特效时间!
  实际是我们要用到的是Photoshop 6中的layer styles (层特效)功能.

  见下图.

  另外我还加上了soft drop shadow (柔和的阴影特效)


*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条