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

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

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

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


  9.
  接着如图九,每移动矩形选择区域12 pixels,按Delete删除 一次.
效果如图九.


  10.
  用圆形选择工具画出入图十的圆形.

  按Delete键删除所选区域.

 11.
  接着我将Interface details 层向左移动了一些 (方法是选择移动工具并按下键盘上的方向键).


  12.
  现在是给我们的界面填加些Cool原料的时候了 :)

  在背景层上新建一层叫 Aqua Triangles.

  选择圆形选取工具在界面内画出一圆形. 填充灰色 -#595959.

  依照图十二,再画一相似的小圆.按下Delete键..


  13.
  依照图十三,再画一椭圆.按下Delete键.

  取消选定.

14.
  应用第五步中我们所添加的layer style(图层特效) (Interface 层).

  接着再添加 Drop Shadow(阴影)特效.
  设置 Opacity(不透明度): 97 %, Distance(距离): 3 pixels,其它都用默认的设置.


  15
  接着我在Aqua Triangles层上新建了一ayers Bolts层,并放置了一些球体如图十五,详细的制作方法请见我们前面的教程.

  我又为其添加了Bevel and Emboss(斜面和浮雕)效果,见下图.


*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条