以前我們出過一篇教程《圖片不清晰還咋做設計》,給大家講了一些處理不清晰圖片的方法以及原理,那本篇教程,我們主要針對的像素不高,而且無力迴天的圖片,在設計工作中,有時候甲方會提供不太清晰的圖片,可能你經過幾輪溝通之後,又不得不選擇這類圖片進行設計,這個時候該怎麼辦?破罐子破摔?反正是他們提供的,不清晰也不怪我,或者你可以正向的看待問題,不清晰也有解決的辦法,這節課就帶大家來了解,圖片不清晰怎麼做設計。
首先我們來看看,
到底什麼樣的圖片符合我們這節課所講的
這是一個圖片從清晰到模糊的一個演變過程,這裡高清的圖片是最適合設計的,而完全模糊像素低的圖片,完全沒救的。
這裡處在一個模稜兩可的位置上的圖片,它很難變得清晰,但是它又沒有特別模糊,這類圖片就是符合我們這節課所講的內容。(良好類型的圖片符合之前的教程——圖片不清晰還咋做設計,裡面講到可以用軟件提升它的清晰度)。
所以說,像這類圖片我們通過軟件只能提升一點的清晰度,但是終歸還是不夠清晰。
而像高糊的圖片就真的是沒救了,這類圖片是完全不能用的。(除了特定的情況)
如果是印刷品,圖片稍有不清晰就會非常影響作品,這是一個大忌。
記得我剛畢業時候找了一家噴繪公司實習,其實那個時候就是一個小白,什麼都不懂,然後有一天給一個客戶噴繪一個三米多的大噴繪布,結果噴出來的圖片非常不清晰,全是馬賽克,根本不能用,因為當時我沒有看噴繪尺寸什麼樣,我直接把一個小圖放大到3米,最終導致一個嚴重的失誤,然後被老闆臭罵了一頓。
幸虧我沒有開噴繪公司,不然被你賠死!
但是經過那一次我也長了經驗,知道了在做大尺寸印刷品的時候該怎樣做,當然,現在做電商相關的設計師用72分辨率就可以了,不需要圖片多麼高清,但是當你放大圖片,呈現滿屏的狀態時就發現,不是那麼回事了,圖片不清晰,會影響消費者的購買慾望,這是正常的消費心理,所以我們要學會面對這樣的情況該怎樣去做 。
來看看,
圖片像素低和像素高之間的區別
之前我們講過,像素越多的圖片也就越清晰,像素越少的圖片也就越模糊,所以這裡的兩張圖,我們明顯能看出哪個像素高,哪個像素低。
素低的圖片,我們增加它的清晰度其實就是增加它像素邊緣的對比度,這個之前也教過大家方法,但是一頓操作猛如虎,放大一看還是模糊。
接下來就是重頭戲了,針對於不清晰的圖片,我們該如何處理呢?也就是說,我們如何規避它的缺點呢?
不知道大家有沒有學習過繪畫,在我們畫素描畫或者水彩畫的時候,經常我們會眯起眼睛向後靠,來觀察畫面,這是因為當你眯起眼睛和畫⾯面有個距離的時候,你的視線會自動屏蔽掉畫面細節部分,比如說筆觸、處理痕跡,這樣我們就能發現哪個地方不足,哪個地方需要進行修改,而解決圖片不清晰的原理也是一樣的。
針對於像素低的圖片,我們該怎麼辦呢?難道我們也眯起眼睛退後觀察嗎?倒不如我們直接給它縮小,這樣,像素的顆粒感就少很多,圖片也會變得相對清晰。
第一個最有效、最快速、最常用的方法就是縮小處理
針對於不清晰的圖片,縮小它就減少了像素的顆粒感。
第二個方法,單色處理圖片,圖片不清晰時,單色處理也可以很好的規避缺點。
單色處理在設計中也很常見,當然,也不只是處理成黑白圖像,也可以是有彩色的單色圖像,比如圖片中的人物是摳出來之後做的單色處理。
或者是整版的圖片,處理成單色調。
拿這張照片舉例
我們可以在ps當中先給圖片做黑白處理
然後在其基礎上添加漸變映射圖層樣式,這樣得到的圖像色彩更加純粹。
既然可以單色處理圖片,當然也可以多色處理圖片 。
多色調處理圖片,在設計中,可以統一畫面的色調,也可以用來區分信息 。
以這張照片為例
同樣也是先處理成黑白,再用漸變映射設置色調,我們可以給它處理成這種復古的感覺。
也可以在復古的基礎上加一些光感效果。
也可以用互補的色調來做多色處理
半調處理圖像,也是常用的手法之一,我們來看下設計中的表現有哪些
像這樣的圖片,我們可以用濾鏡中的彩色半調來設計,關於彩色半調的用法,之前也有相關的教程,大家可以去看看 。
同樣這張照片
同樣也是先調整成黑白圖像,然後做漸變映射,再做彩色半調處理,這兩種方法,經常是組合使用的。
兩種方法的結合讓圖片復古的氛圍更濃烈。
第五種,利用重複的形式,當圖片不太清晰,我們可以讓一張圖片重複的出現在畫面中,不僅可以讓畫面更具有形式感,更會加深觀者的印象。
設計中,有很多利用重複的方式構成畫面的,他們不一定都是因為圖片不清晰而選擇用重複的方式,有時候也是根據主題或者作者本身的設計思路而選擇是設計形式。
這些都會給我們創作時,提供很多靈感
接下來我們用這個不太清晰的壽司圖片,設計一款畫面
首先把圖片置入畫面中,複製三個,圖片邊緣的裁切掉。
圖片與背景形成的負空間可以用文字來填充
先把主題文字規劃到版面中,底部我們可以加一個色塊來平衡整體的版式
在色塊上編排文字。
最後再重複一個產品,作為點綴,就OK啦。
將圖片處理成圖形也可以規避圖片不清晰的缺點,但是這個比較考驗大家的造型能力和色彩搭配的能力。
這一系列海報就是用圖形的手法設計的,我們可以看到雖然只是簡單的幾個色塊,但是把人物的特點表現的很清晰明瞭。
那我們就用這個貓爪圖片,來試試,處理成圖形
根據圖片,我們可以繪製出很多不同的貓爪,當然你可以完全根據圖片的形態去畫,但是要注意的是,圖片轉化成圖形,不能做的太具象,要有圖形的特點 。
放到背景中,出血裁切。
加入文字和底紋,搞定。
一隻爬在窗臺上小貓咪,給它處理成圖形
同樣我也沒有完全按照圖片的造型去設計,而是根據貓咪趴著的形態,繪製的圖形 。
再給圖形添加一些陰影效果,小貓會更加立體 。
繪製窗臺
加個背景就OK了
第七種方法,可以給圖片處理成插畫風格,這種和之前的圖形風格有點類似,不過插畫風格更考驗手繪的能力 。
這系列海報就是通過插畫手繪的形式來設計主體形象的。
包括這些也是,它和圖形的區別就在於,插畫的形式會更加具象,保留的細節更多一些。
阪本龍一的照片,不夠清晰,我們通過手繪,來試試將他還原
打草稿,繪製輪廓。
大面積填充顏色
繪製五官
深入刻畫
刻畫出皮膚的質感
繪製頭髮
深入刻畫頭髮
在整體圖層上加個色階,增加明暗對比度
動態演示
置入畫面中,加入文字和肌理
貼圖效果
這是所有要放到海報中的圖片,都是阪本龍一參與配樂製作的劇照,清晰度都不太夠 。
這是所有的文案,每個文案都是針對上一頁的劇照圖片,是不是感覺文字和圖片都太多了,讓人頭大,其實你可以在前期歸納整理,讓圖片和文字成為一組,然後根據網格把每一組編排到版面中。
就像這樣,圖片與文字歸類,置入畫面,雖然利用縮小的手法讓圖片變得清晰了,但是色調上比較雜亂,所以我們把圖片處理成統一的色調 。
都統一成藍色調,文字變為對比色紅色。
效果圖
不同版本的配色:
所有方法
縮小處理
單色處理
多色處理
半調處理
利用重複的形式
處理成圖形
處理成插畫風格
好了,這次就先聊到這裡。
轉: 公眾號“研習設小凹、小關”
已獲得授權發佈
- END -
吾生也有涯,而知也無涯