当前位置:首页 > PS教程 > 设计教程

PS设计淘宝活动海报背景教程

  • 2021-05-11 22:51:58
  • 来源/作者:互联网/佚名
  • 己被围观

这个实例是模仿天猫服饰活动页做的一个banner,在蓝色理想论坛有网友对实例中的立体格子背景做法疑问,我静下心来,花了点时间将效果做出来。立体格子的结构比较简单,主要是要

第四步

1、复制上一步生成的图层,命名为“底板” 颜色改为#7789c7,调整节点如下图

2、用钢笔工具(P),绘制左边侧板形状,颜色 #6579af,接着绘制右侧板 颜色为 #596792

Photoshop设计淘宝活动海报背景教程

第五步

1、这一步我们来绘制高光,选择直线工具(U),颜色为白色,粗细 2px,在侧板对角线绘制,命名为“左高光”

2、添加蒙版,用渐变工具(G)蒙版上拉出渐变,渐变设置 (黑--白--黑)

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

Photoshop设计淘宝活动海报背景教程

第六步

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

Photoshop设计淘宝活动海报背景教程

第七步

1、在编组“板”上,新建一个图层,命名为“纹理”,用矩形选区工具(M)绘制选区,并填充白色

2、添加杂色滤镜 "滤镜 --> 杂色 --> 添加杂色",输入数值

3、添加模糊滤镜 “滤镜 --> 模糊 --> 高斯模糊”,输入数值 0.3

4、将图层混合模式改为“叠加”,不透明度 8%

5、按住 alt 键,在纹理和“板”编组之间点击,形成剪切蒙版

可以将“纹理”层缩小点,使效果更加细腻。

Photoshop设计淘宝活动海报背景教程

第八步

1、复制图层“底板”,并将其拖到图层“矩形1“底下,更改填充为渐变填充 (黑 -- 灰(#adadad)),命名为”阴影01“

2、将”阴影01“层下方节点拖到中间位置,如图所示

3、将图层混合模式改成”正片叠底“,不透明度 30%;

4、在图层上添加蒙版,用画笔工具(B) 黑色,在图示位置涂抹

Photoshop设计淘宝活动海报背景教程
​​​​​​​

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?