教你用AI制作燈泡文本效果,嗨同學們好!今天又是活力滿滿的一天呢,下面為大家帶來一篇簡單的AI教程,將學習制作燈泡文本效果,在本教程中會學習使用一些基本的工具。希望你喜歡這個教程!
第一步
創建一個新文檔,將窗口中的數值設置如圖:
并設置網格為:
第二步、創建主要形狀
選擇矩形工具(M)創建一個148 x 28px的矩形,其顏色為R = 244 G = 167 B = 32,并降低不透明度至20%。
選擇添加錨點工具( ),在矩形左側4px的位置添加兩個新的錨點 。用直接選擇工具(A),選擇左上角的錨點,將其向下拖動2px,然后選擇左下角的錨點,將其向上拖動2px。
選擇直接選擇工具(A),選擇紅色圓圈突出顯示的左邊兩個錨點,設置邊角為5px,選擇紅色圓圈突出顯示的右邊兩個錨點,設置邊角為13 px。
第三步、創建內部組件
使用矩形工具(M),創建一個115 x 14px的矩形,距剛才畫的矩形左側12px,垂直居中對其,設置1px的內描邊,顏色設置為R = 243 G = 202 B = 103,圓角為7px,選擇對象>路徑>輪廓化描邊。
重新選擇矩形工具(M),創建一個109 x 4px的矩形,如圖放置,添加相同的1px黃色內描邊,圓角為2px,選擇對象>路徑>輪廓化描邊。
選擇矩形工具(M),創建一個12 x 10 px的矩形,將其放置在距第一個距矩形3px的位置。設置顏色為R = 121 G = 96 B = 42的3 px內描邊,圓角為5 px,選擇對象>路徑>輪廓化描邊。然后添加新的填充,選擇此新填充,將顏色設置為黑色(R = 0 G = 0 B = 0),將其不透明度降低到40%,并將混合模式更改為柔光。選擇效果>路徑>位移路徑,設置-1px的位移。
選擇矩形工具(M)創建一個 9 x 12px的矩形(R = 121 G = 96 B = 42),并將其與第一個形狀左側對其,垂直居中,將其右側兩點的邊角設置為3 px。然后添加新的填充,添加第二填充,將顏色設置為R = 145 G = 120 B = 64,選擇效果>扭曲和變換>變換。設置“ 縮放 – 水平”為70%,“ 縮放 – 垂直”為90%,并選擇中間左側參考點?,F在添加第三個填充,將顏色設置為R = 166 G = 135 B = 78,選擇效果>扭曲和變換>變換。設置“ 縮放 – 水平”為40%,“ 縮放 – 垂直”為80%,并選擇中間左側參考點。
第四步、讓它亮起來
選擇主要形狀,在前面復制(Control-C> Control-F),并把它放到前面(Shift-Control-])。選擇這個副本,向左移動1px。然后復制它(控制-C>控制-F ),將其向下移動1像素。重新選擇在此步驟中創建的兩個副本,打開路徑查找器面板(窗口>路徑查找器),選擇減去頂層。然后將現有填充顏色替換為R = 235 G = 178 B = 40,不透明度為70%。
選擇主要形狀,在前面復制(Control-C> Control-F),并把它放到前面(Shift-Control-])。選擇此副本,向下移動3 px,向左移動1 px,然后復制它(Control-C> Control-F)。選擇此第二個副本并將其向下移動3px。重新選擇在此步驟中創建的兩個副本,選擇減去頂層。然后將現有填充顏色替換為R = 235 G = 178 B = 40,不透明度為50%。
選擇主要形狀,在前面復制(Control-C> Control-F),并把它放到前面(Shift-Control-])。選擇此副本,向左移動1 px,然后復制它(Control-C> Control-F)。選擇此第二個副本并將其向上移動3px。重新選擇在此步驟中創建的兩個副本,選擇減去頂層。然后將現有填充顏色替換為R = 235 G = 178 B = 40,不透明度為30%。
選擇主要形狀,在前面復制兩個副本(Control-C> Control-F),并將兩個副本放到前面(Shift-Control-])。選擇頂部副本,向上移動1 px,向左移動1 px,然后復制它(Control-C> Control-F)。選擇此第二個副本并將其向下移動3像素。重新選擇在此步驟中創建的兩個副本,選擇減去頂層。然后將現有填充顏色替換為R = 235 G = 178 B = 40,不透明度為70%。
使用矩形工具(M),創建一個155 x 28 px的矩形(R = 149 G = 96 B = 55),與現圖像右對齊,圓角為13px,然后選擇對象>擴展外觀。
使用矩形工具(M),創建一個128 x 4 px的矩形(R = 224 G = 157 B = 34),圓角為2px,然后選擇對象>擴展外觀
選擇混合工具:
重新選擇在最后兩個步驟中制作的棕色和黃色圓角矩形,然后按Alt-Control-B創建混合效果,并將其放置到底層Shift-Control- [ 。
使用矩形工具(M),創建一個145 x 8 px形狀,并將與整體向左偏移2px的位置,如圖像所示。填充白色,圓角為4 px,然后選擇對象>擴展外觀。將不透明度降低到50%,并將混合模式更改為柔光。
使用矩形工具(M),創建一個145 x 2 px形狀,并將與整體向左偏移2px的位置,如圖像所示。填充白色,圓角為1 px,然后選擇對象>擴展外觀。將不透明度降低到30%,并將混合模式更改為柔光。
使用橢圓工具(L),創建一個14 x 3 px形狀(R = 235 G = 178 B = 40),并將其放置,如第一個圖像所示。選擇效果>變形>弧形。輸入下圖所示的屬性,單擊確定按鈕,然后轉到對象>擴展外觀。并將其不透明度降低到30%。
第五步、創建螺帽
使用矩形工具(M)創建5 x 24px形狀(R = 39 G = 49 B = 48),距左側2px,垂直居中。選擇左錨點,設置邊角為1px。切換到圓角矩形工具,并創建三個 4 x 24 px形狀和一個3 x 20 px形狀(R = 39 G = 49 B = 48),放置這些新的圓角矩形如圖像所示。
選擇在上一步中制作的五個黑色形狀,添加第二個填充,將顏色設置為R = 79 G = 89 B = 86,然后選擇效果>扭曲和變換>變換,設置縮放-垂直為80%,移動-垂直為1px。添加第三個填充,將其顏色設置為R = 114 G = 113 B = 108,然后再次進入效果>扭曲和變換>變換,設置縮放-垂直為60%,移動-垂直為1px。
仍選擇五個黑色形狀,添加第四個填充,將顏色設置為R = 174 G = 177 B = 155,然后選擇效果>扭曲和變換>變換,設置縮放-水平為40%,縮放-垂直為60%,移動-垂直為1px。添加第五個填充,將其顏色設置為白色,然后再次進入效果>扭曲和變換>變換,設置縮放-水平為25%,縮放-垂直為25%,移動-垂直為1px。
使用圓角矩形工具,添加五個圓角矩形,如圖像所示。將這些新形狀的填充顏色設置為R = 234 G = 221 B = 191,不透明度為50%,然后將混合模式更改為柔光。
切換到鋼筆工具(P)并創建第二個圖像中顯示的五個形狀。將這些新形狀的填充顏色設置為R = 255 G = 244 B = 161,不透明度為70%,然后將混合模式更改為柔光。
使用矩形工具(M),創建一個4 x 24px的形狀,并將其放置如圖像所示。使用R = 244 G = 167 B = 32填充,不透明度為30%,并將混合模式更改為柔光。
接下來,創建一個3 x 24px的形狀,并將其放置,如第二個圖像所示。用R = 244 G = 167 B = 32填充,不透明度為40%,并將混合模式更改為柔光。使用相同的工具,創建2 x 24 px形狀,并將其放置如第三個圖像所示。用R = 244 G = 167 B = 32填充,不透明度為50%,并將混合模式更改為柔光。最后,創建一個 1 x 24px的形狀,并將其放置如第四個圖像所示。填充R = 214 G = 137 B = 2,不透明度為40%。
使用矩形工具(M),創建一個 4 x 16px的形狀(R = 8 G = 10 B = 10),并將其放置如圖像所示。選擇直接選擇工具(A)。選擇左側頂部錨點并將其向下移動5px,然后選擇左側底部錨點并將其向上移動5px。接下來,選擇左側兩個點,設置邊角為3 px。
選中最新形狀,添加第二個填充,將顏色設置為R = 75 G = 64 B = 59,然后選擇效果>扭曲和變換>變換,設置縮放-水平為70%,縮放-垂直為70%,移動-垂直為1px,選擇中間右參考點。選擇形狀添加第三個填充,填充為白色,不透明度為50%,混合模式更改為柔光,然后選擇效果>扭曲和變換>變換,設置縮放-水平為40%,縮放-垂直為40%,移動-垂直為1px,選擇中間右參考點。
第六步、添加描邊和重復
重新選擇主要形狀,設置圓角外描邊為1px。選擇對象>路徑>輪廓化描邊。
選擇到目前為止制作的所有形狀,復制它們,并將副本放置在下圖所示的位置。
第七步、創建圖案畫筆
使用矩形工具(M),創建一個83 x 40px的形狀(R = 39 G = 170 B = 225),不透明度為50%。使用相同的工具和屬性,創建一個5 x 40px的矩形。
選擇構成頂部燈泡的所有形狀以及位于其上方的藍色矩形,然后選擇形狀生成器工具(Shift-M)。按住鍵盤上的Alt按鈕,拖動一條從頂部到該藍色矩形底部邊緣的垂直路徑。這個動作會快速刪除那個藍色的矩形以及它后面的所有形狀。
使用直接選擇工具(A),選擇第一個圖像中左側的所有形狀,然后將其拖動到“色板”面板中,另存為模式,命名為“ StartTile ”。選擇第一個圖像中右側的所有形狀,另存為第二個圖案,命名為“ EndTile ”。有了這兩個模式,你就可以從你的畫板中刪除這些形狀了。
選擇第二個圖像,并選擇形狀生成器工具工具(Shift-M)。這一次按住鍵盤上的Shift和Alt按鈕,并將兩個簡單的選擇拖動到該藍色矩形的左側和右側。
刪除該藍色矩形。選擇其余形狀,打開畫筆面板,然后選擇新建畫筆-圖案畫筆,然后在開始圖塊并添加您的“ StartTile ”圖案,在結束圖塊并添加您的“ EndTile ”圖案。
第八步、創建背景
使用矩形工具(M),創建一個850 x 600px的形狀(R = 102 G = 59 B = 67),添加第二個填充(R = 0 G = 0 B = 0),不透明度為3%,混合模式為正片疊底,然后選擇效果>藝術效果>膠片顆粒,輸入如下所示屬性。
添加第三個填充(R = 255 G = 200 B = 0),不透明度為10%,混合模式為正片疊底,然后選擇效果>藝術>海綿。輸入如下所示屬性。
第九步、創建文本效果
選擇文字工具(T),選擇Neons font字體(可文末下載),將大小設置為150 px,行距為155px,字距為150px。添加“ TURN ON ”白色文字,不透明度為30%。
使用鋼筆工具(P)繪制一個簡單的路徑“ T ”,選擇該路徑,從“ 畫筆”面板添加之前做的圖案畫筆,設置17.5像素的圓角。
接下來用同樣的方法完成其它字母,需要調整一下圓角參數哦:
選擇背景的矩形,在前面復制(Control-C> Control-F),并將其放到前面(Shift-Control-]),然后刪除黑色和黃色填充。然后選擇第一個填充,將其混合模式更改為柔光,做R = 102 G = 59 B = 67(透明度0%)到R = 38 G = 34 B = 98的徑向漸變。
恭喜!你完成了!
教你用AI制作燈泡文本效果,對于ui方面的教程資訊就敘述到這里了,更多ui設計內容請繼續關注拓勝科技。拓勝科技開設了先學習,包就業,畢業后再付學費的綠色培訓通道,詳情可在線咨詢拓勝教育老師。