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

Photoshop
Photoshop教程:运用滤镜简单制作漂亮的射线效果
Photoshop教程:镜头光晕打造奇幻图案
Photoshop仿手绘:打造MM童话般炫彩莹亮的发丝
Photoshop教程:打造逼真节庆大红灯笼
Photoshop创意教程:打造华丽3D潮流文字特效
Photoshop CS3教程:制作有趣的文字波动动画效果
Photoshop教程:图层样式制作雕花屏风
Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU
漫画基础第一课:漫画分镜框的基本技巧
漫画基础第二课:漫画阅读顺序的基本概念
漫画基础第三课:漫画文字的基本技巧
漫画基础第四课:漫画效果线的基本技巧
漫画基础第五课:分镜架构基础技巧之整体与局部
漫画基础第六课:分镜架构基础技巧之主次关系
漫画基础第七课:分镜架构基础技巧之主格与情绪
漫画基础第八课:分镜架构基础技巧之资源与节奏
漫画基础第九课:分镜架构基础技巧之情绪!!!
Photoshop手绘教程:结合数位板绘制写实美女插画
Photoshop CS3教程:手绘科幻插画—奇袭
Photoshop初学者实例教程:被忽略的合成利器-混合颜色带

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 314 ::
收藏到网摘: 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简单制作好看的棋盘图效果