浏览 5358 次 / [ 设计教程 ] 字图重叠同构手法案例解读--《复联4》电影字体海报设计
  • 发布时间 2019-04-24 13:03
  • 字图重叠同构手法案例解读

    《复联4》电影字体海报设计

    设计大脑·牛教练
    微信:designiu

    《复联4》就要上映了,期待了许久的终局之战,让影迷确实心痒难耐,化成灰的英雄能不能复活?怎么组团打灭霸?为了迎接复联4,我打算用这个题目做字图同构案例演示:

    字图重叠同构手法案例示范
    《复联4》电影字体海报设计


    复联4主海报.jpg


    为了区别,我没有使用“复联4--终局之战”这样的文字,而是自己定了个主题,英雄组团打灭霸,据说美队可能会死掉,我就用“英雄不灭”做了主题,上面这幅主海报里没有字图同构手法,笔画字形也很简单,就是加了点衬线。

    由于我们是字图重叠手法,要加图进去,这个字比较光滑,就直接将英雄人像叠在上面,有点镜面反射的感觉。由于逻辑上对重叠的使用并不具代表性。所以,我就在材质上多处理了下。


    复联4主海报-带人物海报.jpg


    下面的三张C位英雄(钢铁侠,美队,雷神)的海报,我选择了他们在电影中最diao的,最反应英雄性格与情结的,当然也是最激烈人心的台词,作为精神文字符号。


    钢铁侠不甘做面具后的英雄,所以,向世人公布身份的那句“I am IRON MAN”最能体系其性格,作为漫威英雄的核心,“托尼屎塔克”的性格赋予了钢铁侠个性,并拯救了漫威影业。


    钢铁侠文字海报1.jpg


    颜值担当的美队,绝对正义凌然的形象,最能反映其精神的莫非那句“I can do this all day”,无论是在改造之前还是之后,都会不惜一切代价与邪恶死磕到底。据说,复联4,可能作为一代美队的他,就要死掉了,哎,其实是演员不想被英雄角色定型。罗伯特唐尼也是奥斯卡级别的演员,年轻时的《卓别林》就已经为他赢得了奥斯卡男主题目,这些年琐事缠身之外,净忙着拯救漫威了,所以,后续阶段的漫威电影,他应该也不会再出演了,作为演员基本都还是渴望尝试更多角色的可能性。否则演什么都是超级英雄,对有追求的演员来说也是满可悲的。

    美队文字海报1.jpg

    雷神算是漫威宇宙里的代表性的神话英雄,虽然所有的英雄身上都有悲剧情节,但是这个更传统的神话英雄,身上的悲剧成分肯定更足些,母亲被杀,父亲被害,亲手封印姐姐,爱恨相杀的弟弟也被灭霸了,家园被毁不说,连女友波特曼也与漫威影业闹掰,不得不“被”分手,可悲!!所以,我选了复联3里的那句“What more can I lose?”对这个悲剧英雄,他已经没什么可以失去了的了,终局一站,他只能破釜沉舟~


    雷神文字海报1.jpg


    文字元素提炼:

    “英雄不灭”的主题,复联3里一半已经化成灰了,也就只有精神不灭了,什么能代表精神?精神这种抽象概念找不到具象符号,就用文字符号!所以我才提炼了前面代表精神的台词~作为海报里的文字元素。

    字图同构手法应用:


    640.webp.jpg


    三个人物素材我直接使用的漫威官方海报里的

    640.webp (1).jpg

    由于要在上面叠图,文字不能太细。还好,粗的厚重印象也能表达决心的印象。

    640.webp (2).jpg

    剩下的都是材质特效素材的应用了。
    主要就是一种金属材质,一种玻璃碎片的动作使用,具体操作参见视频。

    塑造体积空间的字图排版
    在我们笔画字形篇的体积空里,重叠遮挡也是一种塑造体积空间的手法,这点在版式上经常使用,如果我们把文字和图进行重叠排版,也可以做成下面的排版:

    3 钢铁侠海报-3.jpg

    3 美队海报-3.jpg

    3 雷神海报-3.jpg

    4 钢铁侠海报-4.jpg

    4 美队海报-4.jpg

    4 雷神海报-4.jpg


    排版思路技巧:

    1)充分利用空间——因为人物没有占满画面,外面比较空,为了让观众的视线能够浏览到更多的画面空间,所以用文字铺满了版面。同时从视觉元素上看,字母是“点”与人物的“面”形成了点面对比,字母之间又形成了线,所以,点线面都有了。

    在视觉风格上,这种排版通常被总结成散点效果,其实就是别让观众的视线一直停留在人物主体上,通过点(字母)的视觉张力(聚焦)来转移。

    2)空间层次——由于有了图字的重叠,就要考虑前后的空间关系,这里通过穿插遮挡形成了空间感。

    整体上来说,这种排版表达的含义与感受,与复联的逻辑和印象不一致,这种排版只是在为英雄人物做说明,仅仅算是一个排版


    视频参见字体系列教程
    《字图重叠同构案例解读》

    字体教程推广.jpg
    更多设计内容,请关注设计大脑公众号
    版权1160.jpg