超贊！手把手教你繪制人氣最高的太空壁紙！

有這么一張?zhí)詹瀹嫳诩垼Ｄ耆藲庾罡撸”酒蛶懔私膺@幅火爆作品背后的創(chuàng)作過程。

?那是2013年，我坐在工作臺(tái)前，伴隨著美妙的音樂和燈光，我打開了電腦。一想到還有一堆工作要做，可是卻沒什么靈感。于是我開始無意識(shí)的從屏幕的一角到另一角畫線，突然一個(gè)彗星形狀形成了。慢慢的，我的大腦開始清醒，『如果我沿著這些繼續(xù)添加一些星球會(huì)怎么樣？』，于是開始了接下來的創(chuàng)作。然后這幅插畫成為了我Dribbble上最受歡迎的作品，許多設(shè)計(jì)師都拿來作為手機(jī)和電腦壁紙使用。

所以很多人都來問我能不能出個(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. 圓形波浪圖案

這種波浪圖案是整個(gè)太空插畫的基礎(chǔ)元素，幾乎每個(gè)對(duì)象都是由它組成的。波浪圖案實(shí)際上是向內(nèi)和向外的曲線重復(fù)交替繪制，通過Adobe illustrator可以輕松的實(shí)現(xiàn)。

?首先，畫一些高度相同的矩形。矩形之間的間距應(yīng)為一個(gè)矩形的高度。您可以打開“顯示網(wǎng)格”和“對(duì)齊網(wǎng)格”，使其更加容易。

?接下來，用一些更多的矩形填充空隙，但確保這些矩形比第一批矩形更短，以形成向內(nèi)的曲線。選擇所有并合并為一個(gè)形狀。

?最后，拖動(dòng)邊角，使它們成為圓形，直到它們形成完美的半圓。像不像一堆熱狗？

結(jié)合各種長(zhǎng)度和尺寸的熱狗，您可以開始組成各種對(duì)象：

2. 30°傾斜

圖中的每個(gè)對(duì)象都傾斜30°。

為什么要將傾斜在第一位？圖中的對(duì)象是浮動(dòng)在太空中的東西，根據(jù)定義它們是不相連的，并且在太空中屬于漂浮狀態(tài)。所以同步他們的方向可以創(chuàng)造出很好的統(tǒng)一性和漂浮感。

為什么一定要傾斜30°？直角或水平方向太對(duì)稱而且不夠有視覺吸引力和刺激感。 選擇30°，而不是45，或20，或15 ...的原因只是我覺得它剛看。因?yàn)槲艺J(rèn)為30°是世界上最好的角度。

我們運(yùn)用形狀和傾斜角進(jìn)行基本的圖形設(shè)計(jì)，效果如下：?

色彩

事實(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)決定這些類型的插畫顯然適用于單色或類似的配色方案。或者，在更廣泛的意義上，運(yùn)用更少的顏色和更少的顏色對(duì)比。所有這一切歸結(jié)為視覺平衡，所以如果形狀是瘋狂的，顏色應(yīng)該是服務(wù)于圖形的。

另一方面，較低復(fù)雜性的插畫通常具有清楚的焦點(diǎn)和清楚的層次。在事物的形狀方面，這些插畫似乎是相當(dāng)直觀的，所以顏色選擇范圍會(huì)更廣。高對(duì)比色的任何種類都可以嘗試 - 互補(bǔ)、三色、四元，無論如何，只要它能夠引人注目就行。

三色搭配

由于重復(fù)的模式和形狀，太空?qǐng)D顯然屬于「簡(jiǎn)單」類別。所以我用的是一個(gè)大致三色的配色方案，我選擇洋紅色，青色和橙色，紫羅蘭色的背景， 是不是很炫？

?這種配色在色輪上是這樣的：

?紫色的背景是目前配色的明智選擇，洋紅色和青色作為主色來吸引眼球。橙色運(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ā)光

我添加了與行星相同顏色的外發(fā)光，這就像在黑暗中點(diǎn)亮了某個(gè)東西一樣，同時(shí)外發(fā)光的使用模糊了行星鋒利的邊緣，更加具有融入感。決定了行星最終的形狀以后，我將所有對(duì)象從Illustrator轉(zhuǎn)化為智能對(duì)象，然后在Photoshop中添加了發(fā)光。

玻璃效果

?玻璃效果式最后才加入的，運(yùn)用玻璃效果，創(chuàng)造了更多的深度，實(shí)現(xiàn)起來比較容易：

1.在大行星和其后面的物體之間添加一個(gè)實(shí)心圓圈。調(diào)整混合模式為疊加，并對(duì)圓圈圖層添加微妙的發(fā)光效果。

2. 創(chuàng)建底部星球的副本，將它們放在圓圈圖層的頂部，并且調(diào)整顏色提亮。

3. 創(chuàng)建剪貼蒙版。選擇星球?qū)ο蟮母北荆覔?gt;創(chuàng)建剪貼蒙版。?

完成。

下面讓我們快速回顧一下制作過程：

?接下來，你可以運(yùn)用這些技術(shù)創(chuàng)作出自己別具一格的作品。

壁紙下載：https://pan.baidu.com/s/1i57aUaT? 密碼: ui3g

?「五分鐘學(xué)習(xí)人氣最高的設(shè)計(jì)風(fēng)格」

1. MBE 風(fēng)格丨《PS熱門教程！教你5分鐘快速繪制超火的MBE風(fēng)格圖標(biāo)》
2. 彌散陰影丨《一份簡(jiǎn)單易上手的青春彌散陰影修煉手冊(cè)》

原文地址：About that space illustration you keep seeing around
優(yōu)設(shè)譯文：@爆炒地瓜

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com