图像与文字结合的常用技法—图字透叠

发布时间:2018/09/04 09:13 编辑:logofree

上一期我们跟大家分享了《图像与文字结合的常用技法——图字穿插》,我们要介绍另外一种技法,今天logofree君跟大家分享图像与文字结合的常用技法——图字透叠法


文字与图像以降低透明度或正片叠底等方式与之融合被覆盖的部分,图像与文字均为可见状态——简洁扁平。


主题:品牌周年庆Brand Anniversary

九周年一9th

精工细纺于细节处展现时尚商务格调,满足男士办公、商务、休闲等各种场合着装需要,时刻彰显动感与活力。


设计构思


主题是9周年庆,我们这里弱化折扣信息,主要表现品牌气质概念,提取关键字9为主标题,文字与图像以透叠的方法结合,使得被文字覆盖的不可见部分也能若隐若现的呈现在观者眼前。根据定位字体

选择具有时尚气质的黑体和无衬线体,以互补色来烘托华美与现代。


定位


品质、时尚、现代

将模特放入画面中

将模特放入画面中,可能是品牌创始人,或者是代表品牌气质的代言人。字体的选择并没有固定模式。这里选择和图像感觉类似的字体。与图像类似,字体也是图形化的,不同的字体会赋予画面不同的气质。通过分析图像,得出关键词阳刚、简练、时尚。根据定位,比较适合选择无衬线类字体。

早期无衬线字体

早期无衬线字体,带有复古的男性粗旷感,工业与理性的象征,特点是横平竖直的比划处理,更具中性的气质。因开口处比较小,在远距离或极小尺寸下会出现开口处粘连的情况,导致文字识别度变差。

具有人情味的人文主义无衬线

具有人情味的人文主义无衬线,特点是大的开口和敞开的字怀。相比带有机械感的无衬线体而言,非常适合屏幕显示和远距离阅读。线条曲线富于变化,笔画有书写的痕迹。

简洁的几何类型无衬线字体

简洁的几何类型无衬线字体,没有任何多余装饰。具有简练的笔画特征,给人时尚、前卫与概念的印象。本例我们选用几何无衬线与图像进行搭配组合。

将副色提高到明色调来让两个颜色和谐的搭配再一起

从图像中提取灰色调的红色,从色相环上看,选择与之相对的蓝绿色作为画面的副色,将副色提高到明色调来让两个颜色和谐的搭配再一起。

柔光操作

修改图层混合模式,使文字与图像之间隐约可见,也为文字内部添加

了更多的细节。增强画面表现力。根据画面实际情况选择相应的混合

模式选项,这里选择柔光。(在不同软件中设置稍有差异)

将之前组合好的主体元素置入到画面当中来,添加底色

将之前组合好的主体元素置入到画面当中来,添加底色。选择灰色调来烘托雅致与品质感,从模特肤色中拾取色彩,使色彩的出现与画面当中其他元素和谐的搭配在一起。

编排其他文字元素

接下来我们编排其他文字元素。主体置于画面中央,将其他文字放于页面四角空白位置。

保持版面的平衡与对比来搭建版面

经过布局,我们将文字转化成色块,通过点线面的组合搭配、层级之间关系的划分、以及保持版面的平衡与对比来搭建版面。

人物的脸部与眼睛是画面中第一视觉焦点

人物的脸部与眼睛是画面中第一视觉焦点。接下来视线会被下方的主标题吸引,随后会向左上方第二大的元素组移动,之后向右继续以顺时针移动直到右下的标志停留或继续向左移动。因为人的自然阅读顺序是从左上到右下。左下角的区域视觉较弱,我们将优先级不重要的元素放在左下。(相对于此版面)

我们将搭建好的版面中色块按照层级的大小关系替换成相匹配的文字

我们将搭建好的版面中色块按照层级的大小关系替换成相匹配的文字。

海报设计成品完成

这个版面就设计完成了,我们看一下最终效果。


图像与文字结合的常用技法图字透叠分享完成,图像与文字结合的常用技法还有一种方法就是置入空间法,我们会在下一期跟大家分享,敬请期待。

推荐阅读
Advert:[left_fixed_adv]