基礎教程 froglt教你影象裁減的技巧

2022-08-13 21:39:06 字數 3721 閱讀 4140

有時裁剪影象並不僅僅是為了改變尺寸的大小,而是對一張普通的影象賦予全新的感觀。毫不誇張的說,裁剪影象甚至具有化腐朽為神奇的能力。

第一步將影象轉化為相同的尺寸

下面這些影象從拍攝的角度看,都拍得非常不錯,都有著生動的表情,姿勢也很自然,但當這些影象擺在一起時,由於拍攝的距離長短不一,使得每張影象所呈現的視覺效果差參不一。注意中間的那張影象,由於其臉部佔據著很大的面積,使得這張影象顯得更重要一些。(圖01)

圖01在一些設計中,如人物簡介,經常會將一些人物的影象並排成一列或一行。在這種情況下,應該使這些影象給人統一協調的感覺。

首先可以從最接近裁剪後的效果的那張影象開始,例如中間的兒童影象。然後再依據這張影象來對其它影象進行裁剪。其中的關鍵就是要讓影象中人的眼睛處於同一條水平線。(圖02)

圖02在處理這些人物影象時時還要考慮到一些其它因素,因為每個人的臉部都不一樣,男性與女性的臉部尺寸大小差不多,但臉形、髮型及角度卻有著不同的變化。所以必須靈活處理每個人的臉部位置,適當進行調整,從而達到統一的效果。

第二步製作不同比例的影象

以上述處於同乙個眼睛水平線的比例處理人物影象,使到併排在一起時我們看起來也很自然,如下圖所示。而眼睛水平線大約處於影象高度的 3/5 的地方。留意一點,在上述的**中,當臉部越大時,與相鄰**的聯絡就越緊密。

(圖03)

圖03如果人物離得越遠,在視覺上其臉部就處於越高的位置。所以當你將**比例縮小時,她的眼睛水平線就越往高處偏移,如圖所示。(圖04)

圖04第三步統一人物肖像的尺寸

人物肖像很多時候都是**於一張上身**,由於照相的時候距離並不統一,所以每張**的尺寸都各不相同。(圖05)

圖05要統一多個影象尺寸,使它們看起來都像是以相同距離照出來的。可以把人物的額頭、眼睛和下巴都對齊到同一水平線上,然後再拖動垂直的一條引線放在它們的中間,如下圖所示。大多數男性的頭部都基本一樣大,但女性的頭部相對要小一點,而中線一般就是焦點所在的地方。

(圖06)

圖06第四步對人物肖像進行裁剪

在所有的圖象中,最快最吸引人的總是乙個人的面部,無論它是與一堆文字配合在一起或者與其它圖案配合在一起,人的面部影象總能在記憶中保留最長的時間。

大膽地對它們進行裁剪,能夠吸引瀏覽者的注意力。對乙個肖像進行恰當的裁剪處理,可以使整個畫面更具衝擊力並吸引人,如下圖所示。(圖07)

圖07把影象中人物的眼睛對齊到同乙個水平線上。看起來象是同乙個公司裡管理團隊的樣子,這種設計可以很好地應用在公司的主要管理人員或某個部門的負責人的簡介當中。(圖08)

圖08一般地,在布局中,一幅人物肖像**是不會為了配合文本欄的寬度而放大的,因為這樣可能導致**變得太大而缺乏美感。但可以新增乙個色塊,讓文字貫穿**和色塊而形成乙個有機的整體。

第五步裁剪掉無關的部分

在拍照時,總會有一些不速之客進入到**中,如下圖所示。(圖09)

圖09裁剪**的重要原則是要將一些與主題無關的內容統統去掉,只保留影象中的主角,使得這張**中的主體更加突出。(圖10)

圖10第六步調整影象的角度

下面這張影象給人明顯水平線傾斜的感覺,由其是影象中的垃圾筒也朝同一方向傾斜,使得這種傾斜感更強烈。(圖11)

圖11但水平線就應該是水平的,對**進行旋轉後,我們在裁剪**的四周才能形成一張完整的影象。(圖12)

圖12凡事總有例外,在拍照時由於相機拿得不平導致影象有一點點傾斜,這時不妨更大膽一點,讓它再傾斜一些,如圖所示。這種處理對有很多直線的影象效果更加強烈,使得一張平靜的影象立即充滿活力。(圖13)

圖13第七步放大後裁剪

不同的距離傳達出不同的資訊。如下圖,是乙個在泥地中的棒球,顯得很普通呆板,看起來好象一伸手就可以拿得著。(圖14)

圖14當把影象放大後,只擷取它的區域性,感覺就完全不一樣。所有的細節清晰可辨,可以清楚地看到這個棒球上的紋理、泥土、縫線及用使用過的痕跡。

它佔據著整個畫面,視覺效果非常強烈,好象感覺到這個球就抓在手中,甚至還彷彿聽到擊球時的撞擊聲,還有人群的歡呼聲。(圖15)

圖15第八步只保留區域性

一張影象式的網頁通欄可以很容易就美化的網頁。但網頁的橫幅尺寸總是又寬又細。這時應該選擇那些盡可能包含更多元素的影象區域來進行裁剪。

如下圖所示,保留了影象中的沙發背景、人物的臉部、服飾、金色的扶手等元素,並且這些不同的元素之間的顏色對比又比較強烈(金、黃、藍、紫),使得每乙個元素都能夠清晰可見。(圖16)

圖16最後把裁剪的部分新增到網頁的通欄中,效果如圖所示。(圖17)

圖17但是如果影象尺寸很小,而所需要應用的區域又很寬,應該如何處理呢?如果這張影象的背景有一種單色或某個有規則的圖案,只需要在它的背景上取色或複製,然後將要應用的影象進行填充就可以了。(圖18)

圖18第九步改變影象傳遞的資訊

如下圖所示,人物臉部旁邊有很多空間,所以在裁剪時更好下手。但問題是圖中人物的眼睛顯得與主題有點不相配,這個女孩好象是在看著路邊的行人,或者在思考些什麼。(圖19)

圖19這裡可以裁剪影象,只擷取她一半的臉部表情,然後放置於影象的右邊,並且與文字配合。修改後的第一印象不會覺得她是在看路人,而給人一種她在不知不覺在想著關於fireworks軟體使用情況的印象,如圖所示。同樣在處理其它影象時,通過這種裁剪,影象所傳遞的資訊會完全改變。

(圖20)

圖20第十步一圖多用

在網頁效果圖或通欄設計中,有很多地方都需要用到影象素材,但如果只有一張影象,怎麼處理呢?通過對影象的分解裁剪,選取影象中不同的部分,就可以將這張影象應用在不同的地方,一張**,同樣可以創造出漂亮的效果,如圖所示。(圖21)

圖21從整體去觀察這張影象時,或多或少會對其中的細節置若罔聞。但如果將各部分分離,會發現,其實每一部分都隱藏著乙個「故事」,都有著各自的重點。(圖22)

圖22使用同樣的方法,還可以設計出另外一種完全不同視覺效果。這裡使用到的影象素材是一張椅子的**。(圖23)

圖23如果仔細觀察一下這張影象,就會發現其實這張普通的椅子包含了各種各樣的線條、圖案、顏色、孤線及轉角位。它們充滿著對比,如淺色及深色,直角與圓角等,如下圖所示。(圖24)

圖24使用這張影象素材設計的網頁效果圖。整個頁面分為上下兩部分,它們各自所形成的視覺效果完全不同。頂部分顯得開闊平靜,底部分則顯得飽滿充實。(圖25)

圖25頂部的開闊設計使得瀏覽者的注意力很容易就集中在張椅子上。(圖26)

圖26底部顯得很充實的版面傳達一種動感及豐富的層次感。在這部分中並不存在乙個視覺焦點,因為所有的**都是在大小不一的矩形區域中,產生了不同的方向感。這裡只利用一張影象就可以使整個頁面充滿視覺對比,包括不同的尺寸、材料、圖案、形狀及方向的對比。

(圖27)

圖27也可以把頁面中的某些影象替換成色塊,效果如圖所示,色塊中色彩的選擇可以直接從影象中進行選取。(圖28)

圖28第十一步突破空間

使影象有部分突破原來的空間。這種設計能夠吸引人的注意,也使**突破原來**空間的限制,很好地強調了**中某一部分的高度、動感及深度,如圖所示。(圖29)

圖29如下圖所示,明顯感覺到這種設計出來的效果比沒有突出來的衝擊力要強得多。在車頭突出的部分加強了影象的動感以及層次感,可以給突出的部分新增柔和的陰影效果,這樣才能夠使車頭和車身構成乙個有機的整體。(圖30)

圖30第十二步邊緣的處理

所有的影象素材邊緣都是矩形的,當然在影象軟體中也可以處理成各種的形狀。一般來說,影象素材的邊緣有三種處理方式,分別是標準型、去背型和羽化型。(圖31)

圖31用標準型來表現像建築物一樣具有明確形狀的主題,能夠清楚傳達出理智的印象。(圖32)

圖32沿著主題邊緣剪下出來的去背型影象是非正式的,自由的形狀,它具有一種能夠讓瀏覽者輕鬆愉快進入畫面的情緒。(圖33)

圖33羽化型影象與悠閒的流淌著的時間所創造的故事性表現很相配,傳遞著優雅而有格調的氣氛。(圖34)圖34

基礎教程測量

施工測量的基本工作 一 測設已知水平距離 測設已知水平距離,是根據已知直線起點和直線方向,已知水平距離,標定出線段的另一端點。根據精度要求不同,測設方法有一般方法和精密方法。一 一般方法 當精度要求不高時,可用普通鋼捲尺測設。如圖9 1所示,已知地面上a點及ac方向線,沿ac方向測設已知水平距離為d...

CSS基礎教程

css 基礎語法 css 簡介 css 高階語法 css 語法 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector 選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute...

播音主持基礎教程

第一章普通話語音知識 一 理論基礎 普通話是我們國家通用語言,青少年朋友們能用準確 清晰 規範的普通話表達與交流,那可是非常自豪的事情呢!隨著中國的強盛和國際地位的提高,現在好多外國人都在學習漢語普通話!如果套用廣告語形容普通話,就是 普通話,語言中的戰鬥機!普通話是 以北京語音為標準音,以北方話為...