• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop设计立体喜庆的舞台效果图

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

每到打折季,我们经常能看到各大电商网站纷纷推出狂甩、狂抢、狂轰滥炸之类的节日庆典专题,如某猫的双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、细化加强每个面的受光、背光、反光、环境光关系,增强舞台的立体感;

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

5、添加台面的投影;

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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

Photoshop设计立体喜庆的舞台效果图,PS教程,站长图库

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


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29ThinkPHP菜单无极分类实例讲解
  • 2022-04-29百度与谷歌在SEO表现上的差别
  • 2022-04-29Phpstudy:80或者3306端口占用解决方案
  • 2022-04-29WordPress文章列表 添加文章内图片数量展示!
  • 2022-04-29快速理解 JavaScript 的垃圾回收
  • 2022-04-29php htmlentities 乱码怎么办
  • 2022-04-29浅谈Bootstrap中如何上传图片
  • 2022-04-29vue.js如何实现列表滚动循环
  • 2022-04-29Phpcms V9全站伪静态设置方法
  • 2022-04-29如何区别友情链接的内页和首页链接

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PTcms4.28安装搭建详细教程
    • Photoshop制作可口的饼干艺术字教程
    • Ember.js和Vue.js对比,哪个框架更优秀?
    • TP框架如何实现163或QQ邮件的收发
    • MySQL中key 、primary key 、unique key 与index区别详解
    • 如何使用layui中的table模块中的基础参数
    • PHP怎么遍历数组替换数组中的元素的值
    • 介绍Javascript实现定时器倒计时
    • 你知道PHP中重定向网页跳转页面的方法有哪些吗?一起说说吧
    • 3个小时内网站被谷歌,搜搜,有道收录

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有