做网站像素化背景图片
日期:2013-7-28 17:12:51 来源:北京做网站 作者:商视互联 浏览: [ 标签:网页设计 ]![像素化背景图片](/UpFile/201307/2013072861950049.jpg)
第一步:
启动PS后,随便打开一张你想要的背景图,然后调整好大小后我们再继续,这会影响到我们最后的操作。
![背景图](/UpFile/201307/2013072862984705.jpg)
第二步:
复制背景层两次。
![PS面板](/UpFile/201307/2013072863027345.jpg)
第三步:
选中图层1副本,激活变换工具(ctrl/cmd的+T或编辑>自由变换),然后设置45度的水平倾斜。当你激活变换工具后,不平倾斜设置会显示在界面上方选项栏中,设置完成后,按ENTER键应用变换。
![PS面板](/UpFile/201307/2013072863060969.jpg)
第四步:
转到滤镜>像素化>马赛克。调整单元格大小,设置你喜欢的值,然后单击“确定”。
![滤镜](/UpFile/201307/2013072863096969.jpg)
第五步:
下一步,激活自由变换工具(CTRL/CMD的+T或编辑>自由变换),然后设置的水平倾斜设置为-45度。应用变换。
![变换工具](/UpFile/201307/2013072863129877.jpg)
第六步:
设置此图层的不透明度为50%,然后选择图层1。像前面几步一样做同样的步骤,但是进行转换的时候设置是相反的。
![图层的不透明度](/UpFile/201307/2013072863169421.jpg)
第七步:
选择图层1,激活自由变换工具(CTRL/CMD的+T或编辑>自由变换),然后设置为-45度的水平倾斜。(第一次做的变换是45,这次是-45。记住是跟前面设置相反的)
![自由变换工具](/UpFile/201307/2013072863194345.jpg)
第八步:
跟前面做的一样,应用相同设置的马赛克效果,你可以按CTRL/CMD+F快速的设置效果。PS会自动把应用设置你上次做的滤镜效果。
![马赛克效果](/UpFile/201307/2013072863215065.jpg)
第九步:
使用自由变换工具(CTRL/CMD的+T或编辑>自由变换)设置到45度的水平倾斜。
![水平倾斜](/UpFile/201307/2013072863244581.jpg)
第十步:
如图所示,我们几乎完成了,但如果放大来看,我们可清晰看到边缘没有对齐,为了解决这个问题,请按键盘上的箭头进行上上下下左左右右ABAB的操作方法来调整对齐。(下图是调整的前后对比)
![边缘没有对齐](/UpFile/201307/2013072863293469.jpg)
这是最终效果图
![效果图](/UpFile/201307/2013072863314237.jpg)
其它案例应用效果观赏: