當(dāng)前位置:首頁>軟件教程>AI教程>教程內(nèi)容

AI字效教程,設(shè)計(jì)電擊效果文字教程(8)

來源:站酷 作者:王梓劍 學(xué)習(xí):11301人次

首先,你將學(xué)習(xí)如何設(shè)置一個(gè)簡單的【網(wǎng)格】,以及如何創(chuàng)建一些非常簡單的【圖案畫筆】和【藝術(shù)畫筆】。

接下來,選擇一個(gè)字體,并充分利用【外觀】面板,你將學(xué)習(xí)如何創(chuàng)建主文本形狀。然后你將學(xué)習(xí)如何保存自己的【圖形樣式】,以及如何巧妙地利用它們。

使用在本教程一開始制作的筆刷,你會(huì)學(xué)習(xí)如何添加一些電線和一些簡單的電火花。最后,使用基本的圖層混合方法,以及一些徑向漸變,你將學(xué)習(xí)如何為整體視覺效果添加一個(gè)較暗的感覺。

【原教程較長,譯者將它分為四個(gè)部分,比較清晰,容易理解。1是電線畫筆,2是藝術(shù)畫筆,3是字形效果,4是細(xì)節(jié)渲染!

【原作步驟非常詳細(xì),也有繁瑣之處。但譯者認(rèn)為非常適合初學(xué)者練習(xí),故未做任何改動(dòng)!

先看看效果:

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

第一部分:電線畫筆

 

1.創(chuàng)建一個(gè)新文檔,并設(shè)置一個(gè)網(wǎng)格

CTRL+N創(chuàng)建新文檔。

在“單位”下拉菜單中選擇“像素”,在“寬度”框中輸入600,在“高度”框中輸入400,然后點(diǎn)擊“高級(jí)”按鈕。選擇RGB屏幕(72ppi)和確保新對(duì)象對(duì)齊像素網(wǎng)格框選中,然后單擊“確定”。

 

點(diǎn)擊網(wǎng)格(視圖>顯示網(wǎng)格)和對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格)。首先你需要每一個(gè)網(wǎng)格都是一個(gè)像素,所以直接去編輯>首選項(xiàng)>參考線和網(wǎng)格,在網(wǎng)格線間隔輸入1,在次分割線輸入1。你還應(yīng)該打開信息面板(窗口>信息),以便對(duì)你圖形的尺寸和形狀有一個(gè)實(shí)時(shí)的預(yù)覽。不要忘記設(shè)置測(cè)量單位,編輯>首選項(xiàng)>單位>常規(guī)。所有這些選項(xiàng)將大大提高你的工作效率。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

 

2.創(chuàng)建2個(gè)圖案筆刷

步驟1

選擇矩形工具(M),刪除描邊顏色,然后選擇填色并設(shè)置其顏色為R85 G85 B85。將視線回到你的畫板,簡單地創(chuàng)建一個(gè)1px的正方形,對(duì)齊網(wǎng)格應(yīng)該減輕你的工作。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

使用矩形工具(M)創(chuàng)建另外3個(gè)1px的正方形。填充顏色,然后將它們按順序放置!咀詈笠粋(gè)數(shù)值有誤,譯者自己試驗(yàn)應(yīng)該是R25 G25 B25】

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

將它們CTRL+G編組,并且復(fù)制一份,向右拖動(dòng)2PX。

 

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟4

使用矩形工具(M),創(chuàng)建四個(gè)2*1的矩形,如下圖所示然后填充顏色。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟5

使用矩形工具(M),創(chuàng)建四個(gè)7*1的矩形,如下圖所示然后填充顏色。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟6

使用矩形工具(M),創(chuàng)建一個(gè)6 x 1px的形狀,設(shè)置填充顏色為R = 204 G= 149 B = 4,把它置于頂層。將重點(diǎn)放在新的矩形的右邊,切換到直接選擇工具(A),選擇錨點(diǎn)并將他們向上拖動(dòng)1px。再次選擇這個(gè)新形狀,找到效果>變形>弧形。輸入下列圖像中顯示的屬性,然后單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟7

使用矩形工具(M),創(chuàng)建一個(gè)9 x 1px的形狀,設(shè)置填充顏色為R = 234 G= 179 B = 34,把它置于頂層。將重點(diǎn)放在新的矩形的右邊,切換到直接選擇工具(A)。選擇錨點(diǎn)并將他們向下拖動(dòng)1px。再次選擇這個(gè)新形狀,找到效果>變形>弧形。輸入下列圖像中顯示的屬性,然后單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟8

使用矩形工具(M),創(chuàng)建一個(gè)7 x 1px的形狀,設(shè)置填充顏色為R = 204 G= 149 B = 4,把它置于頂層。將重點(diǎn)放在新的矩形的右邊,切換到直接選擇工具(A)。選擇錨點(diǎn)并將他們向下拖動(dòng)1px。再次選擇這個(gè)新形狀,找到效果>變形>弧形。輸入下列圖像中顯示的屬性,然后單擊“確定”。選擇這三個(gè)黃色的形狀,并將他們置于底層。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟9

選擇下圖中選中的形狀并將他們拖動(dòng)到色板上(窗口>色板)來保存自己的圖案。色板面板上有它之后,你就可以刪除原形狀。返回到色板面板,雙擊你的圖案并將它命名為電線末端。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟10

選中你的畫板上剩下來的那個(gè)組,然后打開畫筆面板(窗口>畫筆),點(diǎn)擊新建畫筆(下圖中藍(lán)色箭頭處),選擇圖案畫筆,然后單擊“確定”再打開筆刷窗口。將筆刷命名為“電線”,然后邊線拼貼選擇原始,終點(diǎn)拼貼在列表中選擇電線末端。最后,單擊“確定”,你應(yīng)該可以在筆刷面板找到你的新圖案筆刷。如果你完成了,那么可以刪除原形狀。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟11

聚焦于畫筆面板,選擇“電線”圖案畫筆,并復(fù)制它(或打開畫筆面板的菜單,復(fù)制畫筆)。雙擊你的畫筆副本,命名它為“電線副本”,雙擊,并勾選縱向翻轉(zhuǎn)然后點(diǎn)擊確定。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

第二部分:藝術(shù)畫筆

 

1.創(chuàng)建四個(gè)藝術(shù)畫筆,并添加一個(gè)簡單的背景

步驟1

在下面的步驟中你將需要一個(gè)0.25像素分布的網(wǎng)格,點(diǎn)擊編輯>首選項(xiàng)>參考線和網(wǎng)格,在網(wǎng)格線間隔輸入0.25,在次分割線輸入1。

使用橢圓工具(L),創(chuàng)建一個(gè)0.25×10px的形狀,設(shè)置填充顏色為白色。

取消對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),切換到錨點(diǎn)工具(shift+c),只需點(diǎn)擊底部的錨點(diǎn)。再啟用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),使用直接選擇工具(A),選擇在圖2中突出的兩個(gè)錨點(diǎn),將他們向上拖動(dòng)2PX。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

確保白色的形狀仍然被選中,將目光轉(zhuǎn)向筆刷面板,并點(diǎn)擊新建畫筆。選擇藝術(shù)畫筆然后單擊“確定”。將筆刷命名為“0.25白”,然后單擊“確定”。一旦你能在畫筆面板上看到它,就可以刪除畫板上白色的形狀。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3【基本和步驟2一樣】

使用橢圓工具(L),創(chuàng)建一個(gè)0.25×10px的形狀,設(shè)置填充顏色為R = 240 G= 200 B= 227。取消對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),切換到錨點(diǎn)工具(shift+c),只需點(diǎn)擊底部的錨點(diǎn)。再啟用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),使用直接選擇工具(A),選擇在圖2中突出的兩個(gè)錨點(diǎn),將他們向上拖動(dòng)2PX。

確保這個(gè)粉色的形狀仍然被選中,將目光轉(zhuǎn)向筆刷面板,并點(diǎn)擊新建畫筆。選擇藝術(shù)畫筆然后單擊“確定”。將筆刷命名為“0.25粉”,然后單擊“確定”。一旦你能在畫筆面板上看到它,就可以刪除畫板上粉色的形狀。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟4【基本和步驟2一樣】

使用橢圓工具(L),創(chuàng)建一個(gè)0.5×10px的形狀,設(shè)置填充顏色為白色。取消對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),切換到錨點(diǎn)工具(shift+c),只需點(diǎn)擊底部的錨點(diǎn)。再啟用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),使用直接選擇工具(A),選擇在圖2中突出的兩個(gè)錨點(diǎn),將他們向上拖動(dòng)2PX。

確保這個(gè)白色的形狀仍然被選中,將目光轉(zhuǎn)向筆刷面板,并點(diǎn)擊新建畫筆。選擇藝術(shù)畫筆然后單擊“確定”。將筆刷命名為“0.5白”,然后單擊“確定”。一旦你能在畫筆面板上看到它,就可以刪除畫板上白色的形狀。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟5【基本和步驟2一樣】

使用橢圓工具(L),創(chuàng)建一個(gè)0.5×10px的形狀,設(shè)置填充顏色R = 255 G= 136 B= 248。

取消對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),切換到錨點(diǎn)工具(shift+c),只需點(diǎn)擊底部的錨點(diǎn)。再啟用對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格),使用直接選擇工具(A),選擇在圖2中突出的兩個(gè)錨點(diǎn),將他們向上拖動(dòng)2PX。

確保這個(gè)粉色的形狀仍然被選中,將目光轉(zhuǎn)向筆刷面板,并點(diǎn)擊新建畫筆。確認(rèn)一下然后單擊“確定”。將筆刷命名為“0.5粉”,然后單擊“確定”。一旦你能在畫筆面板上看到它,就可以刪除畫板上粉色的形狀。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟6

停用網(wǎng)格(視圖>隱藏網(wǎng)格)和對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格)。選擇矩形工具(M),創(chuàng)建一個(gè)寬610px,高410px的矩形。

確保這個(gè)新的形狀保持選定,并設(shè)置其填充顏色為R=17 G= 66 B=103。打開“外觀”面板(窗口>外觀),然后點(diǎn)擊添加新填色按鈕【圖中小箭頭處】。選擇這個(gè)新填充,設(shè)置顏色為黑色,降低其不透明度為10%,改變混合模式為正片疊底,點(diǎn)擊效果>藝術(shù)效果>膠片顆粒。輸入下列圖像中顯示的屬性,然后單擊“確定”。

下一步,你需要把矩形對(duì)齊在畫板中心,所以打開對(duì)齊面板(對(duì)齊到畫板),然后單擊水平居中對(duì)齊,垂直居中對(duì)齊按鈕。最終你的矩形應(yīng)覆蓋整個(gè)畫板。

點(diǎn)擊圖層面板(窗口>圖層),打開現(xiàn)有的層,只需雙擊重命名為叫“背景”。你還應(yīng)該鎖定它,以確保你不會(huì)意外地選擇/移動(dòng)它。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

第三部分:字形效果

 

4.創(chuàng)建主要文本形狀

步驟1

選擇文字工具(T),添加文本“DANGER”,使用GoodDog字體,設(shè)置大小在150pt,字距為100。

確保你的文字保持選定,shift-control-o(或去文字>創(chuàng)建輪廓)。選擇組,shift-control-g解開它然后control-8(或去對(duì)象>復(fù)合路徑>建立)讓這六個(gè)字母的形狀成為一個(gè)簡單的復(fù)合路徑。

移動(dòng)到圖層面板,雙擊在這一步中所做的白色復(fù)合路徑,并將其命名為“DANGER”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

 

步驟2

確保你“DANGER”的復(fù)合路徑保持選定,將目光轉(zhuǎn)向外觀面板。首先,shift-x將顏色從填充改為描邊。選擇描邊,設(shè)置在0.25pt,降低其不透明度為50%,去效果>扭曲和變換>波紋效果。進(jìn)入下圖所示的屬性,單擊“確定”,去效果>扭曲和變換>粗糙化。進(jìn)入下圖所示的屬性,單擊“確定”,去效果>風(fēng)格化>圓角。輸入一個(gè)1px半徑,單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

確保你的“DANGER”的復(fù)合路徑仍然被選中,并專注于外觀面板。選擇現(xiàn)有的項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它(下圖中的小藍(lán)箭頭處)。選擇新的項(xiàng)目,用R = 240 G = 200 B= 227填充顏色,增加它的不透明度到70%,去效果>路徑>偏移路徑。輸入-2px偏移,點(diǎn)擊OK。

返回到外觀面板,專注于粉紅色的項(xiàng)目,簡單地拖動(dòng)偏移路徑效果,使它高于其他三個(gè)效果。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

 

步驟4

確保你“DANGER”的復(fù)合路徑仍然被選中,并專注于外觀面板。選擇粉紅色的項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它。選擇新的行程,設(shè)置描邊在0.5pt,用R = 255 G = 136 B = 248取代現(xiàn)有的顏色,增加透明度為80%,取消路徑偏移,去效果>模糊>高斯模糊。進(jìn)入8半徑,單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟5

確保你的“DANGER”的復(fù)合路徑仍然被選中,并專注于外觀面板。選擇頂部,粉紅色的項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它。選擇新的項(xiàng)目,白色取代現(xiàn)有的顏色,增加透明度為90%,取消高斯模糊效果,去效果>風(fēng)格化>外發(fā)光。輸入以下圖像中所顯示的屬性,然后單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟6

重新選擇你的“DANGER”復(fù)合路徑,注重外觀面板,使用添加新描邊按鈕添加第五個(gè)描邊(下圖中的藍(lán)色箭頭)。選擇這個(gè)新的項(xiàng)目,把它拖在外觀面板的底部,設(shè)置重量在1,顏色 R = 109 G= 15 B = 61,然后降低其不透明度為70%。確保你的“DANGER”的復(fù)合路徑仍然被選定,打開圖形樣式面板(窗口>圖形樣式),并簡單地單擊新的圖形樣式按鈕(下圖小藍(lán)箭頭處),以保存自己的圖形樣式。

繼續(xù)專注于圖形樣式面板,只需雙擊你的新的圖形樣式,并將其命名為“電”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟7

重新選擇你的“DANGER”復(fù)合路徑,去對(duì)象>路徑>偏移路徑。進(jìn)入10px偏移,點(diǎn)擊OK。

確保所得到的復(fù)合路徑依然選定,專注于外觀面板,并使用相同的添加新描邊按鈕添加一個(gè)新的描邊。選擇這個(gè)新的項(xiàng)目,把它拖在外觀面板的底部,設(shè)置 描邊為6pt,R = 255 G= 136,B = 234。然后去效果>模糊>高斯模糊,輸入一個(gè)20px半徑,點(diǎn)擊OK。移動(dòng)到圖層面板,雙擊在這一步中所做的復(fù)合路徑,重命名它“外邊界”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

第四部分:細(xì)節(jié)渲染

 

5.加入電線

步驟1

選擇畫筆工具(B),選擇畫筆面板“電線”模式,畫兩路徑。大致如第一圖所示。確保你是從左邊開始繪制路徑。使用相同的工具,選擇你的“電線副本”圖案畫筆,畫另一個(gè)路徑。大致為第二圖像所示。這一次確保你從右邊開始。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

選擇四條路徑的線圖案畫筆,效果>風(fēng)格化>陰影。輸入下圖左邊顯示窗口的屬性,單擊確定,再去效果>風(fēng)格化>投影。輸入中間的窗口中顯示的屬性,請(qǐng)單擊“確定”,再去一次效果>風(fēng)格化>投影。輸入右側(cè)窗口中顯示的屬性,請(qǐng)單擊“確定”。再一次效果>風(fēng)格化>投影,進(jìn)入第二排左側(cè)窗口中顯示的屬性,最后一次效果>風(fēng)格化>投影,輸入第二排右側(cè)窗口顯示的屬性,然后單擊“確定”。確保四路線圖案畫筆仍然選定,并且編組(CTRL-G)。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

6。創(chuàng)建連接你電線和文本的電火花

步驟1

使用畫筆工具(B)或鋼筆工具(P),創(chuàng)建一個(gè)簡單的路徑,連接線與文本,如下圖所示。首先為這個(gè)新路徑添加一個(gè)簡單的,1pt白色描邊。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

選擇連接你線與文本的路徑,重點(diǎn)放在圖形樣式面板,只需點(diǎn)擊“電”圖形樣式。

確保您的路徑被選定,將視線集中在外觀面板上。選擇0.25pt,白色的描邊,降低其不透明度為30%,選擇0.25pt,粉紅色的描邊,降低其不透明度為50%,然后選擇0.5pt,粉紅色的描邊和降低其不透明度為70%。確保這個(gè)路徑仍然被選定,返回到圖形樣式面板,并保存一個(gè)新的圖形樣式。命名它“火花”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

使用畫筆工具(B)或鋼筆工具(P)創(chuàng)建多個(gè)路徑去連接線與文本,如下圖所示。確保所有這些新的路徑被選中,并簡單地添加“火花”的圖形樣式。因?yàn)椴y效果,你可以自由使用添加錨點(diǎn)(+)或刪除錨點(diǎn)工具(-)輕松地從一個(gè)特定路徑添加/刪除錨點(diǎn),如果你覺得它看起來太暗淡/擁擠。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

7.創(chuàng)建衰落的電火花

步驟1

使用畫筆工具(B)或鋼筆工具(P),從文本創(chuàng)建,如下圖所示的一個(gè)簡單的路徑。確保你從文本的內(nèi)部開始繪圖。首先為這個(gè)新的路徑添加一個(gè)簡單的,1pt的白色描邊。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

確保你的小路徑保持選定,將目光集中在外觀面板上。選擇項(xiàng)目,從你的畫筆面板中添加“0.25白”的藝術(shù)畫筆,降低不透明度到30%,去效果>扭曲和變換> 波紋效果。輸入下圖所示的屬性,單擊“確定”,去效果>扭曲和變換>粗糙化。輸入下圖所示的屬性,單擊“確定”,去效果>風(fēng)格化>圓角。輸入一個(gè)1px半徑,單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

確保你的小路徑仍然被選擇,專注于外觀面板。選擇現(xiàn)有的項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它。選擇新的描邊,將“0.25白色”藝術(shù)刷更換為“0.25粉紅色”藝術(shù)刷,并增加其不透明度為50%。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟4

確保你的小路徑仍然被選擇,專注于外觀面板。選擇頂層項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它。選擇新的項(xiàng)目,將“0.25粉紅色”的藝術(shù)刷換為“0.5粉紅色”藝術(shù)刷,增加其不透明度為70%,去效果>模糊>高斯模糊。輸入8半徑,單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟5

確保你的小路徑仍然被選擇,專注于外觀面板。選擇頂層項(xiàng)目,并使用復(fù)制選定項(xiàng)目按鈕簡單的復(fù)制它。選擇新的項(xiàng)目,刪除現(xiàn)有的高斯模糊效果,將“0.5粉”的藝術(shù)畫筆換為“0.5白”的藝術(shù)畫筆,然后增加其透明度為90%,去效果>風(fēng)格化>外發(fā)光。輸入以下圖像中所顯示的屬性,然后單擊“確定”。確保你的小路徑仍處于選中狀態(tài),專注于圖形樣式面板,保存一個(gè)新的圖形樣式,并將其命名為“電火花”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟6

使用畫筆工具(B)或鋼筆工具(P)創(chuàng)造一些新的路徑,如下圖所示。確保所有的這些新的路徑被選中,只需添加“電火花”圖形樣式。別忘了你可以很容易地添加/刪除錨點(diǎn),并改變你的路徑。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟7

使用鋼筆工具(P)創(chuàng)建一個(gè)微小的路徑,如下圖所示。選擇它,專注于圖形樣式面板,只需添加“電火花”圖形樣式。確保您的路徑選擇,目光集中在外觀面板上。選擇頂層項(xiàng)目,只需將“0.5白色”換為“0.25白色”的藝術(shù)畫筆。保持這個(gè)小路徑仍然選擇,返回到圖形樣式面板,并保存一個(gè)新的圖形樣式。它的名字“小電火花”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟8

使用鋼筆工具(P),創(chuàng)建一些新的路徑,如下圖所示。確保所有這些路徑的被選擇,添加“小電火花”圖形樣式。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

8.創(chuàng)建發(fā)光點(diǎn)

步驟1

啟用對(duì)網(wǎng)格的顯示(視圖>顯示網(wǎng)格)。這一步你需要一個(gè)每格一像素的網(wǎng)格,所以去編輯>首選項(xiàng)>參考線和網(wǎng)格,輸入1px每格。使用橢圓工具(L),創(chuàng)建一個(gè)15×3px形狀,設(shè)置填充顏色在R = 220 G = 118 B = 215。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

確保你粉紅色的形狀保持選定,并專注于外觀面板。選擇現(xiàn)有的填充,效果>模糊>高斯模糊。輸入一個(gè)2px半徑,單擊“確定”。

返回到外觀面板,并使用相同的添加新的填充按鈕,來添加第二個(gè)。選擇新的填充,設(shè)置白色,降低其不透明度為80%,改變混合模式為疊加,去效果>路徑>偏移路徑。進(jìn)入一個(gè)2px偏移,點(diǎn)擊OK,去效果>扭曲和變換>收縮和膨脹。拖動(dòng)滑塊到-70%,點(diǎn)擊OK,去效果>風(fēng)格化>羽化。輸入一個(gè)2px羽化半徑,單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

確保您的壓縮形狀仍然被選擇,視線焦點(diǎn)在外觀面板上,并添加第三個(gè)填充。選擇它,設(shè)置顏色為白色,改變混合模式為疊加,去效果>路徑>偏移路徑。進(jìn)入向左一個(gè)像素的偏移,點(diǎn)擊OK,去效果>扭曲和變換>收縮和膨脹。拖動(dòng)滑塊到70%,點(diǎn)擊OK,去效果>風(fēng)格化>羽化。1.5px羽化半徑,單擊“確定”。移動(dòng)到圖層面板,雙擊在這個(gè)步驟中編輯的形狀,簡單地稱它為“輝光”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟4

復(fù)制(control-f)你的“輝光”,讓它沿著你的文字。如下圖所示。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

 

9.為整張圖增加黑暗的風(fēng)格

步驟1

禁用網(wǎng)格(視圖>隱藏網(wǎng)格)和對(duì)齊網(wǎng)格(視圖>對(duì)齊網(wǎng)格)。使用矩形工具(M),創(chuàng)建一個(gè)新的610×410px的矩形,在對(duì)齊面板中選擇水平居中對(duì)齊,垂直居中對(duì)齊。

確保這個(gè)新的形狀保持選定,并專注于外觀面板。選擇現(xiàn)有的填充,打開漸變面板(窗口>漸變),然后添加默認(rèn)的黑到白的線性漸變。

保持專注于你的漸變面板,從下拉菜單中選擇徑向漸變,然后移動(dòng)到漸變色。選擇右滑塊,設(shè)置黑色的顏色(R = 0 G = 0 B = 0),然后移動(dòng)左滑塊。選擇它,設(shè)置顏色在R = 17 G = 66 B = 103,然后不透明度設(shè)置為0%。

回到外觀面板,選擇填充,降低其不透明度為90%,改變混合模式為柔光。最后,確保填充保持選中狀態(tài),漸變工具(G),拉伸漸變,如下圖所示。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟2

確保之前的矩形仍然被選中,目光聚焦在“外觀”面板上,選擇現(xiàn)有的填充,并使用復(fù)制所選項(xiàng)目按鈕來復(fù)制它。選擇新的填充,降低其不透明度為30%,改變混合模式為顏色加深,然后在漸變面板中選擇左滑塊,更換現(xiàn)有的顏色為R = 234G= 179 B = 34,增加其不透明度為100%,并拖動(dòng)滑塊在25%處。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟3

確保你之前的矩形仍然選中,聚焦在“外觀”面板上,選擇頂層項(xiàng)目并使用復(fù)制所選項(xiàng)目按鈕來復(fù)制它。選擇新的填充,增加其不透明度為75%,改變混合模式為柔光,并將現(xiàn)有的徑向漸變更改為下面的圖像顯示的一個(gè)。請(qǐng)記住,漸變圖像中的黃色零表示不透明度的百分比。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟4

確保你之前的矩形仍然被選中,專注于外觀面板,并用復(fù)制所選項(xiàng)目按鈕來添加第四個(gè)填充。選擇新的填充,設(shè)置黑色,降低其不透明度為10%,改變混合模式為正片疊底, 效果>藝術(shù)>膠片顆粒。輸入以下圖像中所顯示的屬性,然后單擊“確定”。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

步驟5

確保你之前的矩形仍然被選中,專注于外觀面板,選擇第二個(gè)填充(從底部開始計(jì)數(shù)),并重復(fù)使用復(fù)制所選項(xiàng)目按鈕。選擇填充,將其拖動(dòng)到外觀面板的頂部,并用下面的圖像顯示的數(shù)據(jù)替換現(xiàn)有的徑向漸變。別忘了,漸變面板中的黃色零表示不透明度百分比,而白色數(shù)代表位置百分比。

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

這里是它最終的效果。我希望你喜歡這個(gè)教程,并可以應(yīng)用這些技術(shù)在你未來的項(xiàng)目中:)

AI字效教程,設(shè)計(jì)電擊效果文字教程_theoat.com.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!