恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Photoshop制作墙壁立体雕刻字
0.0°
2015-01-15 好文转载 教程 原作者: 原作者 举报 6034 64 24 8

这个教程效果图看似比较复杂,掌握了方法就非常简单了。教程重点是图层样式及形状的应用,只需要把文字转为形状再跟其它形状结合起来,然后用图层样式增加浮雕及投影,效果就出来了。

最终效果:

19412V606-0.jpg

1、首先我粘贴进一张墙壁的素材。

19412T2U-1.jpg

2、Ctrl + J,复制一层。

19412R063-2.jpg

3、滤镜-其他-高反差保留。

19412V312-4.jpg

4、把混合模式改为“叠加”,强化背景的“坑坑洼洼”效果。

19412Sa6-5.jpg

5、添加一个颜色填充层,颜色代码见图,把透明度稍微减低一点,混合模式改为“变暗”,这里我顺便说一下我为什么不新建一层直接填充颜色的原因,通过图层下面的“创建新的填充或调整图层”来创建的颜色层,这样创建的颜色层或者渐变层具有“智能对象”的特征,修改起来非常的方便。

19412TW6-6.jpg

6、继续创建一个黑白径向渐变层,混合模式改为“叠加”,之所以我的透明度改为70%是因为我觉得深色的地方太暗了。

19412V452-7.jpg

7、至此,背景算是完成了。添加一个矩形形状,颜色无所谓,最终我不会使用到颜色。ctrl+j复制一层。

19412Q517-8.jpg

8、ctrl+t自由变换编辑这个复制的矩形,开启参考点定位,往右边移动100像素。

19412T5U-9.jpg

9、按ESC取消矩形形状的路径显示,shift+ctrl+alt+t复制形状,每复制完一次就esc取消路径显示继续复制,你需要安排多少个字母就复制几个矩形形状,这样能让所有矩形形状以一个矩形为一层的次序依次排列,这里我按原图安排六个字母,所有我复制了5个层。

19412R411-11.jpg

10、选择所有矩形形状层,把填充透明度调为0。

19412U291-12.jpg

11、双击第一个矩形层进入图层样式,添加斜面浮雕。

19412T010-13.jpg

12、还有投影。

19412R945-14.jpg

13、拷贝图层样式,粘贴到其他5个矩形层上。

19412V355-15.jpg

14、我在某个网站找到类似的英文字体。

19412R109-16.jpg

15、下载安装完成后,输入一行字母,在字母层上右键转为形状,后来我数了数字母,原来是七个,无奈添加了一个矩形。

19412RH8-17.jpg

16、点击字母层前面的眼睛隐藏字母,按A选择第一个字母的路径,横向移动安排位置。

19412UE6-18.jpg

17、ctrl+x剪切后粘贴在第一个矩形层上,顺便把这个矩形层的名称改为这个字母。

19412W136-19.jpg

18、继续在字母层里选择R,移动位置,像我一样如果觉得这个字母还可以修改一下外观的话也可以稍加变动

19412Q464-20.jpg

19、剪切后在第二个矩形层粘贴,依次完成后面的剪切粘贴。

19412V2N-21.jpg

20、接下来要解决一个问题,注意到我圆圈中的那一条条黑影了没有?那些黑影是复制过来的矩形添加图层样式后形成的,解决的办法就是把矩形的一边拉宽就行了。

19412U419-22.jpg

21、选择一个矩形层,按A点击矩形的路径,ctrl+t把左边拉倒画布以外的地方,第一个字母上的黑影就消失了。

19412SR9-23.jpg

22、依次完成后面的几个字母。

19412V3S-24.jpg

23、到这里你大概会认为已经完成了,但是我不这么认为。看上去它好像有点像原图的风格,不过有些细节问题还要解决,那些投影和斜面浮雕的高光要处理一下,为了能让大家理解问题出在哪里,我画了一张示意图,原图要表现的是一种阶梯的效果,就是一层叠在另外一层之上,当一个光源置于某一点,它的光照强度和投影的距离会发生变化,就像下面的示意图中我要表达的一样,光照的强度会衰减,影子的范围也会跟着发生变化。

19412S5D-25.jpg

24、按照前面示意图所示,我逐个调整这些字母的图层样式中的数值,离光源最近地方的投影距离当然会短一点,阴影的边缘不会很“虚”。

19412W432-26.jpg

25、以4个像素为标准,依次完成后面的所有字母。

19412WC6-27.jpg

26、原图中的背景层上似乎特别的暗,所有我在最后一个字母层上额外添加了外发光。

19412W152-28.jpg

27、现在字母P和O好像都一样了,所有我加工了一下以示区别。

19412Q061-29.jpg

28、还有J上面的那个圆也很碍眼。

更新:2015-01-15

收藏

64人已收藏

boboo

设计十载分享心得,共同学习共同进步。有兴趣+群231943085

  • 20

    作品

  • 174

    粉丝

  • 13

    关注

  • 影视APP动效
  • Kobe Bryant
  • UI设计师的发展方向和知识体系管理
  • Photoshop超实用修图调色教学集合3
相关标签
ps教程

    猜你喜欢

      2015-01-15 好文转载 教程 原作者: 原作者 举报 6034 64 24 8

      Photoshop制作墙壁立体雕刻字

      0.0°

      你确定要举报Photoshop制作墙壁立体雕刻字

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年01月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      24
      64
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录