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