渣圖也能質感炸裂,五個案例教會你!

設計 攝影 日本 設計師 市場營銷 讀書 百度 文章 Ps平面設計課堂 2019-05-11

許多同學會經常困惑於圖片的處理,覺得自己拿到了一張比較普通的圖片,沒有質感,色調乏味。最後做出的圖稿太過簡單,只是簡單整合信息對整體畫面的作用從視覺效果來看並不大。


渣圖也能質感炸裂,五個案例教會你!


所以平時看設計的時候就開始哀嘆,怎麼人家拿到的圖那麼好,我這個命哦...


渣圖也能質感炸裂,五個案例教會你!



確實,平時我們根本拿不到這麼好的圖,不是所有的甲方都這麼有錢,有專業的模特,專業的攝影,專業的營銷團隊。

但是問題是,甲方有錢的人家找你做嗎?你多便宜啊。心裡沒有點數嗎?


渣圖也能質感炸裂,五個案例教會你!



這次的教程我們用五個方案來逐步一點一點告訴你,不同的圖片處理對於整體畫面的影響力到底有多大。

那麼具體到一個畫面當中。需要顧及的部分挺多的。

圖片處理,構圖方式,文字整理分組排列,顏色選擇,圖形點綴。這些方面我們儘量都注意到。

首先,我們來看一下,這次我們拿到的圖片,為了裝作圖片的質量一般,我的確是隨便百度了一個圖。而且是顯示的第一個圖,都不帶挑的。

很少有像我這麼真誠的人了,注意珍惜。


渣圖也能質感炸裂,五個案例教會你!



再來看一下文案,文案這次我就簡單處理一下,什麼叫做簡單處理呢?

就是把字體選好,中英文搭配好,字重選對,字距調整,行距調整,信息分組,層級明確,字距拉開,簡單的形式化處理。

你看,就是這麼簡單。


渣圖也能質感炸裂,五個案例教會你!



文案的處理不用特別複雜,你要注意,無論如何我們是要傳達信息給受眾的,不要陷入自嗨,整理信息的時候不要你覺得哪個重要哪個次要,站在受眾的立場來看。

如果你要去健身的話,你關注的信息點到店重要的有哪些,哪些不重要,層級順序又是如何劃分的?

多想想。


渣圖也能質感炸裂,五個案例教會你!




渣圖也能質感炸裂,五個案例教會你!



我們拿到的圖是這樣的。

所以你要觀察了,這是一張人物為主的畫面,人物在一個場景之內,這個場景重要嗎?重要,她是在健身房運動的一個狀態。

但是這個場景我們不用全部保留,摘取一部分就可以了。所以這一步,我們要進行圖片裁切,讓畫面進行主要聚焦。讓第一視線留在人物上。


渣圖也能質感炸裂,五個案例教會你!



然後用一個簡單的圖形讓人物二次聚焦,其餘部分我給了百分之八十的黑色透明度疊加。

然後加一個小的常規裝飾圖形,兩個小圖點綴。


渣圖也能質感炸裂,五個案例教會你!



然後文案依次排列。


渣圖也能質感炸裂,五個案例教會你!



這個一個非常常規的方向。

總結一下這個案例我們用到的方法主要是兩個。

01.圖片裁切

02.明暗對比再次突出主圖。


渣圖也能質感炸裂,五個案例教會你!



那麼圖片的裁切我們已經確定了。

下面我們來簡單演示一下第二種形式表達。

這個案例我們主要看一下,利用簡單的色彩疊加圖片,處理一下圖片的色調和質感,不需要你做更多複雜的調色操作,非常簡單。

下圖可以看見,首先我給圖片做了一個人物的聚焦漸變,還是沿著第一個方案的思路。其餘部分我全部給了一個黑色到透明的漸變。文案會更加清晰一些。


渣圖也能質感炸裂,五個案例教會你!



因為構圖方式幾乎是從左右構圖變成了半包圍構圖,所以文案的部分我稍微調整了一下。

對比第一個方案,是不是這個案例圖片的質感稍微提升了一點點呢?


渣圖也能質感炸裂,五個案例教會你!



總結一下這個案例我們主要用到的方法。

01.圖片裁切

02.漸變疊加圖片(我這裡用到的是“柔光”)


渣圖也能質感炸裂,五個案例教會你!



第三個案例我們結合一下案例一和案例二,然後在色彩上可以再突破一點。

兩個小圖的部分我也進行了簡單的形式感處理。這樣整體出來的對比效果更好一些。更顯質感。


渣圖也能質感炸裂,五個案例教會你!



有同學就有疑惑了,這個左右的對比有什麼依據嗎?

沒錯,正是白銀比。


渣圖也能質感炸裂,五個案例教會你!



黃金比和白銀比都是常用的一種比例方式,在日本海報當中其實我們經常會見到白銀比。

但是不要盲目用,如果合適的話就可以加,不能加不要勉強。


渣圖也能質感炸裂,五個案例教會你!


渣圖也能質感炸裂,五個案例教會你!



扯遠了。

我們來看一下這個案例的最終效果。


渣圖也能質感炸裂,五個案例教會你!



總結一下這個案例我們主要用到的方法。

01.圖片裁切

02.漸變疊加圖片

03.明暗對比再次突出主圖

04.圖片分成兩部分做白銀比


渣圖也能質感炸裂,五個案例教會你!



第四個案例我們主要來說一個很重要的調色功能。

漸變映射


渣圖也能質感炸裂,五個案例教會你!



這個功能是在ps裡完成,也是比較簡單實用的一個方法。


渣圖也能質感炸裂,五個案例教會你!



然後圖像—調整—漸變映射

找到這個功能之後,開始進行細節調色。一直調到你想要的效果。我這裡主要是想讓人物的明暗對比再大一些。


渣圖也能質感炸裂,五個案例教會你!



添加文案之後的最終效果。


渣圖也能質感炸裂,五個案例教會你!



總結一下這個案例我們主要用到的方法。

01.圖片裁切

02.漸變映射


渣圖也能質感炸裂,五個案例教會你!



第五個案例其實是為了加深大家對於漸變映射這個功能的理解,換了一種顏色和排版方式重新演繹了一下第四案例的方向。

你會發現以上這些案例中我主要用到的構圖方式基本還是左右構圖,而且人物一直是在左邊。這個因為人物的目光是最好是能覆蓋在文案上。

受眾會沿著人物的目光方向來閱讀文案,也是一個小細節。


渣圖也能質感炸裂,五個案例教會你!



然後這個案例中,我用了一個簡單線條與人物之間做了一個穿插關係。

有同學就要問了,你那個看也看不懂的英文到底是個什麼東西?看不懂就對了,我想讓你看懂的話它就是重要信息,如果你看不懂,那麼它就只是一個簡單的裝飾作用的點綴。

儂曉得伐?


渣圖也能質感炸裂,五個案例教會你!



總結一下這個案例我們主要用到的方法。

01.圖片裁切

02.漸變映射

03.線條與人物的穿插關係

好了,這次就先聊到這裡。下期見。


渣圖也能質感炸裂,五個案例教會你!


免責申明:文章來源於公開網絡,僅供設計師學習,版權歸原創者所有!無對涉及版權問題負責,如有原作者認侵,聯繫必刪

福利互動

為答謝客官閱讀完此文支持,特准備設計新人整套課程贈送領取

下方是領取方式

1,右上角關注小編哥哥頭條號~

2,評論文章,不限字數,一個字都行

3,私信小編:免費課程

下方是課程內容

渣圖也能質感炸裂,五個案例教會你!

渣圖也能質感炸裂,五個案例教會你!

相關推薦

推薦中...