Photoshop設(shè)計(jì)超酷的破碎玻璃文字效果
在本教程中,我們將創(chuàng)建一個(gè)了不起的破碎玻璃文字效果。我們將在本教程學(xué)習(xí)到很多關(guān)于混合模式和圖層樣式的效果。實(shí)際上,實(shí)現(xiàn)玻璃文字效果我們將嘗試使用大量的圖層樣式,這樣能得到比較真實(shí)的效果。水平有限,翻譯難免有誤,請有心的朋友給予指出,以方 便更多朋友閱讀。
步驟1
打開Photoshop,創(chuàng)建一個(gè)尺寸為1280 * 800像素的新文件。我們需要給背景一個(gè)很好的漸變,使用漸變工具(G),圍繞文件的右下角應(yīng)用徑向漸變。我用的顏色組合為#2e5b15 – #103533 – #090e13。
Open Photoshop and create a new file with dimensions 1280 x 800 px. We need to give a nice background gradient, so grab the gradient tool(G) and apply a radial gradient centered around bottom right of the document. The color combinations I used are #2e5b15 —- #103533 —- #090e13.
步驟2
現(xiàn)在使用文字工具(T)輸入你選擇的任何文字,我使用’Trajan Pro’字體輸入了RICHWORKS,這是我最喜歡的字體之一,它能很好的適應(yīng)很多文字效果。我使用了粗體的文本樣式,顏色設(shè)置為#41a993,不要忘記改變圖層面板上填充的不透明度為50%,這樣做是為了獲取文本的初始透明度。此外,更改填充的透明度不影響圖層樣式的外觀。
Now, using the TEXT TOOL (T), type any word of your choice. I typed RICHWORKS using the font ‘Trajan Pro’ . This infact, is one of my favorite font and adapts well to a lot of text effects. I used a bold font style with the text color set to #41a993. Don’t forget to change the Fill opacity in the layers palette to 50%, this is done to get the initial transparency to the text. Also, changing the Fill opacity does not affect the appearance of the Layer styles.
步驟3
在圖層面板中柵格化文字層,在文字層上雙擊打開圖層樣式窗口。現(xiàn)在要做一系列嘗試,經(jīng)過設(shè)置不同的值,我終于決定要使用以下設(shè)置。按下圖應(yīng)用圖層樣式。
Rasterize the Text layer in the Layers palette and double click on the text layer to open the layer styles window. Now, it is all about experimenting. After doing some meddling with the values, I finally decided to stick to the following settings. Apply the layer styles as shown below.
內(nèi)陰影-顏色#aee8dc
INNER SHADOW — color #aee8dc
內(nèi)發(fā)光-顏色#9ed3c9
INNER GLOW — color #9ed3c9
斜面與浮雕
BEVEL & EMBOSS
等高線
CONTOUR
光澤
SATIN
描邊-#65a49b
STROKE — #65a49b
步驟4
現(xiàn)在,玻璃效果完成了。分別在每一圖層風(fēng)格上嘗試改變透明度獲得滿意的效果。最終圖像應(yīng)類似于下圖:
Now, the glass effect is ready. Try experimenting with the transparency of each layer style individually to get the desired effect u need. The final image should look something like the one below:
步驟5
接下來該粉碎玻璃了。這是本教程中最有趣和最棒的一部分。我們做的很多事情取決于我們的想象力。OK,首先選擇套索工具(L),確保選擇類型是’添加到選區(qū)’。參考下圖。
Now comes the shattering of the Glass. This is the most interesting and awesome part of this tutorial. We get to do a lot of stuff depending on our imagination here. OK, First select the LASSO TOOL (L) and make sure the selection type is ‘ADD TO SELECTION’. Follow the image for reference.
現(xiàn)在,開始選擇第一個(gè)字母的部分。按住鼠標(biāo)拖到字母底部就可以實(shí)現(xiàn),使用幾次到另一些字母的末尾(就像你使用鉛筆一樣)。參考下面的圖像。
Now, start selecting parts of the first letter. This can be achieved by pressing the mouse button at one end of the letter and scratching a few times to the other end(just like you do using a pencil). Use the image below for reference.
步驟6
現(xiàn)在對所有其他字母這樣做。確保劃痕非常接近,彼此離得不遠(yuǎn),因?yàn)榇髩K的破壞文本是不可取的。如果有錯(cuò)誤,就按CTRL + D移除選區(qū),可以重新開始。你可以按下圖操作。
Now do this for all the other letters as well. Make sure the scratches are very near to each other and not far away because this will shatter huge chunks of the text which is not desirable. If anything goes wrong, just press CTRL + D to remove the selection and you can start afresh. Finally, you should be getting something like the image below:
步驟7
現(xiàn)在,按住CTRL在選區(qū)盤旋,直到一個(gè)剪刀出現(xiàn)在光標(biāo)里。這將剪切圖像的選定部分,你可以移動它。因此,使用Ctrl,將選定的圖像略微上升,使最終圖像如下圖:
Now, pressing CTRL (or Command in MAC) hover across any selection until the a SCISSOR appears on the cursor. This will cut the selected parts of the image and you can move it around. So, Using CTRL, move the selected image slightly up so that the final image ends up something like the one below:
步驟8
現(xiàn)在,我們完成了一半。讓我們給文本添加一些真實(shí)效果。使用魔術(shù)棒工具(W)點(diǎn)擊第一個(gè)字母的任何碎片,選區(qū)如下圖顯示:
Now, we are half way through. Let us add a bit more realism to the above text. Using the MAGIC WAND TOOL(W) click on any broken piece of the first letter so that a selection appears across it as shown below:
按Ctrl + T使用轉(zhuǎn)換工具,能夠操縱選定圖像的大小和方向。
Press CTRL + T to enable the transform tool to be able to manipulate the size and direction of the selected image.
步驟9
現(xiàn)在,按住Ctrl旋轉(zhuǎn)一點(diǎn)(流暢的旋轉(zhuǎn)),你還可以改變位置,F(xiàn)在對更多的碎片這樣做。做的越多,它看起來越好。下圖是我做的:
Now, rotate it a little bit holding CTRL (for smoother rotation) and you can also shift the position. Now do this for more of such pieces. The more you do, the better it looks. Here is what I did :
步驟10
現(xiàn)在,使用他們的STAR BRUSHES筆刷。把它們導(dǎo)入到Photoshop中。在文本層上方創(chuàng)建一個(gè)新層,前景色為白色,使用其中一個(gè)星星筆刷,在一些碎片的邊緣單擊。參考下圖。嘗試在不同地方使用不同的筆刷。
Now head over to Brusheezy and grab their STAR BRUSHES. Now import them into Photoshop. Create a new layer above the text layer and with White as foreground color and using one of those star brushes, click on the edges of certain pieces. use the following image for reference. Try different brushes at different places.
步驟11
今天,我們學(xué)會了如何創(chuàng)建一個(gè)碎片玻璃文字效果。我在背景漸變圖層之上添加了一個(gè)云層,給它一個(gè)朦朧的視覺效果?聪聢D。
學(xué)習(xí) · 提示
相關(guān)教程