美文网首页
电商主图设计思路流程解析

电商主图设计思路流程解析

作者: 游私塾白书生 | 来源:发表于2023-05-15 00:14 被阅读0次

电商主图非常好看的主图是如何制作的?这各视频详细说明一下!!

素材:

Ctrl+k打开设置首选项把单位设置为像素

主图画布大小为800*800像素,分辨率是72

主图规范两边要留空白为40-60ps距离,方便后期制作印刷需要

打开视图,选择新建参考线面板。边距留为40点击确定

产品放进来之后,根据产品的高矮胖廋来决定产品的位置,一般占整幅图片的比例为3/2处,这样做突出产品为主体

接下来是排版产品的文字,文字分为
1.主标题:墨西哥进口科罗娜啤酒

2.副标题:口感清醇 ,色泽明亮,原瓶进口,传统酿制

3.利益点:买2箱送杯子  ,买3送开瓶器

4.正文:享尽北美风情

5.保障:全国联保/假一赔十

6.价格:原价356.00/特惠价168.00

一般这些点需要提前提炼出来或者提供方提供好,在分别把这些文字一个一个放入文本中去

文字字体的选择并不是随机的选择而是有规律可以寻找的,首要原则是可以根据产品内的字体来选择,手写是衬线体而机器印刷的是非衬线体,本素材中的字体就是非衬线体,如果不喜欢可以查找一下字体找到相应的字体下载下来使用。

文字对齐原则,如果产品在右侧,文字是左对齐

文字大小排列依次是大中小的原则,并且文字占整部3/2大小比列或者是字体大小的一半

主标题90/粗/实/有色

副标题60/细/虚/无色

正文30/细/虎/无色

主标题占图的3/2

字体的粗细大小也可以设置,依次是特粗-中粗-小粗的大小这样看更有层次感!

还可以设置字体的颜色来突出主图的部分来增加对比

亲密关系的对比来划分文字的位置

突出利益点,根据产品的买点来具体设置

这里设置突出买点矩形形状,填充黑色颜色,边框为无边框颜色

用形状选择器画一个圆,填充颜色为红色,边框为白色

选中圆形图层,按住Alt键,可以多复制几个图层出来

选中所有的图层,在选择选择工具,排列方式按照顶层排列就会对齐了

在把文字和小圆圈对齐就可以了!!

在次细节调节文字的大小位置到合适的地方

文字要对齐

用矩形选择框画一个矩形填充一个颜色

在画一个矩形框

调出矩形属性对话框选择圆角,圆角度数为30°

选中一个矩形选择框,再按住Shift这样会选中两个矩形

再用快捷键Ctrl+e合并图层

在工具栏中选中路径选择工具,在点击路径操作中的减去顶层,这样顶层的圆就会出现

在次选择路径操作,选择合并形状组件

选中合并后的图层,再点击路径工具,这时会发现转角处并不柔和

再点击钢笔工具添减钢笔锚点,可以适当调节角度弧形

再把颜色修改为黑色

在把价格优惠打上去,调整数字、文字的大小

在把保障文字加上去

把所用的文字选中Ctrl+g打个组并命名为文字组名字

背景色的主要颜色比例是主色调75%、辅助色20%、点缀色5%

背景颜色可以吸取产品颜色当作主色调

新建一层图层,用吸管工具吸取一个产品较为亮的颜色,在使用渐变工具拉一个渐变颜色,这里显示的不太好看,还有一种方法

用椭圆型工具画一个椭圆

会跳出椭圆型属性面板-点击蒙版,羽化值拉大一些,效果风格立即就有所变化,这里有这样的方法可以控制调节光的角度

把水花素材拖进来,并把水花修改成偏黄色的啤酒颜色

在复制一层水花放在产品的上面

添加一层蒙版把上半部分和下半部分不想显示出来的给它擦出掉

整体的文字颜色在统一调整红色

再次把文字要突出的部分用颜色区别出来

制作产品的倒影,复制一层并命名为倒影,Ctrl+t,鼠标右击垂直反转,移到瓶底,在使用变形,微调到瓶底边缘

在倒影图层中新建一个蒙版,使用渐变工具,从下往上拉一下,产品倒影制作完成

新建一层图层,键盘按住Ctrl+鼠标左键选中主体

填充一个灰色的颜色,并命名为边缘投影

把边缘投影移动到产品下面图层,Ctrl+t变换往下移动一点,直到可以看到产品的边缘投影为止

添加一层图层蒙版,使用渐变工具往上拉一下,在使用高斯模糊,把模糊值设置到3

仔细放大看底部有一小部分还有残留可以使用橡皮檫去除一下

在使用高斯模糊,把模糊值设置到50多也可根据情况设置,多余的部分用橡皮檫去除

选中所有图层,按住Shift+Alt+Ctrl+E盖印图层,图层转化为智能对象

点击滤镜-锐化-智能锐化会跳出属性对话框,数量200,半径2,点击确定,这样做的目的是让图片更加清晰

最后一步是给整体色彩进行调色,可以添加色相饱和度,以及色彩平衡,分别调整暗部、高光、中间调

欣赏不同调色的产品颜色

相关文章

网友评论

      本文标题:电商主图设计思路流程解析

      本文链接:https://www.haomeiwen.com/subject/olepsdtx.html