Illustrator 教學

Illustrator教學-像素風格

格線工具+即時上色油漆桶工具

蔡點點 Dotty

為了迎接奧運,官方這次更打造一款精緻的網頁互動式Doodle遊戲,共推出了6大服務,讓你完整掌握2020 年東京奧運動態。Google與日本動畫公司 STUDIO 4***°***C 合力打造,有史以來規模最大的一款互動式 Doodle 遊戲!按一下 Doodle 即可進入遊戲世界並加入運動隊伍,征服滑板、橄欖球、攀岩等領域的衛冕冠軍一較高下,同時感受 一下復古風的魅力。過程中還有數十個驚喜和支線任務等著你,真的非常有趣!

Doodle Champion Island Games (7 月 25 日) Doodle Champion Island Games (7 月 25 日)

今天我們就來玩玩這樣的像素風格,一起為中華隊加油!

Design by dotty. 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,中華隊加油!!!台灣加油!!!

文章結束,感謝你的閱讀,如果你喜歡我的文章也歡迎透過 👉「贊助系統」支持我的寫作,你們的鼓勵,將是我持續寫下去的動力,有任何設計需求與設計交流都歡迎來信,謝謝支持!

這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。

這篇有哪裡卡住嗎?

照著做卻卡在某一步、或想問延伸的用法,都可以問我。 問題如果對其他人也有幫助,我會整理進這篇文章的「讀者提問」。

寄信問我 →