小編illustrator自學

小編illustrator自學 原來學這些就夠用了!

此篇文獻給麻糬,謝謝你教會我Adobe illustrator

你也想自己做漂亮的圖,用在官網、FB貼文中嗎?在大概三個月前,我還只會用PPT做圖,經過幾次坐在同事旁邊學習,現在我也可以做出可看的圖了,所以分享給大家我目前會的,從技術及心態面來介紹,會這些基本上可以擋掉80%的作圖需求,如果你想知道學會哪些就可以做出圖片,那就看下去吧。

技術

素材

首先,素材!沒有素材就沒辦法開始,在做圖之前要在心中有圖的樣子,社群大神傑哥說「比創意更重要的是執行力」,從現有素材去更改製作新圖,會是執行力最高,品質也有保證的作法,素材的來源有以下兩種:

1.品牌資源

你的品牌應該會有主視覺KV、POSM、CDM等文宣品,如果是專業代理商製作的,應該會給Ai檔,可以用這些圖檔來更改,也會讓品牌視覺一致。

2.網路資源

如果沒有的話,網路上有免費的資源,要找圖我第一個會去的網站是freepik ,裡面的圖都是完整的,基本上視覺就會定下來,只要改改上面的字就可以了,要做節慶圖的時候很好用喔;有時候已經有背景了,只是需要圖示、icon去輔助那就可以去flaticon ,或是如果需要可愛的人像那就找illustAC ,因為是免費的資源,所以在使用時記得要在下方放上網站的名字喔。

工作區域

打開Ai檔之後,按左上角檔案的地方新增一個工作區域,單位用像素pt,網站的圖大概在600-800左右,FB貼文的尺寸如果是多圖的話,可以看下面的尺寸,避免尺寸太大讀取很久、尺寸太小又看不清楚的困擾,Ai可以一次建立多個工作區域喔,快捷鍵是Shift + O,最上面新增工作區域,可以直接複製跟上個工作區域一樣大小的,最上列也可以輸入寬與高。

FB尺寸圖
FB如果需要使用多圖,可以用這邊的尺寸作為參考喔

圖層概念

圖層就是位置前後的概念,當一張圖的元素很多時,圖層就會很多,要選取特定項目,可以先鎖定不需要的圖層,可以在圖層的位置拖曳來調整前後的位置,旁邊的藍色點標示可以判斷自己現在選取的是哪個圖層,也可以點眼睛,看是哪個部分消失了,來看目前選取的圖層是哪一塊。

圖層概念
選取的是952X474這個文字圖層,可以看到右下角圖層的地方有藍色點點

參考線

做圖的基本要求就是要對齊,對齊的圖樣對人來說比較順眼,如果你是要對工作區域,可以點擊工作區域的按鈕,再叫出尺規Ctrl + R,就可以拖曳拉出參考線,

在工作區域拉參考線
先點選左側的工作區域,圖會出現白色點點,再用Ctrl + R叫出尺規,拉參考線對到中間

如果是圖片對圖片,有一種投機取巧的方式是做出一個框再移到要對的部分。

拉出一個框以對齊
先做出一個方框,放在左側對齊左側與圖,再複製方框,拉到右側,檢視是否對齊

圖案

矩形工具的地方建立圖案,方框的話就是將圖點成透明的,框則是自己想要的顏色。

矩形工具列
矩形工具列可以拉出基本圖案,下方粉紅色區塊是圖案顏色,他下方的白色與紅線是代表透明的框。

選色

一個基本的原則,就是不要有太多顏色,用滴管工具選已經有的顏色,特殊色如金色或銀色,可以去freepik搜尋相關字(如gold),然後下載顏色ai檔,拉一個方框,用滴管選取金屬色,再將這個方框拖曳到繪圖樣式中,繪圖樣式就會有這個素材,將此素材拖曳到字上面,就可以將字變成金屬色了。

金屬色的繪圖樣式
拉一個方框,顏色用滴管選擇下載的金屬色,再將方框拉到右下繪圖樣式,再將繪圖樣式拉到字上

字體

一個基本的原則,就是不要有太多字型,可以選擇一種,然後有粗細度的差別,黑體最萬用也有專業感,如果是要溫柔、活潑的可以選用圓體,情感類的可以選用宋體。

不同字體的不同感覺
不同字體有不同的感覺

有時候標題或是重點字會需要白邊去做托襯,這裡做一下教學,點擊要做邊框的字體圖層,Ctrl +C複製起來,然後Ctrl + B貼到原位置的下層,接著到上方把顏色及外框都調成白色(也可以是任何你想要的顏色),顏色旁邊可以調粗細pt,調到你覺得適合的外框粗細。

有時候框太粗時周圍會有刺刺的,這時候選到白邊圖層(可以先把上層字鎖起來,會比較好選),建立外框,再到左上角物件選擇展開,用鋼筆工具中的刪除錨點工具,將尖尖的點點掉就可以了。

心態

美感

美感的建立是很重要的,開始做圖以後,應該會覺得美到用時方恨少,把所有想要弄的東西都擺上去,那重點是哪些呢,大家可能會覺得美是很主觀的,但是美感其實是可以藉由看大量案例培養的,例如資訊要如何排版,符合消費者的閱讀視覺,能不能凸顯想表達的重點等。

耐心

最後這個是最難的,做圖的很多時候都要慢慢選圖層、慢慢調位置,還會因為不熟悉工具而需要花更多的時間,成品做好了以後,大家又會有很多意見,接著剛剛的程序又要再輪迴一次,偷偷跟大家說,我每次做完以後下班,就會大睡個兩小時,可能是情緒跟精神的恢復期吧,所以不要給自己太大的壓力,別人的意見會讓你的作品更好,但你才是實際做出圖的人,能把圖片做出來的你已經很厲害了。

學習資源介紹

設計不能這樣做

介紹一本我覺得很棒的書,設計不能這樣做,裡面都有對比的案例,告訴你為什麼這樣做比較好,相信新手可以得到很多靈感。

Ai教學影片

還要介紹一部我覺得很棒的影片

以上,希望大家有學到一些東西!之後如果我有學到更多的方法,會上來更新文章,如果你有任何想學的,請留言給我知道喔~謝謝❤


9 則迴響

  • Vincent

    4 月 20, 2020

    寫得很詳細! 感覺可以來自學illustrator了

    回復
  • 高高

    4 月 20, 2020

    覺得寫得很仔細 還有心態分享 推!!!

    回復
  • 麻糬就是我本人

    4 月 20, 2020

    這個生日禮物有點太隆重了,哈哈
    寫得很清楚,美編新手也可以一目了然

    回復
  • Sora

    4 月 21, 2020

    真的!製圖只能用PPT感覺怪不專業的,想精進又不知該如何下手。
    覺得這很適合文書類工作好好研讀,不再讓illustrator 覺得很遙不可及。

    很期待下一篇文章,整理的就像班上資優生筆記,方便理解吸收快。

    回復
  • 之女胡說

    4 月 21, 2020

    太厲害惹!非常清楚明瞭的介紹illustrator的使用方式,連初學者都能輕易上手,感激無私分享,期待未來的筆記!推 推!

    回復
  • 別再寫錯我的諺

    4 月 21, 2020

    很詳細的介紹illustrator,細節講解覺得很棒,對於新手來說是很好的筆記,感謝大大無私分享。

    回復
  • Renee :D

    4 月 21, 2020

    這篇對illustrator初心者來說頗為受用,不用害怕自己沒有美感什麼的,擁有素材與簡單編輯,就能快速上手!
    期待之後能分享SEO相關的小撇步 <3

    回復
  • 斯冰菊

    4 月 27, 2020

    我也希望能有和妳一樣的耐心,GREAT JOB!!!

    回復
  • 沅沅

    5 月 29, 2020

    感謝分享網路資源,被時間追著跑的行銷們可以趕快來用一下!

    回復

發佈留言