文、菜鳥編 月底就是萬聖節,四處都可看到應景的主題!網路上也可搜尋到一堆有關於萬聖節的主題素材。秉持著「給你魚,不如教你怎麼釣魚」的精神。這次的教學,就來看如何使用illustrator製作出Q版的蜘蛛與蜘蛛網吧。 蜘蛛網的製作 Step.1 使用「線段區段工具」繪製出一條垂直線。 Step.2 滑鼠雙擊旋轉工具,開啟設定視窗,設定30度,按下拷貝製作出第二條線條。 Step.3 使用快速鍵「Ctrl+D」重複上個動作,製作出佈滿360度的線條。 Step.4 製作出蜘蛛網的曲線,這邊是使用直接搭配曲線工具來製作。 Step.5 比照STEP2與STEP3,製作出環繞360度的蜘蛛網絲,只是這邊記得要將旋轉的中心點給設定在線條的交叉處。(中心點) Step.6 選取所有最外圈的蜘蛛絲,使用縮放工具,向內製作出蜘蛛網絲,就完成了蜘蛛絲的部分了。 蜘蛛的繪製 Step.1 使用矩形工具與橢圓形工具繪製下圖的物件。(為方便大家查看,這邊設定三種不同顏色)。 Step.2 製作身體白色線條部分,使用路徑管理員中的「切割」就可將區塊製作出來。 Step.3 將身體物件部分選取後,增加筆畫,就完成了身體的繪製。 Step.4 接著是將腳的部分繪製出來,使用鋼筆工具將腳的部分繪製出來。 Step.5 將繪製好的腳,修改筆畫樣式,讓端點部分圓弧化。 Step.6 使用鏡射工具,將另一邊的蜘蛛腳製作出來。 Q版的蜘蛛就製作完成了。 ► 推薦課程:Illustrator向量繪圖 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文、菜鳥編 Office的合併列印,就算沒真的操作過,應該也都有耳聞。但你知道Adobe illustrator中也有這類似的功能嗎?在我的身邊,有碰過illustrator但似乎知道這功能的不多。但身為設計人的你,怎麼能放過這好用的功能,不過可別搥心肝,悔恨之前為什麼做員工識別證還要一個個的文字複製貼上! 先看一下完成的效果 從上面的動畫可以知道,透過「變數」的設定來將illustrator中的物件內容變更。這方式根本就跟word中的合併列印一樣嘛!都是透過讀取資料來變更內容。所以首先,也要相將所需的資料製作成一個檔案來給illustrator讀取。在Adobe官方的說明中有提到,所支援的文件類型有CSV與XML。 ► 「合併列印」文章傳送門 1.使用合併列印寄送MAIL-Microsoft篇 2.使用合併列印寄送MAIL-Google篇 Step1、製作識別證樣式 這邊要留意所需要變更內容的物件必須獨立,也就是不能為群組。否則在後面套用資料時就會出現下面的錯誤訊息來。 以這次的範例來說,我們會更換到的內容有,名字、部門、職稱及圖片。 Step2、資料的準備 前面有提到,資料僅支援CSV與XML,相信你應該跟我一樣馬上就想到Excel,但這邊先提醒你可別使用Excel來製作,至於為什麼,在下面我會另外提出說明。我們先使用google試算表來製作。 文字部分與平常我們輸入資料沒有差別,只有在圖片引用的部分,需要在標題前面加上「@」,而且不能有中文。 資料輸入完畢後,就可下載成CSV格式。 Step3、將檔案讀入illustrator變數中 在illutrator中,開啟「變數」工具( 視窗 / 變數 )。 按下「讀入」,選定在google試算表所下載的CSV檔案,可以看到欄位標題的顯示。 Step4、製作動態連結 如果你有操作過Office的合併列印,相信這邊你也很容易就會上手。接下來要操作的就是指定物件是與哪個標題內容作連結,下圖以姓名為例,點擊姓名後,在變數視窗中選定姓名,最後透過下方的「製作文字動態」來綁定。 依樣畫葫蘆,將其他的物件一一綁定,只是圖片顯示的內容會是「製作連結檔案動態」。 Step5、切換資料組 所有資料都連結好後,上方的資料組就可透過下拉選項看到所設定的資料了。 補充: 還記得有提到別使用Excel嗎?也並不是不能透過Excel來製作,只是需要留意兩點,不然再匯入的時候出現下面的錯誤訊息。 注意1: 還記得圖片的連結需要在標題前面加上「@」嗎?由於Excel中已經將「@」綁定為函數使用,所以在輸入資料時就會報錯,如下面的動畫。 解決方式只要在@的前面加上半形單引號 ( )就不會報錯。 注意2: 第二點要留意的就是不可使用中文標題,但內容可以,也就是將姓名、部門與職稱改為英文,且欄位名稱不可有空白,例如job title需改成 job_title 在illustrator中讀入就不會有任何錯誤了。 變數的應用,在設計相同內容但要不斷更換不同資料時,能夠帶來相當大的便利性。以往都要分別的一個個的製作,現在你只需要準備好資料表格就可以。 如果你覺得這篇文章很實用,也別忘了分享給你的親友們喔,尤其是你周遭有在擔任設計的人,相信對他們一定很有幫助! ► 推薦課程:Illustrator向量繪圖 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文、菜鳥編 歐普藝術是以幾何或是線條的變化,使觀賞者產生錯覺,加上透過不同的設計與安排就能有錯位的光影幻覺。而線條的使用是常見的應用,今天的範例,就要透過illustrator的3D工具來製作。 Step1、文字的準備 將內容文字輸入後建立外框,可透過滑鼠右鍵選擇或是使用快速鍵「Shift+Ctrl+O」。 外框建立後解散群組。 Step2、製作符號 使用矩形、移動工具搭配「Ctrl+d」製作出如下圖的效果。 開啟符號工具,透過「視窗」工能表中選取或是使用快速鍵「Shift+Ctrl+F11」開啟,接著將製作好的物件拖曳至符號視窗中內。 命名後,物件就轉換成符號。 Step3、製作3D效果 開啟3D突出與斜角功能視窗。 可透過「預視」來觀看效果,調整適合的角度。 Step4、製作線條 調整角度後,點擊下方的「對應線條圖」來將線條符號應用上。 先介紹一下工具的使用,在illustrator中 3D的應用會模擬出各種不同視角的平面圖。以這邊為例,D文字總共產出面數就有13個,左邊可選取符號。 透過切換可以在物件上看到目前所屬的面向是哪一個,以下圖來說,第3個面就是屬於我們要應用符號的。 選定製作好的符號,按下「縮放以符合」,就會依照面的大小填滿整個符號。 Step5、完成所有文字設定 依樣畫葫蘆,將所有的文字完成。 Step6、加上黑色背景 使用與文字相同顏色當為背景,就更能產生出錯位的效果來 補充: 過程中如果想要修改,可開啟外觀視窗進行修正。 只要瞭解「對應線條圖」的使用,並選定好面向應用,操作就都不是什麼難事。調整3D的角度,就可以排列出不一樣的感覺來,如果你覺得這篇文章很實用,也別忘了分享給你的親友們喔! ► 推薦課程:Illustrator向量繪圖 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文、菜鳥編 上次有介紹過Photoshop製作臉部恐怖效果的應用,這次illustrator我們就來看看怎麼製作出血文字,只要4個步驟就可以快速製作。 STEP.1 先在illustrator中,將文字建置完成,這邊所使用的字體為Adobe明體。 STEP.2 開啟外觀圖層(視窗/外觀),或是使用快速鍵「Shift+F6」,並新增紅色填色。 STEP.3 選定好紅色填塞部分後,開啟隨意筆畫視窗(效果/扭曲與變形/隨意筆畫)。 這邊建議將預視開啟,調整適合的效果。 STEP.4 完成後,會發現怎麼背景還留有原本的黑色部分。 方法很簡單,只要使用「文字工具」,將文字選取後,把填色取消就可以了。 完成效果如下。 基本上血文字效果就可以完成,當然一開始所選定的字體不同,呈現的效果也會有所差。別。不過既然是血文字,我們還可以加上血滴的效果。 STEP.5 血滴的製作,只要透過圓形工具並使用選取工具與鋼筆工具就可以完成。 也可以細部調整後,與剛所製作的效果結合,就可以有不同的味道。 ►推薦課程:Illustrator向量繪圖 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
文、菜鳥編 封套在illustrator中也是經常被使用的工具,主要用來扭曲與改變物件的形狀,加上在使用封套後,仍可繼續編輯原始物件,靈活度相當高,對於設計者來說是相當便利的工具。 以下圖兩個物件來說,透過封套扭曲功能,還快的就可以製作出又圖效果,省去相當多製作的時間。 接著我們就要透過封套來將文字透過物件形狀來完成特定的變形。 Step1 以下圖來說,希望在人物的右半邊以文字來製作填滿。 Step2 使用鋼筆工具將區塊繪製出來。 Step3 使用文字工具將製作要呈現的內容。 Step4 所有素材都製作完成後,就可以進行封套扭曲的應用。以下圖來說,要將「typography」的文字填滿紅色標註的區塊。 在製作前,必須要將區塊的順序置於最上方。 Step5 為何需要先將區塊置於最上方?因為我們會使用到封套扭曲中的「以上層物件製作」,所以最快方式就是將區塊移至最前是最保險的方式。 如果未置於最上層,就會出現以下錯誤訊息。 Step6 選取文字與區塊,使用封套扭曲的「以上層物件製作」就可製作出下圖效果來。 Step7 依序完成所有區塊,可使用快速鍵「Ctrl」+「Alt」+C會比較方便,製作過程中,可能會發現字體變形的不太好辨識,如下圖: 可使用直接選取工具調整 也可改變文字方向填入 Step8 調整顏色。 整個製作過程操作不難,會花比較多的時間應該是在於調整上,因為不見得每一段文字在使用封套扭曲後都很好辨識,會因為所繪製的形狀而異。 如果你覺得這篇文章很實用,也別忘了分享給你的親友們喔! 痞客邦Blog:http://lccnetvip.pixnet.net/blog FB粉絲團:https://www.facebook.com/lccnetzone 菜鳥救星:https://www.facebook.com/greensn0w
本網站使用相關網站技術以確保使用者獲得最佳體驗,通過使用我們的網站,您確認並同意本網站的隱私權政策。欲了解詳情,請參閱 隱私權政策。