PS设计教程网欢迎你!

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

文章来源于 优设,感谢作者 吃喝玩乐团团长 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2021-03-18
本教程主要使用Photoshop制作电商平台优惠劵领取页面,该消费券的界面制作主要是将之前PS课程中所学到的技能进行一个综合运用。包括光影效果、字体样式、钢笔工具的使用。

教程效果图

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

教程步骤

Step 01 红包

1.1 新建画布,尺寸750*1334像素,分辨率150。

1.2 使用圆角矩形工具画一个矩形,数值如下,填充色#da3232,并命名为【红包底】。

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

1.3 Ctrl+j复制【红包底】,填充色改为#e74747,命名为【红包面】。使用椭圆工具,按住shift+alt键画一个圆(这里运用到了布尔运算),数值参考如图(只要圆直径比红包底的宽度大就行),使用空格键调整圆位置使之与【红包面】居中对齐。

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

1.4 使用圆角矩形工具再画一个矩形,数值如下,填充改为0,命名为【红包凹槽】。

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

1.5 红包大致形状已经出来,接下来就要做光影(在做光影的时候,一定要先去确定好光源位置)。

1.5.1 双击【红包底】图层,添加图层样式(切记不要让图层样式遮住画布)选择内阴影和渐变叠加,数值如下:

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

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

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

1.5.2 双击【红包面】图层,添加内阴影和渐变叠加,数值如下:

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

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa