萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> SPACEBEAR圖標繪制解析

SPACEBEAR圖標繪制解析

SPACEBEAR圖標繪制解析 三聯

  Hi all! 今天很高興請到了我們可愛的太空熊做為麻豆,他將會協助我一起為大家展示一下卡通角色造型圖標的設計流程與方法。OK,廢話不多說,我們先來看一下最終的效果圖。

  WOW,太空熊坐在曲奇月面上,旁邊插pockey旗幟,背景是布滿星辰的外太空,太有FEEL了:),那麼這麼可愛的圖標是如何完成的呢?現在我們開始從頭分解一下它的設計流程。首先是創意階段。

  視覺元素

  我需要做一個以太空熊為主題的圖標教程,於是我開始了構思,首先太空熊是我們必不可少的元素,但為避免單調,我增加了月面、外太空、旗幟這3個視覺元素作為輔助,以此來增加圖標的細節和氣氛。

  視覺風格

  元素確定了,接下來需要對圖標的表現風格進行初步的定義,首先我可以確定的是圖標整體是往卡通活潑的風格上去靠的,那麼各個元素間的關系和聯系如何是把控呢?在這裡我的解決方法是加入一些幽默和诙諧的元素融入到設計當中,曲奇月面、POCKY旗幟、攝影背景。這3個原本獨立的元素現在很好的組合到了一起,與太空熊搭配起來,俨然變成了一組很完整的卡通攝影造型。

  圖標造型

  Ok,我們現在進入具體的圖標設計環節,設計圖標簡單的來說可以分為3個階段:1.造型,2.體感,3.質感。其中造型階段是決定整個圖標方向的重要一步,不同的造型直接決定了圖標的後期細節表現和圖標的氣質,在這裡我以偏30度的造型角度來塑造整體圖標。

  線條造型

  和繪畫一樣,我們前期需要以簡單的圖形對圖標各個元素的關系和透視進行大概的確立。

  差不多了就可以對造型進行細化。

  Ok,圖標的造型基本上差不多,是不是感覺有點簡陋?沒關系,接下來我們要開始對圖標加入光影的細節了,這是輔助確立圖標氣質和風格重要的一步。

  光影體感

  在之前線條造型的基礎上補足一些過渡的圖形讓整體造型更加的整體和完整,之後就是見證奇跡的時刻了,同學們現在用你們的鼠標點選漸變工具,然後全選圖形對它整體應用由白到灰的橢圓形漸變,效果如下,

  WOW,是不是密密麻麻不知所措了?沒關系,耐著性子慢慢調整吧,把漸變中心和范圍對照受光面進行統一和微調,調整完後如下圖,

  有點像3D的白模渲染:)

  加入細節投影,明確各塊面的透視關系。

  質感造型

  終於到了上色階段,按照之前確立的明暗關系對各個塊面進行色彩定義。

  在色彩的基礎上加入各個元素的質感與細節。

  最後添加高光,反光和更多的細節。

  OK,到這裡為止就是太空熊圖標整體的設計流程和思路了,主要以流程分解為主,中間略去了很多細節的技法表現,但無傷大雅,留給同學們自己去琢磨和發揮的空間,多探索多練習,你會從中獲得更多的啟發和鍛煉。那麼我們下次再見:)

copyright © 萬盛學電腦網 all rights reserved