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