Photoshop制作电商平台优惠劵领取页面

2021-03-20 11:22:28 来源/作者: Yisvip / 晓阳 己有:886人学习过

Photoshop制作电商平台优惠劵领取页面

1.6.2 接着将【¥1,000,000】图层Ctrl+j复制一层,右键选中清除图层样式,命名为【字体投影】,并放到【¥1,000,000】下面,颜色改为#bd2c1b。Ctrl+t,垂直缩放比例改为99.5%后按Enter键并向上挪一格后完成,Ctrl+Alt+Shift+t重复复制5次后,Ctrl+e合并图层后,得到如下图所示的效果(立体字的制作方法)。

Photoshop制作电商平台优惠劵领取页面

Step 02 消费券

2.1使用圆角矩形绘制矩形,颜色为#fffedb,数值如下将它命名为【大消费券】。

Photoshop制作电商平台优惠劵领取页面

与【红包面】制作方法相同,使用椭圆工具,按住Shift+Alt键画一个40*40的圆,按住Ctrl+Alt+t复制移动到合适的位置,然后Ctrl+Alt+Shift+t重复移动,得到如图所示的样子:

Photoshop制作电商平台优惠劵领取页面

#FormatStrongID_1#2 将做好的大消费券添加图层样式,添加内阴影和渐变叠加,数值如下:

Photoshop制作电商平台优惠劵领取页面

Photoshop制作电商平台优惠劵领取页面

#FormatStrongID_2#3 新建一个图层,命名为【券的投影】,使用画笔工具的柔边缘画笔(后面所有要用到画笔的地方都选用柔边缘画笔,并且都要调整画笔的大小、不透明度、流量),调整画笔大小(按住Alt+鼠标右键,鼠标左右移动改变/按中括号键改变画笔大小)及不透明度、流量,图层模式改为正片叠底,颜色调整为#dc2b29。

Photoshop制作电商平台优惠劵领取页面

#FormatStrongID_3#4 再用圆角矩形工具画一个矩形作为消费券的装饰。只保留描边,颜色填充改为无,完成后让它与消费券水平居中对齐。数值参考如下:

Photoshop制作电商平台优惠劵领取页面

接着就是给矩形框添加图层样式,需要用到内阴影、渐变叠加、投影

Photoshop制作电商平台优惠劵领取页面

Photoshop制作电商平台优惠劵领取页面

Photoshop制作电商平台优惠劵领取页面

Step 03 字体

3.1 使用文字工具创建文字,并添加渐变叠加