PS设计网店产品详情细节展示图photo

北京哪家医院白癜风最好 https://m.39.net/baidianfeng/a_w2v00wu.html

前几节我给大家带上很多电商美工设计的教程,很多朋友私信我、鼓励我,这给我不少动力,谢谢大家。

今天继续给大家带来网店产品详情设计教程,不过设计的是产品的细节图展示教程,我们看看效果吧。

设计效果图

01设计步骤

第1步:打开我们的设计软件photoshop,新建宽度像素的文档,高度+即可。高度根据我们具体要设计几个细节为主。细节图越多,当然高度越高了。然后在中间位置拉一条标尺线。

第2步:在图层栏目中新建图层组,接着在图层组中新建图层,在左边画一个长方形矩形,填充灰色,接着新建图层,选择描边工具,描1个像素的长方形框。

第3步:选框我们先不要取消,接着新建图层,按PS菜单点选择菜单,修改收缩3个像素,得到一个缩小3像素的选框,我们对选框进行填充,填充灰色。

第4步:把图层2隐藏起来,用选框工具画一个小小的正方形,新建图层,然后给正方形描边1个像素,描边的颜色我们选择灰色。

第5步:按Ctrl+T对正方形框选择45度。这部分我说得细一点,免得大家跟不上我的步伐。大家一步步来,不用急,做设计主要是细心加耐心,一定能设计出满意的作品。

第6步:旋转后的正方形我们移到左边,让它的上下角跟大的长方形边框对齐,然后按Ctrl+T给它压矮一点,形成一点的三角形。

第7步:用橡皮擦工具,把三角形左边的边框抹去,然后抹去大的边框的重叠部分。得到下图的设计效果。

第8步:复制图层组1,得到图层组2,接着点击编辑变换,选择水平翻转,然后把组移到到右边,对齐边框的位置,同时往下移动一些位置。

第9步:用同样的方法,我们把组复制2组,然后移动到下边位置,形成一个间隔的位置。

第10步:依次把细节图片复制到每个图层组里。复制图片的方法我们之前的课程有讲,其实就是给细节图增加蒙版就可以了。

第11步:在图层组上新建图层,然后用铅笔工具沿着中间的标尺画一条竖线,线的像素我们选择2个像素。

第12步:在最上面位置,右边的空白处输入数字序号、浅灰色的英文、深灰色的中文细节描述。排版整齐一点。

第13步:在英文的左边线上画一个红色的圆点,同时给圆点底部添加一个白色的背景,形成的视觉效果如下图。

第14步:用同样的方法把其它的细节文字描述添加上去。可以采用复制的方法进行设计,这样设计的速度更快。

第15步:修改中间线的长度,让它尽量跟细节图对齐,然后线的末端输入英文字END。到此时,我们的设计就完成了。

02设计总结

此方法简单,但是设计很新颖时尚,给整个店铺产品详情设计增添不少精彩部分。设计好这个文件,可以作为模板用于任何的行业。可谓是一个模板走天下之功能。

小伙伴们,你学会了吗?



转载请注明地址:http://www.1xbbk.net/jwbys/8454.html


  • 上一篇文章:
  • 下一篇文章:
  • 网站简介 广告合作 发布优势 服务条款 隐私保护 网站地图 版权声明
    冀ICP备19027023号-7