1.首先看一下本节课的重点内容。
2.使用【PS】新建画布【宽1920x高8000】,绘制一个高120像素的矩形框,然后向下拉一条参考线,绘制一个高30像素的矩形框,然后向下拉一条参考线。
3.新建图层,绘制一个宽950像素的矩形框,放在画板中间,然后进行两侧拉出参考线。
4.将上面店铺招牌区域进行绘制矩形框整体填充浅蓝色,然后进行添加LOGO。不建议摆放到参考线外。
5.接下来制作导航栏,绘制矩形框整体填充青蓝色,然后进行输入文案,文字字号不宜超过20,整体摆放如图所示。
6.接下来向下制作Banner海报,宽度1920高974,然后拖入我们下载的样板,进行看一下区域分排。
7.打开我们的淘宝网的店铺装修,点击PC端,然后点击基础页的首页点击装修店铺,将之前的装修点击上面的备份,进行保存。
8.将页面当中所有东西进行删除,然后选择左侧的模块选项,进行添加需要的模块。
9.接下来回到我们的PS当中将我们制作好的页面进行切片,将竖向的参考线进行删除,只留下导航栏跟海报的参考线。
10.然后将优惠券进行拉出参考线,接下来在下面进行按照自己的喜好进行将下面的各个模块内容部分拉出参考线进行区分。
11.点击【切片工具】点击【基于参考线的切片】,点击【文件】-【储存为Web所用格式】进行储存。
12.将我们的切片下来的首页第一页进行使用PS打开,修改画布大小【950x74】然后进行储存,修改名字。