赞助商
立即赞助

如何从杂志里学会图片修饰方法?来看高手的平面教程!

平面设计3年前 (2021)发布 流光
2K 0 0

大家新年好,我是千树,在课程开始之前先给大家说一个坏消息,2020年了,首批90后已经迈入30岁的大关了,是不是感觉到有些焦虑呢?没关系,赶紧听课压压惊。

我们在翻阅杂志的时候,总是会惊叹杂志里的图片怎么会这么好看。其实杂志里的图片一方面是由摄影师专门为杂志的编排而拍摄的,另一方面,也是因为杂志对图片的处理手法十分巧妙,今天这节课我们将给大家讲解一下关于杂志里的图片都是如何处理的。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

在课程开始之前,我们先来看一些杂志的图片。这三张是以一张大图片为主体的杂志页面,我们将图片用红色的色块标记,文字则用蓝色的色块标记。我们可以发现,红色部分的面积远大于蓝色部分的面积。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们换成小图片的页面看看。同样的,图片的面积也远大于文字的部分。我们可以发现,现在杂志的大多数页面其实都是以图片作为画面的主体,或者说图片所占比重会比文字大得多。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

为什么会出现这种现象呢?那是因为图片与文字相比,图片的视觉冲击力和对人的吸引力远大于文字。为了能够吸引读者的购买和阅读,所以杂志页面中会加入丰富的图片。

图片的分类

那么我们接着先来了解一下关于图片分类的小知识。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

图片可以分为点阵图和矢量图,点阵图就是以像素组成的图,放大之后可能会造成模糊等失真的效果。矢量图则是由线条、几何图形等构成,可以随意放大缩小也不会失真。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

也可以分为摄影图片和手绘图片,顾名思义,摄影图片是用照相机拍摄出来的图片,而手绘图片则是通过笔或者手绘板画出来的图片。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

矩形图片和去底图,矩形图片是指外轮廓是矩形的图片,而去底图则是把环境都除去,只保留主体的图片。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

因为手绘的图片本身就会比实物的摄影图更加具备张力,也更容易给人提供想象,修饰的需求并没有摄影图来的这么高,而且手绘的或是矢量图在杂志中出现的概率相对比较少一些,所以本篇教程所针对的图片是左边的这两种,矩形或者是去底的摄影图片。

节课虽讲何图,图应该把控,追求效图,削弱图表,甚至版繁凌乱堪。某况,图需版够观,况图呢?。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

况使图身够,够质,需够撑版。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

况图列,图或,从画。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

况,并组够致或者表,图略掉节。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

况刻画简约画,尽避免图刻画,否则图使画巨违。

杂志中如何刻画图片

1. 去底

接下来正式进入本次教程的核心部分,杂志中对图片都是如何刻画的呢?我们第一种要讲解的方法就是前面提到的去底图。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

为什么说去底也算是一种修饰图片的手法呢?我们来看看这张图片,这张图片是我从一个电商网站上保存的图片。我们可以看到这张图片虽然十分的美观,但是模特的裙子和背景色调很接近,比较不容易展示裙子的细节。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们把他做成一页杂志,可以发现这个页面从版式结构上来说并没有什么问题,整体画面也十分美观。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

但是如果我们想要做一版能够展示裙子细节的版面,那么我们可以尝试把这个模特抠出来,裙子在纯色的背景上就足够清晰和亮眼了。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

把去底的模特放进版面中,这两个版面对比一下,是不是右手边的版面更加简洁有力呢?

如何从杂志里学会图片修饰方法?来看高手的平面教程!

另外,去底的图片相比起矩形图片也会显得更加灵活。我们用这样一个多张矩形图片整齐排列的画面来作为例子。这个版面排列十分整洁美观,信息都一目了然。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

但是如果我们想要让版面变得更加活泼和有张力一些呢?我们就可以通过去底来实现。利用图片去底之后所形成的负空间进行排列图片,让图片错落有致地排列在版面里,这样灵活处理出来的画面,会更加热闹和有张力。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

这些都是杂志中使用去底图片的案例。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

刚刚我们讲的只是去底图片的基础玩法,接下来我们要讲解一下去底图的另外两种高阶一些的玩法。首先是粗糙去底。粗糙去底就是大致地沿着主体的轮廓将主体抠下来,并不需要严丝合缝地抠图。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

还是用这个模特当做案例,如果我们觉得刚刚做的这个版面有些单调的话,那么我们不妨尝试一下粗糙去底的方法。粗糙去底的方式能让图片的形式感更加强烈。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

很多时候粗糙去底还会在图片底下加一个小小的投影,让图片有种不规则的小纸片的感觉。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

在杂志中这样的处理方式是非常常见的,它适合用在偏时尚潮流或者是偏文艺的版面中。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

第二种进阶玩法是半去底,也可以叫做局部去底,意思就是沿着图片主体的外轮廓将主体的局部抠出来。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

在这里给大家介绍两种比较常用的局部去底的小技巧。第一种是主体背后有轮廓明显的物体的话,我们可以将主体沿着主体背后物体的轮廓进行抠图,例如这个模特背后的门。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

当主体背后没有什么明显的物体让我们进行局部抠图的时候,那也没关系,我们可以使用第二种小技巧,将主体踩着的地面抠出一部分来,这样也能一定程度上展示主体所在的环境。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们同样将这两个抠好的模特放进版面里,比起最初的版本,这两稿的形式感会更强一些。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

这个杂志作品就用到了我刚刚介绍的小技巧。这样的去底方式能让版面更加活泼有趣。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

另外将去底图和矩形图片放在一起,能够产生强烈对比,表现力也会很强。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

例如这些杂志页面都存在着矩形图片和去底图片的对比。

嘲抠图,听,抠图,抠图远远简,图矩形图灵,泼闹属,将图,版质升。,除,图巧!

2. 叠加色块

讲见图——叠。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

叠,半叠叠。先讲讲半叠。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

,模。背叠,程填补留,另图形。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

除叠矩形,叠规则,规则相矩形灵负空,根据轮廓灵。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

案例,画饱呢?

如何从杂志里学会图片修饰方法?来看高手的平面教程!

讲讲叠,叠法图并列列版,图使叠法显呆。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

案例展示,例版,齐列蔬,由蔬形状各异,导致负空零碎,画显散。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

决叠,版变规许。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

够灵,将蔬,蔬或者投,版显灵零碎。

3. 描边/边框

法使描或者框。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

版泼,添框简捷法。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

需改变版结构,需矩形图添圈描,或者将图框立,版立即显泼趣。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

框形,例图框,条粗细组框,或者绘条框。志结框形。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

讲矩形图,图添描。例页志,描使,使深深棕背够凸显。

4. 字叠图

叠图志见法,简粗暴。叠图概,标题叠图,落叠图写叠图。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

首先讲讲标题叠图使。版,草图,图显。将标题叠图,使图视焦。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

将图换换,图变蒙草图,叠需注叠相呼应。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

将标题组叠压图例,将标题组叠图,标题图凸显。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

叠落,将落叠压图,版灵,落显枯燥。,识,落叠图,叠压。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

草案落叠压。由落,需注读,将落叠压浅空,尽证阅读流畅。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

叠压写,写叠压标题,需注叠压。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

写叠压将写属图,例图细写,潮流则叠压粗涂鸦写。

我们刚刚讲解的都是在矩形图片上叠加文字,那么在去底图片上能不能叠加文字呢?其实是可以的,像一些装饰的手写体,或者字号比较大的标题,在不影响识别性的情况下进行字叠图的手法都是没有问题的。但是!我们是非常不建议在去底图上叠加段落文字,因为一般去底图可以用来叠压文字的地方不多,如果要大面积的叠压段落文字,必定会产生识别度不足的问题,所以在去底图上叠加段落文字需要非常谨慎。

5. 利用文字进行修饰

那么除了字叠图之外,利用文字进行修饰的方式非常的多,我在这里给大家介绍几种比较常用的。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

将文字绕着图片主体排列是在杂志中非常常见的一种手法,能让画面变得更加活泼热闹。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们也可以将文字处理成发射状,模拟出一种喷口而出的感觉,使得图片更具有动感。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

添加对话框,能让图片变得十分生动,让静止的图片也有一种会思考或者会说话的感觉。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

类似的方式还有非常多,例如文字加指向性的箭头、个性的字体、数字,甚至是竖排的文字等等,都可以变成装饰图片的元素。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

还是用一个案例来示范一下吧。这次换一个鞋子的案例,我们看这个版面构图啥的都没什么问题,就是缺乏了一些活泼的氛围,那么我们加入文字的装饰性元素,版面就瞬间变得活跃了。

6. 添加装饰元素

如果我们想要添加装饰元素又缺少文案的时候,那我们就可以用下一种修饰手法,添加手绘的元素。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

装饰性的手绘小元素,能够模拟出人物或者是物体的运动趋势,让图片和版面具备运动感。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

同样这双鞋,我们给他添加一些手绘的小元素,也同样能够塑造出活泼生动的画面。

7. 投影

接下来要讲的是添加投影

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们来看看这些添加投影的例子,投影可以让图片变得更加真实,更具备细节,使得画面更加具备质感。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

这一个案例添加投影也可以一定程度上解决画面单调的问题,但是他具备的气质并不是添加装饰性元素的活泼热闹,添加投影带来的是使画面更具备质感。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

添加投影除了刚才使用的真实投影外,我们还可以用这种假的投影,其实就是一个叠在主体下方的,与主题轮廓相似的几何色块。这种方式更注重的是表达一种形式感,而非真实感。

8. 倾斜

第8种的修饰手法是倾斜。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

倾斜的手法能让图片具有不平衡感,从而产生强烈的动感。关于倾斜我们之前已经有别的教程详细说过了,那我们就直接看看案例吧。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

我们将这双鞋子进行倾斜摆放之后,感觉画面就不那么单调了,产生了一定的张力。

9. 出血/跨页

最后一种方式是出血和跨页处理的手法。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

也许你们会想怎么出血也算是修饰手法呢?不就是放大而已么?没错,放大也能算是一种修饰手法。在图片足够高清的情况下,放大能让读者留意到许多我们平时不注意的细节,增添了版面的细节感。相对于完整的图片,经过出血的处理的图片遭到了裁切,会产生一种陌生感,也能够让读者觉得更新鲜。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

最后我们还是用这双鞋子来示范一下,因为鞋子放大出血之后,版式结构会遭到破坏,所以我们得换一个新的构图。由于经过出血处理之后的鞋子并不完整,所以我们在上方加入了一双小的完整的鞋子作为信息的补充。

好啦,我们给大家总结的杂志里处理图片的小技巧已经全部讲完啦,不知道大家都学会了没。虽然说我们是从杂志的设计中总结出来的设计技法,但是并不意味着这些手法就只能应用在杂志设计中,设计其实都是共通的,并没有说某些技法就只能被用在某些领域中。下面我们就给大家带来一个海报的案例,给大家演示一下如何将杂志中的骚操作带到别的设计中。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

因为我们使用的是杂志的编排技巧,比较适合时尚、潮流或是文艺的风格,所以我们选择做一个潮牌的宣传海报,这样在气质上会比较相符合。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

首先建立一个版面并确定好页边距。接着我们把画面的主体,也就是这个潮牌的创始人陈冠希欧巴放在画面中间。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

然后将标题文字放在版面右上角,标题文字我们做了一个投影的效果增强标题的形式感。对应的,我们在版面的左下角编排二级信息的文字,做一个对角线的呼应。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

接着将其余的文字安排在左上角和右下角,我们整个版面的大体框架就出来了。我们可以看到现在这个版面的留白太多,形式感不够强烈,缺乏氛围感。接下来我们就要用我们今天教程所讲的手法来一一解决这些问题。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

先来一个叠加色块的手法,在欧巴的身后叠一个黄色的圆形色块,那么上半部分负空间零碎的问题就一定程度上得到了解决。接着再来添加一个投影,这个投影我们选用了高明度和高纯度的青蓝色,这样更加有时尚有趣的感觉。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

然后使用字叠图,从文案中的slogan里提取出It’s Movement的英文放大叠在人物身上,这里我们选用了一款比较有趣的粗无衬线字体。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

剩下的负空间我们用添加文字装饰元素和手绘装饰元素的手法填满。最后的最后,再给版面上加一层点元素背景,增加版面形式感。我们这一张海报就最终成型了。

如何从杂志里学会图片修饰方法?来看高手的平面教程!

案例做好了,那么我们今天的课程也就进入尾声啦,不知道今天的课程是否能给你带来收获。今天的课程除了给大家总结了杂志中图片的处理技法之外,也希望作为设计师的大家能够多看多记多感受,设计是无处不在的,如果你只盯着自己的专业领域的话,那你在设计上是比较难有长进的。例如曾经非常火热,而现在慢慢冷却了的杂志依旧能在做设计的时候给大家提供非常多的灵感,之后我们也会还有更多相关的教程,希望能够给你们带来启发。那么我们这节课就到这里结束,我们下期再见,拜了个拜。

欢迎关注研习设的微信公众号:「Yanxishe2017」

如何从杂志里学会图片修饰方法?来看高手的平面教程!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :这一次我想给大家分享的是关于文案超多超多的海报设计到底该怎么去排版这个主题。 因为之前一直都有人问我...
做设计的面条
「倾斜构图」是版面整体或部分元素以倾斜的角度呈现在画面上,可以产生不稳定的动感,画面显得更具创意性,充满活力,也更有...
倾斜构图
2020年已经扬帆起航,每当辞旧迎新之际,人们总喜欢习惯性思考一些关乎职业方向的问题,比如平面设计师可能会想,明年还要继...
平面设计
本期带来的是「满版构图」的使用攻略,当要营造丰富饱满、轻松热闹、充满趣味性等氛围的版面时,满版构图是不二之选。 ...
平面构图
@飞屋睿UIdesign :虽说中国不是英语国家,但是在现代平面设计当中,很多时候也会涉及到对英文的使用。尽管大部分时候,英文...
中英文排版
在日常的设计工作中,我们经常会碰到:「因为作品中视觉元素过多,导致整体视觉主体不够突显,使得画面杂乱、缺少主次关系、...
平面设计
Hi,大家好,我是娅一。 我们平常做海报和包装的时候,会对陌生感和趣味性有要求,不然一张随处可见的普通照片,会让你精心...
平面设计
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计