ps淘宝店铺左侧装饰图片装修教程(ps淘宝店铺左侧装饰图片装修教程下载)

本文主要介绍ps淘宝店左装饰图装修教程视频(ps淘宝店左装饰图装修教程)，下面跟着东辰网详细了解一下吧。

开淘宝店最重要的是店铺装修。无论产品有多好，它没有好的店面是没有用的。纵观所有皇冠级别的淘宝店铺，他们的店面装修都很漂亮。开淘宝店做店铺装修有两种方案，一种是雇人，一种是自己做。这一系列教程是专门为想装修自己淘宝店铺的人做的PS教程。这个例子演示了常见淘宝店铺左侧装饰画的制作。感兴趣的朋友可以试试！

动态效果图

静态效果图

原图1:支付宝官方图标

原图2:支付宝消费者权益保护官方图标

1.淘宝左侧的装饰图片一般是160像素宽。我们创建一个160*320的空白文档(这个例子是用photoshopCS5制作的，其他版本也很)，如下图所示:

2.首先，让我们让我们做一个背景。从审美的角度来说，背景不要用你点的颜色填充，单调不好看。一般来说，使用的是轻渐变。单击并选择渐变工具，如下图所示:

3.选择渐变工具后，单击渐变编辑器和在菜单栏下面编辑渐变颜色，如下图所示:

4.渐变编辑器弹出后，双击每个颜色标准和标准，如下图所示:

5.你可以在弹出窗口中选择你想要的颜色选择颜色标准盒子。背景一般以浅色为主。如下图所示选择此示例:

6.选择颜色后的效果如下图所示。如果要添加颜色标签，可以用鼠标点击。

7.设置渐变后，点击并选择径向梯度，如下图所示:

8.在设置好渐变颜色的空白文档中，从中心点到左下角拖动一条直线，如下图所示:

11.构建图层1，用矩形选框拖动选区，如下图所示:

12.选择渐变工具，设置渐变颜色如下，中间的色阶为浅色，两端为深色:

13.设置渐变类型为线性梯度，用设置好的渐变填充矩形选择框，从上到下拉一条直线。效果如下图所示:

14.接下来，制作嵌入的形状。首先，使用矩形工具和在这里，如下图所示:

15.在上一个矩形选区的右内侧位置拉出一个矩形路径，如下图所示:

16.点击并选择添加锚定工具，如下图所示:

17.点击矩形路径的左侧中心添加一个点，按住Ctrl键，用鼠标左键将添加的点向右拖动，如下图所示:

18.右键单击矩形路径并选择创建选择。将羽化半径设定为0以获得以下选择:

19、创建一个新的2层，设置前景色为灰色，然后用油漆桶填充，如下图所示:

20、暂时点掉第二层的眼睛，保持选区，点击选择开始层，然后按Del删除开始层选区的内容，如下图所示:

21.选择菜单图层图层样式投影设置图层1的阴影效果，如下图所示:

22.点击层2的眼睛选择层2，并选择菜单层层风格斜面和救济。具体设置和效果如下图所示:

23.接下来，输入相应的文本。在这种情况下，输入皇冠和声誉和，分为两层，并为信誉适当设置投影效果，如下图所示:

24.接下来，制作皇冠。这里我们用简单的皇冠自定义形状工具，如下图所示:

25.在文档中拉出一个牙冠的形状，如下图所示:

26.点击进入样式面板。如果你能如果找不到样式面板，你可以通过菜单打开它窗口式。点按以选择您想要的样式。点击样式窗口右上角的黑色三角形，可以从弹出的下拉菜单中选择样式，如下图所示:

27.接下来，制作消费者保护保证与担保品牌，新建第三层，用长方形选择框拉出一个长方形框，如下图所示:

28.单击选择渐变工具，并按如下设置渐变:

29.从矩形选取框的上下方向拉出一条直线进行渐变填充。效果如下图所示:

30.打开图2中消费者权益保障官方图标，用移动工具拖动到文档生成层4，设置其图层混合模式为正面覆盖。效果如下图所示:

32.然后打开原图1中的支付宝官方图标，拖动到文档生成图层5，设置图层混合模式为正面覆盖，并适当调整大小和位置。效果如下图所示:

33.最后做一个动光，动光常用于动态装饰画。创建一个新的层6，点击并选择矩形字幕工具拉出矩形选框如下所示:

34.按住Shift键，在一定距离后拉出一个较大的矩形。可以根据需要再拉一两个，如下图所示:

35.用白色填充选区，效果如下图所示:

36.按CtrlT进行自由变换，旋转灯光如下图所示:

37.应用自由变换后，将灯光移动到左上角，将图层6的不透明度设置为36%左右，如下图所示:

38.点击选择菜单窗口动画，在弹出的动画窗口中点击复制选中帧，生成第2帧，如下图所示:

39.点击选择第二帧，并使用移动工具移动第6层的光到右下角，直到白光可以不被看到，如下图所示:

40.单击选择开始帧，然后单击过渡动画帧和，如下图所示。显示:

41.在弹出的转场设置窗口中，将要添加的帧数设置为3，如下图所示:

42.确认过渡设置后，您会发现添加了三个新的过渡帧。您可以按下面的播放按钮来预览动画。最好将第五帧的间隔设置为2秒以上，这样效果会更好。此外，如果你想保存为gif动画，你必须通过菜单为网络和设备保存文件，在弹出的设置框中，确保类型为gif，然后单击保存为了拯救。这个淘宝店铺装修教程的例子到此结束。这里只是一个案例说明，创意和美好只需要早期的学习和努力。本教程仅起到抛砖引玉的作用，有兴趣的读者可以自行拓展应用。

开淘宝店最重要的是店铺装修。无论产品有多好，它没有好的店面是没有用的。纵观所有皇冠级别的淘宝店铺，他们的店面装修都很漂亮。开淘宝店做店铺装修有两种方案，一种是雇人，一种是自己做。这一系列教程是专门为想装修自己淘宝店铺的人做的PS教程。这个例子演示了常见淘宝店铺左侧装饰画的制作。感兴趣的朋友可以试试！

动态效果图

静态效果图

原图1:支付宝官方图标

原图2:支付宝消费者权益保护官方图标

1.淘宝左侧的装饰图片一般是160像素宽。我们创建一个160*320的空白文档(这个例子是用photoshopCS5制作的，其他版本也很)，如下图所示:

2.首先，让我们让我们做一个背景。从审美的角度来说，背景不要用你点的颜色填充，单调不好看。一般来说，使用的是轻渐变。单击并选择渐变工具，如下图所示:

3.选择渐变工具后，单击渐变编辑器和在菜单栏下面编辑渐变颜色，如下图所示:

4.渐变编辑器弹出后，双击每个颜色标准和标准，如下图所示:

5.你可以在弹出窗口中选择你想要的颜色选择颜色标准盒子。背景一般以浅色为主。如下图所示选择此示例:

6.选择颜色后的效果如下图所示。如果要添加颜色标签，可以用鼠标点击。

7.设置渐变后，点击并选择径向梯度，如下图所示:

8.在设置好渐变颜色的空白文档中，从中心点到左下角拖动一条直线，如下图所示:

11.构建图层1，用矩形选框拖动选区，如下图所示:

12.选择渐变工具，设置渐变颜色如下，中间的色阶为浅色，两端为深色:

13.设置渐变类型为线性梯度，用设置好的渐变填充矩形选择框，从上到下拉一条直线。效果如下图。显示:

14.接下来，制作嵌入的形状。首先，使用矩形工具和在这里，如下图所示:

15.在上一个矩形选区的右内侧位置拉出一个矩形路径，如下图所示:

16.点击并选择添加锚定工具，如下图所示:

17.点击矩形路径的左侧中心添加一个点，按住Ctrl键，用鼠标左键将添加的点向右拖动，如下图所示:

18.右键单击矩形路径并选择创建选择。将羽化半径设定为0以获得以下选择:

19.新建图层2，设置前景色为灰色，然后用油漆桶填充，如下图所示:

20、暂时点掉第二层的眼睛，保持选区，点击选择开始层，然后按Del删除开始层选区的内容，如下图所示:

21.选择菜单图层图层样式投影设置图层1的阴影效果，如下图所示:

22.点击层2的眼睛选择层2，并选择菜单层层风格斜面和救济。具体设置和效果如下图所示:

23.接下来，输入相应的文本。在这种情况下，输入皇冠和声誉和，分为两层，并为信誉适当设置投影效果，如下图所示:

24.接下来，制作皇冠。这里我们用简单的皇冠自定义形状工具，如下图所示:

25.在文档中拉出一个牙冠的形状，如下图所示:

26.点击进入样式面板。如果你能如果找不到样式面板，你可以通过菜单打开它窗口式。点按以选择您想要的样式。点击样式窗口右上角的黑色三角形，可以从弹出的下拉菜单中选择样式，如下图所示:

27.接下来，制作消费者保护保证与担保品牌，新建第三层，用长方形选择框拉出一个长方形框，如下图所示:

28.单击选择渐变工具，并按如下设置渐变:

29.从矩形选取框的上下方向拉出一条直线进行渐变填充。效果如下图所示:

30.打开图2中消费者权益保障官方图标，用移动工具拖动到文档生成层4，设置其图层混合模式为正面覆盖。效果如下图所示:

32.然后打开原图1中的支付宝官方图标，拖动到文档生成图层5，设置图层混合模式为正面覆盖，并适当调整大小和位置。效果如下图所示:

33.最后做一个动光，动光常用于动态装饰画。创建一个新的层6，点击并选择矩形字幕工具拉出矩形选框如下所示:

34.按住Shift键，在一定距离后拉出一个较大的矩形。可以根据需要再拉一两个，如下图所示:

35.用白色填充选区，效果如下。显示:

36.按CtrlT进行自由变换，旋转灯光如下图所示:

37.应用自由变换后，将灯光移动到左上角，将图层6的不透明度设置为36%左右，如下图所示:

38.点击选择菜单窗口动画，在弹出的动画窗口中点击复制选中帧，生成第2帧，如下图所示:

39.点击选择第二帧，并使用移动工具移动第6层的光到右下角，直到白光可以不被看到，如下图所示:

40.单击选择开始帧，然后单击过渡动画帧和，如下图所示:

41.在弹出的转场设置窗口中，将要添加的帧数设置为3，如下图所示:

42.确认过渡设置后，您会发现添加了三个新的过渡帧。您可以按下面的播放按钮来预览动画。最好将第五帧的间隔设置为2秒以上，这样效果会更好。此外，如果你想保存为gif动画，你必须通过菜单为网络和设备保存文件，在弹出的设置框中，确保类型为gif，然后单击保存为了拯救。这个淘宝店铺装修教程的例子到此结束。这里只是一个案例说明，创意和美好只需要早期的学习和努力。本教程仅起到抛砖引玉的作用，有兴趣的读者可以自行拓展应用。

了解更多ps淘宝店左装饰图装修教程视频(ps淘宝店左装饰图装修教程下)相关内容请关注东辰网。