首页 > 办公 > Photoshop > 正文

Photoshop文字教程:立体质感3D立体文字

2024-08-21 23:22:34
字体:
来源:转载
供稿:网友

  之前也介绍过立体字效果的制作方法,不过文字的层次没有这么多。本教程文字立体面多出一个,制作的时候需要耐心的去调节高光及暗调等部分。

相关photoshop制作3d文字的教程:photoshop文字实例:金属3d文字特效

photoshop制作个性3d花纹特效字  photoshop制作漂亮的立体3d文字

  最终效果

photoshop文字教程:立体质感3d立体文字_网页设计

  1、新建一个600 * 350像素的文件背景填充蓝色,然后打上文字文字颜色为:#ffd974,效果如图1。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图1>

  |||

  2、把文字图层复制一层,图层命名为“主体”,然后把文字转为图层,把下面的文字隐藏,按ctrl + t对“主体”变形,然后按住ctrl点节点任意变形,如图2,效果如图3。

   看到此信息请您谅解!webjx.com为了防采集加上的!请到网页设计浏览更多信息。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图2>

photoshop文字教程:立体质感3d立体文字_网页设计

  <图3>

  3、把“主体”图层复制一层,移到主体图层下面,如图4所示锁定图层,填充颜色:#f2813b,然后稍微移开一点位置,如图4。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图4>

  |||

  4、新建一个图层,选择钢笔工具把两个图层有缺口地方勾出选区填充相同的颜色,如图5,6。然后把填充后的图层与主图图层副本合并。

 看到此信息请您谅解!webjx.com为了防采集加上的!请到网页设计浏览更多信息。

photoshop文字教程:立体质感3d立体文字_网页设计

 

  <图5>

  

photoshop文字教程:立体质感3d立体文字_网页设计

  <图6>

  5、选择减淡/加深工具调节暗部和高光部分,调的时候先假设光源在左上方,过程如图7,8。

   看到此信息请您谅解!webjx.com为了防采集加上的!请到网页设计浏览更多信息。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图7>

photoshop文字教程:立体质感3d立体文字_网页设计

  <图8>

  |||

  6、回到“主体”图层,按ctrl点图层面板主体图层缩略图调出选区,执行:选择 > 修改 > 收缩,数值为5,确定后新建一个图层命名为“上表面”,选择渐变工具颜色设置如图9,有左上向右下拉出图10所示渐变,取消选区后效果如图11。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图9>

photoshop文字教程:立体质感3d立体文字_网页设计

  <图10>

photoshop文字教程:立体质感3d立体文字_网页设计

  <图11>

  |||

  7、把“上表面”图层隐藏,对“主体”图层进行光度调节,同样使用减淡/加深工具处理,大致效果如图12。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图12>

  8、再对“上表面”图层用减淡/加深工具处理,大致效果如图13。本文是网页教学www.webjx.com收集整理或者原创内容,转载请注明出处!

photoshop文字教程:立体质感3d立体文字_网页设计

  <图13>

  |||

  9、慢慢涂抹图层之间的层次感,处理的时候都是在“主体”图层上涂,工具也似用减淡/加深工具,过程如图14,15。

photoshop文字教程:立体质感3d立体文字_网页设计

  <图14>

photoshop文字教程:立体质感3d立体文字_网页设计

  <图15>

  10、最后修饰下细节部分,整体调下光感,完成最终效果。

   本文由网页设计(webjx.com)整理发布!转载请注明出处,谢谢!

photoshop文字教程:立体质感3d立体文字_网页设计

  <图16>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表