促销区制作 旺铺装修促销区图片制作教程(2)

发布时间:2014/10/8 21:14:59

不过在初期,开发人员比较少,很多都是一人独立完成用户需求设计,软件功能设计等等工作,对用户需求的了解也没有如今详细。做来的网店管理软件,局限性比较大,只能解决用户某一方面的需求。

旺铺装修之促销区制作

1、用PS打开素材图片,在工具栏中选中“矩形选择工具”,选择自己需要的那一部分,并使用“ctrl+C”复制下来。选择并新建一个宽度为740像素,高度为500像素,分辨率为72像素/英寸的新图片。按“Ctrl+V”将在素材图片的选中的部分粘贴到新建图片中,用PS工具做适当调整,从而得到如下图所示促销区背景图。

 

2、选择“矩形工具”在背景图上绘制出公告区、联系我们及人气宝贝这三个区域所在位置,并分别将其所在的图层的不透明度改为45%,并在图层混合选项中选择“投影”效果(这在前面店招制作和分类图片制作中已说明,所以在此并不再次说明)。

这样就形成了如下图所示效果:

为了让这三个区域的内容能够很好的显现出来,我们再次选择“圆角矩形”工具,半径设为10像素,并将填充色设为灰白色,在这三个区域上再次描绘出三个以灰白色圆角矩形框。并分别将其所在的图层的不透明度改为49%,并在图层混合选项中选择“描边”效果(这在前面店招制作和分类图片制作中已说明,所以在此并不再次说明)。如图所示。

 

 

3、添加文字:在工具栏中点击“竖排文字工具”,字体选择“华康少女字体”,字体大小设置好,输入“店铺公告”、“联系我们”及“人气宝贝”,将文字移动到合适位置,并将各文字图的混合属性设定为“外发光”。最终如下图所示:

4、切片:接下来,我们就开始利用PS的“切片”工具对我们所制作的促销区图片进行切割。在切片时,亲们要注意把握一个原则“尽量横着切”,为了切割的方便是,可事先在图片上画出切割的参考线。

当参考线确定之后,就开始用“切片”工具进行切割

 

最终如图所示,我们将背景图切割为11片:

然后在PS的“菜单”选择“存储为web所用格式”

在弹出对话框中选择“优化”选项卡,并将优化文件格式选定为“Jpeg”,压缩品质设为“中”。

设置完毕后,点“存储”按钮,弹出“将优化结果存储为”对话框:

在该对话框中的“保存类型”选项中选择“HTML和图像(*.html)”,然后保存。

上一篇:分类图片制作 旺铺装修宝贝分类图片制作教程(2)

下一篇:旺铺基础部分 淘宝店铺/网店/旺铺装修尺寸大全

推荐货源
微商厂家直供货源
推荐资讯
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源