切换风格

Snow

845

主题

861

帖子

1万

积分

亿洋管理员

Rank: 9Rank: 9Rank: 9

积分
14983
QQ
学会这个燃气灶火焰特效制作,你离设计大神又近了一步![复制链接]
发表于 2021-7-4 20:48:08 | 显示全部楼层 |阅读模式
                                                                                                
hello,大家好我是亿洋


最近收到了同学的一个提问:燃气灶详情页当中的火焰特效是如何制作的?

d17dfb505d6501d7e33ab655d5ecf14b.png


产品图直接在网上找一个燃气灶的素材作为案例展示,我们简单进行一下实操,通过这个案例希望大家能够掌握火焰光效的制作,莱斯够~

首先我们把要做火焰的区域用钢笔勾出形状,按照当前图片当中火焰走向去勾,这里要注意一下,我们要保持好这个路径,因为在后面会反复的调取出这个路径来制作。


04c909412443bb2b5f9a9617078e123b.png


f4a7006327216e89ac587cef164523e2.png


然后这里填充2层光效,一层蓝色一层偏青色,模式改为柔光效果,这里要注意一下画笔的大小和样式,根据光的效果调节画笔的形式,钢笔压力根据光的效果去使用。


cc81e5f97fc415f29dab0ef25e37e978.png

再次选择刚才已经勾好的路径,向上增加几层厚度,高度适中即可,这里做的是火焰的形状,颜色可以选择偏蓝一些,适当给一些动感模糊变虚,不要让火焰太实,要不然看起来会很假。


aa674ed2ece1f1fceedec733f82fa58e.png

光效内部应该是比较亮的,所以我们新建一个图层,单独用画笔给加亮,让火焰的光效是由内到外扩散并衰减的,这里可以不用处理太多,后期调色的时候做虚化就可以了,要不然这里的亮度不会削减太多。


36bd8e8678eb97347710ebdc668d5ccd.png

火焰的最外部分有一层紫色的光,还是用之前的路径继续做一层厚度的火焰,这里的厚度不需要做太高,依旧是给一个动感模糊,把颜色调整一下,偏紫红色一些,根据一些参考我们把外轮廓的火焰也加上。


df65c02e74f834c48ab530405b95db10.png



5e717170fab1754fcd8077b96351c93c.png

这里外部光效绘制完之后,我们开始绘制内部的小火焰,跟外层的光效制作方法一样,最好做3层,火焰颜色-内部高光-外部泛光。
这里要注意一下,内部的火焰是有遮挡关系的,同时要根据面的材质增加一些倒影,这样既显得真是也可以突出质感。同时火焰要向上延伸,这里需要用到涂抹工具进行每一个细致的调整。


1c6e077def724750926bd8e0420e73de.png


由于面板是反光材质,所以这里火焰倒映到台面的光也要加上,可以复制一层上面做好的火焰,适当降低透明度。


a3a985f7b239a58313cc11412655eca5.png


最后我们把环境光和细节增加一下就搞定了!


d4579afc28a24d9a89acbc97a40807e0.png

这个案例涉及到的光效制作有很多,只有增加更多的细节和层次才能让效果先的更加真实,大家可以尝试着练习一下。利用画笔和图层样式进行结合,搭配出更加合适的光感效果。


以上就是燃气灶火焰特效的制作过程,中间有些步骤没办法做详细的文字说明,如果大家对于这个案例比较感兴趣,可以在下方留言并点赞转发,我会根据大家的反响发出视频教程。

如果这个案例对你有所帮助,麻烦点赞+在看,转发给更多有需要的人。后续的直播答疑和设计案例更新都在B站上(B站搜索:亿洋设计)有兴趣的同学可以关注后续更新,想要学习电商设计系统课程的同学也可以参与报名哦,我是亿洋,我们下期见!



回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

QQ|Archiver|手机版|小黑屋|亿洋设计 ( 京ICP备19007949号-2 )

GMT+8, 2021-7-30 02:21 , Processed in 0.141982 second(s), 38 queries .

Powered by Discuz! X3.4

© 2001-2018 Comsenz Inc.

返回顶部