許多同學會經常困惑於圖片的處理,覺得自己拿到了一張比較普通的圖片,沒有質感,色調乏味。最後做出的圖稿太過簡單,只是簡單整合信息對整體畫面的作用從視覺效果來看並不大。
所以平時看設計的時候就開始哀嘆,怎麼人家拿到的圖那麼好,我這個命哦...
確實,平時我們根本拿不到這麼好的圖,不是所有的甲方都這麼有錢,有專業的模特,專業的攝影,專業的營銷團隊。
但是問題是,甲方有錢的人家找你做嗎?你多便宜啊。心裡沒有點數嗎?
這次的教程我們用五個方案來逐步一點一點告訴你,不同的圖片處理對於整體畫面的影響力到底有多大。
那麼具體到一個畫面當中。需要顧及的部分挺多的。
圖片處理,構圖方式,文字整理分組排列,顏色選擇,圖形點綴。這些方面我們儘量都注意到。
首先,我們來看一下,這次我們拿到的圖片,為了裝作圖片的質量一般,我的確是隨便百度了一個圖。而且是顯示的第一個圖,都不帶挑的。
很少有像我這麼真誠的人了,注意珍惜。
再來看一下文案,文案這次我就簡單處理一下,什麼叫做簡單處理呢?
就是把字體選好,中英文搭配好,字重選對,字距調整,行距調整,信息分組,層級明確,字距拉開,簡單的形式化處理。
你看,就是這麼簡單。
文案的處理不用特別複雜,你要注意,無論如何我們是要傳達信息給受眾的,不要陷入自嗨,整理信息的時候不要你覺得哪個重要哪個次要,站在受眾的立場來看。
如果你要去健身的話,你關注的信息點到店重要的有哪些,哪些不重要,層級順序又是如何劃分的?
多想想。
我們拿到的圖是這樣的。
所以你要觀察了,這是一張人物為主的畫面,人物在一個場景之內,這個場景重要嗎?重要,她是在健身房運動的一個狀態。
但是這個場景我們不用全部保留,摘取一部分就可以了。所以這一步,我們要進行圖片裁切,讓畫面進行主要聚焦。讓第一視線留在人物上。
然後用一個簡單的圖形讓人物二次聚焦,其餘部分我給了百分之八十的黑色透明度疊加。
然後加一個小的常規裝飾圖形,兩個小圖點綴。
然後文案依次排列。
這個一個非常常規的方向。
總結一下這個案例我們用到的方法主要是兩個。
01.圖片裁切
02.明暗對比再次突出主圖。
那麼圖片的裁切我們已經確定了。
下面我們來簡單演示一下第二種形式表達。
這個案例我們主要看一下,利用簡單的色彩疊加圖片,處理一下圖片的色調和質感,不需要你做更多複雜的調色操作,非常簡單。
下圖可以看見,首先我給圖片做了一個人物的聚焦漸變,還是沿著第一個方案的思路。其餘部分我全部給了一個黑色到透明的漸變。文案會更加清晰一些。
因為構圖方式幾乎是從左右構圖變成了半包圍構圖,所以文案的部分我稍微調整了一下。
對比第一個方案,是不是這個案例圖片的質感稍微提升了一點點呢?
總結一下這個案例我們主要用到的方法。
01.圖片裁切
02.漸變疊加圖片(我這裡用到的是「柔光」)
第三個案例我們結合一下案例一和案例二,然後在色彩上可以再突破一點。
兩個小圖的部分我也進行了簡單的形式感處理。這樣整體出來的對比效果更好一些。更顯質感。
有同學就有疑惑了,這個左右的對比有什麼依據嗎?
沒錯,正是白銀比。
黃金比和白銀比都是常用的一種比例方式,在日本海報當中其實我們經常會見到白銀比。
但是不要盲目用,如果合適的話就可以加,不能加不要勉強。
扯遠了。
我們來看一下這個案例的最終效果。
總結一下這個案例我們主要用到的方法。
01.圖片裁切
02.漸變疊加圖片
03.明暗對比再次突出主圖
04.圖片分成兩部分做白銀比
第四個案例我們主要來說一個很重要的調色功能。
漸變映射
這個功能是在ps里完成,也是比較簡單實用的一個方法。
然後圖像—調整—漸變映射
找到這個功能之後,開始進行細節調色。一直調到你想要的效果。我這裡主要是想讓人物的明暗對比再大一些。
添加文案之後的最終效果。
總結一下這個案例我們主要用到的方法。
01.圖片裁切
02.漸變映射
第五個案例其實是為了加深大家對於漸變映射這個功能的理解,換了一種顏色和排版方式重新演繹了一下第四案例的方向。
你會發現以上這些案例中我主要用到的構圖方式基本還是左右構圖,而且人物一直是在左邊。這個因為人物的目光是最好是能覆蓋在文案上。
受眾會沿著人物的目光方向來閱讀文案,也是一個小細節。
然後這個案例中,我用了一個簡單線條與人物之間做了一個穿插關係。
有同學就要問了,你那個看也看不懂的英文到底是個什麼東西?看不懂就對了,我想讓你看懂的話它就是重要信息,如果你看不懂,那麼它就只是一個簡單的裝飾作用的點綴。
儂曉得伐?
總結一下這個案例我們主要用到的方法。
01.圖片裁切
02.漸變映射
03.線條與人物的穿插關係
好了,這次就先聊到這裡。下期見。
免責申明:文章來源於公開網絡,僅供設計師學習,版權歸原創者所有!無對涉及版權問題負責,如有原作者認侵,聯繫必刪
為答謝客官閱讀完此文支持,特準備設計新人整套課程贈送領取
下方是領取方式
1,右上角關注小編哥哥頭條號~
2,評論文章,不限字數,一個字都行
3,私信小編:免費課程
下方是課程內容