如何做淘宝的产品详情页?

(1)启动软件,打开准备好的商品素材文件,该图像应该在使用前经过修饰,已经达到可用的范围。

(2)在软件界面新建一个文件,命名为“首图”。其高度与宽度为80000像素,分辨率为72像素/英寸,背景为白色。

(3)对商品进行抠图,选中商品图像部分,并用移动工具把商品素材图像移到新建立的文件中,调整位置与大小,使之在画面上合理。

(4)在Photoshop工具箱中,选择多边形套索工具,羽化值设置为0,适当调整画布,然后在图像的右下方位置制作一个三角形选区,注意三角形的斜边为45度角。

(5)首先单击工具面板上的颜色拾色器中的前景色,弹出颜色拾色器面板,选择颜色为#ff6633。

(6)在Photoshop中的图层面板上,单击图层面板右下方的“新建图层”按钮,创建一个新的像素图层,然后将上面制作的三角形选区用前景色填充。

(7)在Photoshop的图层面板中,选择商品“鞋”所在的图层,这个操作不能缺少。执行“编辑”菜单中的“自由变换”命令,出现图像变换控制选框。

(8)把鼠标移到变换图像控制选框的边缘,直到出现双箭头的转动图标,这是运用转动图像功能调整商品的角度,使之与45度角基本匹配。

(9)运用软件中的文字工具,切换为中文输入状态,在图中三角形区域,单击鼠标,直接输入相关文字。

(10)在保证文字图层为当前编辑图层的状态下,执行“编辑”菜单中的“自由变换”命令,移动鼠标,按住“Shift”键,使文字转动45度。

(11)选择转动好位置的文本,打开字符面板,设置文本的属性,设置文字字体为“微软雅黑”,字体形式为“Bold”,字体大小为60点,文字间距设置为50,字体颜色为白色。

(12)在确定当前工作图层为“拍下立减”图层的前提下,选择工具箱中的移动工具,把上一步设置完成的文本移动到合适的位置。

(13)选择工具箱中的文字工具,用与上面同样的方法,输入文本数字“20”,位置、大小等可以先随意。

(14)执行“编辑”菜单中的“自由变换”命令,对文字旋转45度,可以直接在工具选项的转动角度中输入-45度,然后按“Enter”键确定。

(15)用字体工具重新选择文字,使文本处于被选状态,进入字符面板,设置文字属性,字体为常用的“Arial”字体,文本属性为“Bold”,大小为100点,字间距为50,颜色为白色。

(16)选择文字所在的图层,运用移动工具,调整文字的位置,注意不能移动背景,只能移动文字。

(17)选择文字“20”所在的图层,双击图层,或者选择“图层”菜单下的“图层样式”命令,用来给文字“20”添加图层样式。

(18)在图层样式面板中,选择“斜面和浮雕”选项,在结构栏中,设置样式为“浮雕效果”,方法为“雕刻清晰”,深度为100%,方向为“上”,大小为5像素。特别要注意在阴影栏中,设置阴影的角度为151度,尽量使阴影的方向与图像中鞋子的阴影方向基本一致。高度设置为37。其中高光模式的不透明度设置为0,而阴影模式的不透明度设置为100%。最后按“确定”按钮。

(19)继续运用文本工具,输入文本,其字体、大小、位置等到下一步去调整,以便更好地设置文字效果。

(20)选择“RMB”所在的文字图层,执行“Ctrl”+“T”自由变化命令,将文字正确转动45度角。

(21)接下来是设置文字“RMB”的字体属性,把字体设置为“Arial”字体,模式为“Regular”。字体大小为30点,颜色为白色,并处在“加粗”状态。

(22)选择文字图层,运用移动工具,对文字的位置进行适当的调整,也可以用方向键对文本的位置进行微调。

(23)接下来设计首图中修饰性、提示性、引导性以及表述销售状态的文字,要求简洁明了,色彩突出,直接能引起消费者的注意,字体的设计特别要注意文字的颜色与图像右下方的三角形的颜色一致。

(24)字体设计好后用移动工具调整文字的位置,需要提醒的是,首图是商品图像信息中最重要的部分之一,任何细节都必须认真设计。

(25)最后设计“火爆热卖”或“降价甩卖”等文字,设计字体为“幼圆”

体,大小为48点,加粗设计,颜色为黑色。

(26)最后对文字的位置进行调整。