Photoshop设计立体喜庆的舞台效果图

小鹿Q

小鹿Q

2016-02-16 00:02

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享Photoshop设计立体喜庆的舞台效果图,希望可以让热爱学习的朋友们体会到PS的小小的乐趣。

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

最终效果

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

光源分析

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

制作步骤

1、Ctrl+N新建一个尺寸为1200x600px的画布;

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

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

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

3、做光影明暗关系;

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

5、添加台面的投影;

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

Photoshop设计立体喜庆的舞台效果图,PS教程,图老师教程网

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

展开更多 50%)
分享

猜你喜欢

Photoshop设计立体喜庆的舞台效果图

PS PS基础
Photoshop设计立体喜庆的舞台效果图

Photoshop设计立体喜庆的舞台效果图教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计立体喜庆的舞台效果图教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

利用Photoshop打造立体舞台效果

电脑网络
利用Photoshop打造立体舞台效果

Photoshop设计黄金质感的立体金币效果图

PS PS基础
Photoshop设计黄金质感的立体金币效果图

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制立体效果的蒸汽朋克效果图

PS PS基础
Photoshop绘制立体效果的蒸汽朋克效果图

Photoshop绘制立体风格的篮球效果图

PS PS基础
Photoshop绘制立体风格的篮球效果图

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出清纯美女梦幻的柔美肤色

Photoshop调出清纯美女梦幻的柔美肤色

Photoshop制作情人节快乐立体字教程

Photoshop制作情人节快乐立体字教程
下拉加载更多内容 ↓