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

有這么一張太空插畫壁紙,常年人氣最高!本篇就帶你了解這幅火爆作品背后的創作過程。

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

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

所以很多人都來問我能不能出個相關教程,在此分享給大家這幅作品的制作過程,最重要的是背后的思想過程,請大家享用。

插畫風格

插畫風格基本上都是在自己腦海中構建的,并沒有十分具體的限制,當我開始制作的時候,我的大腦會不斷冒出這些奇怪的規則,不由自主的想要去完成這種荒謬可笑的挑戰,這種挑戰就好像如果只用圓形去畫一個人怎么樣?如果只用一種顏色來繪制日出怎么樣?于是,一種新的風格就這樣誕生了。

幾何規則、邏輯運算、對稱性。有一些非常富有吸引力的數學規則運用到了圖形設計中,這些規則剝離了藝術中的神秘元素,同時揭示了其背后的科學。

太空插畫運用了其中的兩個規則。

1. 圓形波浪圖案

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

這種波浪圖案是整個太空插畫的基礎元素,幾乎每個對象都是由它組成的。波浪圖案實際上是向內和向外的曲線重復交替繪制,通過Adobe illustrator可以輕松的實現。

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

?首先,畫一些高度相同的矩形。矩形之間的間距應為一個矩形的高度。您可以打開“顯示網格”和“對齊網格”,使其更加容易。

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

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

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

?最后,拖動邊角,使它們成為圓形,直到它們形成完美的半圓。像不像一堆熱狗?

結合各種長度和尺寸的熱狗,您可以開始組成各種對象:

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

2. 30°傾斜

圖中的每個對象都傾斜30°。

為什么要將傾斜在第一位?圖中的對象是浮動在太空中的東西,根據定義它們是不相連的,并且在太空中屬于漂浮狀態。所以同步他們的方向可以創造出很好的統一性和漂浮感。

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

為什么一定要傾斜30°?直角或水平方向太對稱而且不夠有視覺吸引力和刺激感。 選擇30°,而不是45,或20,或15 ...的原因只是我覺得它剛看。因為我認為30°是世界上最好的角度。

我們運用形狀和傾斜角進行基本的圖形設計,效果如下:?

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

色彩

事實證明,當談到選擇顏色時,我的大腦是相當懶惰的。由于色彩的選擇,可以將圖形設計歸為兩類:簡單和復雜,然后相應地選擇一個調色板。

復雜的插畫具有高級別的精度要求,由許多形狀、對象和細節組成。這些通常非常符合自然世界的性質,沒有一個明確的焦點。我的大腦已經決定這些類型的插畫顯然適用于單色或類似的配色方案。或者,在更廣泛的意義上,運用更少的顏色和更少的顏色對比。所有這一切歸結為視覺平衡,所以如果形狀是瘋狂的,顏色應該是服務于圖形的。

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

三色搭配

由于重復的模式和形狀,太空圖顯然屬于「簡單」類別。所以我用的是一個大致三色的配色方案,我選擇洋紅色,青色和橙色,紫羅蘭色的背景, 是不是很炫?

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

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

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

?紫色的背景是目前配色的明智選擇,洋紅色和青色作為主色來吸引眼球。橙色運用較少,所以它更多是一種強調色,用于創造一點對比過渡。

之選擇紫色作為背景,因為它能夠容納和襯托所有對象顏色,所以它分別需要與其他顏色和諧工作。在色輪上,它位于主色 - 洋紅色和青色的中間,因此它與兩者搭配完美和諧。同時它也適用于強調色 - 橙色,因為它們是互補色。

模式開關

很多時候,運用嚴格的規則進行創作往往有點太模式化了,甚至會產生無聊,因為存在大量重復相同的東西。所以我要在不打破規則的前提下,尋找一種方式來打破沉悶感。

發光

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

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

玻璃效果

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

?玻璃效果式最后才加入的,運用玻璃效果,創造了更多的深度,實現起來比較容易:

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

1.在大行星和其后面的物體之間添加一個實心圓圈。調整混合模式為疊加,并對圓圈圖層添加微妙的發光效果。

2. 創建底部星球的副本,將它們放在圓圈圖層的頂部,并且調整顏色提亮。

3. 創建剪貼蒙版。選擇星球對象的副本,右擊>創建剪貼蒙版。?

完成。

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

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

?接下來,你可以運用這些技術創作出自己別具一格的作品。

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

?「五分鐘學習人氣最高的設計風格」

  1. MBE 風格丨《PS熱門教程!教你5分鐘快速繪制超火的MBE風格圖標》
  2. 彌散陰影丨《一份簡單易上手的青春彌散陰影修煉手冊》

原文地址:About that space illustration you keep seeing around
優設譯文:@爆炒地瓜

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 32
點贊 4

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。