在日常设计中,大家多多少少都会遇到配图的问题,文章配图、海报配图、UI配图等等。
一张合适的图片自己会说话,为你的作品加分,正所谓:一图胜千言...
我们在设计过程中总会遇到图片素材大小、尺寸、形状、内容等不合适的情况。
这时最简单的解决方法就是:正确使用图片裁剪,裁出心中所想,剪出心中所要。
下面从六个方面来详细介绍图片裁剪技巧:
1.基本裁剪
2.多图像裁剪
3.强化主题
4.细节化裁剪
5.延展图片空间
6.抠图裁剪
a.大小、尺寸、位置裁剪
无论是做海报、书籍还是ppt等设计,都会遇到图片不合适的情况,简单的裁剪可以使图片更合适。
大小、尺寸的裁剪是经常遇到的,也很简单,在这里就不多说了。
b.形状裁剪
摄影师拍出的图片和日常中找到的素材图片大多是矩形形状的,这样的素材中规中矩,没有特色。用在设计作品中会显得千篇一律,不够设计感。
通过形状裁剪,对素材进行改造,会为你的作品增添不一样的感觉。
大家来看下这张图,如果我们把它用在ppt设计中,它只能作为全景大图放在底部当背景,然后在上面放上我们所需的文字。
来看一下效果:
是不是显得很杂乱,标题文字不够突出,和背景图傻傻分不清。
下面我们对图片进行形状裁图,看看能有什么新花样?
同样的图片,裁剪成不同的形状,在空白处添加文字标题,一张ppt封面就这样搞定了。
不同的裁剪形状会带来不一样的感觉,怎么样?是不是还不错啊
形状裁图在ppt中是个很有用的技巧,学会这个技巧,就再也不怕自己的ppt没有特点了!下面是详细的操作步骤:
鼠标单击图片,在功能区点击 图片工具:格式——裁剪——裁剪为形状,然后点击自己所需要的形状即可。
利用这个技巧,我们还可以做出各种不同的图片样式。自己可以动手尝试一下哈。
c.不规则裁剪
上面提到的形状裁剪都是我们所见到的中规中矩的数学几何图形,那么,图片可不可以被裁剪成千奇百怪的不规则图形呢?
答案是:必须的!
通过不规则裁剪我们可以做出以下效果:
是不是立马有了设计感,告别无力设计,你只差这一步!
不规则裁剪用到了两个技巧,一个是插入行状中的曲线工具,另一个是布尔运算。(在这里不多讲这两个技巧了,日后会专门写文章详解)
在这里,我录了一个动图,来看一下不规则裁图的具体操作:
看完详细操作,记得动手尝试一下啊。
尽情释放你的想象力吧!
a.多人物裁剪及排版
在做人物介绍ppt时,经常遇到多人物排版。
每一张图片都大小不一,人物主体更是形态各异,为了更好的页面效果,这时就需要用到图片裁剪使人物图片统一。
下面请看实例:
每个人物大小都不一样,位置高低错落,页面极其杂乱。
针对多人物排版,我们首先要先固定人物的头部大小,通过放大缩小图片使所有图片中的人物头部大小均一,且视觉位置统一,即眼睛的高度一致。
看到这里,每个人物大小基本保持一致了,视觉位置也已经统一,接下来给图片添加一个背景色,衬托人物。
最后将多余的部分裁剪掉。
怎么样?学会了吧,是不是整齐了很多?
a.排除干扰,突出文字
我们先来看一页ppt:
在这页ppt中,可以看出,文字和背景图黏连,不够突出,不能更好的让观看者明白页面重点。
背景图太满,页面显得很拥挤。
下面将背景图放大进行裁剪,得到下面页面。
放大图片,裁剪使楼房高度占总页面高度的三分之一。
现在页面拥挤、主题不突出的问题一下子全解决了。
同时告诉大家一个技巧,像这种大图背景,一般要给文字预留三分之二的空间,大家可以看到,这张页面中的楼房高度约占整个页面高度的三分之一。上方三分之二的天空留白用来放文字,使得文本内容更清晰。
一般来说,在排版中将页面三等分或者黄金分割,得到的页面效果最自然。
再来看下一个案例:
一栋楼房,一个旅馆的牌匾,橘色的灯光在夜晚显得格外突出。
为了能更好的突显旅馆牌匾,我对图片做了简单处理。
将图片放大裁剪,保留旅馆牌匾全貌,为了降低楼房的干扰,我又加了一层黑色渐变蒙版,使主题更突出。
随手加上两句话:夜深人静时,酣睡下榻处...
一张既温馨又有意境的ppt就出来了,也不失为一个好的广告宣传。
b.放大主体,拉近距离
这里有两张图片,虽然我们可以看出图片想要表达什么。
但是,有没有感觉有点不舒服?
让我来告诉你不舒服的地方在哪里。
主要原因就是:图片主体元素占比过小,视觉上不够突出。
我们只需将图片放大裁剪就可以轻松解决。
草地上慵懒的狮子,开心的情侣。
怎么样,是不是一下子视觉冲击力更强了呢?
通过放大裁剪我们可以使图片提升视觉效果。
下面再来一页:
接下来,我们将其放大裁剪
放大裁剪之后,可以看到了鞋子的更多细节,顺手做了一页细节展示页面。
是不是一下子就学到了产品细节展示的精髓?!
接下来,我们进行第四部分:细节化裁剪
a.一图多用
经常听到小伙伴抱怨说,找不到素材,找不到合适的图片...
也有的做一份简单的日常ppt,竟然要下载几十张图片...
不要担心,当你看完下面内容之后,这些困扰都会弃你而去...
我们来看一下这张图片,我们可以看到几个信息点:柠檬、宝宝纸尿裤、亲子...
通过裁减,可以分别重点突出这几点信息。
先来看第一个,宝宝纸尿裤
哈哈哈,只需九块九,放心带回家!
下面,我们来接着裁。
这次裁剪偏上一点,留出母子面部细节,裁掉BABY纸尿裤,得到一张完全不一样主题的图片,加上文字介绍,新的页面就完成了。
通过上述案例,可以明白:通过不同位置的裁图,可以表达不同的信息。
这样一张图片就可以有多种用途。
掌握一图多用的技巧,还会担心没有图片素材可用么?
b.极限尺寸
对一个元素放大裁剪,在不影响识别的情况下我们可以裁剪到何种程度呢?
下面来看一个案例:
一片草地,一个足球,它想要表达什么?
是草地?还是足球?
如果要表达足球呢?怎么做才能使其更突出?
我对图片进行了极限裁剪,是不是依然可以一眼看出是一个足球,和整张图片对比,不但可以识别出足球元素,而且弱化了草地,使足球更突出。
利用这个极限裁剪,我做了一页关于运动的ppt
有没有感受到运动的力量、生命的气息
c.增加动感
在细节化裁剪中我们已经学习了一图多用和极限裁剪,是不是很好用?下面我们来学习细节化裁剪中的最后一个知识点:增加动感。
所谓增加动感,就是给普通的图片增添活力,赋予图片生命!
这张极具动感的极速摩托,有没有吸引你的眼球?
我觉得这张图片还可以更具动感!
不信你往下看
将图片放大,同时旋转图片略微倾斜,使公路边缘更倾斜,是不是更有动感。
小结:
以上就是关于图片裁剪的上半部分内容,带大家一起回顾一下上述内容:
1.基本裁剪
大小、尺寸、位置裁剪
形状裁剪
不规则裁剪
2.多图片裁剪
多人物裁剪
3.强化主题
排除干扰,突出文字
放大主题,拉近距离
4.细节化裁剪
一图多用
极限裁剪
增加动感
由于内容较多,故分为上下部分。
觉得有用的话,请关注我,后续内容更精彩!
设计源于生活...