手把手教你繪制人氣最高的太空壁紙!

2018-01-03 2108 0
有這么一張?zhí)詹瀹嫳诩?,常年人氣最高!本篇就帶你了解這幅火爆作品背后的創(chuàng)作過程。 ?那是2013年,我坐在工作臺(tái)前,伴隨著美妙的音樂和燈光,我打開了電腦。一想到還有一堆工作要做,可是卻沒什么靈感。于是我開始無意識(shí)的從屏幕的一角到另一角畫線,突然一個(gè)彗星形狀形成了。慢慢的,我的大腦開始清醒,『如果我沿著這些繼續(xù)添加一些星球會(huì)怎么樣?』,于是開始了接下來的創(chuàng)作。然后這幅插畫成為了我Dribbble上最受歡迎的作品,許多設(shè)計(jì)師都拿來作為手機(jī)和電腦壁紙使用。 uisdc-course-20161218-(0) 所以很多人都來問我能不能出個(gè)相關(guān)教程,在此分享給大家這幅作品的制作過程,最重要的是背后的思想過程,請(qǐng)大家享用。 插畫風(fēng)格 插畫風(fēng)格基本上都是在自己腦海中構(gòu)建的,并沒有十分具體的限制,當(dāng)我開始制作的時(shí)候,我的大腦會(huì)不斷冒出這些奇怪的規(guī)則,不由自主的想要去完成這種荒謬可笑的挑戰(zhàn),這種挑戰(zhàn)就好像如果只用圓形去畫一個(gè)人怎么樣?如果只用一種顏色來繪制日出怎么樣?于是,一種新的風(fēng)格就這樣誕生了。 幾何規(guī)則、邏輯運(yùn)算、對(duì)稱性。有一些非常富有吸引力的數(shù)學(xué)規(guī)則運(yùn)用到了圖形設(shè)計(jì)中,這些規(guī)則剝離了藝術(shù)中的神秘元素,同時(shí)揭示了其背后的科學(xué)。 太空插畫運(yùn)用了其中的兩個(gè)規(guī)則。 1. 圓形波浪圖案 uisdc-course-20161218-(1)
這種波浪圖案是整個(gè)太空插畫的基礎(chǔ)元素,幾乎每個(gè)對(duì)象都是由它組成的。波浪圖案實(shí)際上是向內(nèi)和向外的曲線重復(fù)交替繪制,通過Adobe illustrator可以輕松的實(shí)現(xiàn)。 uisdc-course-20161218-(2) ?
首先,畫一些高度相同的矩形。矩形之間的間距應(yīng)為一個(gè)矩形的高度。您可以打開“顯示網(wǎng)格”和“對(duì)齊網(wǎng)格”,使其更加容易。 uisdc-course-20161218-(3) ?
接下來,用一些更多的矩形填充空隙,但確保這些矩形比第一批矩形更短,以形成向內(nèi)的曲線。選擇所有并合并為一個(gè)形狀。 uisdc-course-20161218-(4) ?最后,拖動(dòng)邊角,使它們成為圓形,直到它們形成完美的半圓。像不像一堆熱狗? 結(jié)合各種長(zhǎng)度和尺寸的熱狗,您可以開始組成各種對(duì)象: uisdc-course-20161218-(5)
2. 30°傾斜 圖中的每個(gè)對(duì)象都傾斜30°。 為什么要將傾斜在第一位?圖中的對(duì)象是浮動(dòng)在太空中的東西,根據(jù)定義它們是不相連的,并且在太空中屬于漂浮狀態(tài)。所以同步他們的方向可以創(chuàng)造出很好的統(tǒng)一性和漂浮感。
uisdc-course-20161218-(6)
為什么一定要傾斜30°?直角或水平方向太對(duì)稱而且不夠有視覺吸引力和刺激感。 選擇30°,而不是45,或20,或15 …的原因只是我覺得它剛看。因?yàn)槲艺J(rèn)為30°是世界上最好的角度。 我們運(yùn)用形狀和傾斜角進(jìn)行基本的圖形設(shè)計(jì),效果如下:? uisdc-course-20161218-(7)
色彩 事實(shí)證明,當(dāng)談到選擇顏色時(shí),我的大腦是相當(dāng)懶惰的。由于色彩的選擇,可以將圖形設(shè)計(jì)歸為兩類:簡(jiǎn)單和復(fù)雜,然后相應(yīng)地選擇一個(gè)調(diào)色板。 復(fù)雜的插畫具有高級(jí)別的精度要求,由許多形狀、對(duì)象和細(xì)節(jié)組成。這些通常非常符合自然世界的性質(zhì),沒有一個(gè)明確的焦點(diǎn)。我的大腦已經(jīng)決定這些類型的插畫顯然適用于單色或類似的配色方案?;蛘撸诟鼜V泛的意義上,運(yùn)用更少的顏色和更少的顏色對(duì)比。所有這一切歸結(jié)為視覺平衡,所以如果形狀是瘋狂的,顏色應(yīng)該是服務(wù)于圖形的。 另一方面,較低復(fù)雜性的插畫通常具有清楚的焦點(diǎn)和清楚的層次。在事物的形狀方面,這些插畫似乎是相當(dāng)直觀的,所以顏色選擇范圍會(huì)更廣。高對(duì)比色的任何種類都可以嘗試 – 互補(bǔ)、三色、四元,無論如何,只要它能夠引人注目就行。 三色搭配 由于重復(fù)的模式和形狀,太空?qǐng)D顯然屬于「簡(jiǎn)單」類別。所以我用的是一個(gè)大致三色的配色方案,我選擇洋紅色,青色和橙色,紫羅蘭色的背景, 是不是很炫? uisdc-course-20161218-(8) ?這種配色在色輪上是這樣的: uisdc-course-20161218-(9) ?
紫色的背景是目前配色的明智選擇,洋紅色和青色作為主色來吸引眼球。橙色運(yùn)用較少,所以它更多是一種強(qiáng)調(diào)色,用于創(chuàng)造一點(diǎn)對(duì)比過渡。 之選擇紫色作為背景,因?yàn)樗軌蛉菁{和襯托所有對(duì)象顏色,所以它分別需要與其他顏色和諧工作。在色輪上,它位于主色 – 洋紅色和青色的中間,因此它與兩者搭配完美和諧。同時(shí)它也適用于強(qiáng)調(diào)色 – 橙色,因?yàn)樗鼈兪腔パa(bǔ)色。 模式開關(guān) 很多時(shí)候,運(yùn)用嚴(yán)格的規(guī)則進(jìn)行創(chuàng)作往往有點(diǎn)太模式化了,甚至?xí)a(chǎn)生無聊,因?yàn)榇嬖诖罅恐貜?fù)相同的東西。所以我要在不打破規(guī)則的前提下,尋找一種方式來打破沉悶感。 發(fā)光
uisdc-course-20161218-(10)
我添加了與行星相同顏色的外發(fā)光,這就像在黑暗中點(diǎn)亮了某個(gè)東西一樣,同時(shí)外發(fā)光的使用模糊了行星鋒利的邊緣,更加具有融入感。決定了行星最終的形狀以后,我將所有對(duì)象從Illustrator轉(zhuǎn)化為智能對(duì)象,然后在Photoshop中添加了發(fā)光。 玻璃效果 uisdc-course-20161218-(11) ?
玻璃效果式最后才加入的,運(yùn)用玻璃效果,創(chuàng)造了更多的深度,實(shí)現(xiàn)起來比較容易: uisdc-course-20161218-(12)
1.在大行星和其后面的物體之間添加一個(gè)實(shí)心圓圈。調(diào)整混合模式為疊加,并對(duì)圓圈圖層添加微妙的發(fā)光效果。
2. 創(chuàng)建底部星球的副本,將它們放在圓圈圖層的頂部,并且調(diào)整顏色提亮。
3. 創(chuàng)建剪貼蒙版。選擇星球?qū)ο蟮母北?,右?gt;創(chuàng)建剪貼蒙版。? 完成。 下面讓我們快速回顧一下制作過程: uisdc-course-20161218-(13) ?接下來,你可以運(yùn)用這些技術(shù)創(chuàng)作出自己別具一格的作品。
22
評(píng)論區(qū)(0)
正在加載評(píng)論...