vocus logo

方格子 vocus

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

更新 發佈閱讀 4 分鐘
此篇文獻給麻糬,謝謝你教會我Adobe illustrator

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

技術

素材

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

1.品牌資源

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

2.網路資源

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

工作區域(Shift + O)

打開Ai檔之後,按左上角檔案的地方新增一個工作區域,單位用像素pt,網站的圖大概在600–800左右,貼文的尺寸,如果是多圖的話,可以看下面的尺寸,避免尺寸太大讀取很久、尺寸太小又看不清楚的困擾,可以一次建立多個工作區域喔。

圖層概念

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

參考線

做圖的基本要求就是要對齊,對齊的圖樣對人來說比較順眼,如果你是要對工作區域,可以點擊工作區域的按鈕,再叫出尺規Ctrl + R,就可以拖曳拉出參考線,如果是圖片對圖片,有一種投機取巧的方式是做出一個框再移到要對的部分。

圖案

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

選色

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

字體

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

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

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

心態

美感

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

耐心

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

學習資源介紹

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

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

Ai教學 |基礎功能 x 新手入門|阿背

Illustrator 高效設計攻略

如果我有學到更多的方法,會上來更新文章,如果你有任何想學的,請留言給我知道喔~謝謝❤

留言
avatar-img
蔡宜庭的沙龍
2會員
9內容數
你可能也想看
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
當今的數位設計世界裡,清晰地呈現視覺元素是至關重要的。無論是在創建網站、設計海報,還是製作社交媒體內容,精準地移除圖像背景或不必要的像素,可以顯著提升作品的視覺效果和專業度。本文將介紹幾種在Adobe Photoshop中去除背景的高效方法,以及如何在Adobe Illustrator和InDesi
Thumbnail
當今的數位設計世界裡,清晰地呈現視覺元素是至關重要的。無論是在創建網站、設計海報,還是製作社交媒體內容,精準地移除圖像背景或不必要的像素,可以顯著提升作品的視覺效果和專業度。本文將介紹幾種在Adobe Photoshop中去除背景的高效方法,以及如何在Adobe Illustrator和InDesi
Thumbnail
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔,包含選擇模板、PSD下載、PS套圖等步驟,讓您輕鬆展現作品並模擬示意圖。
Thumbnail
本文介紹如何使用Mockup模板圖庫快速合成高質感的圖檔,包含選擇模板、PSD下載、PS套圖等步驟,讓您輕鬆展現作品並模擬示意圖。
Thumbnail
作為一名創作者,我們在完成設計作品後,最令人期待的就是看到它在印刷品上呈現出色。 為了確保設計能夠完美呈現,我們需要掌握完稿檔案的基本知識。首先要為各位介紹的就是Illustrator,這個製作萬能的工具,真可謂是設計師的得力助手。無論是製作『單張印刷品』還是複雜的『多頁印刷品』,甚至是『軋型加工
Thumbnail
作為一名創作者,我們在完成設計作品後,最令人期待的就是看到它在印刷品上呈現出色。 為了確保設計能夠完美呈現,我們需要掌握完稿檔案的基本知識。首先要為各位介紹的就是Illustrator,這個製作萬能的工具,真可謂是設計師的得力助手。無論是製作『單張印刷品』還是複雜的『多頁印刷品』,甚至是『軋型加工
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News