PHOTOSHOP設計玻璃文字教程

來源:互聯網
上載者:User
在本教程中,我們將建立一個了不起的破碎玻璃文字效果。我們將在本教程學習到很多關於混合模式和圖層樣式的效果。

在本教程中,我們將建立一個了不起的破碎玻璃文字效果。我們將在本教程學習到很多關於混合模式和圖層樣式的效果。實際上,實現玻璃文字效果我們將嘗試使用大量的圖層樣式,這樣能得到比較真實的效果。

步驟1

開啟Photoshop,建立一個尺寸為1280 * 800像素的新檔案。我們需要給背景一個很好的漸層,使用漸層工具(G),圍繞檔案的右下角應用放射狀漸層。我用的顏色組合為#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
現在使用文字工具(T)輸入你選擇的任何文字,我使用’Trajan Pro’字型輸入了RICHWORKS,這是我最喜歡的字型之一,它能很好的適應很多文字效果。我使用了粗體的文本樣式,顏色設定為#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
在圖層面板中柵格化文字層,在文字層上雙擊開啟圖層樣式視窗。現在要做一系列嘗試,經過設定不同的值,我終於決定要使用以下設定。按下圖應用圖層樣式。
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.

內陰影-顏色#aee8dc
INNER SHADOW — color #aee8dc

內發光-顏色#9ed3c9
INNER GLOW — color #9ed3c9

斜面與浮雕
BEVEL & EMBOSS

等高線
CONTOUR

光澤
SATIN

描邊-#65a49b
STROKE — #65a49b

步驟4
現在,半透明效果完成了。分別在每一圖層風格上嘗試改變透明度獲得滿意的效果。最終映像應類似於下圖:
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),確保選擇類型是’添加到選區’。參考下圖。
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.

現在,開始選擇第一個字母的部分。按住滑鼠拖到字母底部就可以實現,使用幾次到另一些字母的末尾(就像你使用鉛筆一樣)。參考下面的映像。
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
現在對所有其他字母這樣做。確保劃痕非常接近,彼此離得不遠,因為大塊的破壞文本是不可取的。如果有錯誤,就按CTRL + D移除選區,可以重新開始。你可以按下圖操作。
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
現在,按住CTRL在選區盤旋,直到一個剪刀出現在游標裡。這將剪下映像的選定部分,你可以移動它。因此,使用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
現在,我們完成了一半。讓我們給文本添加一些真實效果。使用魔術棒工具(W)點擊第一個字母的任何片段,選區如下圖顯示:
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使用轉換工具,能夠操縱選定映像的大小和方向。
Press CTRL + T to enable the transform tool to be able to manipulate the size and direction of the selected image.

步驟9
現在,按住Ctrl旋轉一點(流暢的旋轉),你還可以改變位置。現在對更多的片段這樣做。做的越多,它看起來越好。下圖是我做的:
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
現在,使用他們的STAR BRUSHES筆刷。把它們匯入到Photoshop中。在文本層上方建立一個新層,前景色彩為白色,使用其中一個星星筆刷,在一些片段的邊緣單擊。參考下圖。嘗試在不同地方使用不同的筆刷。
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
今天,我們學會了如何建立一個片段玻璃文字效果。我在背景漸層圖層之上添加了一個雲層,給它一個朦朧的視覺效果。看下圖。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。