作業(yè)目的：本次作品練習(xí)的目的是如何利用手機全屏空間來排版布局一個有實際作用的作品，如何通過對漸變插畫的風(fēng)格的把控來傳達一個產(chǎn)品的功能點或者感性的意境。（最后這句著實有些裝x）

使用軟件：photoshop（當(dāng)然你可以選擇用sk、ai等）

制作時間：30min（慢點的也可以選擇一萬年）

技法剖析：疊加效果的應(yīng)用、蒙版的使用、矢量形狀的拼接和分層、場景意境的突出（曲線、色階等調(diào)整。）

前沿：漸變風(fēng)（或者叫它微質(zhì)感）這種風(fēng)格好像這幾年一直在設(shè)計流行趨勢的文章中屹立不倒，主要原因我覺得首先是制作技法簡單表現(xiàn)力很強，這種風(fēng)格能駕馭各種各樣的功能點表達，比如天氣類產(chǎn)品、旅游類產(chǎn)品、音樂類、金融理財類、社交類等等。甚至于很多游戲的場景都在使用漸變插畫風(fēng)格。

看到上面的這些優(yōu)秀的漸變插畫作品是不是很夢幻很舒服呢，接下來就是我們的人物作業(yè)了，對于零基礎(chǔ)設(shè)計小白來說，讓他一上來就原創(chuàng)一個插畫風(fēng)格的引導(dǎo)頁肯定會非常難下手的，所以本次作業(yè)我們在原有風(fēng)格的基礎(chǔ)上做一些延展設(shè)計。

作品要求：用一副標(biāo)志性建筑物的插畫來表達一個地點，效果如上圖，例如北京-故宮，澳大利亞-悉尼歌劇院，日本-東京鐵塔，天津-天津之眼，上海-東方明珠等等。可以也用這種夜景加浮云的效果，但是盡量在這個基礎(chǔ)上做一些層次上的改變。

該作品可用在垂直深度旅行類的產(chǎn)品啟動頁上（如妙計旅行等）

例如：北京-天壇（故宮、長城等）接下來，我會給大家做個示范案例。

01，可以選找一些不錯角度的攝影圖片。

02，目的是按照他的輪廓用鋼筆工具勾一個矢量的形狀，并合理按照想要的感覺加一些細節(jié)。

比如我這里加了一些城墻的輪廓，近處的石磚路還有幾排樹。一位內(nèi)最終我要做一個背光的效果，所以現(xiàn)階段只要考慮暗部怎么有層次變化就可以，因此現(xiàn)階段的暗部可以大概用幾個暗色調(diào)區(qū)分效果即可。

03，先擇可以在750px×1334px的界面里做一個構(gòu)圖了，并將背景光效大概調(diào)一下，重點突出背景的光源，細節(jié)圖：房子的側(cè)邊給幾像素高亮的邊，月光背景加幾層透明度逐漸減少的光圈，最后一層加一個疊加效果的光效，讓過度更舒服，接下來就可以增加一些浮云效果了，如下：

04，做到這里，其實已經(jīng)基本差不多了，剩下的就是氣氛上的烘托了，我使用的一些基本理論無非就是冷暖對比，突出重點聚焦之類的，廢話不多說看效果。

以上的演示其實都是在第一個設(shè)計稿的基礎(chǔ)上進行的微調(diào)整，調(diào)整的方式有很多，比如換一下背景的圖片，有流行的日落，帶星星的黑夜，日出日落的紅霞等等。然后再使用色相/飽和度功能來進行色相飽和度的調(diào)整，將前景的色調(diào)和背景做一個搭配就可以了。。

以上的演示做完了，接下來，我挑了一副本次作業(yè)承輝學(xué)院的學(xué)生完成的作品，進行一下修改和店鋪。

上面這副悉尼歌劇院場景是承輝學(xué)院uxa7班程程同學(xué)的作品，跟原版的風(fēng)格很像，營造的氛圍和構(gòu)圖都很不錯，唯一不足的我覺得是一些近景的細節(jié)，因為該作品近景是海面，所以可以用一些波光、倒影、海鷗之類的細節(jié)來讓畫面更加飽和一些。

當(dāng)然浮云的層次其實也可以規(guī)整一下，我這里用的正圓來拼的，大小不一的正圓拼接做的合并圖層，這樣云彩看起來輪廓線要更好一些。最后的星星我也做了一個層次，有弱的也有強的，最終調(diào)整過后的效果如下：

當(dāng)然，你也可以用飽和度和色相這個萬能的東東再調(diào)整一下效果，并且用蒙版擦出強弱變化。最后希望，大家都嘗試做一做這種微質(zhì)感漸變的插畫啟動頁。