html的字顏色漸變(html字體漸變色)
大家都知道,Ai是個(gè)非常強(qiáng)大的矢量做圖軟件,不管是做Logo還是海報(bào)都可以用其中工具提高效率,節(jié)省時(shí)間,本期就提供10個(gè)這些工具在字體效果上的使用小技巧。
展開全文
先打出文字,選一款字面率比較寬的字體,填充灰色,點(diǎn)擊【效果】-【3D】-【凸出和斜角】,調(diào)整角度,選擇【斜角】-【經(jīng)典】,設(shè)置高度數(shù)值:
調(diào)整效果后,擴(kuò)展外觀,選擇其中的面修改顏色,調(diào)整色彩的時(shí)候,可以根據(jù)本身字體的明暗關(guān)系來(lái)上色。
最后我復(fù)制疊加了一層,增強(qiáng)立體感,得到的效果。
可以用字庫(kù)打出你想要的字,或者是矢量形狀或者鋼筆工具來(lái)得到這個(gè)字體路徑,設(shè)置成描邊效果。
選擇數(shù)字,點(diǎn)擊【效果】-【扭曲和變換】-【波紋效果】,數(shù)值參考如下,這個(gè)數(shù)字跟本身數(shù)字大小尺寸有關(guān),大家可以多嘗試。
把【描邊】數(shù)值調(diào)大,
把【端點(diǎn)】和【邊角】調(diào)整成【圓角】。
選擇對(duì)象,擴(kuò)展2次,可以得到:
選擇對(duì)象,點(diǎn)擊【效果】-【3D】-【凸出和斜角】,數(shù)值參考如下:
選擇每一個(gè)面,先進(jìn)行合并,再對(duì)它進(jìn)行上色。
同理得到其他幾個(gè)數(shù)字,然后進(jìn)行上色即可:
最終效果:
打出想要的字,擴(kuò)展,字距拉開一些,方便后面做效果,選擇對(duì)象,點(diǎn)擊【對(duì)象】-【路徑】-【偏移路徑】,數(shù)值參考如下,這里可以勾選預(yù)覽,數(shù)值出來(lái)的大小跟原字母厚度差不多即可。
把顏色改成黑色,重復(fù)執(zhí)行【對(duì)象】-【路徑】-【偏移路徑】操作5次,即可得到:
選擇最下面那層黑色,復(fù)制2個(gè)出來(lái),然后做一個(gè)位移,點(diǎn)擊【對(duì)象】-【混合】-【建立】,出來(lái)的步數(shù)不夠的話,點(diǎn)擊工具欄的【混合工具】按鈕,按住【Alt】,點(diǎn)擊對(duì)象增加步數(shù)即可。
把這個(gè)混合效果放在前面輪廓文字下面即可,
增強(qiáng)字體厚度與張力,最終得到的效果。
畫幾個(gè)圓,設(shè)置描邊效果,位置交錯(cuò),大小尺寸參考如下:
選擇全部的圓對(duì)象,點(diǎn)擊工具欄的【形狀生成器工具】,按住【shift】鍵對(duì)相關(guān)的的路徑進(jìn)行合并,最后形狀如下圖。
然后對(duì)合并后的路徑添加顏色即可得到:
除了添加顏色,也可以進(jìn)行線條的混合,拎出每個(gè)單獨(dú)的路徑,分別單獨(dú)選中前后的端點(diǎn),點(diǎn)擊軟件上方剪切按鈕。
這個(gè)時(shí)候,這個(gè)路徑就切割成了兩條。
分別選中每一根描邊,點(diǎn)擊描邊屬性,選擇第二個(gè)線條樣式。
選中兩根路徑,點(diǎn)擊【對(duì)象】-【混合】-【建立】,
如果步數(shù)不夠,就點(diǎn)擊工具欄的【混合工具】,按住【alt】鍵,點(diǎn)擊對(duì)象,增加步數(shù)即可。
同樣的方式把其他的路徑也依次這樣做即可得到:
有些路徑混合時(shí),會(huì)因?yàn)殄^點(diǎn)過(guò)多,出來(lái)的效果不夠好,可以選擇路徑用工具欄的【平滑工具】對(duì)錨點(diǎn)進(jìn)行平滑的處理后,再混合即可。
最終效果:
打出想要做的字體,然后擴(kuò)展外觀,可以發(fā)現(xiàn),底部的端點(diǎn)并不是完全對(duì)齊的,手動(dòng)調(diào)整其中的端點(diǎn),讓它們對(duì)齊即可。
復(fù)制一份,鏡像對(duì)齊,編組,
點(diǎn)擊【窗口】調(diào)出【符號(hào)】面板,直接拖進(jìn)去即可。
畫一個(gè)橢圓,傾斜一下,選擇對(duì)象,點(diǎn)擊【效果】-【3D】-【凸出和斜角】,數(shù)值參考如下,再點(diǎn)擊左下方的【貼圖】按鈕,進(jìn)入貼圖頁(yè)面,進(jìn)行預(yù)覽,對(duì)其中的一個(gè)面選擇剛剛新建的符號(hào)進(jìn)行貼圖,勾選右下方的【三維模型不可見】。
擴(kuò)展對(duì)象,可以對(duì)其中的面調(diào)整顏色即可。
畫一個(gè)圓,選擇描邊模式,用鋼筆工具添加兩個(gè)錨點(diǎn),然后刪除綠色那個(gè),復(fù)制一個(gè),鏡像,框選中間的錨點(diǎn),右鍵,選擇【連接】;
畫一個(gè)圓,填充顏色,再畫一根線,描邊模式。讓線跟圓居中對(duì)齊。
選中線,點(diǎn)擊【效果】-【扭曲和變換】-【變換】,輸入角度跟副本數(shù)值。
擴(kuò)展外觀,即可得到這組線條,
取消編組,然后選擇圓跟這些線條,進(jìn)行切割。
取消編組,并選擇一組顏色分別進(jìn)行填充。
縮小,復(fù)制一個(gè),然后選擇這兩個(gè)對(duì)象,進(jìn)行混合,步數(shù)越多,路徑看起來(lái)更流暢。
選擇前面的路徑,跟這個(gè)混合效果,再點(diǎn)擊【效果】-【混合】-【替換混合軸】即可。
同樣的方法,可以再做不同的字母效果。
最終效果:
用矩形工具,畫兩個(gè)橢圓,描邊模式。
通過(guò)添加,刪除錨點(diǎn),得到右邊的線條。
組合,選中兩個(gè)端點(diǎn),右鍵【連接】。
畫兩個(gè)小方塊,填充黑白色,通過(guò)復(fù)制得到這個(gè)棋牌格,然后復(fù)制一個(gè),選中兩個(gè)對(duì)象,點(diǎn)擊【效果】-【混合】-【建立】進(jìn)行混合,混合步數(shù)需要多一些,我這里是500。
選中路徑跟這個(gè)混合對(duì)象,選擇【效果】-【混合】-【替換混合軸】。
同理,再畫一個(gè)橢圓,增加一個(gè)錨點(diǎn),然后選擇這個(gè)錨點(diǎn),點(diǎn)擊軟件上方剪切按鈕;
同樣的方法,替換混合軸即可得到:
然后在尾端,畫黑白色塊通過(guò)復(fù)制蓋住這個(gè)棋牌格就會(huì)有循環(huán)線條的效果了。
最終效果:
可以用字庫(kù)打出你想要的字,或者是矢量形狀或者鋼筆工具來(lái)得到這個(gè)字體路徑,設(shè)置成描邊效果。
畫一組色塊,編組,拖入符號(hào)面板。
選擇數(shù)字,點(diǎn)擊【效果】-【3D】-【凸出和斜角】,數(shù)值參考如下,并點(diǎn)擊左下方的【貼圖】按鈕,進(jìn)入貼圖頁(yè)面,進(jìn)行預(yù)覽,對(duì)其中的多個(gè)面選擇剛剛新建的符號(hào)進(jìn)行貼圖,勾選左下方的【縮放以適合】以及右下方的【三維模型不可見】。
同樣的方法,把其他幾個(gè)數(shù)字也這樣處理,即可得到:
選擇一款瘦長(zhǎng)的字體,字重選大一些,打出想要的字樣;
分別選擇單個(gè)字母,點(diǎn)擊【效果】-【3D】-【凸出和斜角】,數(shù)值參考如下:
擴(kuò)展外觀,然后對(duì)其中的塊面進(jìn)行合并,然后設(shè)置一個(gè)漸變色,分別對(duì)幾個(gè)面進(jìn)行上色,上色的過(guò)程,可以根據(jù)不同的面,調(diào)整不同的漸變角度。
同樣的方法,依次對(duì)其他幾個(gè)字母進(jìn)行上色即可,可以畫一個(gè)暗色塊,然后點(diǎn)擊【效果】-【藝術(shù)效果】-【膠片顆?!浚砑狱c(diǎn)雜色的效果,覆蓋在頂層,選擇柔光效果即可。
最終效果:
點(diǎn)擊【多邊形工具】畫一個(gè)6邊形,無(wú)填充,黑色描邊模式,然后用鋼筆工具,畫3根線條,連接幾個(gè)端點(diǎn)。
縮小,通過(guò)重復(fù)復(fù)制,得到下圖:
選擇全部的多邊形對(duì)象,點(diǎn)擊工具欄的【形狀生成器工具】,按住【shift】鍵對(duì)相關(guān)的的路徑進(jìn)行合并,最后形狀如下圖。
選中生成的形狀,提取出來(lái),然后在對(duì)每個(gè)色塊進(jìn)行填充顏色即可。
有同學(xué)最后可能想說(shuō),
眼睛學(xué)會(huì)了,但怎么用到實(shí)際的海報(bào)中呢?
舉個(gè)例子。
當(dāng)你會(huì)卷文字,自然也會(huì)卷紙,一個(gè)技法,多種用法。
這種發(fā)射線,如何做到可控又好看?
這樣的標(biāo)準(zhǔn)圖形西瓜,要如何快速畫出來(lái)?
- END -
來(lái)源:胡曉波工作室
關(guān)鍵詞回復(fù):(可見相對(duì)應(yīng)知識(shí)文章)
印刷、名片、海報(bào)、logo設(shè)計(jì)、茶包裝、色譜、折頁(yè)、BANNER、吐槽視頻、外賣餐飲、AV、報(bào)價(jià)、日式海報(bào)、版式、民國(guó)、軟件、奧運(yùn)、福利、簡(jiǎn)歷、月餅、天貓、雙十一、菜譜、紅包......
學(xué)“廢”了就點(diǎn)個(gè)贊
↓↓↓
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。