当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop简单打造漂亮的透明格子效果

Photoshop
PS入门教程:简单实现照片切换动画
photoshop入门教程:软软绿色草坪
photoshop绘制中国古典木质浮雕花纹屏障
Photoshop制作天空飘零花藤缠绕文字
Photoshop透明立体字的四种做法
Photoshop制作漂亮水感文字
Photoshop教程:制作个性的立体字
Photoshop实例教程:环形放射文字
Photoshop文字特效:俏皮的立体字
Photoshop非常简单方法制作铁锈字
Photoshop字体特效:毛茸茸的绿草字
Photoshop图层样式打造金属字
Photoshop文字特效:璀璨粉红色的文字
Photoshop文字特效:质感立体字
Photoshop制作层叠的立体彩色文字
Photoshop制作特殊的石质纹理字
Photoshop制作质感琥珀文字
Photoshop图层样式制作光亮平滑金属字
Photoshop文字实例教程:晶亮文字
Photoshop简单文字实例教程:发光字

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 320 ::
收藏到网摘: n/a

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

  原图:

Photoshop简单制作好看的棋盘图效果

  效果图:

Photoshop简单制作好看的棋盘图效果

  首先我们制作网格图样,启动Photoshop创建50*50px背景为透明的文件:

  Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

  然后延着左边和上面绘制白色线:

  Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

  效果如下:

Photoshop简单制作好看的棋盘图效果

  然后用箭头向右移动:

Photoshop简单制作好看的棋盘图效果

  直到下面效果为止:

Photoshop简单制作好看的棋盘图效果

    添加蒙板效果: 

Photoshop简单制作好看的棋盘图效果

  切换到通道面板:.   

Photoshop简单制作好看的棋盘图效果

    显示后:

Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

  
绘制如下图案:

Photoshop简单制作好看的棋盘图效果

  通道面板如下:

Photoshop简单制作好看的棋盘图效果

  复制图层:

Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果

  油漆桶工具设置如下:

Photoshop简单制作好看的棋盘图效果

  填充部分为黄白色:

Photoshop简单制作好看的棋盘图效果

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

Photoshop简单制作好看的棋盘图效果