[設計logo 學習筆記] 教程拆分

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


Youtube 影片標題:
[Create a Gradient Logo in Illustrator Tutorial]



raw-image



Youtube 原創作者 up主:

raw-image




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


首先畫一個圓,放置在空的圖層上,能位在畫面的中心。確認在軟體上方的功能表中,找到「檢視/靠齊像素」,將靠齊像素的勾選關閉,只保留開啟「靠齊控制點」的勾選。接著我們再次畫一個新的圓,像是如此,圖例:(1)。之後再畫一個圓,(2)這形成了我們初步的Logo繪製,要訣是在我們繪製的過程中我們未填色,僅僅只是透過外框線條,去查看及繪製Logo,這能更方便我們看清楚描點與描點之間是否有接好。


接下來,為了清除Logo輪廓我們想要保留的那些以外的,我們將確定出我們會保留的圖形,以及清除我們不要的區域與線段,我使用左邊面版工具上的工具「形狀建立程式工具」,在使用這功能以前,先將我剛繪製的Logo整個範圍,用黑箭頭選取工具全部框選選取後,再點擊「形狀建立程式工具」,鼠標在(3)黑色我們示意為我們要保留處,在要保留的區域內,用鼠標在區域內移動,它會形成圖形範圍,這功能經常用來連接兩個交疊在一起的區域,合為一體形成一個區域。相反地,使用「形狀建立程式工具」按住Alt鍵後,鼠標上在移動時旁邊顯示減號”-“,表示能夠清除區域,作刪減的動作,(4),黑色以外的部分,我們清除後輪廓更為清楚乾淨。


由於此Logo有兩個圖形區域(分為上和下),可先將它們填色,黑色即可,後面我們還會為它繼續編輯上色,上色的第二步是先點選其中一個圖形區域(例如上方那塊),在面板的右方「Appearance」中「Fill」填色,點擊fill,這是一個可以叫出「色票」的方式,在跳出的色票裡面,我們可以預先點選幾個數量的色票,舉例,我選四個,分別在他們各自的色票”口”上滑鼠點擊兩下,跳出「色票選項」這功能顯示能使我看見被選擇的色票它的R,G,B分別為多少。不過最主要是我們須將「整體(G)」勾選起來,再這之後我們可以再次編輯該色票調至我們想要的顏色。


回到選取的那塊Logo填上黑色的區域,選取工具選擇後點擊面版右邊「漸層工具」,在右邊內容面版中的漸層功效列「Gradient/Type/Freedom Gradient任意形狀漸層」繪製”點”,在圖形區域內透過點擊建立出多個”點”,可以拖動這些點,製作出你想要漸層色的位置,也可控制點的大小,以Alt鍵+滑鼠往左右拖移以來控制點的大小;也可刪除。

回到如何編輯自己想要的Logo漸層色彩,方法為點擊剛剛的”點”後,再點擊右邊面板上的”fill”,選擇我們剛選過的色票,這樣就能把該色票填入漸層”點”的範圍中了,若想改變顏色,色票雙擊兩下又出現「色票選項」內頁可以調動R G B。




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

raw-image


筆記

筆記


謝謝看到這裡。


*二次拆分解析來自-C_seven

本篇摘要: Youtube原影片設計步驟全程拆解。用中文分析Youtube大神在教程裡,怎麼繪製出一個圖形LOGO,甚至填上好看的漸層色。

留言
avatar-img
留言分享你的想法!
avatar-img
C seven的沙龍
0會員
4內容數
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
Youtube原影片標題[Create a Gradient Logo in Illustrator Tutorial] 用中文拆解分析大神在教程裡,怎麼繪製出一個圖形LOGO,甚至填上好看的漸層色。
Thumbnail
Youtube原影片標題[Create a Gradient Logo in Illustrator Tutorial] 用中文拆解分析大神在教程裡,怎麼繪製出一個圖形LOGO,甚至填上好看的漸層色。
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
本章介紹了 CSS 中的顏色和背景屬性,包括文本顏色的設置方法、背景顏色和背景圖片的應用、背景重複和位置的配置,以及線性漸變和徑向漸變的使用。這些知識將幫助你更靈活地設計和美化網頁。
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
選擇一款適合自己的繪圖軟體是開始電繪的重要步驟。以下是幾款流行的數位繪圖軟體
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
最近在嘗試使用不同的AI生圖方式混合出圖的方式,採用A平台的優點,並用B平台後製的手法截長補短,創造出自己更想要的小說場景,效果不錯,現在以這張圖為例,來講一下我的製作步驟。
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News