当前位置:首页 > 设计资讯 > 美工外包 > 京东拼多多天猫淘宝网店店铺首页装修步骤

京东拼多多天猫淘宝网店店铺首页装修步骤

时间 2021-11-22 20:08:18 阅读

京东拼多多天猫淘宝网店店铺首页装修步骤


1. 将我们的海报导入到ps,图片首先要非常大,就像一张海报一样。 将海报分割成我们需要的素材。


2. 修改图片尺寸,然后将图片调整为1550,ps导航-图像-图像大小-宽度1550,约束比例。 由于店招是950像素,我们预留左右是300像素。 所以,我大概算1550,当然,可以再大一些。


3.画参考线,打开单位与标尺。 ctrl+r。 双击标尺,标尺的单位改为“像素”。 左键按住标尺不放,向下拉,左边和上边都可以拉,拉出参考线。 拉出参考线之后,图片是从零像素开始,我们从左边栏拉出参考线,看上标尺,到300像素的时候,按住shit,会精准在某个刻度上。 注意,如果标尺太小,我们可以按住alt,滑动鼠标滚轮放大。 再从左标尺,拉出第二条,到上1250的刻度。 从上标尺拉出参考线,到做刻度150。 由于有导航栏,我们需要为页头留出高度比店招多30px。 在从上拉出一条到左刻度180px。


4. 剪裁素材 剪裁工具剪裁出店招,保存到一个桌面或其他地方的文件夹中。 剪裁完之后,可以恢复原来的图的状态。 可以用ctrl+alt+z,当然,有人的热键设为了qq弹出,可以调出历史,导航栏-窗口-(第九个项目)历史记录,点击回复。 剪裁页头背景,注意图片中的参考线位置。 将店招和店招以下的高30px的部分,通过地选取工具选取,就是在ps 5.0的第二个工具,选取后用橡皮擦擦了。 剪裁出保存,剪裁后,恢复到原来的图。 剪裁主要产品的部分,这个部分,这个部分是我们我们可以修改设计东西,可以在上面加上一些东西,包括产品等等,可以用修图加上,位置可以非常随意,在主要产品部分,可以随意放置,我们后面再在产品的上面加上链接,顾客可以点击进入店铺宝贝。 主要产品的剪裁,在180x一下,店招同样宽度的部分,剪裁一直到底部,剪裁完保存。 最后,恢复到原来1550宽度的图片。 保存。


5.装修 店招和主要的图片要上传图片空间。 页头背景,大背景图,在装修上图的时候直接可以上。 打开装修后台。 直接上传店招,店招的高度改为150,当然,如果需要导航栏的话,就保持120。 在导航栏下面,直接插入一个自定义模块950宽度的模块。 将上传了的主要产品素材链接,插入到自定义模块中。


微信咨询
扫一扫微信咨询
QQ咨询 电话咨询
电商视觉设计外包,设计师一对一咨询
电话咨询:13266817719
微信咨询 电话咨询
电商设计 丨 详情页设计 丨 店铺装修
长按图片保存,扫码添加微信
同微信号:13266817719
微信扫码咨询