专注于网站建设和搭建网络营销体系
商视互联,北京做网站公司
北京做网站,商视互联 您的位置:网站首页 > 商视动态 > 网页设计 > 正文
做网站像素化背景图片
作者:商视互联   来源:北京做网站   日期:2013/7/28 17:12:51   热度:℃   [ 标签:网页设计 ]
像素化背景图片

  第一步:

  启动PS后,随便打开一张你想要的背景图,然后调整好大小后我们再继续,这会影响到我们最后的操作。

背景图

  第二步:

  复制背景层两次。

PS面板

  第三步:

  选中图层1副本,激活变换工具(ctrl/cmd的+T或编辑>自由变换),然后设置45度的水平倾斜。当你激活变换工具后,不平倾斜设置会显示在界面上方选项栏中,设置完成后,按ENTER键应用变换。

PS面板

  第四步:

  转到滤镜>像素化>马赛克。调整单元格大小,设置你喜欢的值,然后单击“确定”。

滤镜

  第五步:

  下一步,激活自由变换工具(CTRL/CMD的+T或编辑>自由变换),然后设置的水平倾斜设置为-45度。应用变换。

变换工具

  第六步:

  设置此图层的不透明度为50%,然后选择图层1。像前面几步一样做同样的步骤,但是进行转换的时候设置是相反的。

图层的不透明度

  第七步:

  选择图层1,激活自由变换工具(CTRL/CMD的+T或编辑>自由变换),然后设置为-45度的水平倾斜。(第一次做的变换是45,这次是-45。记住是跟前面设置相反的)

自由变换工具

  第八步:

  跟前面做的一样,应用相同设置的马赛克效果,你可以按CTRL/CMD+F快速的设置效果。PS会自动把应用设置你上次做的滤镜效果。

马赛克效果

  第九步:

  使用自由变换工具(CTRL/CMD的+T或编辑>自由变换)设置到45度的水平倾斜。

水平倾斜

  第十步:

  如图所示,我们几乎完成了,但如果放大来看,我们可清晰看到边缘没有对齐,为了解决这个问题,请按键盘上的箭头进行上上下下左左右右ABAB的操作方法来调整对齐。(下图是调整的前后对比)

边缘没有对齐

  这是最终效果图

效果图
 
其它案例应用效果观赏:

案例


本文网址:
更多