第四步
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) 黑色,在图示位置涂抹

                    情非得已
                
Photoshop设计撕纸特效的人物海报教程2020-10-28
                    
Photoshop制作立体风格的国庆节海报2020-10-10
                    
Photoshop设计撕纸特效的人像海报2020-03-27
                    
图标设计:用PS制作奶油质感手机主题图标2019-11-06
                    
图标设计:用PS制作中国风圆形APP图标2019-11-01
                    
手机图标:用PS设计儿童贴画风格的APP图标2019-08-09
                    
电影海报:用PS制作蜘蛛侠海报效果2019-07-09
                    
创意海报:用PS合成铁轨上的霸王龙2019-07-08
                    
电影海报:用PS设计钢铁侠电影海报2019-07-08
                    
立体海报:用PS制作创意的山川海报2019-05-22
                    
Photoshop设计猕猴桃风格的APP图标2021-03-10
                    
Photoshop制作逼真的毛玻璃质感图标2021-03-09
                    
Photoshop结合AI制作抽象动感的丝带2021-03-16
                    
Photoshop结合AI制作炫酷的手机贴纸2021-03-16
                    
                    Photoshop结合AI制作炫酷的手机贴纸
                相关文章652021-03-16
            
                    Photoshop设计猕猴桃风格的APP图标
                相关文章2212021-03-10
            
                    Photoshop设计撕纸特效的人物海报教程
                相关文章16362020-10-28
            
                    Photoshop结合AI制作炫丽的网格效果
                相关文章10302020-10-28
            
                    Photoshop制作立体风格的国庆节海报
                相关文章7132020-10-10
            
                    Photoshop制作时尚大气的足球比赛海报
                相关文章11832020-07-09
            
                    Photoshop合成加勒比海盗风格电影海报
                相关文章17202020-04-02
            
                    Photoshop制作花朵穿插文字海报教程
                相关文章24942020-04-02
            