技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 执行力强心剂之一:字体特效篇

执行力强心剂之一:字体特效篇

浏览:1869次  出处信息

    

    各位视觉设计师,你们好。从很早前我一直在计划一连续的分享,名字叫“执行力强心剂”顾名思义,这是一种直接,甚至是机械的填鸭教程,目的就是为了使我们的视觉执行能力在短期内有一个品质的提升。这个分享针对的人群可能是实习设计师至中级设计师之间,在自己的表现手法进入到一个瓶颈期的时候,用于强制突破的教程。我们的目的不在于强迫使用,而是从中吸取灵感,掌握技术。这个教程是分期的,每一期,我会针对一种设计形式进行表现手法,与拓展联想的讲解。希望设计师朋友找到自信,慢慢突破这个教程,最终达到技不压身,真正的使用创意,而不被能力绊脚。

     闲话不多说,进入这期的内容:字体特效执行。

    在设计字体的时候,除了间架结构可以优化文字以外,字体的质感,色调,细节,等,都可以辅助提升文字的辨识度和可看性。有时候用对了特效后,文案的意义会更加直观明确。对于字体结构设计,之前已经有很多设计师发不过非常优秀的分享。在这里,我们只借鉴特效执行的部分。

    参考一:锈铁金属,光线等效果的执行

    

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

    

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

    

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

    

    调整阴影部分的简便效果

    

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

    

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

    

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

    

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

    

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

    

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

    

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

    

    细节,细节,光线的穿透力和空间距离对眼睛的刺激是可以复制的。放射形式的光线在这里就是直接的体现。

    

    好了把一切总结在一起的时候,我们看到了一个很突出的文字效果,真实感相信大家学习后可以做的比这个更加掷地有声。著名设计师兼奶爸max先生曾经呼吁北京地区设计师进行10好10坏设计区分练习,一个好的作品,就要这样吧细节分解开。我们捕捉到的细节越多,说明我们得到的东西越多。细致的对一个简单的光线进行分析后,大家有没有发现,仅仅是10分钟,我们获得了更加细致,精确,科学的执行方法?

    

    远景环境和近景的对比可以拉出空间感,环境的气质也可以映衬出主题需要表达的更多内容

    

    环境的处理手法每人不同,我们快速跳过,直奔环境的完成效果。

    

    虚化处理-景深,视觉焦点当然就放在了近景。

    

    色调调整这里我不建议使用色彩平衡,这是一幅比较简单的背景,但如果在今后处理更复杂的背景环境时候,使用可选颜色才是王道,所以,这个步骤,只是让大家看到色调改变后的效果。

    

    光线的蔓延路径宽度会影响主体物的吸引力,过多的背景会影响画面,导致画面杂乱。

    

    现在,再猜猜我把哪个步骤藏起来了。最终效果已经完成了,现在这个图像,已经成功的带给我们意境,软件和手法训练纯熟的情况下,这个画面的执行时间不超过20分钟(素材收集除外)但画面的细节已经足够观众驻足观看超过5秒的时间,这是非常成功的。

    

    执行者签上了自己的大名,我简单的对视觉执行做一个总结。

     在这段不到15分钟的阅读时间里,我们可以学到的点不同,有人掌握到光线的处理,有人明白了质感的制作方法。但我最想看这个分享的人发掘的,是自身的潜力。我们大脑中都已经存储了太多的光线,质感,形式,但是我们没有方法表现出来。我现在将一种方法解刨,大家会发现执行起来是多么简单。既然学会了锈蚀金属的质感制作,我们何不自己尝试一些其他质感,使用相同的观察细节的方法,我们可以把这个相同的电型阿拉伯数字做成美味的牛奶糖效果,colorful的缤纷效果,fancy的嬉皮效果等。如果掌握了观察东西的方式,学会了灵活运用工具。还有什么好怕?我们的创意已经不再被执行能力局限。这才是一个合格的设计师。

     这一次分享我只用一个例子来阐述我的观点-观察能力,执行的思路。《执行力强心针》还会继续下去,今后还会有3-4次的字体特效执行力分析,然后我们把视野扩大到整体画面(大概3-4次),希望逐渐帮到正在苦恼的设计师们。

     在日后的分享中,我还有可能发布一些设计师学习画面表现的成果,希望大家从中一起进步。执行力是一个设计师首要的素质,它包括的不只是软件精通,而是能否创造出自己最适应的表现手法。不管是借助插件还是素材,也不管是抄袭还是自创,只要能够得心应手,都是优秀的执行。我们在今后的工作中会遇到各种各样的挑战,只要先有了执行的自信,相信困难会更加快速的被排除。

建议继续学习:

  1. Vim(gvim)编程字体推荐    (阅读:6368)
  2. 介绍“最好的编程字体”Monaco    (阅读:6397)
  3. 等宽字体:程序员的字体    (阅读:4710)
  4. CSS设置字体大小    (阅读:3854)
  5. 解决Chrome最小字体限制    (阅读:3095)
  6. 默认Web字体样式    (阅读:2873)
  7. 字体文件也属于二进制文件    (阅读:2727)
  8. Google font api、web font与中文    (阅读:2457)
  9. 更改 Windows 10 命令行字体    (阅读:2593)
  10. 再谈 Web 默认字体    (阅读:2345)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:设计要注意火候 >>
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1