2d教程：利用Photoshop制作文字破碎效果

第一步

打開photoshop并新建文件，尺寸大小為1500x720像素，并填充為黑色。完成之后，我們來選擇一個比較好看的字體輸入文字，在這個教程中我選擇的是myriad pro這個字體，顏色為白色，大小根據輸入的字數來定。然后，將文字居中并柵格化。（圖01）

圖01

第二步

現在，我們已經有了一個柵格化的圖層，在這里我將該圖層取名為：animo�，F在是時候做一些編輯了，選擇鋼筆工具并確定是“路徑模式”，因為在本次教程中我們并不是在“形狀圖層”模式下工作。接下來，在animo圖層上使用鋼筆工具在字母上繪制線條，我們這里選擇字母a，當路徑閉合后點擊鼠標右鍵建立選區(qū)，在彈出的對話框中將半徑設置為0，然后確定。（圖02、03）

圖02

圖03

接下來，選擇編輯->剪切（ctrl+x），然后再選擇編輯->粘貼（ctrl+v），這時被剪切的字母a的另一半會出現在新圖層上�，F在我們使用移動工具將另一半a挪動到你覺得合適的地方。（圖04）

圖04

第三步

在這一步，我們要讓第二個字母有一個伸展的效果。首先，復制animo圖層，產生了一個animo副本圖層，我們將該圖層隱藏顯示。然后在animo副本下新建一個圖層并使用鋼筆工具，在第二個字母上繪制一個三角形并填充為黑色。要確定的是將黑色填充在剛才新建的圖層上哦。（圖05）

圖05

現在，這個黑色的三角就覆蓋在了第二個字母之上，然后取消animo副本圖層的隱藏顯示并在該圖層上點擊右鍵，創(chuàng)建剪貼蒙版（ctrl+alt+g）。現在你還看不到什么變化，當你使用移動工具來移動animo副本圖層時，你將會看到第二個字母產生的變化。接下來，就根據你的喜好來放置它的位置了。（圖06）

圖06

第四步

現在我們解決了第二個字母。用之前同樣的方法對后面幾個字母進行移動刪除等工作。再簡短地貫穿一下步驟：確定是在animo圖層上使用鋼筆工具，選擇是你想移動的部分，并通過剪切（ctrl+x）然后粘貼（ctrl+v）創(chuàng)建新圖層，然后使用移動工具去轉變形狀的分布。接下來的時間就交給自己去慢慢移動這些字母吧。下面的圖是我自己隨意移動的，當然你也可以有不同的改變�，F在我們已經將所有字母完全切片了。（圖07）

圖07

第五步

我們要進入此次教程中相對困難的一步，我們要導入素材圖片讓碎塊增添一點趣味。首先我們要給文字增添混凝土類型的材質，我使用的是24 high-res concrete textures，在photoshop中打開一張你認為可以的圖片，然后拖入到我們工作的畫布中，將該圖層置于最上一層，再將混合選項改為變暗。

下來我們要做一些集中，你要按住ctrl+shift在右側的圖層列表中依次選取每個圖層。（圖08）

圖08

現在點選素材圖片的那個圖層，然后在圖層列表的下方點擊 添加矢量蒙版。（圖09、10）

圖09

圖10

第六步

現在這些碎片看起來不怎么吸引人，但是我們要來將它們做一些改變。還是在素材圖片的圖層，然后選擇加深工具，將曝光度調整為50%，將各個字母的邊緣部分做相應的加深。程度根據個人喜好以及整體視覺效果最佳為主要依據。（圖11）

圖11

第七步

現在選擇圖層->新建調整圖層->亮度/對比度，設置的亮度和對比度根據情況適當調節(jié)。然后，我們選擇任意一個字母碎片的圖層，進入圖層混合模式，按照下圖的參數來設置。（圖12）

圖12

現在復制該圖層的圖層樣式，多選所有的碎片字母圖層。然后在任意一個圖層點擊右鍵粘貼圖層樣式。（圖13）

圖13

第八步

現在我們將圖片素材smashed glass by ryan cooley放置在最上一個圖層，設置圖層樣式為線性減淡，并且將圖片去色。到這里就結束了。（圖14）

圖14