今天這個教程，可以幫你學(xué)會漸變色的用法技巧，掌握AI 中漸變工具、噴槍工具的運用，效果也特別贊，強烈建議學(xué)習(xí)。
沙漠的美在于寧靜，簡潔蜿蜒、明暗起伏的沙丘，非常適合作為背景，從黑夜到黎明，體會日月變遷之感。今天我們要學(xué)的這款日月星辰背景插畫的要點是：
1、繪制一張背景，你能同時獲取三個不同的移動屏幕界面背景，這三個背景能統(tǒng)一風(fēng)格又彼此具有邏輯聯(lián)系。
2、繪制過程中使用的漸變色的用法技巧，保持對于主色的控制。這樣會讓畫面不會凌亂。
3、熟悉AI中漸變工具、符號噴槍工具等工具技巧的掌握。
先卡看效果圖
給天空布景
我把繪制自然景觀分為天與地的部分。先繪制屬于天空的部分，接著再是大地。繪制前先有這樣的層次觀。
STEP 01
打開AI，創(chuàng)建一個1600960的文檔。新建一個1600960的矩形作為背景，背景色填充為漸變。這個背景為天空，由于我們所要繪制的是一個從夜晚到黎明的有著時間變化的天空，因此，天空的漸變應(yīng)該是由暗到明，注意天色過渡要自然。
你可以先做好配色，然后再為此新建一個顏色組。因為這里所選擇的配色是接下我們配色體系的“基礎(chǔ)”。
STEP 02
鎖定背景，然后再新建一個圖層，這個圖層中，我們開始繪制天空里的日月星辰等對象。先繪制一個圓，這個圓為太陽，填充為較亮的黃色到紅色的漸變。讓太陽的位置剛好位于其紅色部分“隱沒”于背景。
STEP 03
接下繪制云朵，云朵的畫法有很多種，這里我們采用“形狀云集”的方式。也即，根據(jù)許多個圓隨機組合而成形成比較隨機的形態(tài)，讓每一朵云彩都能呈現(xiàn)不同的姿態(tài)。這種人為造成隨機組合的感覺將貫穿整個繪制始終。
STEP 04
白色的云朵只是形狀的表達，我們要調(diào)整云朵的顏色。根據(jù)我們的經(jīng)驗，云朵通常比較輕柔，因此，這里云朵的色彩不能太強烈，且要將云朵的部分“隱沒”于背景中，我們需要為它們增加黑白漸變蒙版。
先為云朵填充漸變色，再降低透明度至30%，混合模式改為疊加。使其呈現(xiàn)出若隱若現(xiàn)的效果。
再通過為這一對象添加蒙版，蒙版上繪制出扁橢圓形的黑白漸變，黑色的部分為遮擋而白色的部分則能顯現(xiàn)，按照這樣的原理就能做出云彩的輕柔效果。
STEP 05
依照STEP 04的方法，將其他的云朵也進行填色處理。每種云朵的顏色和明暗都盡量有差別，通過調(diào)整漸變的色彩、透明度以及混合模式都可以做出各種簡單而輕柔的云彩效果。
STEP 06
接下我們將用到符號噴槍工具來處理星辰，首先我們要建立單個符號樣式。利用線條工具繪制十字，在線條的“變量寬度配置文件”中選擇紡錘形，依次建立三個大小各異的星形。這三個星形的大小調(diào)整到適合入畫的比例。
然后將這三個星形分別拖入到符號面板中，新建符號按照大小依次創(chuàng)建名稱為star1(大)、star2(中)、star3(小)。
STEP 07
這時利用符號噴槍工具在畫面中較“暗”的部分進行“噴繪”。噴繪時，要合理安排大中小三種星型的自然排布。噴繪成功后，將整個星辰對象進行“擴展”，擴展成形狀后可以進一步編輯，讓星形變得更為自然。
STEP 08
記得我們仰望夜空看到的繁星嗎?每顆星的亮度其實有所不同，但大的星星似乎更明亮。又根據(jù)夜晚天空里的星星更明亮，而黎明時分的星星已較黯淡。利用對生活的觀察，我們可以來調(diào)整個別星星的明暗。
STEP 09
最后繪制出月亮，月亮的畫法很簡單，兩個圖形疊加減去頂層即可。月亮的色彩可以填充為較自然的漸變。而月亮的背后可以略微呈現(xiàn)出一個“球體”輪廓，以呼應(yīng)太陽的圓。
蜿蜒沙丘之漸變魔法
景色繪制關(guān)鍵在于一種隨機而成的自然感，我想，模仿神秘的上帝造物之手，大概沒有那么容易。
STEP 10
沙丘的繪制非常簡單，難點在于如何協(xié)調(diào)沙丘群的整體效果。我們先來畫第一個沙丘，繪制一個山形，然后利用鋼筆工具畫出蜿蜒的線條，將其進行分割處理，使之成為兩個形的組合。
STEP 11
為兩個形狀填充為漸變色。單個沙丘的漸變色可以不需要太精準(zhǔn)，沙丘群的色彩協(xié)調(diào)還需要整體來進行微調(diào)處理。畢竟色彩是非常微妙的。
填色中特別要注意陰影處的處理，明暗表現(xiàn)出了沙丘的起伏造型。你必須置身其中去感受光的力量，而不是簡單的運用填色而已。
STEP 12
一整排沙丘的繪制要考慮彼此間色彩明暗協(xié)調(diào)等細節(jié)。前后相繼的形狀和色彩之間保持奇妙的平衡感。
STEP 13
沙丘群的打造是一個非常細膩的過程，運用我們的配色，適當(dāng)做一些變化，漸變工具就會像一個趣味魔方。我無法將全部的細節(jié)一一描述，因為太需要現(xiàn)場靈感了，而且這需要花一些時間。下圖當(dāng)然不是最終效果，你可以做得比我的更好。比如增加更多的豐富的色彩過渡，讓畫面更華美壯麗。
展示背景：體驗時間的流逝感
展示為壁紙，在PS中操作更方便。選用你喜歡的工具就好。
STEP 14
將AI文檔在PS中打開，繪制3個圓角矩形代表三個手機屏幕。分別表達了從夜晚到黎明的三個瞬間。
STEP 15
將這三個圓角矩形的填充降至0，并增加投影的圖層樣式。填充其實和透明度的功用并不大，只是填充即使降至0仍然可以運用圖層樣式，而透明度為0圖層樣式也完全不可見了。
STEP 16
結(jié)束前，你當(dāng)然可以還能繼續(xù)調(diào)整出更好的效果，如果覺得配色沒有足夠出彩，可以在PS中繼續(xù)調(diào)色，增加更多的樣式。
就像我做的：先根據(jù)色調(diào)做一個色彩平衡的調(diào)整，再通過色階的調(diào)整讓明暗更加分明。為一些星星增加一點閃光的效果，最后給右側(cè)整體增加一團薄薄的暖意黃。
最終效果
一些題外話
之所以把我所寫的文章稱為教程，大概是為了方便稱呼。其實，一開始寫教程完全是為了給自己留一個筆記，方便日后學(xué)習(xí)領(lǐng)會。我曾說過我并不是為大家提供指導(dǎo)，而是為了探索設(shè)計這一領(lǐng)域。我喜歡設(shè)計，剛好你也喜歡，就像小朋友相互切磋吃哪塊餅干更好吃一樣，我和你們一樣是一個學(xué)習(xí)者(我沒有把設(shè)計看作一個謀生技能，而是一個興趣愛好)。一篇文章之所以被寫下，是因為其中有我認為值得分享和記錄的技巧點，這些技巧點有軟件的操作技巧，也有對于設(shè)計本身的屬于視覺領(lǐng)域的思考。我想，它們能點醒我，大概也能點醒某一部分人。
為保證每篇文章的營養(yǎng)，當(dāng)看到一個不錯的平面效果，我會查閱國內(nèi)外相關(guān)的設(shè)計方法，照他們的方法操作，發(fā)現(xiàn)其中不足和可取之處，結(jié)合我自己的方式，再做一次。實驗成功了，我才寫成教程文章給大家。如果寫得不好，那是我能力的問題，但并不妨礙對設(shè)計本身的熱愛和深究。對于知識，我覺得，沒有一個人是百分百的原創(chuàng)者。
最后特別提醒喜歡看我教程的小伙伴，如果你們能在看完教程后做出比教程更好看的作品，這就是我持續(xù)寫下去的動力之一，希望大家都能分享更好的方法和作品。春天來了，開足馬力繼續(xù)加油!生活不如意十之八九，不過嘛，開心娛樂游戲人間，事事都精彩。
來源：飛屋設(shè)計
