[設計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會員
9內容數
C_seven的文章分成三類 1.體驗 2.設計教程 3.紀錄生活與靈感 是一個基於分享「體驗&紀錄 」的創作頻道。 將分享更多生活體驗、靈感讓更多人感到趣味;想學習設計的人找不到管道,因此用中文來解析各管道的教程,進行詳細拆分,讓其他人也能學習。-歡迎關注支持C_seven頻道與互動。
你可能也想看
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
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
課程中除了滿載實用的影音製作技巧 更安排實作環節,與導師和其他學員互動交流,製作屬於自己品牌的影片 助您打造出引人入勝的視覺內容,讓您的品牌在競爭激烈的市場中脫穎而出!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News