提交需求
賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
本教程主要講的是漸變風(fēng)格如何設(shè)計(jì),教程針對(duì)小白設(shè)計(jì)師,作業(yè)和要求都在文章中,想學(xué)習(xí)的可以看一看,很少寫(xiě)文章,文筆拙劣,大神輕噴。
作業(yè)目的:本次作品練習(xí)的目的是如何利用手機(jī)全屏空間來(lái)排版布局一個(gè)有實(shí)際作用的作品,如何通過(guò)對(duì)漸變插畫(huà)的風(fēng)格的把控來(lái)傳達(dá)一個(gè)產(chǎn)品的功能點(diǎn)或者感性的意境。(最后這句著實(shí)有些裝x)
使用軟件:photoshop(當(dāng)然你可以選擇用sk、ai等)
制作時(shí)間:30min(慢點(diǎn)的也可以選擇一萬(wàn)年)
技法剖析:疊加效果的應(yīng)用、蒙版的使用、矢量形狀的拼接和分層、場(chǎng)景意境的突出(曲線、色階等調(diào)整。)
前沿:漸變風(fēng)(或者叫它微質(zhì)感)這種風(fēng)格好像這幾年一直在設(shè)計(jì)流行趨勢(shì)的文章中屹立不倒,主要原因我覺(jué)得首先是制作技法簡(jiǎn)單表現(xiàn)力很強(qiáng),這種風(fēng)格能駕馭各種各樣的功能點(diǎn)表達(dá),比如天氣類(lèi)產(chǎn)品、旅游類(lèi)產(chǎn)品、音樂(lè)類(lèi)、金融理財(cái)類(lèi)、社交類(lèi)等等。甚至于很多游戲的場(chǎng)景都在使用漸變插畫(huà)風(fēng)格。
看到上面的這些優(yōu)秀的漸變插畫(huà)作品是不是很夢(mèng)幻很舒服呢,接下來(lái)就是我們的人物作業(yè)了,對(duì)于零基礎(chǔ)設(shè)計(jì)小白來(lái)說(shuō),讓他一上來(lái)就原創(chuàng)一個(gè)插畫(huà)風(fēng)格的引導(dǎo)頁(yè)肯定會(huì)非常難下手的,所以本次作業(yè)我們?cè)谠酗L(fēng)格的基礎(chǔ)上做一些延展設(shè)計(jì)。
作品要求:用一副標(biāo)志性建筑物的插畫(huà)來(lái)表達(dá)一個(gè)地點(diǎn),效果如上圖,例如北京-故宮,澳大利亞-悉尼歌劇院,日本-東京鐵塔,天津-天津之眼,上海-東方明珠等等??梢砸灿眠@種夜景加浮云的效果,但是盡量在這個(gè)基礎(chǔ)上做一些層次上的改變。
該作品可用在垂直深度旅行類(lèi)的產(chǎn)品啟動(dòng)頁(yè)上(如妙計(jì)旅行等)
例如:北京-天壇(故宮、長(zhǎng)城等)接下來(lái),我會(huì)給大家做個(gè)示范案例。
01,可以選找一些不錯(cuò)角度的攝影圖片。
02,目的是按照他的輪廓用鋼筆工具勾一個(gè)矢量的形狀,并合理按照想要的感覺(jué)加一些細(xì)節(jié)。
比如我這里加了一些城墻的輪廓,近處的石磚路還有幾排樹(shù)。一位內(nèi)最終我要做一個(gè)背光的效果,所以現(xiàn)階段只要考慮暗部怎么有層次變化就可以,因此現(xiàn)階段的暗部可以大概用幾個(gè)暗色調(diào)區(qū)分效果即可。
03,先擇可以在750px×1334px的界面里做一個(gè)構(gòu)圖了,并將背景光效大概調(diào)一下,重點(diǎn)突出背景的光源,細(xì)節(jié)圖:房子的側(cè)邊給幾像素高亮的邊,月光背景加幾層透明度逐漸減少的光圈,最后一層加一個(gè)疊加效果的光效,讓過(guò)度更舒服,接下來(lái)就可以增加一些浮云效果了,如下:
04,做到這里,其實(shí)已經(jīng)基本差不多了,剩下的就是氣氛上的烘托了,我使用的一些基本理論無(wú)非就是冷暖對(duì)比,突出重點(diǎn)聚焦之類(lèi)的,廢話不多說(shuō)看效果。
以上的演示其實(shí)都是在第一個(gè)設(shè)計(jì)稿的基礎(chǔ)上進(jìn)行的微調(diào)整,調(diào)整的方式有很多,比如換一下背景的圖片,有流行的日落,帶星星的黑夜,日出日落的紅霞等等。然后再使用色相/飽和度功能來(lái)進(jìn)行色相飽和度的調(diào)整,將前景的色調(diào)和背景做一個(gè)搭配就可以了。。
以上的演示做完了,接下來(lái),我挑了一副本次作業(yè)承輝學(xué)院的學(xué)生完成的作品,進(jìn)行一下修改和店鋪。
上面這副悉尼歌劇院場(chǎng)景是承輝學(xué)院uxa7班程程同學(xué)的作品,跟原版的風(fēng)格很像,營(yíng)造的氛圍和構(gòu)圖都很不錯(cuò),唯一不足的我覺(jué)得是一些近景的細(xì)節(jié),因?yàn)樵撟髌方笆呛C妫钥梢杂靡恍┎ü?、倒影、海鷗之類(lèi)的細(xì)節(jié)來(lái)讓畫(huà)面更加飽和一些。
當(dāng)然浮云的層次其實(shí)也可以規(guī)整一下,我這里用的正圓來(lái)拼的,大小不一的正圓拼接做的合并圖層,這樣云彩看起來(lái)輪廓線要更好一些。最后的星星我也做了一個(gè)層次,有弱的也有強(qiáng)的,最終調(diào)整過(guò)后的效果如下:
當(dāng)然,你也可以用飽和度和色相這個(gè)萬(wàn)能的東東再調(diào)整一下效果,并且用蒙版擦出強(qiáng)弱變化。最后希望,大家都嘗試做一做這種微質(zhì)感漸變的插畫(huà)啟動(dòng)頁(yè)。
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)