教程效果图

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591Z4-0.jpg" /></p> <p>教程步骤</p> <p><strong>Step 01 红包</strong></p> <p><strong>1.1</strong> 新建画布,尺寸750*1334像素,分辨率150。</p> <p><strong>1.2</strong> 使用圆角矩形工具画一个矩形,数值如下,填充色#da3232,并命名为【红包底】。</p> <p align="center"><img class=

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595554-2.jpg" /></p> <p><strong>1.4</strong> 使用圆角矩形工具再画一个矩形,数值如下,填充改为0,命名为【红包凹槽】。</p> <p align="center"><img class=

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

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594629-4.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535945B-6.jpg" /></p> <p><strong>1.5.2</strong> 双击【红包面】图层,添加内阴影和渐变叠加,数值如下:</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593209-8.jpg" /></p> <p align="center"><img class=

1.5.3 双击【红包凹槽】图层,使用斜面浮雕和渐变叠加。数值如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535930U-10.jpg" /></p> <p align="center"><img class=

1.6 红包的大致外形做好后,将做好的【红包面】与【红包底】Ctrl+g创建新组命名为【主体物】。接下来就是要添加红包里面的一些元素。

1.6.1 在【红包凹槽】图层上,添加¥1,000,000字样,右键转换为形状,将这两个图层Ctrl+g命名为【1000000】,字体颜色选择#fffed5。由于受到光的影响,字体在颜色上呈现渐变的样式。双击图层,添加渐变叠加,数值如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/105359A61-12.jpg" /></p> <p><strong>1.6.2</strong> 接着将【¥1,000,000】图层Ctrl+j复制一层,右键选中清除图层样式,命名为【字体投影】,并放到【¥1,000,000】下面,颜色改为#bd2c1b。Ctrl+t,垂直缩放比例改为99.5%后按Enter键并向上挪一格后完成,Ctrl+Alt+Shift+t重复复制5次后,Ctrl+e合并图层后,得到如下图所示的效果(立体字的制作方法)。</p> <p align="center"><img class=

Step 02 消费券

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594229-14.jpg" /></p> <p>与【红包面】制作方法相同,使用椭圆工具,按住Shift+Alt键画一个40*40的圆,按住Ctrl+Alt+t复制移动到合适的位置,然后Ctrl+Alt+Shift+t重复移动,得到如图所示的样子:</p> <p align="center"><img class=

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595538-16.jpg" /></p> <p align="center"><img class=

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594X3-18.jpg" /></p> <p><strong>#FormatStrongID_3#4</strong> 再用圆角矩形工具画一个矩形作为消费券的装饰。只保留描边,颜色填充改为无,完成后让它与消费券水平居中对齐。数值参考如下:</p> <p align="center"><img class=

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

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/105359C15-20.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535911a-22.jpg" /></p> <p><strong>Step 03 字体</strong></p> <p><strong>3.1</strong> 使用文字工具创建文字,并添加渐变叠加</p> <p align="center"><img alt=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591Z1-24.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • >

3.2 接着与之前做数字立体效果方法类似,复制文字层命名为【厚底1】,清除图层样式并并向下挪一图层,Ctrl+t将复制的图层向下向右分别挪一格后。Shift+Ctrl+Alt+t(按5次),重复上一步动作,Ctrl+e合并图层,并重命名为【文字厚度】

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535963Y-25.jpg" /></p> <p><strong>3.3</strong> 新建一个图层,命名为【厚度阴影】,并针对【厚度阴影】添加剪切蒙版(在两图层中间按Alt键),用多边形套索工具(L)选出文字不同面的选区,使用画笔打光的方式加强文字的光影效果。注意调整画笔的不透明度和流量。</p> <p align="center"><img alt=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053596307-27.jpg" /></p> <p align="center"><img alt=

3.4 接着给【厚度阴影】图层添加投影样式,制作投影效果。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a428-29.jpg" /></p> <p align="center"><img alt=

3.5 将【券】的文字图层复制一层,清除图层样式并转换为形状,重命名为【描边】

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535951H-31.jpg" /></p> <p><strong>3.6</strong> 与之前方法相似,复制后放到【描边】图层下方并栅格化,Ctrl+t向下挪一格,Shift+Ctrl+Alt+t(按2次),合并所复制得图层,将图层命名为【描边内部厚度阴影】。只想保留字体内的厚度,因此针对【描边内部厚度阴影】建立图层蒙版,将画笔不透明度、流量调为100%,(蒙版的原理:黑遮白显)</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594445-33.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3

%0A

  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • >

3.7 选中【描边内部厚度阴影】图层,按住Ctrl键选中选区

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535955H-34.jpg" /></p> <p>使用吸管工具,吸取字体颜色并进行加深调整,由于字是渐变的 ,因此将颜色分为四部分。然后用画笔工具在选区内进行涂抹。</p> <p align="center"><img alt=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595614-36.jpg" /></p> <p align="center"><img class=

Step 04 小消费券

4.1 小消费券的制作与大消费券的方法相同(也可以将大消费券图层复制并取消效果)

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594554-38.jpg" /></p> <p><strong>4.2</strong> 然后将该圆角矩形添加图层样式-投影</p> <p align="center"><img class=

4.3 使用圆角矩形、文字和直线工具

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535940A-40.jpg" /></p> <p align="center"><img class=

4.4 将所做的圆角矩形、文字、线条Ctrl+g,命名为【小消费券1】,然后复制3次,分别命名为【小消费券2】、【小消费券3】、【小消费券4】,注意图层的顺序。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592b5-42.jpg" /></p> <p><strong>4.5</strong> 由于消费券的摆放不同,光影角度也不一样,与小消费券添加图层样式的方式相同</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592607-44.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594226-46.jpg" /></p> <p><strong>4.6</strong> 将所有做好的小消费券编组,命名为【小消费券】,然后新建图层【红包投影】,用画笔工具调整大小、不透明度及流量(如果投影颜色深的话,也可以调整图层的透明度)</p> <p align="center"><img class=

4.7 至此,我们将【红包底】【大消费券】【小消费券】【红包投影】编组命名为【红包+消费券】然后与【红包面】编组命名为【主体物】,将【券】【1000000】【主体物】编组命名为【主体】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a393-48.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3

%0A

  • 4

%0A

  • 5

%0A

  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • >

Step 05 台子

5.1 使用椭圆工具画一个椭圆(需要注意透视效果),然后添加图层样式

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535912E-49.jpg" /></p> <p align="center"><img class=

然后复制该图层,调整图层顺序并向下挪动1-2格,清除图层样式,调整颜色和图层不透明度,并将两个图层编组,命名为【台子面】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535924N-51.jpg" /></p> <p>针对【台子面】进行剪切蒙版,并将该剪切蒙版调整为正片叠底。再使用画笔,画出台子面的光影。</p> <p align="center"><img class=

5.2 新建一个组,命名为【台子面厚度】,然后用椭圆工具画一个椭圆,用矩形工具(按住Shift键)画一个矩形,得到图形后添加图层样式,然后与之前画笔打光的方式一样,再给【台子面厚度】增强光影效果。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593546-53.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593509-55.jpg" /></p> <p align="center"><img class=

5.3 与前面做厚度的方法相同,新建一个组,命名为【台子高度】,添加图层样式,数值如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595L0-57.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592292-59.jpg" /></p> <p>然后将该图层复制,删除图层样式,改名为【闭塞投影】,调整颜色、不透明度,并将它向下挪一层,然后向下挪一格</p> <p align="center"><img class=

在框选的区域里使用画笔打光,增强台子高度的光影效果,画笔的设置与之前一样就可以。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a947-61.jpg" /></p> <p><strong>5.4</strong> 使用椭圆工具,添加图层样式做出台面的凹陷处,呈现出红包是从台子里面出来的效果。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/105359A16-63.jpg" /></p> <p>将制作台子的这些图层及组全部编组,命名为【台子】,整体效果如下:</p> <p align="center"><img class=

Step 06 光

6.1 先使用画笔工具中光效笔刷,颜色为#ffffff,调整不透明度、流量,在框选区域内点上高光,并将该图层命名为【高光】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594255-65.jpg" /></p> <p><strong>6.2</strong> 用钢笔工具的形状,勾出发散光的轮廓,并调整不透明度。将该图层命名为【小光】。</p> <p align="center"><img class=

6.3对该图层添加图层蒙版,先使用渐变工具,让光束的两边不生硬,然后用画笔擦除多余的部分,同时将顶部边界处擦除,让光束自然。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593403-67.jpg" /></p> <p><strong>6.4</strong>在用钢笔用具,勾勒出一个大的光束,颜色不变,只改变不透明度。将该图层命名为【大光】。</p> <p align="center"><img class=

6.5然后与之前一样,做出大光束的效果,然后移动图层顺序后将三个图层编组,命名为【光】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591115-69.jpg" /></p> <p><strong>Step 07 飘带</strong></p> <p><strong>7.1</strong>(这里掌握钢笔工具的使用)用钢笔工具画出第一个飘带的形状,并命名为【飘带1】,添加图层样式。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591063-71.jpg" /></p> <p align="center"><img class=

7.2新建一个图层,命名为【暗】,然后选中【飘带1】的选区,在【暗】的图层上用柔边缘画笔画出飘带的暗部;再新建一个图层,命名为【亮】,用相同的画笔画出亮部。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a0X-73.jpg" /></p> <p align="center"><img class=

7.3 用钢笔工具勾勒出第二段飘带的形状,命名为【飘带2】,然后添加图层样式。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535951Q-75.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591309-77.jpg" /></p> <p>然后选中【飘带2】的选区,新建图层命名为【亮】,用柔边缘画笔画出亮部。</p> <p align="center"><img class=

7.4用钢笔工具勾勒出第三段飘带,命名为【飘带3】,颜色与之前一样,然后添加图层样式

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593106-79.jpg" /></p> <p align="center"><img class=

方法同上,画出【飘带3】的亮、暗面

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592919-81.jpg" /></p> <p align="center"><img class=

7.5 钢笔工具勾勒出第四段飘带,命名为【飘带4】,方法同上。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595532-83.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594492-85.jpg" /></p> <p align="center"><img class=

7.6然后将所做的飘带所有图层编组,命名为【飘带前】。

7.7 用钢笔工具勾勒第五段飘带形状,命名为【飘带后】,然后添加图层样式,总体效果如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535930V-87.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535ab6-89.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3

%0A

  • 4

%0A

  • 5

%0A

  • 6

%0A

  • 7

%0A

  • 8

%0A

  • 9

%0A

  • 10

%0A

  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • >

7.8将【飘带前】+【飘带后】编组为【飘带】

Step 08背景

8.1 在所有图层下方添加一个新图层命名为【底色】,然后填充颜色,并分别新建4个图层,用柔边缘画笔,画出背景的光影效果,让背景有立体感,最后将5个图层编组命名为【背景】

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535944C-90.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591b5-92.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a250-94.jpg" /></p> <p><strong>Step 09 标题</strong></p> <p><strong>9.1</strong> 在【主体】这一组上面新建一个组,命名为【标题】,然后文字工具,输入「百万消费券天天领」</p> <p align="center"><img class=

9.2 与之前做字体方式相同,复制文字图层(往下挪一层),改变颜色后栅格化,Ctrl+t,垂直缩放调整为99.5%,向下移2格,水平缩放调整99.5%。重复该动作(按6次),将紫色字体的图层全部选中,右键转换为智能对象,命名为【厚度】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/105359C45-96.jpg" /></p> <p><strong>9.3</strong> 针对【厚度】新建剪切蒙版,用多边形套索工具,将字体厚度的块面圈出来,然后用画笔画出光影。</p> <p align="center"><img class=

9.4 用钢笔工具勾勒出字体的整个轮廓,命名为【文字底】

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592959-98.jpg" /></p> <p><strong>9.5</strong>然后给【厚度】添加图层样式,针对【文字底】新建两个剪切蒙版,分别命名为【暗】、【亮】。用柔边缘画笔画出光影。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591157-100.jpg" /></p> <p><strong>9.6</strong>将做好的【文字底】复制,改变颜色并命名为【文字底厚度1】调整图层顺序,再复制一层,Ctrl+t,水平缩放99.5%,垂直缩放99.8%,向下移一格,然后重复动作Ctrl+Shift+Alt+t(按9次)。</p> <p align="center"><img class=

9.7右键转换为智能对象,针对【文字底厚度1】新建剪切蒙版命名为【暗】,用画笔工具画出光影效果

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535933G-102.jpg" /></p> <p><strong>9.8</strong>还是复制【文字底】,命名为【文字底厚度2】调整图层顺序,改变颜色。参数一样,重复动作按23次。</p> <p align="center"><img class=

9.9针对【文字底厚度2】新建剪切蒙版,命名为【暗】,用画笔在【文字底厚度2】的转角处与边界处画出光影。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593V7-104.jpg" /></p> <p><strong>9.10</strong> 给【标题】这个组添加投影</p> <p align="center"><img class=

9.11目前整体效果如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a3K-106.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3

%0A

  • 4

%0A

  • 5

%0A

  • 6

%0A

  • 7

%0A

  • 8

%0A

  • 9

%0A

  • 10

%0A

  • 11

%0A

  • 12

%0A

  • 13
  • 14
  • 15
  • 16
  • 17
  • >

Step 10 装饰

(一)消费券

10.1 整体差不多做完后,需要添加一些装饰物加以点缀。新建一个组,命名为【飘着的券】,然后将之前做好的小消费券(仅需要圆角矩形)复制一个(清除图层样式)移至该组内,命名为【券】,然后调整适当的大小,Ctrl+t,先选择斜切再选择变形,最后转换为智能对象。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591201-107.jpg" /></p> <p><strong>10.2</strong> 双击进入智能对象图层,然后使用渐变工具,并给券添加图层样式后,Ctrl+s(保存)</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535932D-109.jpg" /></p> <p align="center"><img class=

#FormatStrongID_6# 然后给【券】添加内阴影,再针对该图层新建两个剪切蒙版,分别命名为【暗】、【亮】,然后方法同上。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594394-111.jpg" /></p> <p><strong>10.4</strong> 为了让消费券有一种从台子里面飞出来的感觉,就需要用到(滤镜-模糊-动感模糊)做出该效果。</p> <p align="center"><img class=

#FormatStrongID_8#5 复制一个小消费券,用相同的方式改变消费券的大小形状后转换为智能对象,然后将该图层至于【主体】组后面。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535a591-113.jpg" /></p> <p><strong>#FormatStrongID_9#6</strong> 在【光】与【标题】组中间,新建一个组,命名为【装饰】。复制一个小消费券转换为只能对象,改变大小并用变形工具,将消费券进行变形。</p> <p align="center"><img class=

(二) 金币

10.7 新建一个组,命名为【金币】。使用圆形工具,画两个圆(或画好一个再复制,改变大小),改变颜色。大圆命名为【金币面】,小圆命名为【金币心】,复制【金币面】至于最下层,并向下挪3-4格,命名为【金币底】。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/105359CX-115.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535952U-117.jpg" /></p> <p>用文字工具,输入【¥】字样,改变大小和颜色。</p> <p align="center"><img class=

#FormatStrongID_11#8 金币形状做好后,旋转45°(按住Shift)后,根据做图的顺序依次给【金币面】、【金币心】、【¥】添加效果。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591642-119.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535954O-121.jpg" /></p> <p align="center"><img class=

金币整体效果如下

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053594P4-123.jpg" /></p> <p><strong>10.9</strong> 将【金币】转换成智能对象调整好大小后,复制2个,分别命名为【金币2】、【金币模糊】,调整【金币2】大小位置后,对这两个图层进行模糊处理。</p> <p align="center"><img class=

10.10 如果所有的金币都呈现模糊的样式,会显得单一,因此需要进行虚实结合的处理。我们将【金币模糊】这一图层建立蒙版,用柔边缘画笔将一部分擦除,得到下面的效果。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592944-125.jpg" /></p> <p><strong>#FormatStrongID_14#11</strong> 再将【金币】复制一个命名为【金币3】,并将该图层移到【主体】图层下面,然后旋转到合适的角度(由于角度发生改变,金币整体效果也发生改变),双击进入智能图层对相应的图层进行修改。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053591401-127.jpg" /></p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592V3-129.jpg" /></p> <p align="center"><img class=

数值调整完成后保存,与之前做虚实结合的方式相同。效果如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593S1-131.jpg" /></p> <p align="center"><img class=

至此,画面的整体效果是这样的:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/10535924M-133.jpg" /></p> <p align="center"> <div class="pages"> <ul> <li><a>共17页: </a></li><li><a href=

%0A

  • 1

%0A

  • 2

%0A

  • 3

%0A

  • 4

%0A

  • 5

%0A

  • 6

%0A

  • 7

%0A

  • 8

%0A

  • 9

%0A

  • 10

%0A

  • 11

%0A

  • 12

%0A

  • 13

%0A

  • 14

%0A

  • 15

%0A

  • 16
  • 17
  • >

Step 11 其他细节

整体画面做出来后,会感觉画面有点空,并且空间效果不明显,以及主体物背后的阴影等都需要在后面添加。

11.1 从找的素材图中,选取合适的元素搭配到画面中,并对其重命名,然后进行大小、位置等调整。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593146-134.jpg" /></p> <p><strong>11.2</strong> 先将图层【三角】转换为智能对象,然后进行动态模糊,再对【小金币1】【小金币2】分别添加图层蒙版,进行涂抹。</p> <p align="center"><img class=

11.3 与之前步骤相同,将【金币左】【金币右】转换为智能对象,然后分别添加滤镜中的模糊(也可以做完一个效果后,拷贝图层样式,粘贴到另一个图层上)。

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053595192-136.jpg" /></p> <p align="center"><img class=

11.4 然后将之前所做的图层,编组命名为【点缀】,然后画面效果如下:

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053593L9-138.jpg" /></p> <p><strong>11.5</strong> 我们将之前做好的红包与消费券的图层,复制一个合并在一起,删除图层样式转换为智能对象,并命名为【主体物亮光】,改变颜色,添加滤镜-高斯模糊后,将该图层的不透明度调整为30%。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592Q5-140.jpg" /></p> <p><strong>11.6</strong> 最后在【背景】组上新建一个组命名为【线条】,用直线工具,画出透视线条,应在空间感。</p> <p align="center"><img class=

Photoshop制作电商平台优惠?涣烊∫趁? border="0" src="http://www.missyuan.net/uploads/allimg/210318/1053592955-142.jpg" /></p> <p>整体消费券运营画面就做完成了~</p> <p><strong>最终效果图</strong></p> <p align="center"><img class=

温馨提示:如果发现分享VIP资源我们将取消会员资格

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好素材或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的素材、教程、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请点击后面字体→到投诉版块区举报,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.vscops.com",如遇到无法解压的请联系管理员!
---------------DMCA-版权申明------------
》资源下载链接由会员自发搜集于网络,仅供学习与参考,不得以任何方式用于商业用途,如需商用请联系版权拥者取得商业授权!
》本站非常重视知识产权,如有侵犯任何第三方权益,请及时联系(Email:1368484210@qq.com),我们将及时予与删除。

摄视觉 » 设计教程3592021-03-18