UI 保姆級教程!如何從零開始制作一個稱號牌?
今天給大家來分享一個稱號牌的制作過程,效果如下:
第一步 繪制基礎造型
稱號牌主要分為兩個區(qū)域,一個是文字底框區(qū)域,一個是圖形區(qū)域,因為文字底框區(qū)域比較簡單,一個圓角矩形就可以,所以這里我們詳細介紹下圖形區(qū)域。
那圖形區(qū)域又分為背景板+主形象,因為這次做的是音樂相關的,所以選擇了話筒為主形象。
1. 背景板
先用多邊形工具畫一個六邊形,然后再在六邊形的中間用橢圓工具畫一個圓。
再補上中間圓的圓環(huán)結(jié)構(gòu),如下圖:
用鋼筆工具繪制最底層的翅膀,勾完一邊,然后另一邊直接復制,然后水平翻轉(zhuǎn)一下方向。
再用剛剛同樣的方式繪制第二層翅膀,讓造型更豐富,注意:第一層翅膀是在六邊形底板下,第二層翅膀是在中間圓環(huán)之下,六邊形之上,需要注意層次!
底部與頂部裝飾部分的繪制。
2. 話筒主形象
話筒造型的部分,這里可以找一個話筒的圖片參考,然后簡化一下,主要是鋼筆勾出造型,效果如下:
圖形區(qū)域整體造型如下:
稱號牌整體造型如下:
第二步 上質(zhì)感
1. 造型區(qū)域
給整體的區(qū)域造型上一下固有色:
然后從最底層的翅膀往上一步一步的來加光影明暗,翅膀需要鼓起來的感覺,那就要給每塊翅膀一個亮面一個暗面,具體的翅膀制作步驟如下:
按照同樣的邏輯把下面的兩個翅膀補全,然后整個復制一個水平翻轉(zhuǎn)方向,這樣最底層的翅膀就做好啦!
六邊形底框的部分,步驟如下:
第二層翅膀,同樣還是按照最底層翅膀的邏輯,變換一下顏色,因為整體都是金色跟紅色,都是暖色,這里換了一個帶點藍色的冷色系,有個冷暖對比,能把層次區(qū)分的更清楚:
翅膀的部分完成了,現(xiàn)在開始中心圓以及圓環(huán)的部分。
首先是中心圓,選一個更深的紅色,用漸變工具從下往上拉一個漸變的效果,然后給圓一個內(nèi)發(fā)光的效果:
現(xiàn)在中心圓比較空,可以疊加一些紋理讓整體更豐富,紋理的做法如下:
到了圓環(huán)的部分,要讓圓環(huán)中心有內(nèi)陷下去的感覺,這里給最內(nèi)側(cè)刷一些暗部的部分,圓環(huán)的其他面也用畫筆刷出金屬質(zhì)感反光的感覺就可以:
上下兩部分的裝飾,頂部的裝飾,左右兩條兩端提亮,然后寶石下接觸的投影壓暗,底部的裝飾部分,提亮寶石中間,然后底部兩側(cè)加些反光提亮,加完光影效果對比如下:
話筒部分,因為整體都是偏金屬反光質(zhì)感,所以這里也需要按照這種質(zhì)感方向來走:
現(xiàn)在整個圖形部分就完成了,再一起看看,上完質(zhì)感前后的對比吧。
2. 文字區(qū)域
首先上一下文字區(qū)域的固有色:
圖形區(qū)域是壓在文字區(qū)域上,那文字區(qū)域的左邊是暗部,這時就需要提亮文字區(qū)域右半部分:
到這里稱號牌就完成啦,再整體一起看看效果吧!
作者:菜心設計鋪
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)