用AI設計雷電擊中的字體效果教程

首先，你將學習如何設置一個簡單的【網格】，以及如何創建一些非常簡單的【圖案畫筆】和【藝術畫筆】。

接下來，選擇一個字體，並充分利用【外觀】面板，你將學習如何創建主文本形狀。然後你將學習如何保存自己的【圖形樣式】，以及如何巧妙地利用它們。

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

第一部分：電線畫筆

1．創建一個新文檔，並設置一個網格

CTRL+N創建新文檔。

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

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

2.創建2個圖案筆刷

步驟1

選擇矩形工具（M），刪除描邊顏色，然後選擇填色並設置其顏色爲R85 G85 B85。將視線回到你的畫板，簡單地創建一個1px的正方形，對齊網格應該減輕你的工作。

步驟2

使用矩形工具（M）創建另外3個1px的正方形。填充顏色，然後將它們按順序放置。【最後一個數值有誤，譯者自己試驗應該是R25 G25 B25】

步驟3

將它們CTRL+G編組，並且複製一份，向右拖動2PX。

步驟4

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

步驟5

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

步驟6

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

步驟7

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

步驟8

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

步驟9

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

步驟10

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

步驟11

聚焦於畫筆面板，選擇“電線”圖案畫筆，並複製它（或打開畫筆面板的菜單，複製畫筆）。雙擊你的畫筆副本，命名它爲“電線副本”，雙擊，並勾選縱向翻轉然後點擊確定。

第二部分：藝術畫筆

1.創建四個藝術畫筆，並添加一個簡單的背景

步驟1

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

使用橢圓工具（L），創建一個0.25×10px的形狀，設置填充顏色爲白色。

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

步驟2

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

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

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

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

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

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

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

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

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

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

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

步驟6

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

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

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

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

第三部分：字形效果

4.創建主要文本形狀

步驟1

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

確保你的文字保持選定，shift-control-o（或去文字>創建輪廓）。選擇組，shift-control-g解開它然後control-8（或去對象>複合路徑>建立）讓這六個字母的形狀成爲一個簡單的複合路徑。

移動到圖層面板，雙擊在這一步中所做的白色複合路徑，並將其命名爲“DANGER”。

步驟2

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

步驟3

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

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

步驟4

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

步驟5

確保你的“DANGER”的複合路徑仍然被選中，並專注於外觀面板。選擇頂部，粉紅色的項目，並使用複製選定項目按鈕簡單的複製它。選擇新的項目，白色取代現有的顏色，增加透明度爲90%，取消高斯模糊效果，去效果>風格化>外發光。輸入以下圖像中所顯示的屬性，然後單擊“確定”。

步驟6

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

繼續專注於圖形樣式面板，只需雙擊你的新的圖形樣式，並將其命名爲“電”。

步驟7

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

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

第四部分：細節渲染

5.加入電線

步驟1

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

步驟2

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

6.創建連接你電線和文本的電火花

步驟1

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

步驟2

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

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

步驟3

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

7．創建衰落的電火花

步驟1

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

步驟2

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

步驟3

確保你的小路徑仍然被選擇，專注於外觀面板。選擇現有的項目，並使用複製選定項目按鈕簡單的複製它。選擇新的描邊，將“0.25白色”藝術刷更換爲“0.25粉紅色”藝術刷，並增加其不透明度爲50%。

步驟4

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

步驟5

確保你的小路徑仍然被選擇，專注於外觀面板。選擇頂層項目，並使用複製選定項目按鈕簡單的複製它。選擇新的項目，刪除現有的高斯模糊效果，將“0.5粉”的藝術畫筆換爲“0.5白”的藝術畫筆，然後增加其透明度爲90%，去效果>風格化>外發光。輸入以下圖像中所顯示的屬性，然後單擊“確定”。確保你的小路徑仍處於選中狀態，專注於圖形樣式面板，保存一個新的圖形樣式，並將其命名爲“電火花”。

步驟6

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

步驟7

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

步驟8

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

8．創建發光點

步驟1

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

步驟2

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

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

步驟3

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

步驟4

複製（control-f）你的“輝光”，讓它沿着你的文字。如下圖所示。

9．爲整張圖增加黑暗的風格

步驟1

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

確保這個新的形狀保持選定，並專注於外觀面板。選擇現有的填充，打開漸變面板（窗口>漸變），然後添加默認的黑到白的線性漸變。

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

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

步驟2

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

步驟3

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

步驟4

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

步驟5

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

這裏是它最終的效果：