當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁設(shè)計教程 > 視覺設(shè)計 > 渣圖也能質(zhì)感炸裂,五個案例教會你!

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

之前圖趣剛給同學(xué)們分享過一篇教程:《素材low?看我玩轉(zhuǎn)百變中文排版》,對于沒有高質(zhì)量的素材,很多設(shè)計師無從下手,覺得自己拿到了一張比較普通的圖片,沒有質(zhì)感,色調(diào)乏味。最后做出的圖稿太過簡單,只是簡單整合信息對整體畫面的作用從視覺效果來看并不大。


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


確實,平時我們根本拿不到這么好的圖,不是所有的甲方都這么有錢,有專業(yè)的模特,專業(yè)的攝影,專業(yè)的營銷團隊。但是問題是,甲方有錢的人家找你做嗎?你多便宜啊。心里沒有點數(shù)嗎?


這次的教程我們用五個方案來逐步一點一點告訴你,不同的圖片處理對于整體畫面的影響力到底有多大。那么具體到一個畫面當(dāng)中,需要顧及的部分挺多的。

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

首先,我們來看一下,這次我們拿到的圖片,為了裝作圖片的質(zhì)量一般,我的確是隨便百度了一個圖。而且是顯示的第一個圖,都不帶挑的。很少有像我這么真誠的人了,注意珍惜。


再來看一下文案,文案這次我就簡單處理一下,什么叫做簡單處理呢?就是把字體選好,中英文搭配好,字重選對,字距調(diào)整,行距調(diào)整,信息分組,層級明確,字距拉開,簡單的形式化處理,你看,就是這么簡單。


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

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


我們拿到的圖是這樣的,所以你要觀察了,這是一張人物為主的畫面,人物在一個場景之內(nèi),這個場景重要嗎?重要,她是在健身房運動的一個狀態(tài)。但是這個場景我們不用全部保留,摘取一部分就可以了。所以這一步,我們要進行圖片裁切,讓畫面進行主要聚焦。讓第一視線留在人物上。


然后用一個簡單的圖形讓人物二次聚焦,其余部分我給了百分之八十的黑色透明度疊加。然后加一個小的常規(guī)裝飾圖形,兩個小圖點綴。


然后文案依次排列。


這個一個非常常規(guī)的方向。

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

01.圖片裁切

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


那么圖片的裁切我們已經(jīng)確定了,下面我們來簡單演示一下第二種形式表達。

這個案例我們主要看一下,利用簡單的色彩疊加圖片,處理一下圖片的色調(diào)和質(zhì)感,不需要你做更多復(fù)雜的調(diào)色操作,非常簡單。

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


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

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


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

01.圖片裁切

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


第三個案例我們結(jié)合一下案例一和案例二,然后在色彩上可以再突破一點,兩個小圖的部分我也進行了簡單的形式感處理,這樣整體出來的對比效果更好一些,更顯質(zhì)感。


有同學(xué)就有疑惑了,這個左右的對比有什么依據(jù)嗎?沒錯,正是白銀比。


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

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


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


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

01.圖片裁切

02.漸變疊加圖片

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

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


第四個案例我們主要來說一個很重要的調(diào)色功能----漸變映射


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


然后圖像—調(diào)整—漸變映射,找到這個功能之后,開始進行細節(jié)調(diào)色,一直調(diào)到你想要的效,我這里主要是想讓人物的明暗對比再大一些。


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


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

01.圖片裁切

02.漸變映射


第五個案例其實是為了加深大家對于漸變映射這個功能的理解,換了一種顏色和排版方式重新演繹了一下第四案例的方向,你會發(fā)現(xiàn)以上這些案例中我主要用到的構(gòu)圖方式基本還是左右構(gòu)圖,而且人物一直是在左邊,這個因為人物的目光是最好是能覆蓋在文案上,受眾會沿著人物的目光方向來閱讀文案,也是一個小細節(jié)。


然后這個案例中,我用了一個簡單線條與人物之間做了一個穿插關(guān)系,有同學(xué)就要問了,你那個看也看不懂的英文到底是個什么東西?看不懂就對了,我想讓你看懂的話它就是重要信息,如果你看不懂,那么它就只是一個簡單的裝飾作用的點綴,儂曉得伐?


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

01.圖片裁切

02.漸變映射

03.線條與人物的穿插關(guān)系


[教程作者:王猛奇]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/ui4203.html
騰訊ISUX:2019 - 2020 設(shè)計趨勢 · 圖形篇
如何通過設(shè)計提升banner點擊率?
圖趣網(wǎng)微信
建議反饋
×