ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 7003|回复: 15
收起左侧

[3D字效] Photoshop设计透视立体3D字教程

[复制链接]
发表于 2015-12-12 21:35:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
模仿类似公司上的LOGO展示文字,很有立体感,十分漂亮,大家可以跟着学习,设计自己的展示文字。

我们先来看最终的效果图

作者:璞男设计 出处:飞特网
 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
首先我们来建立一个1300*904像素的画布,然后可以再网上找一张墙纹理的照片

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
然后我们可以把想做成立体字的内容置入画板内,我在这里用的是logo设计,颜色用黑色,选中图层右击转换成智能对象

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
下一步,也是比较关键的一步,把要做成立体字的内容,选中做透视效果。ctrl+t选中对象,按alt键进行透视。透视完,复制两层,后面会用的到。



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
透视效果做好后,开始添加图层样式,先添加内阴影

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
接着添加内发光、光泽、颜色叠加、渐变叠加







回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
渐变的色值分别为#999999、#777777、#424242

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
图层样式效果做完后,效果如下。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
下面我们开始来为字加入立体部分,用我们前面复制出来的图层,加上新的图层样式。新的图层样式如下图,



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
渐变的数值为:#616161、#161616、#2b2b2b、#111111、#5e5e5e。图层样式加完之后,把图层放到第一层后面,然后Ctrl+j复制图层,以此类推(新复制的图层放到老图层的后面,每复制一层,按一下方向键往下移动),复制25层左右,这样效果就基本出来了,如下图

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
效果出来了,但是还是感觉不够逼真,没关系,我们来做最后一步,画龙点睛的一步,为立体字加投影。把前面复制的图层显示出来,我们第一步先把填充变为"0",

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
然后我们给它加上颜色叠加,如下图

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
接着加上动感模糊,高斯模糊



回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层
在复制一层,为它加上图层投影。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-12-12 21:35:01 | 显示全部楼层

Photoshop设计透视立体3D字教程

在复制一层,把动感模糊的的数值调成70,高斯模糊的数值调成15。假如换成别的字阴影可能效果不太理想,可以再复制一层,见证奇迹的时刻到了,

回复 支持 1 反对 0

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-11-23 21:02 , Processed in 0.050778 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表