可搜索课程、软件、讲师、读书、直播
虎课网为您提供字体设计版块下的PS-电商-PC端常规页面无代码装修实例图文教程,本篇教程使用软件为PS(CC2017),难度等级为中级拔高,下面开始学习这节课的内容吧!
那就开始今天的教程吧
1.首先我们来看一下本节课的课程重点,常规页的尺寸规格,在线生成工具的使用。
2.先来到淘宝首页中的【千牛卖家中心】-【免费开店】进入后台,然后进行查看。
3.我们打开首页图片,进行准备添加热点,打开一些比较设计感比较强的店铺进行学习查看效果制作。
4.现在我们进行点开【店铺装修】选择【PC端】进行查看装修页面,准备将我们的效果图进行添加装修店铺。
5.首先我们来对页面拉出参考线,点击【切片工具】进行点击【基于参考线的切片】这样就将页面分为8个页面。
6.我们点击【ctrl+shift+alt+S】快速导出web格式,进行选择格式点击存储即可。
7.然后我们到淘宝后台当中进行装修店铺,点击【首页】进行准备装修,先将我们的所有图片进行上传到素材中心。
8.我们将店招部分的图片进行重新导出只需要的中间部分,然后进行上传到店招位置。
9.然后我们进行选择【页头】将我们的之前的店招图进行更换两侧部分就出现了店招两侧的画面。
10.我们打开【码工助手】然后进行选择【电商通用热区工具】将我们的图片链接粘贴点击确定。
11.我们接下来进行框选然后进行将链接添加粘贴上跳转链接,如图所示。
12.整体全部添加完成之后我们点击【生成代码】然后【复制代码】来到装修页面进行点击【编辑】将代码粘贴摆放。
13.我们继续向下进行装修店铺,然后我们进行添加自定义区域,点击【添加图片】将图片选择,然后到【码工助手】进行将图片添加,接下来进行点击【生成代码】。
14.接下来我们到后台装修页面当中点击编辑代码,然后将生成的代码进行粘贴点击确定。
15.然后我们继续向下制作,我们到【码工助手】当中进行选择下一个优惠券部分图片然后进行绘制热点选区进行添加链接如图所示。
16.我们进行生成代码然后到装修页面当中进行将代码输入点击确定即可。
17.接下来我们看第四个模块,跟上面的部分操作相同,使用【码工助手】进行绘制热点区域,然后进行添加链接生成代码进行在后台编辑即可。
18.继续向下还是相同的方式,将每个图片进行绘制热点区域进行添加链接即可。
19.在后台当中我们选择【宝贝管理】进行复制链接。
20.来到【码工助手】当中进行添加热点区域链接粘贴即可。
22.本节课结束。
以上就是PS-电商-PC端常规页面无代码装修实例图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!