Photoshop制作出立体的铁锈文字特效

139 阅读 0 评论 92 点赞

我是靠谱客的博主勤恳航空，最近开发中收集的这篇文章主要介绍Photoshop制作出立体的铁锈文字特效，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

各位视觉设计师，你们好。从很早前我一直在计划一连续的分享，名字叫“执行力强心剂”顾名思义，这是一种直接，甚至是机械的填鸭教程，目的就是为了使我们的视觉执行能力在短期内有一个品质的提升。这个分享针对的人群可能是实习设计师至中级设计师之间，在自己的表现手法进入到一个瓶颈期的时候，用于强制突破的教程。我们的目的不在于强迫使用，而是从中吸取灵感，掌握技术。这个教程是分期的，每一期，我会针对一种设计形式进行表现手法，与拓展联想的讲解。希望设计师朋友找到自信，慢慢突破这个教程，最终达到技不压身，真正的使用创意，而不被能力绊脚。
闲话不多说，进入这期的内容：字体特效执行。
在设计字体的时候，除了间架结构可以优化文字以外，字体的质感，色调，细节，等，都可以辅助提升文字的辨识度和可看性。有时候用对了特效后，文案的意义会更加直观明确。对于字体结构设计，之前已经有很多设计师发不过非常优秀的分享。在这里，我们只借鉴特效执行的部分。
参考一：锈铁金属，光线等效果的执行

电影哈利波特海报中出现的视觉效果起到了非常好的，对内容渲染的作用。略显陈旧的锈铁材质文字，搭配放射的光线，和一些字体上电闪火驰的细节效果，使整个画面气氛更加神秘，具有魔法气质。当这种气质的字体与效果延续到任何一个文字上时，受众一样会感受的到。就如同上图这个阿拉伯数字，其实内容是与电影无关的。现在，我们来把这个文字特效的制作过程分解。

我们勾出一个需要的形体。在这里我有哈利波特字体，如果有设计师想尝试一下，无需自己勾勒，我可以提供这个字体给大家。

浅浮雕效果制作出图形的立体效果，由于这个是一个国外网站的截图，里面的参数我建议不用参照，一切效果的数值，是通过自己的眼睛来把握的。

调整阴影部分的简便效果

找一张锈蚀肌理的图片，选择正片叠底效果附着在形体上面。

选择图形本身外延作为遮罩形体，隔离出多余的肌理图片

使用钢笔工具勾勒明暗交接处形状，图画出高光，在这里，我多说两句。对于物体材质的理解，每个人都有差异，但只要在生活中多去观察事物，我们很容易的在自己深层意识中记住材质的视觉感受。在这里，这种高光是略显夸张的，原因并不是执行者希望金属的材质更加突出（锈蚀的金属上高光是不可能那么明亮的），而是营造出一种魔法的电掣感受。

相对的，我们把细节完善到位

相同的方法，我们把主题物制作完成。（在这个步骤前，我悄悄的收起了一个截图，让大家参考，看看可不可以说出到上图截至，还有哪个步骤被我收起来了）脑筋只要一动起来，或许更多的灵感就涌现了出来。

光线的处理，1-物体本身的外发光微量 2-物体背后的主光源一颗这是一种常用的打光手法，可以使物体的空间感倍增。希望可以掌握这个原理。

光线也是有细节的，设想我们在一片魔法森林里面，逆光的情况下我们会看到光线穿过空气中尘埃的微粒，这种空气感，是通过灰尘对光线产生的焦散达到的，我们制作的时候，在这种细节的处理上做的越多，我越能看出一个设计者的企图心。其实寇心自问一下，本人自己制作逆光元的时候，何曾不是傻傻的掠过这种精彩的细节。这一点，我们一起学习起来。