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

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

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

　　OK，让我们开始...

　　1.
　　做这个外壳界面时,我用了相当多的技巧,所以教程变的相当长, 希望你有耐心去完成它 :)
　　开始新建一文件 - 600 x 500 pixels. 白色背景.
　　新建一层 (起名叫 Interface body) 选择圆形选取工具画出一圆形. 填充黑色. 依照图一,在刚刚的黑圆中再画一相似的小圆.按下Delete键.
　　(在实例中我用了大圆 50% 大小的小圆形删除...)
　　duplicate(复制) Interface body 层,回到Interface body copy图层,一会儿我们要用它.　Interface body我们展时不用,可以先关闭它,防止干扰我们的视线.

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

　3.
　　Ctrl+单击选中Interface body copy 层.
　　切换置Channels(面板)点击保存选择区域按钮. 取消选定.

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

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

　　(通道可以起名为 Interface).