PS制作店铺产品详情图化妆品详情设计教程

雷安萍挂号多少钱 https://jbk.39.net/yiyuanfengcai/ys_bjzkbdfyy/32039/yuyue/
大家好,今天再给大家设计一个网店产品详情图,设计的步骤相对比较繁琐,不过要求的技术含量不高。我们来看看设计的效果吧。设计效果图

01设计流程

步骤01:打开PS软件新建文档,文档的尺寸我采用宽像素,高像素,新建图层,填充颜色dfdfdf,图层作为背景图使用。接着在上面输入产品性能文字,给文字添加渐变叠加,渐变的颜色用黑色跟深灰色,其它设置默认就可以了。步骤02:在文字上面输入工厂在线直销字体,接着给它添加1个半径30像素的圆角矩形框,然后给它添加1个像素的描边,描边颜色暂时采用黑色。步骤03:给图层添加蓝色渐变图层样式,接着在最上面用圆角矩形工具画1个矩形框。步骤04:最上面的圆角矩形框工具我们按Ctrl+回车键转换成选框,填充白色,然后复制公司LOGO到白色框里面。最后给它的边缘增加一个灰色到透明的渐变,让白色的框显得有层次感。按照如图的排版,输入文字跟英文装饰字体。步骤05:用钢笔工具在文档的下面画1个多边形,我们画的时候记得左边跟右边不要平行,一高一低形成对比。步骤06:钢笔选框转换成选区后,填充淡淡的灰色,然后给图层添加滤镜,滤镜给它添加杂色,然后图片有点颗粒的感觉。步骤07:在文档的左边画1个三角形,旋转后跟左边的边缘对齐,接着填充白色。步骤08:沿着右边的角画一个长方形,转换成选框后填充灰色。接着让长方形图层对齐三角形,形成一个立体的柜的效果。步骤09:按照上面的方法继续用钢笔工具画矩形,在画矩形的同时,我们最好拿支笔先构思下它的立体效果。当然,有立体概念思维的不用画也行。步骤10:给图层填充不同的颜色后,我们把图层拉到图层7之下,也就是最开始我们画的那个图形之下。步骤11:按照上面的方法,把右边的立体柜也给画上。这样就整个版面的设计就非常的立体感。步骤12:把产品图片复制过来,接着给产品图片制作一个倒影的效果。倒影的设计之前的课程我们讲过,不会的朋友可以翻开我之前教程学习下。步骤13:最后一步设计4个图标作为产品特点设计上去。设计1个图标以后,其他3个图标可以复制修改文字跟图标就可以了。这个时候,我们的整体设计就完成了。

02设计总结

此产品详情设计复杂度一般,主要的复杂程度就是画那些立体框,如果你细心一点,其实也没什么难度。学设计的,一定要给自己多一点点耐心。

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


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