Chuyển đến nội dung chính

Snowy Rock Text Effect - Hiệu ứng chữ tuyết trong Photoshop


In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!
Along the way, we will use various layer blending options, some selection techniques, a number of filter effects and brush dynamics. It’s a simple tutorial suitable for Photoshop beginners. Have a try
snowy-rock-text-final-2
Here is alternative version which I added a bit of cloud and colour onto it:
snowy-rock-text-final-3
Ok let’s get started!

Step 1

Create a new document sized 800 x 800 px, fill the background layer with Black Colour.
Let’s create some lighting effect for the background to work with. Use the Gradient Tool (G) tool and select the Radial Gradient options, Fill the background layer as shown below:
1-grad

Step 2

Download a copy of this font from dafont.com and type some texts onto the background layer. Resize (if necessary) and position it in the centre of the canvas:
2-text-position
On the text layer, apply the following layer blending options:
Drop Shadow
2-drop-shadow
Inner Shadow
2-inner-shadow
Outer Glow
2-outer-glow
Inner Glow
2-inner-glow
Bevel and Emboss
2-bevel
Gradient Overlay
2-gradient-overlay
Here is the effect so far:
2-effect1

Step 3

Donwload a copy of this rock image from cgtextures.com and load it into Photoshop. Then go back to our document and load the selection of the our text layer (holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette):
3-select-text
Then drag the selection onto the rock image we just loaded:
3-texture-select
Copy and paste the selection back to our text document and name the newly created layer “rock texture”. You will see the following effect:
3-effect

Step 4

Duplicate the “rock texture” layer once. Hide the duplicated layer for now.
Go back to the original rock texture layer, apply the following Black and White adjustment options:
4-bw
Change the blending option of this layer to “Screen”.
Unhide the “rock texture copy” layer, change its blending option to “overlay”. The effect now should look like this:
4-effect

Step 5

Pfrom the previous step, we can see the white part of the text looks like snow, but it is not realistic enough in my opinion and we can add some more texture to make it look better!
To do this, download a copy of this snow image from cgtextures.com and load it into Photoshop. Then Go back to our text document and use the same method described in Step 3 to load the text selection. This time we go one step further with the text selection: select the Rectangular Marquee Tool (M), hold down the Alt key and at the same time draw a rectangular selection for the lower part of the text. (We would like to preserve this part of the rock texture and leave the upper part for the snowy effect)
The selection will now look like this:
5-select
Hit Alt + Ctrl + D and assign a 10px feather to the selection. Drag this selection onto the snow image we just loaded, copy and paste some snow back to our text document:
5-copy-paste
If you feel there isn’t enough snow on the text, you can use the Clone Stamp Tool (S) with a small soft brush to clone some more: (Tip: load the selection of the text again, and clone inside the selection so the snow won’t go beyond the text border)
5-clone
Name this layer as “snow texture” and apply the following Curves adjustment settings:
5-curve1
The effect so far will look like this:
5-effect1

Step 6

To add a bit more dynamic to the text effect, we can simply create a new layer called “falling snow”, grab a 3px soft round brush with the following brush dynamics:
6-shape-dyn
6-scattering
Also Tick the “Smoothing” option.
On the “falling snow”, use this brush to paint around the text layer as shown below:
6-after-brush-2
To add a bit of softness to the falling snow, we can duplicate the “falling snow” layer once and apply the following Gaussian Blur settings:
6-gau-blur1
The effect will now look like this:
6-effect1
Ok that’s pretty much it for this tutorial. I added some more rocky texture down the bottom, also did minor adjustment for hue and saturation and alter the angle of the text.
Here is my final image for this tutorial: (click to enlarge)
snowy-rock-text-final-2
Here is alternative version which I added a bit of cloud and colour onto it:
snowy-rock-text-final-3
You can of course further enhance this text effect by applying some more filter effects, or combining it with some background texture, that’s totally up to you
Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.
Cheers and have a nice day!
Source: psdvault.com



Nhận xét

Bài đăng phổ biến từ blog này

Hướng Dẫn Thiết Kế Navigation với Photoshop

Nav­i­ga­tion rõ ràng là một trong những khía cạnh quan trọng nhất của thiết kế web về tính khả dụng, nhưng, ngoài ra, nó còn có là một tâm điểm của diện mạo thiết kế. Các But­ton của thanh Nav­i­ga­tion, thanh Bar và Menu mang đến cho nhà thiết kế cơ hội tuyệt vời để sáng tạo và bổ sung một vài phong cách mới vào thiết kế. Đối với mục đích này, công cụ nào được sử dụng tốt hơn Photoshop? Đây là một bộ sưu tập gồm 45 hướng dẫn sẽ giúp bạn tạo ra một thanh Nav­i­ga­tion hoàn hảo. Một số hướng dẫn tạo ra kết quả cuối cùng tương tự như một hướng dẫn khác trong danh sách này, nhưng bạn có thể tìm hiểu một điều khác lạ từ mỗi một hướng dẫn vì cách tiếp cận tới mỗi bài hướng dẫn này là khác nhau. Stun­ning Vista inspired menu từ PSDTuts Slick blue nav­i­ga­tion menu từ SigTutorials Glossy nav­i­ga­tion bar từ Core GFX Quick glass buttons từ Bits O’ NewMedia Basic sleek button từ psFreak.com Sleek but­tons từ OriginMaker Vista styled button ...

[File Cad] Khách Sạn Kaya – 4 Sao

Là đơn vị trực thuộc công ty xây dựng Hiệp Hòa, khách sạn Kaya mang đẳng cấp quốc tế tiêu chuẩn tương đương 4 sao tọa lạc tại số 238 đại lộ Hùng Vương – Trung tâm TP. Tuy Hòa, Tỉnh Phú Yên. Dưới đây là 1 số bản vẽ Mặt Bằng, Mặt Cắt, Kết Cấu.. của Khách Sạn Kaya này mà mình sưu tầm được. Công trình gồm 1 tầng hầm, 1 trệt, 1 lửng và 13 lầu.Với tổng chiều cao 55.4m Tên File: File Cad – Kaya Hotel (4 Sao) – Cty XD Hiệp Hòa – TP. Tuy Hòa – Phú Yên Download: Mặt Bằng – Kaya Hotel (01 File .DWG – Size: 4.5 Mb) Download: Mặt Cắt – Kaya Hotel (01 File .DWG – Size: 1.9 Mb) Download: Kết Cấu – Kaya Hotel (05 File .DWG – Size: 2.5 Mb) Download: Phối Cảnh – Kaya Hotel (02 File .JPG – Size: 1.5 Mb) Link Download Toàn Bộ File Trên: http://www.mediafire.com/?gi9e2e82awvdvse (10 Mb) Thông Tin: Nguồn: Sưu Tầm – Upload by www.danxaydung.tk Hình Demo: (theo danxaydung.tk)

Phần Mềm Học AutoCad 2D & 3D

Bữa trước có mua cái đĩa học AutoCad, thấy cũng khá có ích, nên upload cho mọi người xài. Trong ebook này, có tiếng thuyết minh + hình minh họa + video + bài tập.. Cách đọc ebook rất trực quan… Nói chung khá ổn. Ai cảm thấy cần thì down :D Tên File: Ebook – Phần Mềm Tự Học AutoCad 2D & 3D Link Download: http://goo.gl/WqDXw (Nén .RAR) Link Download Dự Phòng: http://www.mediafire.com/?5058m6m1c3qgsda Thông Tin: Chạy ngay không cần cài đặt – Size: 77Mb – Upload by www.danxaydung.tk AutoCAD là phần mềm ứng dụng CAD để làm bản vẽ kỹ thuật bằng vectơ 2D hay bề mặt 3D, được phát triển bởi tập đoàn Autodesk. Với phiên bản đầu tiên được phát hành vào cuối năm 1982, AutoCAD là một trong những chương trình vẽ kĩ thuật đầu tiên chạy được trên máy tính cá nhân, nhất là máy tính IBM. Ngược lại, phần nhiều phần mềm vẽ kĩ thuật thời này được sử dụng trên thiết bị đầu cuối đồ họa (graphics terminal) nối với máy tính lớn hay máy trạm. Những phiên bản trước của AutoCAD sử dụng các thực th...