北京中科中医院好不好 http://www.xuexily.com/npxxc/npxyl/824.html
做电商美工的朋友，经常要做产品细节放大的图片，很多时候也不好从哪里下手，今天呢，我来教大家一个新的设计方法，我们来看看效果图吧。
产品详情图设计效果01设计步骤
第1步：因为是做店铺的详情图，所以我们新建文档的尺寸是x像素，当然了京东跟天猫的详情尺寸是像素，今天给大家设计的是像素的产品详情设计。新建图层，填充前景色黑色，然后给图层添加一个渐变的样式。渐变的颜色为：左边的色标颜色#d1d1d1，中间色标的颜色#e7e5e5，右边色标的颜色#cccccc，完成后点击确定。
店铺详情图片的尺寸设置第2步：在photoshop上面的菜单栏点击视图，选择标尺，让photoshop设计出现标尺，快捷键是Ctrl+R对标尺进行显示。然后拉一条标尺居中显示。
背景图渐变的添加第3步：在标尺的左边用矩形工具画一个长方形的矩形，矩形的高度跟背景的高度一致，然后在photoshop菜单中选择填充，给刚才画的长方形矩形填充一个前景色。颜色随意。
长方形矩形图层的颜色填充第4步：打开一张我们准备好的产品图片，按Ctrl+T键对产品图片进行调整大小，让产品图片尽量完整显示在标尺的左边。
图片大小调整第5步：按住键盘的Ctrl键不放，点击图层2，也就是我们刚才在左边画的长方形矩形这个图层。获得长方形矩形的选择框，然后点图层栏目下边的第3个图标，给产品图层增加一个图层蒙版。细心的朋友就会发现，左边产品图片多余图片将不再被显示出来，只显示跟长方形矩形一样大小的图片。
图层蒙版的添加第6步：在右边上面的位置输入我们的细节展示的文字“领口设计”，新建图层在文字上面用矩形选框工具画一个长方形矩形，然后描边，描边像素我们选1个像素，颜色选择黑色或者深灰色都可以。
文字的添加第7步：用选框工具选择文字下面的线进行删除，然后在文字上面输入英文装饰字：THELURIOUSSTYLISHBIGFURCOLIAR,VERYWARMWIND。
装饰图框的添加第8步：加入英文装饰后，我们在领口设计的下面也增加3行描述的文字。然后用选框工具画上1个长方形，并填充黑色背景。
细节图的添加第9步：按照步骤5的方法我们给复制一个放大的细节图，然后给细节图增加一个蒙版。这样细节图就设计好了。
蒙版添加第10步：在细节图的上面跟下面位置加入英文跟中文字体，调整好了颜色跟位置，最后在文字的下面加入一个小图标，这个时候我们的设计就完成了。
设计效果wancheng02设计总结
店铺产品详情的设计，其中对我们的美工要求也不甚很高，只要我们认真学习好photoshop的基本技巧，主要图片的大小搭配，然后文字跟装饰图标等颜色设置好，一个饱满大方时尚的详情就设计好了。
学会了吗？我的小伙伴们。还没有学会的朋友，或者需要PSD源文件的朋友，可以评论区留言给我。
转载请注明地址:http://www.1xbbk.net/jwbrc/8177.html
