本單元所使用的材質素材 ⬇️（對圖片點擊右鍵即可下載）

你好 我是設計師 Riven

今天我們先來直接快速上手一下

Adobe Illustrator 這個設計軟體

我們打開 Ai 後可以先點新檔案

上面會有一些預設好的選項可以選

像是列印 可以直接選擇 A4

旁邊則會有一些細項可以調整

像是尺寸 單位 還有直式 橫式

如果需要兩頁以上

可以增加這個工作畫板

如果圖稿要列印的話

建議可以設定 3mm 的出血

色彩模式選擇 CMYK

點陣特效選 300ppi

那如果是不用列印的圖稿 可以到網頁這邊

點一下網頁-大 單位會自動換成像素

出血可以不用設定

色彩模式變為 RGB

如果後續圖稿臨時要列印也可以再改成 CMYK 模式

點陣特效可以維持預設 72 ppi

今天的示範我會把尺寸改為 2000x2000 像素

按一下建立就會進到工作區

可以先到右上角找到 切換工作區按鈕

改成 傳統基本功能 這樣常用的工具就會顯示出來囉

接著我們來認識一下介面

左側的兩排圖示叫做工具列

上方橫排叫做控制面板

右側區域叫做屬性面板

中間這塊白色叫工作區域

也就是我們剛剛設定的 2000x2000 的尺寸

最後輸出也只有白色範圍是看的到的

灰色是輸出不會看見的範圍

可以將用不到的物件放在灰色區域

如果想調整工作區域

可以按一下這個圖示

白色區域邊緣就會出現虛線和控制點

到控制面板可以更改尺寸

還有直式橫式

也可以點一下 + 新增一樣尺寸的工作區域

如果想移動視窗

可以按一下手型工具

就可以自由拖曳

需要放大縮小的話就點一下放大鏡

滑鼠按住往右往左就可以自由縮放

接下來我們就一邊做冰淇淋汽水

一邊認識 Illustrator 的工具有哪些吧

先到工具列找到矩形工具

長按的話會出現其他形狀工具可以選擇

我們先選擇矩形

然後對齊工作區域

拉出一個滿版的矩形

也可以直接在空白處點一下

會跳出視窗可以直接設定尺寸

接著我們要改顏色

到工具列這邊

對著方塊點兩

就可以調整成想要的顏色

下面三個小方塊分別代表顏色 漸層 無

點右上按鈕可以反轉顏色跟筆畫

我們先把筆畫顏色調整成無

下一步 先找到線段工具

用滑鼠直接拖曳出一條線

可以按住 Shift 這樣線就會是平行的噢

因為線段不是形狀

所以這邊我們要選擇筆畫來改顏色

控制面板左邊可以改線段粗細

這邊選80 pt

右邊的一排按鈕可以讓物件對齊

這個做設計的時候是很常用到的功能

接下來要複製一個線段到下面

可以按住 Alt 或 Option 滑鼠拖曳到下面

想要對齊的話再按住 Shift 這樣就不會亂跑囉

接著到屬性面板 找到圖層 點開來

可以點一下眼睛右邊的框

就會出現一個鎖

代表我們鎖定了這個圖層

再按一下下面的 + 號

就可以新增一個圖層囉

接下來來輸入文字吧

先到工具列找到文字工具

點一下就可以直接輸入

輸入完成後 回到黑色箭頭

也就是選取工具

調整一下位置跟大小

可以按住 Shift 比例就不會跑掉了

控制面板這裡可以選擇字體跟字級

那如果想要文字顏色跟線段顏色一樣怎麼辦呢

可以找到滴管工具

點一下線段 就可以直接套用囉

我們再點一下轉換按鈕

把筆畫和顏色轉換

然後再輸入第二行字

一樣用滴管工具點一下文字 套用字體

回到選取工具 調整位置跟大小

可以壓扁一點 看起來比較和諧

做好後一樣鎖定圖層

再新增一個圖層

接著來做玻璃杯吧

長按矩形工具

選擇圓角矩形

先拉一個長方型 可以拉近一點

回到選擇工具 會發現四邊有圓形按鈕

先點一下左邊按鈕

再按住 Shift 點右邊按鈕

就可以一次選取兩個按鈕做調整

把按紐拉到最底

讓形狀變成一個倒過來的拱門的感覺

接著做杯子的底部

一樣選圓角矩形

拉一個長方形

回到選取工具 按住圓形按鈕 拉到最底

再回到圓角矩形 拉一個長方形

然後回到選取工具 框選三個物件

點一下對齊的水平齊中

接著是杯子裡的汽水

如果直接複製一個出來再縮小

他的長短就會不一樣

所以可以先選取杯壁

再點開上方選單的物件

找到路徑 點開 有一個位移複製

點開來 把數值改成 -40 px

就會得到一個完美縮小的圖形囉

我們把顏色改成漸層

到屬性面板這邊可以調整顏色跟角度

也可以到工具列找到漸層工具

直接用滑鼠拖曳調整

接下來用選取工具

我們要把三個圖形都選取起來

先點一下杯壁

再按住 Shift 點下面的兩個圖形

按一下右鍵 找到群組 點一下

這樣杯子的三個圖形就被群組起來囉

然後到控制面板 把透明度改成 70%

再按一下右鍵 找到排列順序

點開 選擇移至最後

再點一下汽水 把透明度改成 75%

接著來做冰淇淋 長按矩形工具 選擇橢圓形

按住 Shift 就可以拉出正圓形

把顏色改成香草色

回到選取工具調整一下位置

再來做上面的櫻桃

一樣用橢圓形工具拉出一個正圓

把顏色改為紅色

接著我們找到鋼筆工具 選擇它

先點一下 再點第二個地方

滑鼠按住往旁邊移動

就可以拉出曲線囉

把顏色改成筆畫

選一個深紅色

可以到屬性面板找到筆畫的按鈕

把端點改成圓角 也改一下粗細

可以到工具列選一下白色箭頭

也就是直接選取工具

用直接選取工具可以調整剛剛畫的線條

直接移動 或是調整曲線彎度都可以

接下來做一根吸管 再選一次鋼筆工具

這次直接用滑鼠照順序點擊想要的位置就好

這樣就會是直線 不會變成曲線噢

一樣調整一下粗細

端點我們改成平端點

尖角的話可以改成圓角 比較自然

再調整一下顏色

現在可以調整一下物件的順序

點一下汽水 右鍵 排列順序 移至最前

這樣看起來是不是好多了呢

最後再來加一點裝飾吧

選擇圓角矩形工具 先按住 Shift 拉出一個正方形

回到選取工具 把圓形按鈕拉到最底

再按住 Alt 或 Option 點一下圓型按鈕

就會變成往內凹的圓角造型囉

然後調整一下顏色

再按住 Alt 或 Option 複製一個小一點的星星出來就可以了

如果想要更精緻點 可以再匯入一些網點或是材質的圖片

點開透明度按鈕 選擇色彩加深模式 調整透明度

這樣圖稿看起來就會更豐富噢

最後的最後 來學怎麼存檔和轉存

首先 點開選單的檔案 找到儲存

可以選擇要存在雲端或電腦

改一下名字 按存檔就可以了

再來一樣點開檔案 找到轉存 點開 選擇轉存為...

把 使用工作區域 勾選起來 按轉存

消除鋸齒可以選擇最佳化線條圖

按確定 就完成囉

這樣我們就完成了最基本的 Illustrator 操作

在接下來的課程單元呢

我們會一一講解每個部位功能如何使用

以及更後面的進階應用設計作品

讓我們一起開始學習 Illustrator 做設計吧