电商主图ps2023详细入门教程

哈喽，大家好，我是小凯，今天给大家讲解一下双十一主图的设计方法以及详细的设计教程，下面呢我们来操作一下，我们打开 ps 以后新建，我们名称设为拉杆箱。双十一主图 宽度呢是八百像素，高度是八百像素，背面率呢是七十二颜色模式， rgb 颜色，点击创建， 这样呢，我们就创建了一个八百乘八百的画布。创建好了画布以后呢，我们使用工具栏中的渐变工具，我们选择一个渐变，我们选择红到橙的这样的一个渐变，可以点击下面的色标，我们来调整颜色， 调整好颜色以后，我们直接使用鼠标拖拽一下，这样背景就填充上了一个界面。颜色 填充好了界面以后呢，我们使用工具栏中的矩形工具，我们点击了矩形工具以后，我们不要直接拖拽，现在呢我们不需要直接拖拽，我们直接点击一下鼠标，左键会出现一个对话框。创建矩形宽度呢我们设为七百七十， 高度呢我们也设为七百七十，点击确定。然后呢我们找到属性里面的圆角，我们设为三十像素填色，我们设为白色。 设置好了以后呢，我们按住键盘的 ctrl 键，同时选中矩形的图层，还有背景的图层，我们点击一下，我们水平居中一下， 水平居中好了以后呢，我们给这个矩形添加一个描边，我们点击图层样式描边，我们填充的类型 颜色，这个地方我们设为渐变，我们选择一个这样的金色的渐变，我们找一个黄一点的金色渐变， 这样的一个金色渐变，点击确定。然后呢大小，这个地方我们设为三像素，点击确定，然后呢我们文件置入，我们把背景置入进来， 置入进来背景以后，我们右键创建剪切蒙版，把我们的这个背景图层创建到我们新建的矩形里面，然后按键盘上的 ctrl 键加 t 键，我们变换一下大小， 然后双击就可以了，下面呢我们把这个上面的这个标题我们给它设置上，我们使用工具栏中的矩形工具，直接框选 矩形，然后呢再调整属性，我们把圆角设为二十五，颜色呢，我们现在先给它使用一个白色，黑色都可以， 然后我们再按键盘的 ctrl 键加 t 键，我们给它调整一个斜角。 调整好了以后呢，我们再找到图层样式渐变叠加，我们给他添加一个背景的渐变红色到橘黄色的这样的一个背景，点击确定，然后呢我们再添加一个描边，描边呢，我们还是使用这个渐变， 这个地方的大小我们可以设置的大一点，设置为五像素。点击确定， 然后呢我们再把下面的矩形我们都给他新建一下，我们等一会呢再把这些文案产品添加上，我们先绘制下面 这个内弧形的这样的一个矩形，我们给他绘制一下，我们使用工具栏中的钢笔工具，我们直接点击一下，然后呢再点击一下右边，我们这样给他绘制一个这样的弧形的形状。 绘制好了以后呢，我们按键盘的 ctrl 键回车键生成选区，然后新建一个空白图层，我们按键盘上的 alt 加 delete， 给它填充一个颜色，填充前景色， 然后呢我们再给他添加一个渐变叠加，我们使用一个金色的渐变， 我们看一下这个金色的渐变，点击确定，再点击确定， ctrl 加 d， 给它取消一下选区，然后移动一下我们的这个矩形 的位置，然后呢我们再给他添加一个描边的效果，描边呢我们还是使用这个金色的渐变，点击确定。下面呢我们再把里面的这个圆角矩形绘制上， 我们使用工具栏中的矩形工具，直接拖拽一个矩形，我们把填色这个地方属性里面的填色，我们调整一个红色，我们可以点击实色器，我们可以在实色器里面选择自己需要的颜色，点击确定， 然后呢我们这个圆角这个地方我们设为五十，我们再调整一下矩形的大小， 这样我们再调整一下位置，然后呢我们再 使用工具栏中的椭圆工具，我们直接绘制一个正圆，按住键盘的 shift 键绘制一个正圆，然后呢把这个绘制的椭圆正圆这个图层我们移到最上方，然后呢移动一下位置，给他添加一个渐变叠加，我们添加 橘黄色到红色的这样的渐变，点击确定，然后呢再给他添加一个描边效果，这样的一个效果，我们点击确定， 下面呢我们再看一下，我们下面呢把标题上这个天猫双十一来了 logo， 我们给它绘制上， 我们直接导入素材，我们文件置入嵌入对象，我们把这个双十一来了这个 logo， 我们给它置入进来，置入进来以后呢我们放到我们的这个标题框里面，放好了以后呢我们再使用 工具栏中的直线工具填充，这个地方，我们可以选择一个白色，然后我们给它绘制一条直线， 绘制好了直线呢，我们这面呢大家可以添加自己店铺的 logo， 在这里呢，我直接输入 logo， 然后给它更改为大线， ctrl 加 t， 再变换一下大小。 这个图里面呢还有一个圆角矩形，这样的一个活动时间，我们绘制上，我们找到工具栏中的矩形工具，我们直接这样绘制一下，拖着一下鼠标，我们绘制出这个矩形。绘制好了以后呢，我们把这个圆角给他设置的大一点，我们设置一百。 然后呢我们给绘制的这个圆角矩形，我们给他添加一个渐变，叠加，我们添加一个金色的渐变， 然后呢更改一下位置，我们可以调整角度来更改渐变的位置，大家可以这样拖拽一下，拖拽一一个自己喜欢的效果。 然后呢在这里呢，我就设为八十度左右吧，调整一下，设置一个自己喜欢的界面，九十度。 然后呢移动一下这个渐变的位置，点击确定，放大一下，我们输入活动时间，这一个圆角矩形有点小，我们再放大一下， 可以 ctrl 加 t， 我们变换一下大小，然后我们输入十一月十一日零点零分， 我们更改一下，我们重新输一下，把输入法切换为英文状态，十一月十一日 零点零零分杠，十一月 十一日二十三点九十九分。然后我们输入好文字以后，双击文字，更改一个灰色， ctrl 加 t， 我们变换一下大小，这个地方再修改一下。 然后呢我们调整一下字体的间距，间距我们设为零， ctrl 加 t， 我们再变换一下大小，然后放到我们绘制的圆角矩形的中间这个位置下面呢，我们开始输入这些文案，加厚大容量，超清防水，我们给它添加上文案， 我们使用一个黑体，然后使用一个推脸的字体，我们输入加厚大容量，高清防水， 然后选中文字，我们再给它调整一个粗一点的，还是有点细，这个字体 ctrl 加 t， 我们变换一下大小，然后放到左面这个位置。字体的颜色呢？给它使用一个灰一点的颜色，我们不要使用这样的， 直接使用，不要直接使用这种黑色，纯黑色太亮了，我们使用一个灰色，深灰色这样的一个颜色，点击确定。 然后呢我们再添加上下面的文案，我直接复制一下吧，我们使用横排文字工具，点击一下，直接输入文案，可以在这个地方更改一下字体的大小，字体的粗度。 然后呢我们再把产品置入进来，文件置入嵌入对象，我们把这个产品置入进来，移动一下图层的位置，我们移动到最下面， 然后呢 ctrl 加 t， 我们给它变换一下大小，放到这个位置， 他的这边呢还有三个箱子不同的颜色，因为这个箱子他是分为四个颜色，绿色，蓝色，红色，还有一个这个主体灰色，我们把这个三个箱子都给他置入进来，文件置入嵌入对象，我们先把这个红 红色置入进来，然后缩小一下，放到这个位置，缩小一下，然后文件再置入嵌入对象，我们再把这个蓝色置入进来，然后再缩小一下，和这个红色的箱子缩小的 一样大，我们移动一下位置，然后呢再把绿色的置入进来，还是同样的方法，我们给它缩小一下，调整到同样大小， 然后呢移动到右边，我们按住键盘上的 shift 键，同时选中这三个颜色，我们给它移动一下位置，然后中间这个箱子再让它往右一点，我们可以使用键盘上的上下左右键来调整位置。 调整好了以后呢，下面呢，我们把价格都给他添加上下面的收藏店铺领二十元无门槛，到手价，前一百名下单立减一百元， 我们给它输入收藏店铺领二十元无门槛。输入好了文字以后，我们把文字移动到上方， 然后更改一下字体的颜色，我们放大一下，调整一下这个字体的大小，然后呢我们再输入价格，到手价， 我们直接使用横排文字工具倒数架， 选中文字，调整一个粗一点的黑 t， ctrl 加 t， 我们再给它变换一下大小，然后调整一 下位置，我们输入人民币的符号，把输入法切换为中文，按住键盘 shift 键加数字，四键，我们输入人民币的符号，然后给他添加一个斜体，使用一个细一点的字体， ctrl 加 t， 我们变换一下大小， 然后呢移动一下位置，我们移动到道的下面这个位置，然后使用工具栏中的横排文字工具，我们直接输入价格幺九九， 然后呢我们给他选择一个四元黑体价格，我们选择一个四元黑体，因为四元黑体的这个数字比较好看。 ctrl 加 t， 我们给它变换一下大小，然后 再缩小一下，太大了，对了，我们再给这个文字添加投影，添加渐变叠加的效果，我们点击图层样式渐变叠加，我们给他添加这样的金色渐变，然后给他添加一个投影的效果。 投影呢颜色我们可以设置一个深红色，也可以吸取它背景上面的这个圆上面的颜色，然后我们调整一个深一点的颜色，然后呢把大小给它缩小，把这个距离我们移动一下距离，然后调整一下不透明度这样的一个效果，点击确定。 我们把这个人民币的符号再移动一下这样的一个效果。然后呢我们再输入下面的文案，前一百名下单立减一百。我们使用横排文的工具，直接输入前 输入好了文字以后， ctrl 加 t， 我们给它变换一下大小，然后呢给它更改一下字体的颜色，我们更改一个 这样的一个红色，我们使用一个红色吧，也可以给他添加一个描边的效果，我们给他描一个白色的边，看看效果。我们点击 填充类型，我们选择颜色，然后给他添加一个白色的描边这样的一个效果。大小呢给他设为三像素，点击确定。然后呢我们再调整一下我们绘制的这个图形，我们往下移动一点，然后呢无门槛这个地方，我们也给他往下移动一点 这样的一个效果，然后呢他的右上角还有一个火焰的素材热销爆款，我们给他置入进来文件置入嵌入对象， 我们把火焰的素材置入进来，放到右上角这个位置，再放大一下， ctrl 加 t， 我们再给它调整一下大小，然后呢输入文字 热销爆款， 然后在豹的前面这个地方，我们给它回车， ctrl 加 t， 我们给它变换一下大小，然后放到中间的这个位置，我们给它换一个粗一点的字体， 然后呢给这个字体添加一个渐变的效果，我们点击渐变叠加，我们使用这个金色的渐变，点击确定。这张双十一的主图呢，我们整体的也就设计完了，我们现在呢来保存一下我们文件导出图存为 weber 所用格式， 这个地方选择 g p g 格式，品质选择一百最佳，我们直接储存，直接保存到电脑就可以了，你学会了吗？

主图怎么做？给大家实操一遍，新建画布，八百乘八百像素。把产品图冰箱拖进来， 转化为智能对象，这样缩小放大都不会变模糊了。填充灰色渐变背景墙， 再画出另外一面深灰色墙壁，自由变换，对齐变形钢笔工具，画出地板那一面， 随意填充一个颜色，再调整一下，要和冰箱侧面平行。 把地板素材拖进来，水平翻转一下，剪贴蒙版，调整位置，自由变换 墙底面调暗一点。 为了突出产品灰色背景墙曲线加深，给冰箱加阴影，使其和背景融合。 拖进一个素材盆栽，放冰箱旁边，起装饰作用。 把盆栽缩小，调整一下角度，由于盆栽没扣干净，有白边，不能和背景很好的融合。用低透明度画笔，在白边的地方轻轻画一层黑色，使其和背景融合好了。对比一下 白色陶瓷盆偏黄了，去一下色，加蒙版，使其只作用于陶瓷盆，不影响其他地方。 好了，给盆栽底部加阴影。 产品和背景做好后，接下来就是加文案了。左上角画一个圆角矩形，用来放 logo， 给圆角矩形加渐变色。把 logo 放上去， 接下来写上产品卖点信息，做好排版， 然后画一矩形，降低不透明度。 把商品赠送信息写上，把赠品拖进来， 画一圆角矩形，调整一下圆角的角度值，给圆角矩形加边框，加渐变，加投影。 再画一矩形，复制一个圆角矩形，缩小， 打上文字，调整位置大小， 写上价格，给数字做投影，增加立体感。 把最后一条文案写上，调整一下便完成了，感谢观看！

大家好，我是学霸，今天啊，你们经过十四天的学习，应该已经会一些基础的操作了，如果你有认真完成作业的话，那么接下来 你们已经会制作一些简单的电商主图了。那今天我们带来的课程就是一个案例，就是简单的制作一一幅电商主图。好，我们现在请你， 这里像素才一千，才一千啊，电商平台的主图一般是八百 乘八百，这里要注意一下为什么设置我们要做一千，原因就是在于就是 说后面如果他要调小没关系，但是要他要调大一点的话，那到时候你如果只有八百像素的话，那就会很麻烦啊，像素能调小不能调大，当然那有无损放大的软件除外啊。好，我们先见一个正方形， 我给大家准备了这几张图片。好，我们先拉近了第一张图片，拉近了这个就会作为背景图。 好，拉进来以后它是一个智能图形，我们把它稍微放大一下位置， 找到自己需要的那个位置啊，点一下，然后右击三，搞好，把它变成图片，这样的话调整会方便点，我们先进一个，把它填充成黑色背景，好， 开始调整这张图片的颜色，我们先自动化颜色一下啊，自动化颜色以后得到这个颜色有点死色，这个可能不是我们想要的。好，我们现在开始拉对比，拉浅对比，把它增加黄色，因为我们现在想要的是黄色。 ok， 我们得到了一张黄色的图片，黄色的图片之后，好，我们这个先放在这里，我们再打开 这个，我们主图商品图片啊，我给大家准备了一张大名名利，实为天猫哦，点击通道，点击蓝色通道，点一下。好，然后按住 ctrl 键点击蓝色通道，同样的是可以设置选区的啊， 返回新建一个，点击 ctrc 复制啊，回到图中 cb， 好，我们得到了一个这样的图形，我们看一下啊，我们利用黑白的填充看一下，得到了一张这样的图形啊， 我们多复制几层，让他的烟雾更明显一点点，烟雾多出来一点点， 其实他就是叠成的关系，一层叠一层，他们属于半透明。好，叠出来了有差不多的感觉了。好，我们把它试一下。好，我们得到了一张这样的图啊，大家看到没有啊？ 好，我们再来，现在我们要利用像历史相比差工具 看一下，我方便点，用钢笔，先用钢笔把它，这样我可以方便点，不用这么一点一点的去弄。设置一个选修 啊，要加快一点点，因为时间的限制，我这里要加快一点点啊，大家可以仔细看一下啊。 ok， 我们现在看一下这个是不是这样子的。好，我们得到了一个这样的 one， 好，拿过来拖到这里， 我们需要的一个方面的啊，说一下啊， 这样，然后点击橡皮擦工具， 这里的透明度要调一下，我们查透明度以及硬度啊，硬度要把它调掉。 好，我们看到这里面还有个宽，宽，他有个宽，因为他的边缘没有处理好啊，我们再把边缘稍微再修整一下。这里啊，同样调整不透明度和流量啊，橡皮擦 调整一下，稍微调整一下啊， 然后再给他想一想，再再处理一下，再调一下，这个不行，这个太夸张了，把龙叉调掉， 不透明度也调掉，给他走一下，随便走一下就可以了。好，我们得到了一个这样的样式了， 我再来。嗯，随便找个素材再把它拉进去。好， 这蔬菜行还是行，但是我觉得这上面的话有点不好，我们来处理一下。同样的像劈叉、 ug 三个勾法 三格化才能处理啊，要不然就是智能图对象，智能对象调色还行，拿的好像图不行。那你可以在智能对象里面去处理。智能对象我们还没交吗？所以呢，暂时就先用最基础的方法，也就是最原始的方法吧，很久以前用的， 现在 ps 它的更新越来越强大，所以它的功能也会越来越多，比如说 ai 啊，创意创始填充啊， 这些都有啊，随便一下稍微把这个用线条东西，因为我这里扣了一下，因为这个的话有个过渡了，过渡的过程的话我觉得不太好，我们把它稍微处理一下啊， 然后这里你看啊，再用橡皮擦， 过渡好一点，不要太明显。好，那里的烟雾也是这个烟雾，我也觉得不太好，让他过渡一下，稍微擦一下，过渡一下。好， ok， 找到了这个啊， 然后再来，再来填充一些其他的元素，我也要加快一点， 然后在最后这个先把我们先把它打点字停，然后写上， 想思考一下他的题目是什么。字体拉小一点，然后写上换一个字体吧，不会吧？嗯， 新鲜新鲜新鲜营养， 新鲜营养，回车啊，再来，呵呵，饱满， 绿色净。 好，我们就打这几个字。好，这里要把它调成零，然后这里调成自动就好了， 把它调整一下，这个字有点大， 说小一点知道吧？然后把它的京剧我觉得要手动一下了， 横着吧，这样梳子觉得不太好， 一个空四个一二一二。好。嗯，拆了， 然后字体我要粗一点点，这个太细了， 把它再缩小一点点啊， 然后我们用这个啊投缘工具把它放大一点点。 好，找到一个图层，把这颜色调成白色就行了。 好，这里的价格给我们直接打这个 logo， 白色摄像头， logo 好，选项包。然后我们把这个素材拿过来啊，拿过来 黑色的，然后 ctrl 加 i 进行反向，反向一下， 中间位置有点缩小一点，格式化掉了，你看不，格式化掉智能图层就操作的时候有点不好弄。格式化掉， 这里加了个 logo， 这里加了个这样的啊 啊，这个几个素材啊，然后我们就 然后这里我们用矩形工具画一个，如果你要做活动的，把它变成一个黄色， 我把这个椭圆给练起来， 这个再调整一下， 调成三驱 tik， 然后再做一个圆形，圆形就是加一个互动啊什么的，这样下来一点点，然后把它改成不要穿它啊，齐齐刷刷就不好看。 然后打一个字，活动 字体要加粗一点， 稍微弄一下，因为其他的一些验词啊，其实还没有学过，所以我们就根据利用这种方式啊，然后这里可以加有机大米， 我不像像刚才那样了啊，我随便加一个 go， 嗯，刚才那样会更好看。我觉得呢， 好一个简单的一个主图，电电商平电商的主图就做好了，那么同样道理的其他的，因为电商主图一共一般情况下有五张 同样道理的，你其他的图也是可以利用这种方法做，你只要区分开来，主图、细节图、功能图一些其他的参数图以及活动版体图 这些区分开来就可以了。好，今天的作业就是制作五张电扇作图啊，主要你要看一下这里啊， 简单的制作一下，根据你学的内容，你如果前面是有学的，那么你是可以做出来的。好，谢谢啊。

如何快速做主图？假如看到别人的主图很好看，如何快速模仿？可以把需要模仿的主图放在旁边，这样对照着做很方便。先用圆角矩形画出左上角的红色框，修改一下圆角半径值， 移动右上角的一个锚点，做出倾斜的效果。好了，把 logo 放上去，接着画一个长方形，给长方形添加渐变叠加，吸取模仿对象的颜色即可。 好，然后画一个圆形，给圆形添加描边，吸取左图的颜色， 再添加渐变叠加颜色，也是吸取作图的。 写上文字，给文字添加投影，增加立体感。 复制多一个修改文字，旁边的文案也是一样的做法。打上文字，做一下调整 颜色，同样吸取所图的， 打上文字，对文字添加白色描边， 画一蓝色圆角矩形， 写上文案，画一个圆形，添加外发光。 好了，谢谢观看。