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

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

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

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

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

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

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

  按Delete键删除所选区域.

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

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

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

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

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

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

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

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

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

  取消选定.

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

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

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

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

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

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

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

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

作者: 791650988

为您推荐