09.14 教你設計一個復古徽章

各位小夥伴是不是經常在網上看到下面這類復古徽章,有木有想過這類的徽章應該如何設計呢?那麼今天logofree君就給大家分享

復古徽章在線設計製作教程,你就知道如何設計復古徽章了。


教你設計一個復古徽章


教你設計一個復古徽章


第1步:收集靈感素材

小夥伴們可以在花瓣網中搜索關鍵詞“復古徽章”,可以得到很多相關參考素材,也可以到logofree在線生成器中尋找素材。


教你設計一個復古徽章


第2步:分析設計特點

收集整理一些素材後,我們要學會分析它們身上的“特色基因”,也就是我們想知道的設計特點。


教你設計一個復古徽章


1.對稱式圖形較為多觀

2.常規幾何形狀與圖形與字體搭配

3.徽章及字體有破舊的材質感

4.為體現復古,小幅度破壞完整性

第3步:草圖繪製

很多同學會上來開始找一個參考開始臨摹,那就失去了這個教程的意義了,我們還是希望可以提升真正的原創設計能力,所以就要大膽的拿起紙和筆開始畫出屬於你的徽章手稿(最終版會與手稿有區別的)。


教你設計一個復古徽章


結合我們剛剛分析的設計特點繪製了UIBANG的徽章手稿,2-3分鐘內把想法思路繪製出來即可,不是每個人都是MIKE大神。

第4步:AI中基礎繪製

1.將手稿導入到Al中(手機照片導出,在置入到Al中,過程就不詳細說明)並將此圖層鎖定,新建空白圖層(防止誤操作,移動手稿圖層)。


教你設計一個復古徽章


2.在AI中使用基礎形狀和線條工具完成UIBANGLogo(若同學們暫無個人品牌logo,也坷使用其他LOGO圖片素材)。


教你設計一個復古徽章


細心的同學可能會看到兩個同心圓它們的作用是更好的限制徽章整體的視覺尺寸,並且對於內部的圖形也可作為視覺參考線(星星與左右橫線)。

3.繪製Logo下方絲帶


教你設計一個復古徽章


4.使用路徑文字繪製U-I-B-A-N-G(使文字與絲帶弧度結合)


教你設計一個復古徽章


5.繪製星星與線條(操作較為簡單,就不詳細說明步聚了)


教你設計一個復古徽章


第五步:AI中細節優化

1.鑑於復古徽章的設計特點,我們需要對現有徽章進行粗糙化處理。效果扭曲和變換粗糙化(注意參數細節,大小建議小於1%)。


教你設計一個復古徽章


2.增加內部雜點,刻意做舊效果


教你設計一個復古徽章


下載雜點筆觸(提供下載),製作AI圖案填充(繪製一個矩形與雜色進行布爾運算)。將製作好的圖案放置AI色板中,選中徽章,以新建雜色圖案填充,最後可在整體上加幾像素同色描邊。

第6步:PS中包裝處理


教你設計一個復古徽章


徽章使用做舊效果與粗糙化是為了體現復古的主題,可以按需添加,各位可以分別嘗試一下。這裡主要想通過這個實例教程,讓大家學會此類徽章的設計思路和方法。希望各位能有所收穫!


分享到:


相關文章: