1.直通车尺寸类型分为长图3:4和方图1:1的类型
创意长图(内测)
设计尺寸:800×1200px
展示尺寸:320×480px(最小)
创意方图
设计尺寸:800x800px
展示尺寸:200×200px(最小)
直通车又分为产品型、创意型、创意型
2.制作流程:项目需求-竟品分析-创意构思-设计执行-线上测试
3.创意分析
产品:国际知名品牌,高端者侈品
切入点
文案:年货节直通车主图
素材:





新建文档,800*800,72ps,颜色RGB

新建参考线面板留边20,列为3等份

根据产品形状大小来放置产品的位置
也可以先给产品画一个结构草图,按照草图进行设计

用矩形选择工具画一个矩形外框,长宽度为800*800,内容颜色暂时为黑色,边框为无

在使用选择工具,居中对齐以及顶部对齐,这样矩形框就和底图合上了

点击外部边框黑色,Ctrl+j复制一层,换一下红色并命名为内边框红色

按住键盘Shift同时选中两个矩形

按住键盘Ctrl+E两个矩形就合并为一个矩形了

选中合并后的矩形,点击路径选择工具,选择路径操作,选择减去顶层,这样就会显示产品了

需要新建一层图层,并命名为背景,把图层放在产品的下面,这样产品后就会有一个黑色的背景了

再次新建一层矩形长宽800,颜色为红色,居中对齐、顶部对齐

ctrl+j复制一层矩形,并把颜色改为白色,用快捷键Shift+AL按照中间等比缩放

同时给白色的内框圆角设置为30

按住Shift同时选中两个矩形,按Ctrl+E合并图层

点击路径选择工具,选择合并后的图层,点击路径操作选择减去顶层

然后更改矩形外边框的颜色为红色

把右边红色隐藏打开颜色换一个深红色并放在最外边框的上面

现在黑色需要向上移动点,预留出下方足够大的空间,如何做?

选中矩形图层,在点击路径工具

按住盘Ctrl,鼠标框选左下角,按住妒盘Ctrl+Shift加选右下角的点,选中后是由白点转化为蓝点

按住键盘Shift+向上键向上移动,这样下方足够空间就预留出来了!!

调整产品的位置

新建一个矩形800*100的,颜色随机先选一个,这里先选择黄色,描边不要,在用选择工具居中对齐-底部对齐,把这个图层放到边框矩形的上面就会有显示

发现此时下面图形有些太大靠上了,修改一下高度,在左下脚修改成有弧度的60°,同时底部对齐

用形状矩形画一个矩形颜色为橙色,边框为无,右圆角为50,全选Ctrl+A,点击选择工具,水平、垂直居中位置

Ctrl+J复制一层矩形,角度都设置为0,颜色修改蓝色(也可随机)

按住Ctrl选中两个矩形,左对齐、低对齐

按住钟盘Ctrl+Alt-Shift鼠标拖动边框,进行透视,这样一个折叠效果就制作出来啦!!

可以把文字打上去,这里要注意一下字体要和包装上字体类似

还可以在文字下面添加一层矩形颜色突出一下,圆角为30

把产品需要的文字打上去

文字再次排版一下,仔细看发现数字之间的距离间距有些大

选中文字,按住键盘上的Alt键同时调整键盘上的方向左键可以细微调整文字距离


在把文字颜色以及色块统一下相近色

可以加一个券小元素,用矩形工具画一个圆,填充颜色为文字颜色,描边为背景颜色,在用文字工具打一个文字,并选上文字颜色

这时背景不能全是黑色,增加一些光源,用圆形矩形画一个圆,填充颜色为红色,描边为无

点击蒙版,调整浓度和羽化值,这样一个朦胧感背景就制作完成

接下来开始制作产品倒影,Ctrl+J复制一层产品,Ctrl+T自由变换,鼠标右击垂直反转,底部对齐后,自由变形把瓶底圆弧对齐后,添加一层蒙版,利用渐变工具拉一条渐变,这样多余的瓶身就消失了,这样一层倒影有点淡,可以在复制一层,让倒影更加重点。

分别把边缘投影和范围投影制作出来就更加的立体(不过因为本图颜色背景偏黑色,范围投影和边缘投影效果并不会太显示)

发现产品的颜色不太亮,这个时候可以添加一个色相饱和度(按住键盘Alt+鼠标点击中间)添加一层剪切蒙版,这样就可以单独设置产品颜色,调节饱和度即可

现在给产品背景后添加一些过年的小元素。
打开烟花图片,快捷键Ctrl+Alt+2选取高光

Ctrl+j复制一层被抠取高光的素材,Ctrl+A全选、Ctrl+C复制

Ctrl+v粘贴文件中,并把放在主图后边,把烟花转为智能对象图层

如果觉得烟花效果亮度不够,可以添加一个色相饱和度,把饱和度数值增加一些

还可以在产品上添加一些元素,比如说水珠,把水珠的素材拖进来,图层混合模式改为叠加,把多余部分的水珠用橡皮檫去除掉,这样就会更完美了!!

还觉得产品不太亮可以再次添加一层色彩平衡,同时添加剪切蒙版,如果要调节局部的话添加蒙版,反向Ctrl+i反向,把不需要的檫出来。

接下来给文字添加黄金渐变
打开黄金图片,用矩形选择工具画一个框,不要描边

填充颜色选择为渐变,线性角度改为0

在点击颜色渐变器

分别在颜色选择区吸取黄金不同的颜色区域

如果颜色区域不同可以左右滑动颜色滑动块来调整黄金色域

如果碰到颜色比较硬的区域,把两个颜色重叠即可,这样一个渐变就制作好了!

把制作好的黄静渐变拉到图中,放在文字的上方

按住快捷键Alt和鼠标点击中间部分(或者鼠标右击创建剪切蒙版)这样一层黄金文字就制作好了

在把所有的文字都创建一层文字剪切黄金蒙版

把右侧的颜色矩形更加亮一些,换一个稍微红色的颜色

可以在给文字增加一些投影效果,双击文字空白处,会跳出图层样式,选择投影颜色选择灰色(45°)混合模式选择正片叠底(或者其他混合模式)不透明度可适当调整,分别调整距离、大小、拓展到合适的位置。投影文字就制作好了。

可以把制作好的投影fx按住键盘Alt键移动到其他文字图层上去

可以给图形添加内阴影,颜色灰色,混合模式调整合适,不透明度调整一下,角度90°,距离是0这样四周一样分布,阻塞、大小都可以适当调整,之后点击确定。内阴影效果就制作好了

想要给这层图层加上一层底纹图案该如何加上?
打开从网上下载的底纹图片,并单独打开,点击编辑

找到定义图案,把图案命名之后,点击确定保存

点击fx,选择图案叠加,选择刚才保存的底纹图片,可以调整混合模式以及不透明度,在点击确定,底纹效果就制作好了

在给文字制作一个渐变效果
点击文字,点击Fx会弹出图层样式,选择渐变叠加,样式选择渐变,选择个混合模式,在双击渐变,会弹出渐变编辑器,选择渐变颜色,这里两边是红色,中间是深红色,在拖动小圆点,之后点击确定

还可以给文字增加一个投影,点击Fx,选择投影,选择个合适的混合模式,以及颜色,调整角度,以及距离、大小、拓展等,点击确定

同样可以把效果Fx复制移动到下面的文字中去


选中所有图层,快捷键Ctrl+Alt+Shift+E盖印图层

点击滤镜-锐化-智能锐化,数量200,半径2,这样画质更加的好

还可以根据在网上下载的黄金材质更换黄金颜色效果

还可以更换产品的背景

这样全流程直通车设计流程就制作好了!!
网友评论