當前位置:米奇創意網>設計創意>設計教程>

Photoshop製作漂亮的螢火水晶字

設計教程 閲讀(1.55W)

本教程介紹稍微複雜的文字效果的製作方法。效果大致分為三個部分來完成:首先是邊框部分,打上文字後用圖層樣式來完成。然後是文字中間的高光部分,這一步用塗抹工具塗出想要的高光,再上色。最後就是紋理部分的製作,可以根據需要添加一些紋理或裝飾等即可。

最終效果

Photoshop製作漂亮的螢火水晶字

1、新建一個1024*768像素文檔,設置前景色為#212121,背景色為#000000(黑色)。從文檔的中心到其中一個角落創建一個徑向漸變。

Photoshop製作漂亮的螢火水晶字 第2張

2、使用顏色#f4edd2來創建文本,字體為Junegull。我們希望出現兩種不同尺寸的文本。所以如果你想要不同的尺寸,就分別在獨立的圖層上創建文本。較大的尺寸是250像素,設置行距是180(如有必要修改線條之間的垂直距離)。

Photoshop製作漂亮的螢火水晶字 第3張

3、較小的尺寸是150。你可以按自己的喜好修改尺寸,我的設置如下。

Photoshop製作漂亮的螢火水晶字 第4張

4、雙擊文本圖層應用下列風格:

外發光:改變混合模式為硬光、等高線為Cone–Inverted,確保選中消除鋸齒。

Photoshop製作漂亮的螢火水晶字 第5張

5、內發光:只是改變顏色為#ffff00。

Photoshop製作漂亮的螢火水晶字 第6張

6、改變填充的值為0。

Photoshop製作漂亮的螢火水晶字 第7張

7、對於更小的字體,你需要縮放效果使其適應新的尺寸。因此右擊原始文本圖層,選擇複製圖層樣式。

Photoshop製作漂亮的螢火水晶字 第8張

8、右擊其他文本圖層,選擇粘貼圖層樣式。這將對新的文本圖層應用同樣的圖層樣式及同樣的值。

Photoshop製作漂亮的螢火水晶字 第9張

9、為了縮放風格,右擊圖層效果圖標,選擇縮放效果。

Photoshop製作漂亮的螢火水晶字 第10張

10、改變縮放的值,使風格符合字體的尺寸。

Photoshop製作漂亮的螢火水晶字 第11張

11、設置前景色為#e5dfc9。在所有圖層的上方創建一個新層並命名為“Light”。

Photoshop製作漂亮的螢火水晶字 第12張

12、使用畫筆工具開始在字母上點綴圓點。使用一個柔軟的圓形筆刷,並設置其大小20(大字體),小字體為10。

Photoshop製作漂亮的螢火水晶字 第13張

13、完成點之後,選擇海綿工具,並設置強度值為70%。開始往不同的方向塗抹點。使用相同的筆刷大小(20和10)。

Photoshop製作漂亮的螢火水晶字 第14張

14、這時文本看起來應該像這樣。

Photoshop製作漂亮的螢火水晶字 第15張

15、雙擊“Light”圖層應用下列風格:

外發光:改變混合模式為線性光。

Photoshop製作漂亮的螢火水晶字 第16張

16、內發光:改變混合模式為硬光,顏色為#ffff00,大小為8。

Photoshop製作漂亮的螢火水晶字 第17張

17、這將對塗抹的點添加一些發光效果。

Photoshop製作漂亮的螢火水晶字 第18張

18、是時候添加一些明亮的顏色了。在所有圖層的上方創建一個新層並命名為“Color”。使用一個柔軟的圓形筆刷,並設置其大小大約60像素,在文本週圍塗抹小的彩色圈。不要做得太多了,留一些空間。

顏色使用#e6631b、#00f4fd和#9f1e6b。你也可以選擇你喜歡的顏色。

Photoshop製作漂亮的螢火水晶字 第19張

19、你應該得到下圖的效果。

Photoshop製作漂亮的螢火水晶字 第20張

20、改變“Color”圖層的混合模式為疊加。

Photoshop製作漂亮的螢火水晶字 第21張

21、現在我們要創建對角線圖案來用於該教程中。這是非常簡單的。創建一個5×5px的新文件,背景內容設置為透明。

Photoshop製作漂亮的螢火水晶字 第22張

22、用矩形選框工具,單擊添加到選區圖標,來創建5個對角方塊(每個方塊1px——你可以放大以便觀察的更清楚)。

Photoshop製作漂亮的螢火水晶字 第23張

23、完成之後,使用黑色填充選區,按Ctrl+D取消選擇。

Photoshop製作漂亮的螢火水晶字 第24張

24、去編輯->定義圖案,並輸入名稱DiagonalLines。圖案就完成了。

Photoshop製作漂亮的螢火水晶字 第25張

25、回到原始文件,在文本圖層(s)的上方,“Color”和“Ligh”圖層的下方創建一個新層,並命名為“Lines”。設置前景色為#e8641b,背景色為#ffd200。

Photoshop製作漂亮的螢火水晶字 第26張

26、打開畫筆面板(窗口->畫筆),並選擇Dry筆刷(尺寸39)。按下圖改變設置:

畫筆筆尖形狀。

Photoshop製作漂亮的螢火水晶字 第27張

27、形狀動態。

Photoshop製作漂亮的螢火水晶字 第28張

28、散佈。

Photoshop製作漂亮的螢火水晶字 第29張

29、紋理:(使用你創建的“DiagonalLines”圖案)。

Photoshop製作漂亮的螢火水晶字 第30張

30、顏色動態。

Photoshop製作漂亮的螢火水晶字 第31張

31、右擊文字圖層,選擇創建工作路徑。

Photoshop製作漂亮的螢火水晶字 第32張

32、選擇”Lines”圖層,然後使用直接選擇工具,右擊路徑選擇描邊路徑。

Photoshop製作漂亮的螢火水晶字 第33張

33、從工具下拉菜單中選擇筆刷,並選中模擬壓力。

Photoshop製作漂亮的螢火水晶字 第34張

34、這將使用你創建的筆刷描邊路徑。點擊回車鍵消除路徑。(重複同樣的步驟來描邊其他文本圖層)。

Photoshop製作漂亮的螢火水晶字 第35張

35、改變“Lines”圖層的不透明度為30%或任何其他你想要的值。如果你喜歡現在的效果你可以不用在繼續,或者你可以遵循下一個步驟來添加一個光澤效果。

Photoshop製作漂亮的螢火水晶字 第36張

36、按Ctrl點擊選擇所有的文本圖層,並複製他們,把副本放在“Color”圖層的下方以及“Ligh”圖層的上方。然後右擊其中的一個選擇清除圖層樣式。

Photoshop製作漂亮的螢火水晶字 第37張

37、設置副本文字圖層的填充為0。

Photoshop製作漂亮的螢火水晶字 第38張

38、雙擊較大尺寸的文本層,應用斜面與浮雕的圖層風格。改變深度為430,大小為10。勾去使用全局光,改變角度為98,高度53。勾選消除鋸齒,改變高光模式為點光,顏色為#f4f3e6,設置陰影模式不透明度的值為0。

Photoshop製作漂亮的螢火水晶字 第39張

39、至於等高線,只要勾選消除鋸齒框。

Photoshop製作漂亮的螢火水晶字 第40張

40、複製並粘貼同樣的風格到其他文本圖層中,只需要為小尺寸文本改變斜面與浮雕的尺寸為7。

Photoshop製作漂亮的螢火水晶字 第41張

41、這將給文本添加一個漂亮的光澤效果,使其更加流行。

Photoshop製作漂亮的螢火水晶字 第42張

最終效果:

Photoshop製作漂亮的螢火水晶字 第43張


感謝作者湯湯製作及投稿。