Advertisement

Tutorials

April 12, 2012

Hiệu ứng text từ vết xé rách của giấy trắng


More articles by »
Written by: Phạm Hữu Dư

Đây là 1 bài tutorial của nước ngoài mà mình tham khảo được, bài tut ban đầu có tên là hiệu ứng giấy xé rách tuy nhiên thì thực tế nó không giống giấy xé lắm, nhưng để tôn trọng tác giả của bài tut này nên mình vẫn giữ nguyên là hiệu ứng giấy xé rách. Nhìn chung thì đây là 1 hiệu ứng text khá là độc đáo và rất cool, cho nên tùy theo cảm nhận của mỗi người mà có cái tên hợp lý hơn nhé.

Hiệu ứng text từ vết xé rách của giấy trắng

Bài tut gốc của nước ngoài tương đối hơi khó hiểu cho nên mình đã edit và biên tập lại thành 1 bài tut đơn giản và dễ hiểu hơn. Trong bài tut này mình sử dụng hơi ít hình ảnh vì đã có đính kèm 1 video tutorial ở cuối bài tut, cho nên mọi người cứ yên tâm là sẽ dễ dàng làm được.

Đầu tiên ta download nguyên liệu về trước nhé (bao gồm font, brush, pattern và 1 file PSD để cho bạn tham khảo)

Download Torn Paper Text Stock

Ok, sau khi đã có nguyên liệu ta bắt đầu tiến hành luôn bài tutorial nhé!

Bước 1: tạo một background, ở đây mình chọn background màu xám có đổ gradient! và mình chọn kích thước cho bài tut này là 600 x 394 px.

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 2: tạo text.

Lưu ý đối với hiệu ứng này bạn phải chọn loại font chữ dạng bold và dầy, càng dầy càng tốt. Ở đây mình chọn font Gill Black SSi, font này mình đã có đính kèm trong nguyên liệu download rồi, bạn chỉ cần install nó thôi.

Ở đây mình type luôn chữ “RÁCH” và cho size là 130, màu thì tùy ý, miễn là đừng để màu trắng là được, ở đây mình chọn màu xanh đọt chuối (#b5de53)

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 3: chỉnh layer style cho text. (tham khảo về cách sử dụng Pattern tại đây)

Bạn chọn vào Pattern Overlay, nếu bạn không có pattern dạng notebook thì có thể install vào, pattern cũng đã đính kèm theo stock rồi nhé! Sau khi install pattern thì bạn set theo thông số như hình:

Hiệu ứng text từ vết xé rách của giấy trắng

Ta sẽ được như thế này:

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 4: bắt đầu vẽ viền xé cho text. (Tham khảo cách sử dụng Brush tại đây)

Đầu tiên ta phải tạo vùng chọn cho text, giữ phím Ctrl và click chuột vào thumbnail của layer text ta sẽ có vùng chọn của text.

Sau đó ấn phím M và ấn chuột phải chọn Make Work Path và chọn thông số Tolerance là 1.0.

Hiệu ứng text từ vết xé rách của giấy trắng

Ta sẽ có đường path xung quanh text như thế này đây:

Hiệu ứng text từ vết xé rách của giấy trắng

Ta tạo 1 layer mới (Ctrl+Shift+N) và đặt tên là Vien Xe 1.

Hiệu ứng text từ vết xé rách của giấy trắng

Tiếp theo ta chọn Brush (B), bạn install brush mà mình đã kèm theo trong phần nguyên liệu nhé (sau khi install ta chỉ thấy có 2 loại brush thôi, và cả 2 loại này sẽ được sử dụng trong bài tut). Ta sẽ chọn brush 1 trước, và ở đây mình chọn size của brush là 25 (tùy theo text lớn hay nhỏ).

Sau đó chọn màu foreground là trắng, vì tí nữa mình sẽ làm viền màu trắng.

Sau khi đã chọn xong thông số và màu brush, bạn dùng công cụ pentool (P) và nhớ tick chọn vào layer Vien Xe 1 rồi ấn chuột phải chọn Stroke Path, và nhớ chọn Brush và không chọn Simulate Pressure nhé.

Và ta sẽ có kết quả như sau:

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 5: cắt vùng viền xé ở ngoài text.

Click chọn vào layer text, giữ phím Ctrl và click vào thumbnail để tạo vùng chọn như ở Bước 4.

Sau đó ấn tổ hợp phím Ctrl+Shift+I để đảo vùng chọn ra bên ngoài text.

Hiệu ứng text từ vết xé rách của giấy trắng

Sau đó ấn phím Delete trên bàn phím, ta sẽ có kết quả như sau:

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 6: tạo thêm một layer viền xé thứ 2.

Ấn Ctrl+Shift+N và đặt tên là Vien Xe 2.

Sau đó ta lại chọn vào layer text và tạo vùng chọn như bước 5 vừa rồi, lần này ta sẽ mở rộng vùng chọn ra 1 tí, chọn Select -> Modify -> Expand và chọn thông số là 3

Hiệu ứng text từ vết xé rách của giấy trắng

Và tương tự như Bước 4, ta chuyển vùng chọn vừa rồi thành đường path.

Và lần này ta sẽ sử dụng brush thứ 2 còn lại trong bộ brush đính kèm trong nguyên liệu, và stroke path nó như bước 4, nhưng kỳ này chọn màu Foregound là màu đen thay vì màu trắng như Bước 4 nhé.

Hiệu ứng text từ vết xé rách của giấy trắng

Sau khi Stroke Path ta sẽ có kết quả như sau:

Hiệu ứng text từ vết xé rách của giấy trắng

Ấn chọn vào layer Vien Xe 2, và giữ phím Ctrl và ấn vào hình thumbnail để lấy vùng chọn của layer Vien Xe 2, sau khi đã có vùng chọn ta có thể delete luôn layer Vien Xe 2.

Sau đó click chọn layer Vien Xe 1, và ấn phím Delete, và ấn tiếp tổ hộp phím Ctrl+Shift+I để đảo vùng chọn.

Hiệu ứng text từ vết xé rách của giấy trắng

Tiếp theo chọn lại layer text và tạo layer mash bằng cách click vào nút phía dưới tab layer.

Hiệu ứng text từ vết xé rách của giấy trắng

Và ta có kết quả như thế này:

Hiệu ứng text từ vết xé rách của giấy trắng

Bước 7: đổ bóng cho viền xé.

Duplicate layer Vien Xe 1 lên (Ctrl+J) ta có layer Vien Xe 1 copy, và chọn layer style của layer vừa duplicate là Drop Shadow và set như hình:

Hiệu ứng text từ vết xé rách của giấy trắng

Cuối cùng sau khi set Drop Shadow xong, ta chuyển layer Vien Xe 1 copy nằm phía dưới layer Vien Xe 1 và cho Fill bằng 0 (nhớ nhé, Fill chứ không phải Opacity).

Cuối cùng ta đã có kết quả như thế này đây:

Hiệu ứng text từ vết xé rách của giấy trắng

Bạn có thể thay thế 1 background khác cũng được nhé :D

Hiệu ứng text từ vết xé rách của giấy trắng

Còn đây là 1 kết quả khác với kiểu chữ , màu sắc và background khác:

Hiệu ứng text từ vết xé rách của giấy trắng

Bài tutorial trên mình làm hơi tắt, không bổ sung đầy đủ hình ảnh vì dưới đây mình đã có chuẩn bị thêm 1 video tutoral thao tác trực tiếp, khi đọc xong bài tutorial trên bạn có thể xem thêm video để dễ dàng nắm bắt từng bước mình thao tác nhé :D

(Bài tutorial được chỉnh sửa và biên dịch lại từ PSD-Dude.com)

Chúc các bạn thực hiện thành công bài tutorial! Và +1 và Like bài viết này bạn thấy nó có ích nhé :x

VN:F [1.9.22_1171]
Rating: 10.0/10 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

Hiệu ứng text từ vết xé rách của giấy trắng, 10.0 out of 10 based on 1 rating



Phạm Hữu Dư
Cảm ơn bạn đã đọc bài viết này, nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc Like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks!





 
 

 
Cách tạo brush để cho ra những bokeh đẹp lung linh

Cách tạo brush để cho ra những bokeh đẹp lung linh

Hẵn là các bạn đã từng thấy nhiều bức ảnh có kèm theo hiệu ứng bokeh rất lung linh và huyền ảo đúng không nào? Hôm nay mình xin chia sẻ một bài hướng dẫn rất cơ bản của bạ...
by Phạm Hữu Dư
15

 
 
Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Tạo hiệu ứng ảnh giống với poster phim “The Bourne Legacy”

Bạn đã từng xem bộ phim hành động “The Bourne Legacy” bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắ...
by Phạm Hữu Dư
12

 
 
Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ n...
by Phạm Hữu Dư
25

 




2 Comments


  1. Dương Bình

    Link down PSD die rồi bạn ơi,

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)

  2. huyền trang

    cho mình xin lại link downloat dữ liệu đc ko? ht.lovely238@gmail.com thank’s bạn

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>