1. 設計 Design

【Illustrator CC】 LOGO設計超簡單,新手也能輕鬆做出的商標設計!

illustrator logo設計

有想過一個LOGO要怎麼做嗎?

通常我們會先設定好品牌名稱,接著根據品牌的特性規劃LOGO顏色、樣式、要圓的還是要方的沒有一定,取決於你希望呈現的樣子,當如如果未來有印刷的考量,那就要思考在細節處是不是不要過於複雜,甚至一個LOGO最重要的就是簡單明瞭,能讓消費者快速記下並且有印象才是最重要的第一考量。

今天字母J來當作設計的範例,這次LOGO的設計我們將會使用許多illustrator的工具,這邊也一一列出,來看看自己是否有哪個部分還沒掌握到,都可以點選連結前往看看教學:

這邊文章提供了步驟參考,同樣的也製作影片,那麼我們就開始囉。

實作影片

https://youtube.com/watch?v=C20aMooSv5w%3Ffeature%3Doembed

Step1:設定LOGO樣式

這邊我們先把LOGO的大致樣式用線條畫出來

logo design

Step2:設定筆畫

透過筆畫把線條加粗

筆畫設定

Step3:使用直接選取工具修改圖案

我們用直接選取工具將下方的圓形,變成半圓形,只要點到錨點按下Delete鍵,就可以刪除了。

筆畫調整
logo design

Step4:展開物件

設定好寬度後,將線條「展開」變成形狀。

路徑:物件>展開

展開物件
展開物件

Step5:設定聯集

展開之後,我們到路徑管理員設定聯集,把所有物件結合起來變成一個物件

路徑管理員-聯集

Step6:製作一個1/4的圓形

這邊我們希望讓LOGO看起來圓滑一點,所以增加LOGO的圓角

logo design
logo design

Tips:靠齊格點和靠齊像素

在這邊額外說明一下,如果我們在連接兩個物件時,發現怎麼對都無法順利地連接上,有兩個方法可以試試

  1. 取消靠齊格點
  2. 取消靠齊像素

通常這兩個都會預設開啟,主要是在繪製時可以保持在像素格點上的對齊,尤其是做網頁設計時能夠精準的貼齊物件,只是偶爾我們使用鋼筆或是形狀物件要對齊時,可能你的物件並沒有貼在格點上,所以你怎麼樣都無法對齊,所以這時候我們就要先取消像素格點對齊。

靠齊格點
靠齊格點

Step7:製作圓角

使用圓形工具,在透過直接選取工具,移動圓形的錨點,將兩個物件選取,使用路徑管理員>減去上層,就可以製作成圓角。

logo design
logo design
logo design
logo design

Step8:重複製作圓角

根據Step6-Step7動作,再設定一次J下方的圓角

路徑管理員-減去上層

Step9:形狀建立程式工具連接物件

我們可以透過形狀建立程式工具,快速把所有形狀物件都連接起來

形狀建立程式工具

Step10:鋼筆工具畫出陰影效果區

先使用鋼筆工具把要做陰影的區域繪製出來

illustrator 鋼筆

Tips:形狀建立程式工具刪除物件

接著同樣使用形狀建立工具刪除多於區域,如何刪除呢?

  • 選取兩個物件
  • 點選形狀建立程式工具
  • 按下Alt鍵點選要刪除的區域
形狀建立程式工具

Step11:色票設定

我們後面會透過漸層工具來製作陰影,但在那之前我們要先設定漸層顏色,所以找到我們主色之後,找到色彩參考,挑選顏色的深淺來當作漸層色,這樣才能符合整體的顏色。

logo design

選好顏色後,到色票點選新增色票,按下確認後就可以看到剛剛的顏色出現在色票區域裡。

色票新增
色票新增

Step12:漸層設定

將剛剛所繪製出的區域,點選漸層工具,並設定好剛剛所使用的色票

漸層
漸層

接著我們要讓陰影更明顯一點,所以我們要增加邊角的亮度,同樣使用鋼筆工具和形狀建立程式工具來做出區域。

形狀建立程式工具
漸層
形狀建立程式工具

如果覺得漸層的亮度太亮,可能會造成顏色斷層,所以我們可以到透明度設定不透明度,來改善這個斷層的問題。

透明度

設定好漸層就完成囉~~~

logo design

這次的LOGO設計相信可以練習到很多illustrator的工具使用,如果覺得在操作上覺得很上手,那麼對於illustrator已經算是有相當的熟悉度。

其實當我們想做一個效果的時候,可以用不同的方式去做到,像是去除多餘區域可以「減去上層」也可以使用「形狀建立程式工具」等,當然這必須對於工具使用上有概念,這個範例只是一種單一示範,要繪製LOGO其實還有很多方式和呈現樣式,一起練習看看囉。

登入

歡迎加入 Miracoup
方便的閱讀是您能感受到的第一件事。
加入 Miracoup