序

　Logo 設計是一種把文字以視覺化方式表現出來的手段。它

能夠視覺化表現出文字的意義，也能賦予文字各種印象。本書

使用了 Adobe Illustrator 製作 Logo，並網羅了各種製作上的

技巧。希望各位能透過本書，體驗 Logo 設計的樂趣所在。

ヤマダジュンヤ（channel 67）

　本書所介紹的範例不僅可以應用到各行各業，Logo 的表現

也非常多樣化。我們網羅了各種 Logo 設計的創意，並介紹製

作的具體方法。雖然書中的 Logo 無法直接拿來使用，但透過

這些範例您必然可以獲得有用的想法與技巧。誠摯希望本書能

對各位的設計工作有所幫助。

高橋としゆき（Graphic Arts Unit）

004

030

chapter 1

流行與可愛風格

簡潔與自然風格

冷調與硬派風格

和式風格

其他風格

【難易度】★★★★★

這個 Logo 使用了類似積木的塊狀物件堆疊而成。塊狀物件的端點修改為圓角，搭配上豐富的色彩，給人一種有趣的感覺。

此外，透過隨意安排的文字來呈現出動態感是製作上的重點。

製作者：高橋としゆき（Takahashi Toshiyuki）

1 利用變形後的矩形組成塊狀物件2 塊狀物件的端點修改為圓角，帶給人柔性的印象3 文字的位置、角度、填色都以隨意方式指定

使用字型：Myriad Pro Bold

Point

具有流行感與豐富色彩的積木風格Logochapter 1-04

本書的使用方式在本書中所呈現的範例，是依據在實務經驗中常見的類別來分

類，並以容易瞭解的方式呈現給各位。每個範例所包括的內容如

下所示。

每一章的內容中又依據Logo 的特色細分為 5 個子分類。

範例中的檔案分別存放在以章節命名的資料夾中。

在此標示出範例中所使用的字型名稱。各位也可以換用其他字型來嘗試看看。

針對Logo製作時所需注意的重點進行提示。

這裡標示了範例的難易度。各位可以先從簡單的範例開始練習。

「難易度」

「子分類」

「書附光碟中的資料夾名稱」

「使用字型」

「Point」

015

1 選擇Logo，從選單列進入【效果】→【彎曲】再選擇任何一種樣式。在樣式的調整視窗中勾選【預視】，並試著調整數值看看。在視窗中也可以改變樣式的種類，而圖中所示之範例是把平面的Logo套用【旗形】的樣式

2 把Logo與想要套用在Logo上的形狀準備好（右上圖）。用來作為形狀的物件必須位於Logo的上層，因此在製作前請先確認。選取Logo與形狀物件，從選單列進入【物件】→【封套扭曲】→【以上層物件製作】（左圖），Logo的外型就能套上我們所預先準備的形狀（右下圖）。此外，這項功能也能使用在尚未建立外框的文字上。

1 選擇 Logo 物件，從選單列進入【效果】→【3D】→【突出與斜角】。在出現的對話視窗中勾選【預視】。視窗中的數值已經設定了預設值，但我們仍然可以分別針對 X、Y、Z軸進行旋轉程度的設定。只要設定【透視】與【突出與斜角】這些項目就可以對物體進行大略的調整

■彎曲與封套扭曲

■ 3D効果

把Logo的外形彎曲或是加上透視感等大膽的變形手法，是彎曲功能在Logo製作應用上的重點。這些效果在操作上非常簡單，只需要選擇好物件，再選擇要套用的彎曲樣式就可以了。此外，想要讓Logo變形也可以使用封套扭曲功能。

使用 3D 效果裡的【突出與斜角】，就可以簡單做出具有立體感的 Logo。在這裡可以設定打光以及反光的方式，對於 Logo 製作而言相當便利。

016

2 按下【更多選項】鈕會出現有關於表面的設定選項。在這裡可以設定光源的數量與位置。在勾選【預視】的狀態下可以即時觀察物體以做出最適合的調整。全部的設定結束之後再按下【確定】鈕

1 從選單列選取【物件】→【展開外觀】。如果物件擁有可以被展開的外觀時，【外觀】浮動面板會出現如下圖的標示以供確認

2 以這個套用了3D效果的Logo範例來說，設定了突出深度所產生的Logo側面影像，這部分的影像色彩是參照Logo本體色彩演算而來，因此無法得到與本體完全不同的色彩。在左圖中分別呈現了展開外觀前、後的物件路徑。下圖則是把物件外觀展開之後，再對Logo側面部分重新填色之後的結果

※如果套用效果後的Logo物件輸出至其他軟體中使用前，未執行展開外觀的動作，若是該軟體無法支援顯示Illustrator物件的外觀時，就有可能會產生無法預期的結果。為了避免這種情況發生，在進行Logo最後的修飾前，建議各位先執行展開外觀這項動作

■展開外觀

這項功能可以把套用效果後的物件外觀展開。這項工具的目的在於，把物件的形狀與外觀（在畫板上所呈現的

樣子）分離開來，以便管理。若想在套用效果的 Logo 上再進一步修飾，就必須先使用展開外觀的功能。展開之後就會依照在畫板上所見到的物件外形描繪出路徑。

068

chapter 2

流行與可愛風格

簡潔與自然風格

冷調與硬派風格

和式風格

其他風格

【難易度】★★★★★

藉由模糊效果讓文字擁有柔軟的外形，再點綴一些飛濺的水珠。

使用水藍色的漸層填色再搭配文字的邊緣營造出立體感。

製作者：高橋としゆき（Takahashi Toshiyuki）

1 藉由模糊效果讓文字擁有柔軟的外形2 加上圓形的反光區域，表現出光澤感3 加上文字的邊緣營造出立體感

使用字型：Helvetica Neue Bold Brush Script Std Medium （使用在小標題上）

Point

使用像水滴般柔軟的文字組成Logochapter 2-04

069

零 售 業 類

流行與可愛風格

簡潔與自然風格

冷調與硬派風格

和式風格

其他風格

首先輸入 Logo 主體的文字。在本例中使用「Helvetica Neue Bold」字型來輸入「JACK'S」這幾個字。在接下來的作業中，如何設定文字的間距避免造成過於集中的情況是設計上的重點（1）。文字輸入結束後，在所有文字的筆畫端點上，使用【橢圓形工具】繪製出圓形（2）。

選取所有物件，執行【效果】→【模糊】→【高斯模糊】以套用模糊效果（7、8）。模糊程度愈大，最後做出來的柔軟效果也會愈強，但是模糊過多也會造成文字的難以辨識，因此必須注意。此外已套用的效果仍然可以更

改設定的參數值，因此在這個步驟中不必急於一次調整到位。

把文字建立外框之後，選取全部物件（3），按住【Alt（option）】鍵並在【路徑管理員】面板上按下【加入外框區域】選項（4）讓文字與圓形結合（5）。使用矩形工具繪製一個比全部文字還大一點的白色長方形，把長方形置於文字後面，把所有物件群組化（6）。

8

5 圓形與文字結合 6 在文字背面繪製白色長方形並建立群組

34 按住【Alt（option）】鍵並按下【加入外框區域】選項

1 加大文字間距 2 繪製合適大小的圓形，疊在筆畫端點上

7 輸入數值以設定模糊程度

Step 1

Step 2

Step 3

076

chapter 2

冷調與硬派風格

簡潔與自然風格

流行與可愛風格

和式風格

其他風格

【難易度】★★★★★

這個 Logo 看起來有如印章沒蓋好的樣子。套用各種效果，完成這個 Logo 的製作。這種硬派風格適合用來設計需要強硬感覺的 Logo 。製作者：高橋としゆき（Takahashi Toshiyuki）

1 加粗的外框、以直線為主的結構，讓整體設計呈現出硬派風格2 套用各種效果，製作出印章蓋不清楚的樣子3 使用自動描圖，把影像轉為向量物件

使用字型：Impact Regular

讓Logo表現出印章沒蓋好的感覺chapter 2-06

Point

077

零 售 業 類

冷調與硬派風格

簡潔與自然風格

流行與可愛風格

和式風格

其他風格

製作一個橫向的長方形，在【筆畫】面板上把筆畫寬度加寬（1、2）。筆畫顏色設為黑色，填色設為白色。再製作一個寬度相同但高度不同的長方形，筆畫粗細以及筆畫顏色均與大長方形一樣（3），但是填色設為黑色（4、5）。把兩個長方形依圖例所示組合起來（6、7、8）。

把所有物件群組化（12），執行【效果】→【素描】→【網狀效果】以加上質地（13、14）。接著執行【效果】→【模糊】→【高斯模糊】把物件模糊化（15、16）。為避免網狀效果消失，在設定模糊的半徑時要把數值

設小一點。

使用【文字工具】，依圖例所示分別以黑、白色輸入文字（9、10、11），選取全部物件並執行群組化。選擇粗體字型可以傳遞出強硬風格，在本例中使用的字型是「Impact Regular」。到此步驟為止，就完成了 Logo 的基礎造型。

1

12

2

5

9、 10、 11 在長方形裡輸入文字

6 7 8 讓2個長方形上下相靠、左右置中對齊

34

13、 14 加上【網狀效果】

15、 16 把物件模糊化

Step 1

Step 2

Step 3

078

chapter 2

冷調與硬派風格

簡潔與自然風格

流行與可愛風格

和式風格

其他風格

執行【效果】→【素描】→【印章效果】，讓原本模糊化的物件邊緣轉為銳利（17、18）。此外，在【外觀】面板上可清楚看到目前套用了哪些效果，只要在效果名稱上點2下就能開始修改效果的設定值（19）。為了表現出印章沒蓋好、有點髒髒的感覺，必須反覆修改所套用效果的設定值。

選取點陣化之後的影像。執行【物件】→【即時描圖】→【描圖選項】以開啟【描圖選項】視窗（22）。勾選【預視】，從【預設】下拉式選單中選擇【單色標誌】（23）。

調整出所要的感覺之後，執行【物件】→

【點陣化】，把【解析度】設為【高（300 ppi）】，再按下【確定】（20）。把套用效果的物件點陣化後就轉成了一幅點陣影像

（21）。

1918

17 使用印章效果

20

22 23

21

Step 4

Step 5

Step 6

079

零 售 業 類

冷調與硬派風格

簡潔與自然風格

流行與可愛風格

和式風格

其他風格

一邊改變【模糊】的數值，一邊透過預視來觀察影像的變化，讓影像適度的平滑化（24）。調整出所需的樣子之後，按下【描圖】以套用即時描圖功能（25）。

選取描圖後的物件，從【選項列】上按下【展開】就可以把物件轉換為路徑（26、27）。從【顏色】面板上選擇任意顏色填入（28、29），再藉由【旋轉工具】改變 Logo 的轉動角度就大功告成了。（30、31、32）。

25

24

26

2728

31

32 使 Logo 旋轉以增加動態感

29 為了強調硬派風格所以選用紅色系

改用【網屏圖樣】效果可以製作出具有網際網路感的 Logo

改用【海綿效果】可以製作出軍隊感的 Logo

Step 7

Step 8

30

套用不同效果就能改變Logo給人的印象在本例中使用【網狀效果】製作出主要的質

感，但若改用不同的效果就可以營造出不同

的感覺。

變化應用