切换风格

Snow

845

主题

861

帖子

1万

积分

亿洋管理员

Rank: 9Rank: 9Rank: 9

积分
14983
QQ
这个详情页芯片特效效果,设计大佬们都在用![复制链接]
发表于 2021-7-13 11:35:40 | 显示全部楼层 |阅读模式
                                                                                                   


hello,大家好我是亿洋

很多同学在做一些3C电器类产品详情页的时候,经常会遇到要描述产品科技感芯片特效的展示,但是看到这样的效果就直接懵了,完全不知道怎么去制作,类似这样的效果:

35926a4ec71a6665bb85be9573e2b5c6.png

059ecff9dafbf6f866e36ce27ec87c30.jpg

3d25c208bad7555ddacfa18c18590589.png

5320890f04a4db249dc3a462def25dae.png

这类型的芯片特效效果有一部分是用3D进行制作的,通过建模+PS后期处理可以达到一个很好的产品卖点展示。


但是大部分同学对于C4D还不是很熟悉,并不能通过建模渲染完成这样的特效效果,所以今天给大家带来一个通过PS就可以完成类似一样的芯片特效效果,废话不多说,我们直接开始来制作吧(文末提供视频教程链接)莱斯够~

ab6464200dbf77db5459ab15a1eb500f.png



首先我们先到网上找一个芯片图素材当做背景:

b6a9a3c6d359e0b4248a33ad3103a863.png

然后我们在PS里面创建一个圆角矩形,根据背景素材当中的芯片位置,调整圆角矩形的倒角,我这里设置的是40PX。然后根据背景当中的透视和大小进行贴合式调整并降低一定的透明度。


b163e3c9251629766d52c0fa1b1258be.png


9aea34d3eba55f3908faaa96a49abfee.png


复制一层调整好的圆角矩形图形,向上移动到合适的位置,高度可以根据自己想要做的大小去自由控制,然后我们给最上面这一层增加光效,添加内外发光效果,让边缘有光的感觉。


6c0c00ab0f38fd8a8c3285b4fb8219d5.png


1115eca5028159d1b2746e4ff478f2ae.png


7ac2959f7630c6ce56c39382ef960635.png

这里我们可以新建2个图层,分别跟一个滤色和叠加,用蓝色画笔进行边缘涂抹,让光更加明显强烈。

98b5e3330ce485719d8e4e60d9984914.png


紧接着我们用钢笔工具绘制上下两层中间的部分,通过与顶层图层相减获得侧面区域的选区,同理,侧面这一层我们继续新建2个图层,在侧面的选取内绘制2层光效,让侧面的光也凸显出来。(这里需要用到一个快捷键进行侧面选区的调整,在视频当中有详细的讲解)

ab782d7c3bcbfff51b2cda0e2bdde99e.png


c7dc31b41a1dd9a01d63b0c1676e69f7.png

这个立方体正对我们这个方向的边角由于没有过渡光,显得立体感不够,所以在这里我们新建一个矩形,同理绘制3层光效作为边角的转折过渡,多余的部分我们用蒙版擦除掉即可,画光方法参考之后光效制作那期课程。

3159796d5b6cc9737435196794f0947a.png

继续,我们到素材网上或者自己制作一个小的光效素材,沿着这个边缘的部分点缀几个光,增加一些科技感的效果。


dc1cedcda60d8c679d7f85b979dbfa91.png

最后我们打上想要展示的文字,利用PS透视调整把文字放到立方体的顶部,调整好位置,再把文案放好。
这里注意一下,文字部分也同样要给一个内外发光增加光效质感,根据场景当中的光,我们把芯片周围可以受到光照射的部分也增加上环境光即可完成。


41a5ed4b3870691a5e8d7656e21a0d57.png

以上就是3C电器类产品芯片特效制作的过程,相信大家能够以后再遇到这类型的特效效果的时候可以做出大致的效果,通过这样的特效展示可以更好的展现产品的卖点,视觉上也会更加的突出。


视频教程链接:https://www.bilibili.com/video/BV13B4y1N7kq(阅读原文可直接跳转)


总结:这个案例只是给大家提供一个芯片特效制作的思路,大家需要把每一步骤制作的含义搞明白,不能单纯的就把PS技法学会,如果只是单纯的把技法学会,换另一种类似的特效你依旧还是没有思路去做,不能够做到举一反三就会让自己提高的速度变慢。希望大家并不是单单只学会了一个PS操作,而是学会背后的设计思维过程,想要学好设计,一定要多动脑子,决不能无脑一直追求PS操作技法而忽略了设计的本质。

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

               
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

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

GMT+8, 2021-7-30 02:28 , Processed in 0.079380 second(s), 39 queries .

Powered by Discuz! X3.4

© 2001-2018 Comsenz Inc.

返回顶部