畅游VC：每到打折季我们经常能看到各大电商网站纷纷推出狂甩、狂抢、狂轰滥炸之类的节日庆典专题，如某猫的双11、双12啦某东、某迅的大促啦……此时，当然少不了┅个炫丽的舞台做搭配本期我们来分享一个同样适应于游戏专题的特殊角度立体舞台设计。

为舞台设置顶部两侧打光的视角要想突出竝体感，就要从光源方向表现出三个面的受光关系如下图所示：

1、Ctrl+N新建一个尺寸为px的画布；

2、根据开篇所示的光源分析图，我们先来搭建一个纯色的组合平面几何图形；

通过拆分的方法我们可以得到:2个六边形+3个四边形；

选择左侧工具栏→矩形工具→多边形工具>，顶部工具选项→边数输入需要的边数就可以制作四边形、六边形了，根据空间平行和近大远小的透视关系调整图形节点得到我们想要的舞台模型，效果如下图所示

选择图层面板→添加图层样式,给几何图形的每个面做混合模式为柔光>的渐变叠加>图层样式,每个面的渐变数值根据透视关系做相应调整，效果如下图所示

4、细化加强每个面的受光、背光、反光、环境光关系，增强舞台的立体感；

如舞台中央的受光面、背光面选择创建新图层，用画笔工具>在图层上画出舞台的暗部和打光部分对图层选择柔光>效果，增强明暗对比其他几个面的处理效果相似。

通过图层样式添加的投影过于均匀这里我们同样选择创建新图层，用画笔工具在图层上画出舞台的投影对图层选择正片叠底效果，重复上述操作加重处理位于前端的投影,效果如下图所示

6、给舞台叠加图案,增强质感；

7、在舞台的明暗交界处添加裂痕细节，注意这些小细节的明暗关系处理；

选择左侧工具栏→钢笔工具→形状图形裂痕要按照舞台明暗交界线的走势绘制，为了使裂痕有凹陷的赶腳对绘制好的图形添加图层样式→投影、内阴影。

8、按照上述方法在舞台中央添加些裂痕，增强文字的重量感；

此处裂痕位于受光面明暗对比要相对弱化，在裂痕上添加图层蒙版使处于远处的裂痕渐隐。

9、给舞台加入做好的立体文字和顶部打光为营造金光闪闪的氛围，适当加些光斑光点效果来提气特别注意在文字底部加强一下光影对比；

10、最后，加入与我们本次狂欢月主题相关的素材神马金幣呀礼物呀，画龙点睛素材的动静结合，能使页面更有带入感大家可以尝试一下。

看完了以上的长篇大论各位小伙伴可能会发现，為什么这个舞台有点像盒子内！Bingo~这个特殊角度的舞台设计和盒子的设计在结构和处理方式上是类似的，所以大家伙哪天如果遇到了类似盒子的设计需求吼吼吼事半功倍哉~

【优设网 原创文章 投稿邮箱：】

搜狐畅游视觉设计中心团队。我们是从游戏和生活中汲取创意和灵感嘚一群设计精灵用爱去释放奇妙的设计魔法，描绘让你我感动的虚拟人生

您也可以通过扫描下方二维码快速添加：