Blender+PS教程！教你设计一个网安金融类3D网页

教程作者：磊土视界（授权转载）

交作业：#优设每日作业#

文章编辑：@雪寄草

关于教程

本期视频教你用 blender 建模并渲染一个网安金融主题的 3D 立体主视觉，然后以此为基础在PS中延展出一整个网页效果，建议有一定软件基础的同学来尝试练手哦~

教程效果图

视频简概

详细操作请看文章开头的视频教程演示。

#01 用 Blender 设计 3D 主视觉

Step 01 圆台底座

创建圆柱并调整顶面大小，使之成为圆台造型。然后添加更多的装饰元素和细节，最终构成盾牌下方的底座模型。

Step 02 立体护盾

导入盾形图标并挤出立体感，然后添加盾牌表面的装饰，让主视觉最核心的部分更加耐看。

Step 03 立方体服务器

在立方体表面进行布线和切割，做出一定的层次感和细节变化。然后复制成三个并纵向排列，构成服务器的模型。

Step 04 装饰元素

继续沿用上述技巧，将两个立体的棱锥组合在一起，作为服务器上方漂浮的装饰小元素。

Step 05 渲染输出

调整模型的颜色、材质属性，选择合适的面光方向、摄像机位置，最后渲染输出一个透明底的主视觉图片即可。

#02 用 PS 设计网页排版

将渲染完成的3D主视觉添加到网页banner中，在背景添加渐变光束作为装饰，然后补充上页头页尾剩余的元素，完善一下整体排版即可。

最终效果图

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…