在日常設計中,大家多多少少都會遇到配圖的問題,文章配圖、海報配圖、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.細節化裁剪
一圖多用極限裁剪增加動感
由於內容較多,故分為上下部分
覺得有用的話,請關注我,後續內容更精彩!