首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

PhotoShop天猫男装banner立体格子效果背景制作教程

[ 作者来源:阿蒙 编辑整理:PhotoShop资源网 更新时间: 2014-06-22 录入: 黄叶飞扬 ]

第四步
 1、复制上一步生成的图层,命名为“底板” 颜色改为#7789c7,调整节点如下图
 
2、用钢笔工具(P),绘制左边侧板形状,颜色 #6579af,接着绘制右侧板 颜色为 #596792

按此在新窗口浏览图片

第五步
 1、这一步我们来绘制高光,选择直线工具(U),颜色为白色,粗细 2px,在侧板对角线绘制,命名为“左高光”
 
2、添加蒙版,用渐变工具(G)蒙版上拉出渐变,渐变设置 (黑--白--黑)

按此在新窗口浏览图片

到这里,基本格子就画好了,接下来我们添加纹理和阴影效果
 

第六步
 调整图层顺序,并将图层“底板”,“左侧板”,“右侧板”放在一个编组中,命名为“板”

按此在新窗口浏览图片

第七步
 1、在编组“板”上,新建一个图层,命名为“纹理”,用矩形选区工具(M)绘制选区,并填充白色
 
2、添加杂色滤镜 "滤镜 --> 杂色 --> 添加杂色",输入数值
 
3、添加模糊滤镜滤镜 --> 模糊 --> 高斯模糊”,输入数值 0.3
 
4、将图层混合模式改为“叠加”,不透明度 8%
 
5、按住 alt 键,在纹理和“板”编组之间点击,形成剪切蒙版
 
可以将“纹理”层缩小点,使效果更加细腻。

按此在新窗口浏览图片

第八步
 1、复制图层“底板”,并将其拖到图层“矩形1“底下,更改填充为渐变填充 (黑 -- 灰(#adadad)),命名为”阴影01“
 
2、将”阴影01“层下方节点拖到中间位置,如图所示
 
3、将图层混合模式改成”正片叠底“,不透明度 30%;
 
4、在图层上添加蒙版,用画笔工具(B) 黑色,在图示位置涂抹

按此在新窗口浏览图片



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!