优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络
出处:PConline      作者:转载:mashijia/牛筋大学  先来看看最终效果图:

  OK,让我们开始...

  1.

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

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

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

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

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

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

  2.

  用圆形选取工具画出如图二的椭圆选择区域.

  从顶部开始,每隔40 pixels 按下键盘上的Delete 键一次 如图二.

  取消选定.

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

 3.

  Ctrl+单击选中Interface body copy 层.

  切换置Channels(面板)

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

点击保存选择区域按钮

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

. 取消选定.

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

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

  (通道可以起名为 Interface).

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消