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

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

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

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

  OK,让我们开始…

  1.

  做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 🙂

  开始新建一文件 – 600 x 500 pixels. 白色背景.

  新建一层 (起名叫 Interface body) 选择圆形选取工具 画出一圆形. 填充黑色. 依照图一,在刚刚的黑圆中再画一相似的小圆.按下Delete键.

  (在实例中我用了大圆 50% 大小的小圆形删除…)

  duplicate(复制) Interface body 层,回到Interface body copy图层,一会儿我们要用它. Interface body我们展时不用,可以先关闭它,防止干扰我们的视线.

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

  2.
  用圆形选取工具画出如图二的椭圆选择区域.
  从顶部开始,每隔40 pixels 按下键盘上的Delete 键一次 如图二.
  取消选定.

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

 3.
  Ctrl+单击选中Interface body copy 层.
  切换置Channels(面板)教你如何用photoshop制作网页外壳界面(2)插图(2)点击保存选择区域按钮教你如何用photoshop制作网页外壳界面(2)插图(3). 取消选定.

  执行Filter – Blur – Gaussian Blur(滤镜 – 模糊 – 高斯模糊) – 4 pixels.

  接着执行Image – Adjust – Levels(图像 – 调整 – 色阶) – 将左右两个小箭头向中心拖动,直到图像的边缘非常干净为止. 以下是我的具体设置.

  (通道可以起名为 Interface).

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

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部