12345 发表于 2009-4-18 13:27:07

Photoshop简单打造漂亮的透明格子效果

本教程给大家讲解如何为图片添加一种透明格子效果。
  原图:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242315677801.jpg

  效果图:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242320377802.jpg

  首先我们制作网格图样,启动Photoshop创建50*50px背景为透明的文件:
  
www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242325077803.jpg

  然后使用线工具,设置如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242329677804.jpg

  然后延着左边和上面绘制白色线:
  
www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242334377805.jpg

  然后选择编辑菜单,选择自定义图案,输入名称:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242339077806.jpg

  然后打开我们的原图,创建一个图层,改名为grid:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242343777807.jpg

  然后设置油漆桶工具,填充图案:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242348477808.jpg

  效果如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242348477809.jpg

  然后用箭头向右移动:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423531778010.jpg

  直到下面效果为止:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423578778011.jpg

    添加蒙板效果:   

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423625778012.jpg

  切换到通道面板:.      

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423671778013.jpg

    显示后:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423718778014.jpg

  添加透明渐变效果,画笔工具设置如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423765778015.jpg

  
绘制如下图案:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423812778016.jpg

  通道面板如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423859778017.jpg

  复制图层:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423906778018.jpg

  然后删除蒙板,然后按Ctrl I反相,会得到黑色边框的效果:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423953778019.jpg

  油漆桶工具设置如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423953778020.jpg

  填充部分为黄白色:

www.ad119.cn/bbs/attachments/photoshop/20090417/2009418132423968778021.jpg

    最后使用魔棒工具,选择黑色的线,然后按Del删除,最终效果如下:

www.ad119.cn/bbs/attachments/photoshop/20090417/200941813242462778022.jpg
页: [1]
查看完整版本: Photoshop简单打造漂亮的透明格子效果