[設計logo] 手繪草稿繪製成數位彩圖

更新於 發佈於 閱讀時間約 4 分鐘


Youtube 影片標題:
[The logo design process from sketch to the end adobe illustrator tutorial]

raw-image


Youtube 原創作者 up主:

raw-image




影片網址: https://www.youtube.com/watch?v=uJIOR98ctSM

-------------------------------------------------------------------------------------------------------

Youtube 原創作者 up主:

raw-image




影片網址: https://www.youtube.com/watch?v=peJAzoHQbX0&t=6s



當我們要製作一個形似貓頭鷹的Logo,首先我們在紙上畫一草稿,繪製好草圖後,我們需將它電子圖稿化,意即成為數位檔。開啟AI軟體後,點擊「檔案/置入」置入我們的草圖紙本照片,接著我們要繪製Logo圖形前,我們可選擇右邊面板上的「曲線工具」(此非''鋼筆工具''),操作曲線工具筆的方式為先下筆出一個點(點擊位置,即節點),按住Alt鍵後,畫出一個線段的另一個端點,示意 - (圖1),如果你要繪製的圖形它有三個邊線,示意 - (圖2),你要封閉使它們成為閉合的圖形時,在使用''曲線工具''的狀態下,「滑鼠右鍵/合併」,便封閉了圖形,示意 - (圖3)。


我們用曲線工具繪製出的看似直線線段,實際上在使用曲線工具的狀態下我們能去調動它,使成為曲線,在一直線段上拖曳它到你想要的彎曲程度、曲率即可(工具會自動在一直線線段上 你點到線的位置新生節點, 因此你是透過調整節點達到彎曲的),示意-(圖4)。當然一段線條你也能令它不只有一個曲段,可以有多個,例如(圖5)。


回到配合草稿,畫出形似貓頭鷹的Logo後,繪製完我們可替它上一個漸層色,選取整個圖形後用吸管工具吸色一個漸層色色票或色塊。 圖形經過我們填入顏色後,有了色彩面積的貓頭鷹若因我們是描繪草圖的方式製成的,恐有不對稱的情形,我們可用「美工刀」將圖形切開,示意-(圖6),只留下一邊,另邊刪除- (圖7),複製後翻轉左右,使它變成一個左右邊對稱的圖形拼在一起。
使用美工刀的方式是選取圖形後點擊美工刀,在美工刀工具狀態下按住''Alt鍵''劃過圖形要切開的位置(Alt鍵使得美工刀切開的部分保持直線)。


接下來我將在Logo圖形上讓它色彩更有變化,在適當的位置我們令Logo有分部、分件、分層的感覺,這使得我們再次利用「曲線工具」在貓頭鷹Logo上操作,圖例- (圖8),有著曲率的線段是我們加疊上去的,(圖9)- 色塊部分是我們將打算保留的,而- (圖10)這邊劃線部分則要用「形狀建立程式工具」來移除掉。同時的移除掉後,圖形呈如此- (圖11),由其- (圖12)分為上、下兩層共有兩塊,此時我們可點選上層那塊,點擊上方面板的「不透明度」裡面的參數,選到「色彩增值」,這麼做便達到了Logo色彩的變化,顏色有了更深的部分。


實際按教程學習,復刻後範例成果:

raw-image









筆記

筆記




謝謝看到這裡。


*二次拆分解析來自-C_seven

本篇摘要: Youtube原影片設計步驟全程拆解。用中文分析Youtube大神在教程裡,如何使用曲線工具,將手繪草稿一筆一筆的描繪變為數位LOGO。

留言
avatar-img
留言分享你的想法!
avatar-img
C seven的沙龍
0會員
8內容數
C_seven的文章分成三類 1.體驗 2.設計教程 3.其他心得 是一個有「大愛 」的創作頻道。基於分享生活體驗讓更多人感到趣味;想學習設計的人找不到管道,因此用中文來解析各管道的教程,進行詳細拆分,讓其他人也能學習;及其他對於事情的一些分享。-希望更多人支持C_seven頻道文章,不吝於點讚和詢問互動。
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
個人品牌影片剪輯技巧是指運用影片剪輯技術來提升個人品牌的視覺吸引力和內容品質。 通過這些技巧, 可以更有效地進行品牌形象設計, 確保影片在視覺上與品牌風格一致, 同時也能創作出吸引觀眾的優質內容。 這些技巧包括選擇合適的剪輯軟體、 掌握剪輯基礎技術、 以及創意地使用特效和轉場, 以增強影片的專業感和
Thumbnail
個人品牌影片剪輯技巧是指運用影片剪輯技術來提升個人品牌的視覺吸引力和內容品質。 通過這些技巧, 可以更有效地進行品牌形象設計, 確保影片在視覺上與品牌風格一致, 同時也能創作出吸引觀眾的優質內容。 這些技巧包括選擇合適的剪輯軟體、 掌握剪輯基礎技術、 以及創意地使用特效和轉場, 以增強影片的專業感和
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
製作圖片對於許多人來說可能是一項挑戰,但其實只要掌握一些基本要點,任何人都可以輕鬆上手,甚至在短短的3秒內完成一張吸引人的圖片。以下是8個關鍵要點,幫助初心者快速製作出專業水準的圖片。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
實時繪圖(一)-安裝ComfyUI+krita心得與教學繼這一篇安裝完畢後,就是開始挑戰電商產品圖製作,意外的簡單,基本上素材找好,在調整個2分鐘,就完成了 接下來我就把我做的方法與步驟分享給大家巴 首先先找好的你的透明素材產品,那麼免費的素材網站我已經幫你找好了,可以商用,請注意一定要用去背的
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
課程中除了滿載實用的影音製作技巧 更安排實作環節,與導師和其他學員互動交流,製作屬於自己品牌的影片 助您打造出引人入勝的視覺內容,讓您的品牌在競爭激烈的市場中脫穎而出!
Thumbnail
課程中除了滿載實用的影音製作技巧 更安排實作環節,與導師和其他學員互動交流,製作屬於自己品牌的影片 助您打造出引人入勝的視覺內容,讓您的品牌在競爭激烈的市場中脫穎而出!
Thumbnail
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。
Thumbnail
在簡報設計中,我們有時需要視覺化去表達「語音」的概念,例如是講者介紹、客戶回饋、問答環節等。利用在常見的語音圖案是可行的做法,只是人手自己畫耗費時間,生成式人工智能又未必一下子做到想要的效果。要解決問題,還有第三種可行辦法,免費可商用的字體,同樣可以助你快速建立語音圖案,兼且保留設計的自由度。
Thumbnail
​ 【線上報名表: https://reurl.cc/2zVoL6】 🔖過去要花許多時間或經費製作的企業/品牌/產品簡介有聲影片,現在透過AI程式AutoMedia,企業影片DIY可以變的很easy!本課程將手把手教導學員如何將PPT簡報轉成有字幕及語音的簡介影片,無須委外就能輕鬆製作出自己想
Thumbnail
​ 【線上報名表: https://reurl.cc/2zVoL6】 🔖過去要花許多時間或經費製作的企業/品牌/產品簡介有聲影片,現在透過AI程式AutoMedia,企業影片DIY可以變的很easy!本課程將手把手教導學員如何將PPT簡報轉成有字幕及語音的簡介影片,無須委外就能輕鬆製作出自己想
Thumbnail
【線上工具】whisper-jax 將影片轉換成純文字的線上工具,你可以直接上傳聲音檔案或是貼上Youtube連結,網站就會自動幫你轉換成純文字檔案,介介推薦的方式是直接貼上 Youtube 進行轉換,產出的文字稿除了可以整篇產出,也可以依照時間點,進行逐行的列表呈現,此外這個網站也支援直接透
Thumbnail
【線上工具】whisper-jax 將影片轉換成純文字的線上工具,你可以直接上傳聲音檔案或是貼上Youtube連結,網站就會自動幫你轉換成純文字檔案,介介推薦的方式是直接貼上 Youtube 進行轉換,產出的文字稿除了可以整篇產出,也可以依照時間點,進行逐行的列表呈現,此外這個網站也支援直接透
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News