有经验的设计师,如何做真实的产品倒影?设计达人

电商设计有三大痛:画光、画影、修产品。而在倒影这一块,很多朋友还是一头雾水,要么简单的复制翻转向下拖,要么照着抖音里的操纵变形生搬硬套,但效果往往不像视频里尽善尽美,被甲方调侃不专业。

下面用实际案例给大家演示倒影到底应该如何绘制。上主菜前,前戏肯定要做足,我们先要搞清楚:

为什么你长得这么好看,但做出来的海报怎么就这么丑?

除了创意偏差,质感不够是很多电商海报的共同痛点。创意不够可以靠找参考,但质感不够怎么办?除了学会光效的绘制,你还得学会影子的表达。

影子不仅在突显产品质感和增加画面细节上能起到很大作用;

我们先做个热身运动,从最简单的圆柱产品开始。

这个够简单吧,结构规则,倒影范围小,接触面不是玻璃这样的介质。只要你不是这么做的:

或者直接做到转折面上的:

那基本上都能做得八九不离十,操纵变形、局部翻转、透视扭曲各种方法都可以很轻松做出这类规则几何的透视效果。

唯一需要注意的就是美感问题,很多地方会说影子要用正片叠底,要用柔光或者要用叠加模式,并将其奉为圣经,遇到倒影就直接套公式使用。

其实我们做倒影的时候是没有固定模式的,也不一定要和真实的一模一样。

因为真实的不代表好看的。C4D渲出来的够真实吧?但它有时候渲出来的还就是没有PS艺术加工过的好看。

所以呢,我们要考虑的是,在尽可能真实的前提下,怎么去把倒影做好看。通过分析场景光源,产品调性等因素,结合所有问题想出一个综合的解决方法才是我们作为视觉设计师的职责。

比如这张图里,产品是白色的。白色的物品在大理石这样的材质上,它会发亮。所以说我们在图层模式选择上会选择一个发亮的模式,比如滤色模式。

然后根据接触材质,适当做一个模糊效果,再略微调整不透明度即可。

如何做出成角透视下不规则图形的倒影?

话不多说,淦就完事了!

成角透视下,单纯复制翻转已经很难做出倒影效果了,所以在这里,向大家介绍第一个方法:

手搓大法!

我们先从墙面的倒影开始,我们先用钢笔工具勾出墙体倒影外形,由于倒影是1比1还原镜面上面的物体,所以要注意倒影长度应和物体高度保持一致。

另外,倒影不是纯色填充,是一个由浅到深的状态,在相交面上是存在一定的闭塞阴影,所以适当调节画笔参数:

然后用画笔擦出轻微的渐变感。

接下来,用钢笔工具将侧面的阴影轮廓勾出来,用同样的方法做出它的倒影,但要注意面与面的区分。

最后,画出缝隙细节,添加蒙版做出渐变效果即可。

同理,我们再将木质桌板的倒影绘制出来~

这时候会产生一个问题,桌板倒影和墙面倒影会产生重合,显得特别脏

根据上方搭建逻辑,木板倒影是会遮挡住墙面倒影的,所以我们将墙面这部分倒影剪掉

这些倒影的绘制逻辑get后,我们来挑战一下不规则图形的倒影绘制。

像这种真实产品,用手搓倒影可以吗?当然可以,但对于手法生疏的朋友可能有些苛刻了,所以给大家介绍倒影制作的第二种方法:

局部拼接法。

面对这样有弧度和纹路的物品,直接复制翻转是不现实了,我们只能耐心地一层一层来做。

首先,对于底部突出的棱角,我们先复制一层,向下移几个像素,还原倒影的棱角,再用蒙版擦掉不需要的部分。

接下来呢,再复制一层,将原先的纹路删除,垂直翻转,大概对好整体位置。

但是,由于上一步删掉了原有纹路,导致倒影丢失了细节。

所以我们再复制一层,只取纹路部分,向下平移到适当的位置。

再用蒙版擦除不必要的部分

在这里,有同学好奇,为什么镜面倒影的纹路和实际物品的纹路是相同弧度的。难道不该是这样的?

这位同学物理学得不错,平面镜成像中像到平面镜的距离等于物到平面镜的距离。但要注意的是,这里是一个三维的立体面,不再是二维的平面。

比如最低点到地面的距离是18厘米,那么镜像点地面的距离也是18厘米。

那么为什么两边都是向上翘呢,你看,因为是处在一个三维面上,地面不是一条直线,所以两边到地面的距离其实是这一段:

所以说,镜面的镜像到地面距离也该如此:

上面的灵魂手绘示意图你看懂了吗

好,我们继续往下做。

再复制一个,适当放大,保证倒影和物体的高度保持一致。

用仿制图章工具,将下部开口处的弧度还原~

再复制一层,取开口边缘,擦去不需要的部分。

最后复制一层,保留叶子,移到合适位置,配合蒙版适当做出渐变效果即可。

不过,对于这个场景,毕竟平面不是镜子,不会反射出太多清晰的倒影,尤其在木纹材质的平面上,几乎反射不出什么细节,最终效果其实是这样。

但毕竟是为了教学,所以即使最终效果模糊掉了细节,但我们要理解的是倒影的制作逻辑,以防哪天遇到什么变态的甲方让你把产品放到镜子上。

好,我们把视线再移到旁边的牛皮纸袋子上。

这时候我们就要引出倒影制作的第三个方法:

面块拆分法。

这个方法可以很好锻炼我们的空间思维,复制一层,垂直翻转移动到合适的位置。

用套索或钢笔工具拆分出牛皮纸袋的每一个面:

ctrl+T调出自由变换,按住ctrl用鼠标左键将模拟倒影的边缘与物体贴齐。

同样的方法,对另一面做同样的处理。

当然,因为木纹材质的反射原因,最终成品依然看不到太多细节,但大多数不规则物品都可以用这种拆分的方法制作倒影。

虽然倒影的细节被模糊掉了,但你会发现,有了倒影后,整个画面的细节更丰富了。

我们再来看整体,是否感觉这一片光秃秃的面板非常单调?如果加一些瓶瓶罐罐又会产生细节过剩的麻烦,怎么办?很简单,我们加倒影。

用上述方法,将远景的倒影和玻璃等倒影都进行一个补充和强化,最终效果如下:

是不是很简单,只要梳理好物体结构,倒影制作就是这么轻松~

THE END
1.产品海报怎么做素材网站图片免费下载产品海报怎么做的滋补品产品海报怎么做产品价格海报怎么做产品类海报怎么做横版产品海报怎么做多产品海报怎么做ai怎么做产品海报图 二月寒 呐娜 朋友圈海报你只知道怎么玩,但不知道怎么做? 4 HTML5创意营销 超新星美工 杰克sean LinsyVMD HAZE_D 敬茂 https://www.zcool.com.cn/tag/ZMTA1MzU3MDQ=.html
2.海报图片制作方式有哪些新闻 体育 汽车 房产 旅游 教育 时尚 科技 财经 娱乐 更多 无障碍 关怀版 登录 视频加载失败,可以 刷新 试试 00:00/00:00 推荐 已经到底了 海报图片制作方式有哪些雨科 发布于:宁夏回族自治区 2024.11.16 11:25 分享到 热门视频 已经到底了 https://www.sohu.com/a/827334209_121794084
3.如何做好电商商品运营管理?(详细的电商商品运营规划,附落地实操...那么主图应该怎么做或者说每张主图它承载的功能又是什么呢?第一张主图大家都知道是做主搜的,主图的好坏直接决定着单品的引流能力及权重高低。所以在做第一张的主图时除了展示产品主图体以外,我们还要调试不同的背景色来增加消费者的注意力,同时还要配上营销活动来提高买家的兴趣。第二张主图可以展示透出产品...https://www.niaogebiji.com/article-117184-1.html
4.图怪兽作图神器在线海报编辑器PS图片制作图怪兽作图神器,是一个在线ps图片编辑器,它相当于ps精简版软件,可提供微信编辑器功能,在线ps照片处理,拼图,图片制作,在线设计,平面设计,海报设计,在线图片处理等功能。图怪兽作图不求人处理简单易用,这款在线图片编辑软件让设计海报模板图片更轻松,帮助企业视觉营销投入成本http://www.pikhive.com/
1.海报产品怎么做?海报产品制作教程步骤海报产品怎么做?创客贴为您分享了超详细的海报产品设计教程和制作方法步骤,即便是设计小白也能一学就会,简单三步,快速搞定海报产品设计与制作。https://beta.chuangkit.com/searcheo/course/30258.html
2.海报设计怎么做做海报设计有哪些手法技巧→MAIGOO知识二、海报设计怎么做 无论是活动宣传还是产品介绍,一张好的海报能够给人留下深刻印象,好的海报,其设计是非常重要的,那么怎么做海报设计呢? 设计海报的步骤大致可以分为三步: 1、明确海报主题 制作海报首先应该明确主题,主题确定后才能进行后面的操作。 https://www.maigoo.com/goomai/276156.html
3.电影海报设计要素是什么?电影海报设计技巧有哪些电影海报设计 5、布景 海报设计中的布景指的是衬托主体事物,如产品、案牍、促销信息等的景象。 6、产品 产品的摆放方位、摆放角度、产品份额、产品画面占比、产品与其他元素融合、清晰度及产品抠图问题。 电影海报设计 电影海报怎么做的有设计感 在平面规划范畴,怎么规划出一张有质感的电影海报图片,往往是许多同学的...https://www.goobai.com/hbxw/5233.html
4.海报设计教程!4个案例教会你,虎年主题海报可以这样做!因为本次海报都是做的手机海报,先设置一个手机海报尺寸。(尺寸:750-1300~1400px或其他比例尺寸) 1、了解混合工具 在制作背景前,我们先了解下AI的混合工具,案例背景及花朵都是用混合工具制作而成。具体制作过程如下: 2、背景的制作 用矩形工具填充(#fe96d7),铺满整个画板,现在为背景增加深浅层次变化,增加深浅层...https://uiiiuiii.com/photoshop/1212477152.html
5.易企秀免费H5模板AI在线设计海报视频数字人易企秀创提供免费H5微场景、海报、长图、表单、视频、互动游戏、画册、数字人、建站、小程序等制作工具及企业微信私域数字智能营销平台,助力企业高效完成内容创意、传播获客、数据管理、效果转化的自营销闭环。https://www.eqxiu.com/