
你会裁剪图片吗?
2021-02-21
对图片进行剪裁,使其获得更完美的视觉效果,是图片的常见处理方式。通常情况下,将图片裁剪分为常规裁剪、异形裁剪、褪底裁剪三种。
什么是常规裁剪?
常规裁剪,就是横幅裁剪与竖幅裁剪,且裁剪后的图片轮廓为矩形形状。
常规裁剪应怎样裁剪才好看?
方式一:九宫格裁剪法
首先,建立一个相对标准的三等分网格,即“九宫格”。
确定主体元素,将需要裁剪的部分置于网格中(网格大小可根据实际情况调节),而后让主体元素处于网格的任意交叉点上。
确定裁剪区域并完成裁剪,便可得到一张主体相对突出且视觉效果趋于完美的图片效果,怎么样?是不是很简单呢?
方式二:中心裁剪法
确定裁剪形状,并建立辅助交叉线。
确定主体元素,将需要裁剪的部分置于有交叉线的网格中(网格大小可根据实际情况调节),而后将主体元素置于交叉点上。
确定裁剪区域并完成裁剪,便可得到一张聚焦能力极强,且视觉效果规整的图片。
方式三:对角线裁剪法
确定裁剪形状并建立如上形式的对角辅助线。
确定主体元素,将需要裁剪的部分置于之前所建立的网格中(网格大小可根据实际情况调节),而后将主体元素置于任意交叉点上。
确定裁剪区域并完成裁剪,便可得到一张形式美感较强的图片,除此之外,交叉点的选择往往会对整幅图片的情感诉求造成影响。
方式四:黄金比例裁剪法
黄金比例裁剪法与九宫格裁剪法较为相似,其不同之处主要体现在对网格辅助线的比例划分上,前者按照黄金分割比例(0.618∶1),后者按照等分比例。
按照黄金分割比(0.618∶1),建立一个类似于九宫格的网格。
确定主体元素,将需要裁剪的部分置于按照黄金分割比进行划分的网格中(网格大小可根据实际情况调节),而后将主体元素置于任意交叉点上。
确定裁剪区域后完成裁剪,便可得到一张极富美感、主体突出的图片。
小贴士
在网格中建立一条黄金螺旋线作为辅助线,而后将主体元素置于螺旋中心点上,最后进行相应的裁剪,所得到的图片效果,同样富有极强的视觉美感,但其网格建立相对复杂,不如黄金比例裁剪法便捷。
注: 以上四种裁剪方式较为常见,适用于各种常规图片的裁剪,但不排除特殊情况的存在。
什么是异形裁剪?
简单来说,异形裁剪就是将图片轮廓裁剪为除矩形以外的其他形状,通常可将其分为两类,分别为抽象式裁剪和具象式裁剪。
什么是抽象式裁剪?什么是具象式裁剪?
方式一:抽象式裁剪
让图片轮廓保持抽象图形的造型,是该种裁剪方式的核心。
方式二:具象式裁剪
让图片轮廓保持具象图形的造型,是该种裁剪方式的核心。
什么是褪底裁剪?
褪底裁剪又可称为“去底裁剪”,简单来说,就是将一幅完整图片的背景去掉,仅保留主体部分,所得到的图片轮廓生动、醒目。
褪底裁剪的关键技巧是什么?
在裁剪时,切勿让图片边缘显得毛躁或产生锯齿。如果主体物象的边缘细节过多,或背景中的细节过于复杂影响裁剪效果,那么在裁剪图片时,可对主体元素的边缘做适当的虚化处理。
设计手札
在一些注重版面美观性的版面设计中,对图片裁剪的要求甚高,例如杂志内页、淘宝店铺的装修等。而在实际设计中,具体使用何种裁剪方式,需要根据版面的图文比例、主体元素的呈现效果等方面来确定。
欢迎模块展示图片
提出方案
这是某数码旗舰店的官方淘宝界面设计,该界面的整体设计风格已基本定位,接下来,需要做的是将上面陈列的六种数码产品放在现有界面的对应位置上。除此之外,还要将给出的欢迎模块展示图片放在展示模块之上。
明确设计重点:
考虑到版面的限制,需要对上面给出的商品照片与欢迎模块展示图片进行适当的裁剪,再将其放在合适的位置上,置于选择何种裁剪方式,是接下来的设计重点。
确定设计方案:
出于对以下三个因素的考虑,决定将商品照片进行褪底裁剪处理。
商品摆放区已设置有底色。为了更好地对商品本身进行突出展示。让整个版面看上去相对灵活整体 。
对照现有版面所预留出的欢迎模块展示图片空间,需要将展示图片裁剪为如下形状。
最后,以女孩手中的相机作为主体元素,并采用了九宫格裁剪法进行图片裁剪。
完成作品设计
设计者为商品图片与欢迎展示图片选择了较为合理的裁剪方式,并将其放在对应位置,使整个版面不论是从整体的美观度上,还是商品的展示突出上,皆获取了较好的视觉效果。
本文源自于《平面设计其实很简单》,版权归作者所有。