昆仑资源网 Design By www.lawayou.com
每到打折季，我们经常能看到各大电商网站纷纷推出狂甩、狂抢、狂轰滥炸之类的节日庆典专题，如某猫的双11、双12啦，某东、某迅的大促啦，此时，当然少不了一个炫丽的舞台做搭配，本期我们来分享一个同样适应于游戏专题的特殊角度立体舞台设计。
最终效果
光源分析
为舞台设置顶部两侧打光的视角，要想突出立体感，就要从光源方向表现出三个面的受光关系。如下图所示：
制作步骤
1、Ctrl+N新建一个尺寸为1200x600px的画布;
2、根据开篇所示的光源分析图，我们先来搭建一个纯色的组合平面几何图形;
通过拆分的方法，我们可以得到:2个六边形+3个四边形;
选择左侧工具栏→矩形工具→多边形工具>，顶部工具选项→边数，输入需要的边数就可以制作四边形、六边形了，根据空间平行和近大远小的透视关系，调整图形节点得到我们想要的舞台模型，效果如下图所示。
3、做光影明暗关系;
选择图层面板→添加图层样式,给几何图形的每个面做混合模式为柔光>的渐变叠加>图层样式,每个面的渐变数值根据透视关系做相应调整，效果如下图所示。
4、细化加强每个面的受光、背光、反光、环境光关系，增强舞台的立体感;
如舞台中央的受光面、背光面，选择创建新图层，用画笔工具>在图层上画出舞台的暗部和打光部分，对图层选择柔光>效果，增强明暗对比，其他几个面的处理效果相似。
5、添加台面的投影;
通过图层样式添加的投影过于均匀，这里我们同样选择创建新图层，用画笔工具在图层上画出舞台的投影，对图层选择正片叠底效果，重复上述操作加重处理位于前端的投影,效果如下图所示。
6、给舞台叠加图案,增强质感;
7、在舞台的明暗交界处添加裂痕细节，注意这些小细节的明暗关系处理;
选择左侧工具栏→钢笔工具→形状图形，裂痕要按照舞台明暗交界线的走势绘制，为了使裂痕有凹陷的赶脚，对绘制好的图形添加图层样式→投影、内阴影。
8、按照上述方法，在舞台中央添加些裂痕，增强文字的重量感;
此处裂痕位于受光面，明暗对比要相对弱化，在裂痕上添加图层蒙版，使处于远处的裂痕渐隐。
9、给舞台加入做好的立体文字和顶部打光，为营造金光闪闪的氛围，适当加些光斑光点效果来提气，特别注意在文字底部加强一下光影对比;
10、最后，加入与我们本次狂欢月主题相关的素材，神马金币呀礼物呀，画龙点睛。素材的动静结合，能使页面更有带入感，大家可以尝试一下。
看完了以上的长篇大论，各位小伙伴可能会发现，为什么这个舞台有点像盒子内，这个特殊角度的舞台设计和盒子的设计在结构和处理方式上是类似的，所以大家伙哪天如果遇到了类似盒子的设计需求，吼吼吼事半功倍哉。
最终效果
光源分析
为舞台设置顶部两侧打光的视角，要想突出立体感，就要从光源方向表现出三个面的受光关系。如下图所示：
制作步骤
1、Ctrl+N新建一个尺寸为1200x600px的画布;
2、根据开篇所示的光源分析图，我们先来搭建一个纯色的组合平面几何图形;
通过拆分的方法，我们可以得到:2个六边形+3个四边形;
选择左侧工具栏→矩形工具→多边形工具>，顶部工具选项→边数，输入需要的边数就可以制作四边形、六边形了，根据空间平行和近大远小的透视关系，调整图形节点得到我们想要的舞台模型，效果如下图所示。
3、做光影明暗关系;
选择图层面板→添加图层样式,给几何图形的每个面做混合模式为柔光>的渐变叠加>图层样式,每个面的渐变数值根据透视关系做相应调整，效果如下图所示。
4、细化加强每个面的受光、背光、反光、环境光关系，增强舞台的立体感;
如舞台中央的受光面、背光面，选择创建新图层，用画笔工具>在图层上画出舞台的暗部和打光部分，对图层选择柔光>效果，增强明暗对比，其他几个面的处理效果相似。
5、添加台面的投影;
通过图层样式添加的投影过于均匀，这里我们同样选择创建新图层，用画笔工具在图层上画出舞台的投影，对图层选择正片叠底效果，重复上述操作加重处理位于前端的投影,效果如下图所示。
6、给舞台叠加图案,增强质感;
7、在舞台的明暗交界处添加裂痕细节，注意这些小细节的明暗关系处理;
选择左侧工具栏→钢笔工具→形状图形，裂痕要按照舞台明暗交界线的走势绘制，为了使裂痕有凹陷的赶脚，对绘制好的图形添加图层样式→投影、内阴影。
8、按照上述方法，在舞台中央添加些裂痕，增强文字的重量感;
此处裂痕位于受光面，明暗对比要相对弱化，在裂痕上添加图层蒙版，使处于远处的裂痕渐隐。
9、给舞台加入做好的立体文字和顶部打光，为营造金光闪闪的氛围，适当加些光斑光点效果来提气，特别注意在文字底部加强一下光影对比;
10、最后，加入与我们本次狂欢月主题相关的素材，神马金币呀礼物呀，画龙点睛。素材的动静结合，能使页面更有带入感，大家可以尝试一下。
看完了以上的长篇大论，各位小伙伴可能会发现，为什么这个舞台有点像盒子内，这个特殊角度的舞台设计和盒子的设计在结构和处理方式上是类似的，所以大家伙哪天如果遇到了类似盒子的设计需求，吼吼吼事半功倍哉。
昆仑资源网 Design By www.lawayou.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
昆仑资源网 Design By www.lawayou.com
暂无评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/9/21
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。