你会裁剪图片吗?

2021-02-21

对图片进行剪裁,使其获得更完美的视觉效果,是图片的常见处理方式。通常情况下,将图片裁剪分为常规裁剪、异形裁剪、褪底裁剪三种。

什么是常规裁剪?

常规裁剪,就是横幅裁剪与竖幅裁剪,且裁剪后的图片轮廓为矩形形状。

常规裁剪应怎样裁剪才好看?

方式一:九宫格裁剪法

首先,建立一个相对标准的三等分网格,即“九宫格”。

确定主体元素,将需要裁剪的部分置于网格中(网格大小可根据实际情况调节),而后让主体元素处于网格的任意交叉点上。

确定裁剪区域并完成裁剪,便可得到一张主体相对突出且视觉效果趋于完美的图片效果,怎么样?是不是很简单呢?

方式二:中心裁剪法

确定裁剪形状,并建立辅助交叉线。


确定主体元素,将需要裁剪的部分置于有交叉线的网格中(网格大小可根据实际情况调节),而后将主体元素置于交叉点上。

确定裁剪区域并完成裁剪,便可得到一张聚焦能力极强,且视觉效果规整的图片。

方式三:对角线裁剪法

确定裁剪形状并建立如上形式的对角辅助线。

确定主体元素,将需要裁剪的部分置于之前所建立的网格中(网格大小可根据实际情况调节),而后将主体元素置于任意交叉点上。

确定裁剪区域并完成裁剪,便可得到一张形式美感较强的图片,除此之外,交叉点的选择往往会对整幅图片的情感诉求造成影响。

方式四:黄金比例裁剪法

黄金比例裁剪法与九宫格裁剪法较为相似,其不同之处主要体现在对网格辅助线的比例划分上,前者按照黄金分割比例(0.618∶1),后者按照等分比例。

按照黄金分割比(0.618∶1),建立一个类似于九宫格的网格。

确定主体元素,将需要裁剪的部分置于按照黄金分割比进行划分的网格中(网格大小可根据实际情况调节),而后将主体元素置于任意交叉点上。

确定裁剪区域后完成裁剪,便可得到一张极富美感、主体突出的图片。

小贴士

在网格中建立一条黄金螺旋线作为辅助线,而后将主体元素置于螺旋中心点上,最后进行相应的裁剪,所得到的图片效果,同样富有极强的视觉美感,但其网格建立相对复杂,不如黄金比例裁剪法便捷。

注: 以上四种裁剪方式较为常见,适用于各种常规图片的裁剪,但不排除特殊情况的存在。

什么是异形裁剪?

简单来说,异形裁剪就是将图片轮廓裁剪为除矩形以外的其他形状,通常可将其分为两类,分别为抽象式裁剪和具象式裁剪。

什么是抽象式裁剪?什么是具象式裁剪?

方式一:抽象式裁剪

让图片轮廓保持抽象图形的造型,是该种裁剪方式的核心。

方式二:具象式裁剪

让图片轮廓保持具象图形的造型,是该种裁剪方式的核心。


什么是褪底裁剪?

褪底裁剪又可称为“去底裁剪”,简单来说,就是将一幅完整图片的背景去掉,仅保留主体部分,所得到的图片轮廓生动、醒目。

褪底裁剪的关键技巧是什么?

在裁剪时,切勿让图片边缘显得毛躁或产生锯齿。如果主体物象的边缘细节过多,或背景中的细节过于复杂影响裁剪效果,那么在裁剪图片时,可对主体元素的边缘做适当的虚化处理。

设计手札

在一些注重版面美观性的版面设计中,对图片裁剪的要求甚高,例如杂志内页、淘宝店铺的装修等。而在实际设计中,具体使用何种裁剪方式,需要根据版面的图文比例、主体元素的呈现效果等方面来确定。

欢迎模块展示图片

提出方案

这是某数码旗舰店的官方淘宝界面设计,该界面的整体设计风格已基本定位,接下来,需要做的是将上面陈列的六种数码产品放在现有界面的对应位置上。除此之外,还要将给出的欢迎模块展示图片放在展示模块之上。

明确设计重点:

考虑到版面的限制,需要对上面给出的商品照片与欢迎模块展示图片进行适当的裁剪,再将其放在合适的位置上,置于选择何种裁剪方式,是接下来的设计重点。

确定设计方案:

出于对以下三个因素的考虑,决定将商品照片进行褪底裁剪处理。

商品摆放区已设置有底色。为了更好地对商品本身进行突出展示。让整个版面看上去相对灵活整体 。

对照现有版面所预留出的欢迎模块展示图片空间,需要将展示图片裁剪为如下形状。

最后,以女孩手中的相机作为主体元素,并采用了九宫格裁剪法进行图片裁剪。

完成作品设计

设计者为商品图片与欢迎展示图片选择了较为合理的裁剪方式,并将其放在对应位置,使整个版面不论是从整体的美观度上,还是商品的展示突出上,皆获取了较好的视觉效果。


本文源自于《平面设计其实很简单》,版权归作者所有。