昆仑资源网 Design By www.lawayou.com

各位视觉设计师,你们好。从很早前我一直在计划一连续的分享,名字叫“执行力强心剂”顾名思义,这是一种直接,甚至是机械的填鸭教程,目的就是为了使我们的视觉执行能力在短期内有一个品质的提升。这个分享针对的人群可能是实习设计师至中级设计师之间,在自己的表现手法进入到一个瓶颈期的时候,用于强制突破的教程。我们的目的不在于强迫使用,而是从中吸取灵感,掌握技术。这个教程是分期的,每一期,我会针对一种设计形式进行表现手法,与拓展联想的讲解。希望设计师朋友找到自信,慢慢突破这个教程,最终达到技不压身,真正的使用创意,而不被能力绊脚。
闲话不多说,进入这期的内容:字体特效执行。
在设计字体的时候,除了间架结构可以优化文字以外,字体的质感,色调,细节,等,都可以辅助提升文字的辨识度和可看性。有时候用对了特效后,文案的意义会更加直观明确。对于字体结构设计,之前已经有很多设计师发不过非常优秀的分享。在这里,我们只借鉴特效执行的部分。
参考一:锈铁金属,光线等效果的执行
Photoshop制作出立体的铁锈文字特效
电影哈利波特海报中出现的视觉效果起到了非常好的,对内容渲染的作用。略显陈旧的锈铁材质文字,搭配放射的光线,和一些字体上电闪火驰的细节效果,使整个画面气氛更加神秘,具有魔法气质。当这种气质的字体与效果延续到任何一个文字上时,受众一样会感受的到。就如同上图这个阿拉伯数字,其实内容是与电影无关的。现在,我们来把这个文字特效的制作过程分解。
Photoshop制作出立体的铁锈文字特效
我们勾出一个需要的形体。在这里我有哈利波特字体,如果有设计师想尝试一下,无需自己勾勒,我可以提供这个字体给大家。
Photoshop制作出立体的铁锈文字特效

浅浮雕效果制作出图形的立体效果,由于这个是一个国外网站的截图,里面的参数我建议不用参照,一切效果的数值,是通过自己的眼睛来把握的。
Photoshop制作出立体的铁锈文字特效
调整阴影部分的简便效果
Photoshop制作出立体的铁锈文字特效
找一张锈蚀肌理的图片,选择正片叠底效果附着在形体上面。
Photoshop制作出立体的铁锈文字特效

选择图形本身外延作为遮罩形体,隔离出多余的肌理图片
Photoshop制作出立体的铁锈文字特效
使用钢笔工具勾勒明暗交接处形状,图画出高光,在这里,我多说两句。对于物体材质的理解,每个人都有差异,但只要在生活中多去观察事物,我们很容易的在自己深层意识中记住材质的视觉感受。在这里,这种高光是略显夸张的,原因并不是执行者希望金属的材质更加突出(锈蚀的金属上高光是不可能那么明亮的),而是营造出一种魔法的电掣感受。
Photoshop制作出立体的铁锈文字特效
相对的,我们把细节完善到位
Photoshop制作出立体的铁锈文字特效

相同的方法,我们把主题物制作完成。(在这个步骤前,我悄悄的收起了一个截图,让大家参考,看看可不可以说出到上图截至,还有哪个步骤被我收起来了)脑筋只要一动起来,或许更多的灵感就涌现了出来。
Photoshop制作出立体的铁锈文字特效
光线的处理,1-物体本身的外发光微量 2-物体背后的主光源一颗 这是一种常用的打光手法,可以使物体的空间感倍增。希望可以掌握这个原理。
Photoshop制作出立体的铁锈文字特效
光线也是有细节的,设想我们在一片魔法森林里面,逆光的情况下我们会看到光线穿过空气中尘埃的微粒,这种空气感,是通过灰尘对光线产生的焦散达到的,我们制作的时候,在这种细节的处理上做的越多,我越能看出一个设计者的企图心。其实寇心自问一下,本人自己制作逆光元的时候,何曾不是傻傻的掠过这种精彩的细节。这一点,我们一起学习起来。

上一页12 下一页 阅读全文

昆仑资源网 Design By www.lawayou.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
昆仑资源网 Design By www.lawayou.com