网店美工教案

核心提示大家好,当我们店铺注册好了,logo也安装我们上节课的教学设计好了,那接下来就是店铺的装修了。店铺装修的第一步就是把我们的店招设计好,然后上传上去。店招的设计不求五彩缤纷,但求时尚简洁,同时能突出我们店铺的主推产品跟活动促销信息。这是设计好

大家好,当我们的店铺注册完毕,logo安装完毕,我们上一节课的教学设计完成,那么接下来就是店铺的装修了。店铺装修的第一步是设计我们的店招,上传。

店面的设计不是色彩鲜艳,而是时尚简洁,同时能突出我店的主打产品和促销信息。这是一张设计好的效果图。

设计效果图

01打开photoshop软件,新建一个文档。文档的大小设置为950像素宽、120像素高和72像素分辨率。在基础电商平台的PC端,店铺尺寸为950x120px。

店铺店招尺寸

02保存PS文档。每个人都应该养成节约这个的好习惯。在右边的图层窗口新建一个图层,然后打开上节课设计的LOGO,复制粘贴到文档中。

复制logo到文档

03按Ctrl+T调整店铺logo的大小,将LOGO向左移动。然后中间输入我们的广告语或者店铺推广信息“专业时尚大气”,我们选择加粗字体。

店铺装修设计

04调整广告文字的大小,移动到中上位置。新建一个图层,用虚线工具在图层上画一个虚线框,然后点击编辑-描边,给虚线画一个1像素的边。颜色是黑色的。

虚线描边

05然后使用虚线工具,选中文字下方的虚线,然后按Delete键删除多余的线框。删除虚线时,一定要在虚线图层上做,否则无法删除。

虚线框的删除

06在虚线上方输入我们的促销信息,或者我们店铺产品的卖点,然后重复以上步骤,用虚线工具在文字下方做一个选择,然后按Delete删除虚线。你明白吗?如果不明白,评论留言。

店铺促销信息删除

07新建一个图层,打开我们的促销或者主打产品,复制粘贴到文档中,然后按Ctrl+T调整产品图片的大小,然后产品图片就在合适的位置了。

电商主推产品的设计

08在图层窗口的背景图层上新建一个图层,然后点击编辑-填充前景色给我们的图层填充颜色,这样我们就可以为整个店铺做一个背景设计了。

背景设计

09点击我们刚刚填充的图层,给图层添加渐变叠加效果。这个时候我们就要想好,我们的店铺整体设计用什么颜色。如果我们的店是黑色的,我们可以用灰色和黑色。如果我们店的颜色是蓝色,可以用浅蓝色或者蓝色,深蓝也可以。

图层的渐变叠加

10新建一层,在我们专业时尚氛围的6个字中间,点击自定义图标,添加五星图标。

自定义图标的设计

朋友们,这里的设计,整个电商店铺装修设计开了个好头,店铺招牌都设计好了。你们都学会了吗?

设计效果

关注我,每天给你推送实用的电商美工教程,让你在photoshop美工的道路上不会迷路。

 
友情链接
鄂ICP备19019357号-22