Illustrator教學-像素風格
格線工具+即時上色油漆桶工具
為了迎接奧運,官方這次更打造一款精緻的網頁互動式Doodle遊戲,共推出了6大服務,讓你完整掌握2020 年東京奧運動態。Google與日本動畫公司 STUDIO 4***°***C 合力打造,有史以來規模最大的一款互動式 Doodle 遊戲!按一下 Doodle 即可進入遊戲世界並加入運動隊伍,征服滑板、橄欖球、攀岩等領域的衛冕冠軍一較高下,同時感受 一下復古風的魅力。過程中還有數十個驚喜和支線任務等著你,真的非常有趣!
Doodle Champion Island Games (7 月 25 日)
今天我們就來玩玩這樣的像素風格,一起為中華隊加油!
Design by dotty.
START (使用軟體:Illustrator CC,尺寸:1920 x 1080px / 72dpi)
1. 使用「矩形格線工具」(Rectangular Grid Tool),在畫面單點一下,輸入數值「寬跟高都設定1000px, 數量均為200」,按下確定,畫出網格。
矩形格線工具

密密麻麻的格線
2. 輸入文字,選擇黑體字,盡量字重重一點。(最下方也有字體連結)

3. 將文字對齊好框線,並調整一下文字的不透明度,這樣畫的時候比較容易看得見,然後按下「cmd+2 / ctrl+2」鎖定文字。


4. 將要填入的顏色設定好,開啟「視窗」點選「色票」面板,將所配好的顏色選取,按下「色票」下方的資料夾,等等方便填入色彩。
我所配的顏色

5. 選取格線,使用「即時上色油漆桶工具」,到上方屬性物件填色選擇剛剛存入在色票資料夾內的顏色,筆畫填色改成無。
即時上色油漆桶工具
我這邊先使用黑色
6. 接著滑單點或拖曳在格線內填入顏色。

像這樣先描輪廓
7. 以此類推,分別填入藍色、水藍、淡藍色,可使用鍵盤上的「上下左右鍵」的「左右」快速切換顏色,並重複動作填入顏色(參考下圖)。

8. 接著到屬性列按下「展開」,回到物件單點滑鼠右鍵,選擇「解散群組」(我這邊按了2次解散群組)其目的要把格線與剛剛的填色分開,格線如果不需要可以將它刪除,最後只會剩下你填入顏色的文字。


9. 我們再將剛剛鎖定的文字按下「cmd+option+2 / ctrl+alt+2」解除鎖定,文字部分可以刪除,這樣就完成囉,快來玩玩看吧。

⬇️ 文字連結:8 Bit Wonder
最後分享我還另外描繪的中華隊的Logo,中華隊加油!!!台灣加油!!!

文章結束,感謝你的閱讀,如果你喜歡我的文章歡迎大力拍手!最多可拍手到50下,你們的鼓勵將是我持續寫下去的動力,有任何設計需求與設計交流都歡迎來信,謝謝支持!
這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。