|
今天這個教程,，可以幫你學(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è)計看作一個謀生技能，而是一個興趣愛好),。一篇文章之所以被寫下,，是因為其中有我認(rèn)為值得分享和記錄的技巧點，這些技巧點有軟件的操作技巧,，也有對于設(shè)計本身的屬于視覺領(lǐng)域的思考,。我想，它們能點醒我,，大概也能點醒某一部分人,。 為保證每篇文章的營養(yǎng)，當(dāng)看到一個不錯的平面效果,，我會查閱國內(nèi)外相關(guān)的設(shè)計方法,，照他們的方法操作，發(fā)現(xiàn)其中不足和可取之處,，結(jié)合我自己的方式,，再做一次。實驗成功了,，我才寫成教程文章給大家,。如果寫得不好，那是我能力的問題,，但并不妨礙對設(shè)計本身的熱愛和深究,。對于知識，我覺得,，沒有一個人是百分百的原創(chuàng)者,。 最后特別提醒喜歡看我教程的小伙伴，如果你們能在看完教程后做出比教程更好看的作品,，這就是我持續(xù)寫下去的動力之一,，希望大家都能分享更好的方法和作品。春天來了,，開足馬力繼續(xù)加油!生活不如意十之八九,，不過嘛，開心娛樂游戲人間,，事事都精彩,。 來源：飛屋設(shè)計 |
|
|
