字体视界
按图片找字
2020
12-23
18:39
上传者

甜甜

来源

胡晓波工作室

字体海报编排基础逻辑,教你学会动态字体

来自胡晓波工作室,喜欢胡晓波字体的请点击此链接下载:https://www.17font.com/u/hxbziti/


动态字体海报,相信大家已经看过很多,但做起来还是有些望而却步,今天就把字体在版式中应用的可能性和常用思路分享一下,上来就是实操!!


图片


图片


既然是字体海报,首先肯定得有字体设计,需要适当考量在版面应用的可能性;其次要对字体的效果进行调整或者增加形式感,因为字体是海报的主体;最后才落到如何将字体以合适的构图呈现。


开始第一个案例实操,先来看一下基本信息。



这个海报是以“空间”作为主题,想表达“假如空间是张白纸”这么一个概念。那就以这个为基础,尝试字体部分的设计。


图片


先尝试基础字形,不加修饰直白表达。基础较差的同学可以考虑参考常用的标题字,垫底也无妨,注意合理即可。


图片


在做基础字形的时候,一般需要注意两个问题,一是笔画的粗细设定,基于视觉平衡,常规是把竖笔设定稍粗一些,横笔相对细一些,如果有倾斜角度的笔画,需要适当调整粗细,让整体协调。


图片


第二个问题就是结构,将字体笔画四周物理对齐,笔画之间的间距尽量秩序化,能对齐的尽可能对齐!至于笔画的位置摆放,零基础的同学可以多参考字库的处理。




基础字形总觉得少了些设计感,我们尝试将空字做了部分的笔画变形。在做笔画变形时候,我们可以先从笔画内部的小部分开始变化,比如空字中撇捺的处理方式,在整体结构不变的基础上增加设计感。




我们也可以做更大的结构变化,这种类型的整体难度较大,会涉及到结构与笔画的协调。一般先从手稿尝试开始,选定方向后优化细节,咱们不做展开。


图片


先尝试一个基础效果,做一个类似渐变的效果,实现方法极其简单——直接复制,然后用剪切蒙版选取保留的部分即可。


图片


字效搞定后,接下来进入版面的编排。我们先把文字部分,划分好层级关系,搭配合适的中西文字体,并尝试加入颜色,还有丰富细节的小元素。




最后以双栏构图的形式,这样第一个案例基本完成。


图片


再来尝试一个方案(主要是对上一个方案不够满意),还是选择跟前面一样的基础字形。


图片


我们用“路径查找器工具”把局部进行切割,然后做一个错落的处理。增强字体的视觉形式。


图片


同样的,我们先把文字组编排好,再结合配色和不同元素。




依旧尝试用一个双栏左右排版的基础构图,将“空间”作为文字主体放大置于右侧,其他文字信息弱化,秩序化规整排版,而小的放射性元素则是烘托潮流调性。





再来一版!看看能不能把“空间”做出更好的效果~


图片


尝试用混合工具增强一下字体的立体层次。将“空间”复制一个缩小,颜色调整为跟底色相同,放置于中间。双击“混合工具”调整步数,之后分别单击大的字体与小的字体。


图片


文字信息层级划分后,我们以色块组合文字部分。




整体编排的方式并不难,居中构图的方式,将字体放置于版面正中心。为了增加整体的层次感,把四周的配色调整为红蓝撞色,还把灰色的底色增加了白色的线框,最后整体又叠加了一个倾斜的线条纹理。





乏了~咱们换一个题目来做。“物相”,艺术家想表达的是“关于存在与感知的哲学思考”。所以这版字形,我们可以稍微灵活一些,对结构笔画不必太拘泥。




结构相对灵活的字形,每个人都有不同的习惯。我一般是习惯以手稿的方式,或者是参考古籍书法。尽量让结构笔画的变形是符合手写感的,避免连接生硬,有违和感之类的问题。


图片


考虑到后面版式的调性是偏文雅一些,于是把字体的编排方式改为上下,并且将笔画调细。


图片


将文字信息层级划分清楚后,尝试结合元素以及排版调性。


图片


最后我们以上下的横向四栏作为构图基础,文字组合交叉秩序化的编排。在整体版面中,为了与字形和主题呼应,引入了两个红色圆圈和印章元素。





作为良心教程必须再来一个案例!主题是“声音棱镜”,是一个感官实验室的艺术项目。


图片


先来搭建一个基础字形,这个时候并没有考虑太多主题。主要是处理好整体的结构以及笔画的曲线空间。


图片


为了表达棱镜散射的视觉观感。将笔画做了锋利的穿插和切割,这种效果只需要在合适的地方增加锚点,直接拖动锚点就能得到。


图片


考虑笔画变形过于尖锐复杂在排版中难协调。于是将倾斜的笔画统一了角度并做了大角度切割。




这边我们把字体做了一个渐变结合的效果,其中涉及到以下操作关键点。




在做渐变的时候,一定要把一边的颜色调整为跟底色一致,将不透明度改成0%。如果想要有两层的变化,就再复制一个,操作方式还是一样的。


图片


配色就定红黑搭配,文字排版方式做跟前面一样的色块组合。


图片


构图和版面搭建的方式其实与第三个方案一样,字体设计作为主体,放置于版面中间。其他的信息以色块结合的形式摆放。只是这边为了增强整体的表现度和质感做了字形的四周渐变,以及叠压了一层质感。





综合以上几个案例,我们可以很清晰地得到做字体海报的逻辑方法,主要是两个大点,一是字体形象作为海报主体是否合适,有足够的表现力;二是整体版面的调性是否合理,信息传达是否清晰准确。



图片

图片



图片


接下来就是动态部分啦~


图片

   免责声明:该文来源上传者上传或转载,也有作者本人供稿或转载,不代表字体视界、字体资讯、本公司的观点和立场,本公司并不对其真实性负责。内容展示传播目的仅为传递更多信息供广大网友阅读与学习,丰富互联网信息。【该文如有涉及内容、文章、图片、字体侵权,请及时与我们联系下线处理。(举报邮箱:font@17font.com ;举报者请提供:姓名、电话、如涉及版权请提供版权所属证明文件),我们会在收到举报邮件后尽快给予回复,经查属实会对内容进行下线处理。】
热门资讯 / 热门问答
推荐文章