特效背景合成：渐变网格效果

查查 · 发表于 2007-5-8 05:53:48

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

本例教程中我们将学习如何制作渐变网格背景效果。
素材图：
<IMG height=246 alt=before src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221214239.jpg" width=550 border=1>
效果图：
<IMG height=246 alt=after src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221239549.jpg" width=550 border=1>
1. 创建方格图案
创建一50 X 50像素的正方形画布，并设置为透明背景。 
<IMG height=50 alt="checkers tutorial pattern" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221254383.jpg" width=50 border=1>
选择 直线工具， 将宽度设为1像素，在画布左边和顶部各绘制一条白线。
<IMG height=33 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402084123276.jpg" width=478 border=0>
<IMG height=50 alt="checkers tutorial photoshop pattern" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221318220.jpg" width=50 border=1>
编辑 >> 定义图案，并为图案命名。 
<IMG height=109 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402084454645.jpg" width=518 border=0>
2. 用图案填充
打开素材文件，创建新图层。 
<IMG height=218 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402084816246.jpg" width=214 border=0>
选择 油漆桶工具，并将填充图案设置为之前定义的网格图案。 
<IMG height=32 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402085107606.jpg" width=441 border=0>
点击画布，网格效果就出现了。 
<IMG height=175 alt="photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221350544.jpg" width=550 border=1>
选择移动工具将网格向右移动，得到如下效果。
<IMG height=175 alt="adobe photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402093726588.jpg" width=550 border=1>
3. 蒙版效果
点击“添加图层蒙版”按钮为网格层添加蒙版。
<IMG height=218 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402090032775.jpg" width=214 border=0>
打开通道面版，选择网格蒙版。
<IMG style="FILTER: ; WIDTH: 214px; HEIGHT: 201px" height=201 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402090614823.jpg" width=214 border=0>
4. 选择油漆桶工具，并将前景色设为黑色，用前景色填充蒙版，得到如下效果。
<IMG height=175 alt="adobe photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221507777.jpg" width=550 border=1>
选择笔刷工具，并按下图设置。
<IMG height=155 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402091311894.jpg" width=256 border=0>
将前景色设为白色，并用笔刷点击画布右侧中央位置，得到如下效果。 
<IMG height=509 alt="adobe photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221525416.jpg" width=550 border=1>
将网格蒙版设为不可见（点掉蒙版层前的眼睛图标）。 
<IMG onmousewheel="return bbimg(this)" height=202 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402091742692.jpg" width=214 onload=javascript:resizepic(this) border=0>
6. 复制网格层，并删除复制层的蒙版效果。在背景层上方创建新图层，并用黄色填充（图层透明度60%-70%）。
<IMG height=202 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402092738268.jpg" width=214 border=0>
选择网格副本层，图像 >> 调整 >> 反相，原白色网格就变成了黑色。 
<IMG height=175 alt="adobe photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221557914.jpg" width=550 border=1>
选择油漆桶工具，并将透明度设为“20%” 。 
<IMG height=33 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402093652684.jpg" width=441 border=0>
用白色和黄色随意填充若干网格。
<IMG height=175 alt="adobe photoshop tutorial checkers" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221633934.jpg" width=550 border=1>
利用魔棒工具，删除黑色网格线，得到最终效果。 
<IMG style="FILTER: ; WIDTH: 550px; HEIGHT: 246px" height=246 alt="adobe photoshop tutorial checkers" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200704/20070401221147495.jpg" width=550 border=1> <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

┆嬾ω钕朲 · 发表于 2007-6-10 21:22:25

T.T
那个复杂的...
想去撞豆腐..
为什么我做第1个方格图案...
做完了.图案里面却没有捏..
ps:'( ps:'( ps:'(

v-Rabia · 发表于 2007-7-11 12:36:03

- -..我没有直线工具..好惨牙,,5555

水果捞 · 发表于 2007-8-23 15:36:04

嗯,不错,大世界,小作为!

感覺很屌﹖℡ · 发表于 2007-10-26 18:01:25

哦？好东西我就是想做这种效果我学会啦谢谢LZ啊ps:<惊讶

虫丫 · 发表于 2007-12-6 16:50:45

照做啦··可是效果没有楼主好耶ps:Q

6511782 · 发表于 2008-8-9 14:58:38

学会啦！谢谢

6511782 · 发表于 2008-8-9 15:42:39

做不出那种效果啊！！！！！！！！！！！！！！！！！！11

蛋糕的诱惑 · 发表于 2008-8-12 06:35:38

为什么要删除复制层的蒙版效果呢，不是已经有效果了么

hml · 发表于 2008-8-12 10:10:09

发表于 2008-8-12 06:35 只看该作者
为什么要删除复制层的蒙版效果呢，不是已经有效果了么
文章来自photoshop论坛(bbs.16xx8.com) 详文参考：http://bbs.16xx8.com/redirect.ph ... amp;goto=nextnewset
是为了加深颜色

hml · 发表于 2008-8-12 10:10:25

呵呵效果不好啊

hml · 发表于 2008-8-12 10:15:09

大家帮帮忙啊

艾伦桐 · 发表于 2008-8-13 16:51:49

汗死
为什么没办法定义图案啊photoshop:0085

林中一散人 · 发表于 2008-8-13 22:54:47

不错呀。很漂亮photoshop:0001

冬天去看海 · 发表于 2011-8-8 16:05:55

为啥看不到？

账号		自动登录	找回密码
密码			注册

[效果类] 特效背景合成：渐变网格效果

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

帖

怎样把一个图片平分成若干均等分啊？？