Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] LOGO製作與範例分享

作者: JinJin 
[講義] LOGO製作與範例分享

本週開始以Illustrator講解LOGO的製作技巧與方法
========================================
本週講義
--------------------------------------------------------------------------------
1.Illustrator 新手入門
2.Illustrator環境操作說明
3.Illustrator繪圖方法
4.Illustrator物件重新造型法
5.Illustrator色彩管理與基本填色
6.Illustrator色彩與色票的運用–CIS 設計
7.六堆客家文化logo入選作品參考
8.Illustrator 鋼筆與矩形格線的 應用–月曆設計
[url=http://farm3.static.flickr.com/2488/3983722484_be7b32e6cf_b.jpg]描圖檔[/url]

以上pdf 講義請至學生系統下載
http://192.192.78.86/student_portal/
========================================
--------------------------------------------------------------------------------
網路LOGO相關教學影音

可多多參考網路製作範例,增加製作功力
--------------------------------------------------------------------------------
1.[url=http://www.jindi.org/bbs/thread-100502-1-1.html][教學] Illustrator 簡易製作 StarBucks LOGO[/url]
2.[url=http://www.webjx.com/illustrator/ai-15676.html]Illustrator分割工具製作簡单時尚的LOGO[/url]

Illustrator CS5製作微軟logo
http://www.youtube.com/watch?v=1HWHIwSZ5vg



Illustrator 英國石油 bp LOGO 形體分解與製作

http://www.youtube.com/watch?v=JCB6LACQhxY



3D Logo Tutorial (Illustrator CS5)
http://youtu.be/2Fh-9Ajs0ck



How to Create 3D Logo in Adobe Illustrator
http://youtu.be/JgmfhTnVvAo



Complete Logo Design in Adobe Illustrator
http://youtu.be/zC1Fzn0kStI



========================================

本週請將課堂練習,直接上傳至此,並註明學號。

========================================


上課練習:

[img]http://1.bp.blogspot.com/_AcBUSVxs82w/TExTUKTWaZI/AAAAAAAAgEQ/uaZfB9FAA14/s1600/Starbucks-Coffee-Logo-Wallpaper.jpg[/img]

簡易製作說明:
1.將圖檔另存新檔,置入至Illustrator
2.置入後鎖定(CTRL+2)
3.由中心畫出五個正圓,先畫出最中間的(ALT+SHIFT),再以→物件→變形→縮放→複製,分別為約108% 160% 104% 103%
4.將最外層兩組圓,以CTRL+8 製作複合路徑。
5.接著將之填色,可以吸管吸取LOGO顏色
6.將中間黑色的圓另外複製,其他先鎖定。
7.將中間的複製放大約120% 135%兩個圓框
8. 以路徑文字工具,輸入 STARBUCKS 圍在上半圓,Ariel Black字體
9. 再到外圓輸入 COFFEE ,文字→路徑文字→路徑文字選項 選擇→翻轉。
10.加上五角星形,並將設好的部分鎖定,將中間黑色眼睛遮住,露出底圖,做為描圖使用。
11.在內圈再畫一圓,並利用對齊面板將其“對齊下緣“
12.畫一曲線,並複製到下方,縮小,兩曲線選取,物件→漸變→漸變選項。指定階數→5,製做。物件→變形→鏡射→垂直複製。展開。
13.其他部分以此類推,細部的曲線描繪需要花時間多練習。

完成LOGO者,請上傳,作為加分之用。



Edited 3 time(s). Last edit at 10/11/2011 10:42PM by JinJin.
(編輯記錄)

視傳一B 1005445097 陳昱廷

做了五個小時..超累的..

[IMG]http://i1193.photobucket.com/albums/aa353/eidos57/296644_247868688597670_100001236230793_776383_881953465_a.jpg[/IMG]



Edited 3 time(s). Last edit at 10/20/2011 08:51AM by EIDOS.
(編輯記錄)

辛苦了!
你應該是存到CMYK
用『儲存為網頁與裝置用』應該就可以了!
會自動存成適合網頁用的RGB格式



Edited 1 time(s). Last edit at 10/13/2011 11:31PM by JinJin.
(編輯記錄)

原來是做完後存檔時 要(((切換鎖定狀態)))))再存!!!顏色才不會跑掉~

老師我編輯文章了 可以去看一下唷smiling smiley!!!

顏色終於回來了smiling smiley)



Edited 1 time(s). Last edit at 10/14/2011 06:32PM by EIDOS.
(編輯記錄)

1005445081 冬虹亭

[IMG]http://i1217.photobucket.com/albums/dd397/Deborah-DONG/Starbucks-Coffee-Logo-Wallpaper-1-1.jpg[/IMG]



Edited 2 time(s). Last edit at 10/20/2011 10:00AM by 冬冬亭.
(編輯記錄)

視傳1B 1005445093 林信璋

[IMG]http://i1229.photobucket.com/albums/ee465/apiapi930/450edd90.jpg[/IMG]

視傳一B 1005445075 李庭

[IMG]http://i1207.photobucket.com/albums/bb470/bling20101205/Starbucks-Coffee-Logo-Wallpaper2.jpg[/IMG]

1005445064 廖品毓

[IMG]http://i1140.photobucket.com/albums/n571/AmberLiao/Starbucks.jpg[/IMG]

視傳1B 1005445092 呂韋萱


[IMG]http://i1098.photobucket.com/albums/g361/Qco0111/Starbucks-Coffee-Logo-Wallpaper.jpg[/IMG]

1005445117 / 黃佩淇

[IMG]http://i1108.photobucket.com/albums/h407/pinkywong886/logo-01.jpg[/IMG]