首頁>軟件教程>AI教程> 教程內(nèi)容

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

來源：站酷作者：王梓劍

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

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

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

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

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

先看看效果：

第一部分：電線畫筆

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

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

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

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

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

步驟1

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

步驟2

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

步驟3

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

步驟4

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

步驟5

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

步驟6

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

步驟7

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

步驟8

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

步驟9

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

步驟10

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

步驟11

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

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

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

步驟1

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

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

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

步驟2

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

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

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

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

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

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

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

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

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

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

步驟6

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

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

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

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

第三部分：字形效果

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

步驟1

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

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

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

步驟2

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

步驟3

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

返回到外觀面板，專注于粉紅色的項目，簡單地拖動偏移路徑效果，使它高于其他三個效果。

步驟4

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

步驟5

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

步驟6

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

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

步驟7

重新選擇你的“DANGER”復(fù)合路徑，去對象>路徑>偏移路徑。進入10px偏移，點擊OK。

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

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

5.加入電線

步驟1

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

步驟2

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

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

步驟1

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

步驟2

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

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

步驟3

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

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

步驟1

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

步驟2

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

步驟3

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

步驟4

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

步驟5

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

步驟6

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

步驟7

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

步驟8

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

8．創(chuàng)建發(fā)光點

步驟1

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

步驟2

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

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

步驟3

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

步驟4

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

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

步驟1

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

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

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

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

步驟2

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

步驟3

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

步驟4

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

步驟5

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