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

Hiệu ứng text từ vết xé rách của giấy trắng1
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.

[center][i][b]Đầ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)[/b][/i]

[url=http://adf.ly/246619/http://www.mediafire.com/?lubbtsxfr14hork][img(159,128)]

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

[u][b]Bước 1:[/b][/u] 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.

[center][img(620,434)]

[u][b]Bước 2:[/b][/u] 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 [b]Gill Black SSi[/b], 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ữ “[b]RÁCH[/b]” 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 ([b]#b5de53[/b])

[center][img(620,434)]

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

Bạn chọn vào [b]Pattern Overlay[/b],
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:

[center][img(600,461)]

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

[center][img(620,434)]

[u][b]Bước 4:[/b][/u] bắt đầu vẽ viền xé cho text. (Tham khảo cách sử dụng Brush [b][url=http://vietdesigner.net/2011/12/cach-su-dung-brush-trong-photoshop/]tại đây[/url][/b])

Đầu tiên ta phải tạo vùng chọn cho text, giữ phím [b]Ctrl[/b] 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 [b]M[/b] và ấn chuột phải chọn Make Work Path và chọn thông số Tolerance là 1.0.

[center][img(620,434)]

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

[center][img(621,435)]

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

[center][img(424,164)]

Tiếp theo ta chọn Brush ([b]B[/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 [b]foreground[/b] 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 ([b]P[/b]) và nhớ tick chọn vào layer [b]Vien Xe 1[/b] rồi ấn chuột phải chọn [b]Stroke Path[/b], và nhớ chọn [b]Brush[/b] và không chọn [b]Simulate Pressure[/b] nhé.

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

[center][img(622,436)]

[u][b]Bước 5:[/b][/u] 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 [b]Ctrl+Shift+I[/b] để đảo vùng chọn ra bên ngoài text.

[center][img(620,435)]

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

[center][img(618,434)]

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

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

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 [b]Select -> Modify -> Expand[/b] và chọn thông số là 3

[center][img(620,436)]

Và tương tự như [b]Bước 4[/b], 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é.

[center][img(485,480)]

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

[center][img(620,433)]

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

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

[center][img(621,437)]

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

[center][img(224,492)]

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

[center][img(622,438)]

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

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

[center][img(600,461)]

Cuối cùng sau khi set Drop Shadow xong, ta chuyển layer [b]Vien Xe 1 copy[/b] nằm phía dưới layer [b]Vien Xe 1[/b] và cho [b]Fill[/b] 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:

[center][img(600,394)]

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

[center][img(600,394)]

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

[center][img(600,375)]

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é [img]
[center]

(Bài tutorial được chỉnh sửa và biên dịch lại từ PSD-Dude.com)[/center]Bài tut gốc của quốc tế tương đối hơikhó hiểu do đó mình đã edit và chỉnh sửa và biên tập lại thành 1 bài tut đơn giảnvà 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, do đó mọi người cứ yên tâmlà sẽ thuận tiện làm được. [ center ] [ i ] [ b ] Đầu tiên ta tải về nguyên vật liệu về trước nhé ( gồm có font, brush, pattern và 1 file PSD để cho bạn tìm hiểu thêm ) [ / b ] [ / i ] [ url = http://adf.ly/246619/http://www.mediafire.com/?lubbtsxfr14hork ] [ img ( 159,128 ) ] http://vietdesigner.net/wp-content/uploads/2011/12/Download-VietDesigner.png [ / img ] [ / url ] [ / center ] Ok, sau khi đã có nguyên vật liệu ta khởi đầu triển khai luôn bài tutorial nhé ! [ u ] [ b ] Bước 1 : [ / b ] [ / u ] tạo một background, ở đây mình chọn background màu xám có đổ gradient ! và mình chọn size cho bài tut này là 600 x 394 px. [ center ] [ img ( 620,434 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-1.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 2 : [ / b ] [ / u ] tạo text. Lưu ý so 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 [ b ] Gill Black SSi [ / b ], font này mình đã có đính kèm trong nguyên vật liệu tải về rồi, bạn chỉ cần install nó thôi. Ở đây mình type luôn chữ “ [ b ] RÁCH [ / b ] ” 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 ( [ b ] # b5de53 [ / b ] ) [ center ] [ img ( 620,434 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-2.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 3 : [ / b ] [ / u ] chỉnh layer style cho text. ( tìm hiểu thêm về cách sử dụng Pattern [ b ] tại đây [ / b ] ) Bạn chọn vào [ b ] Pattern Overlay [ / b ], nếu bạn không có pattern dạng notebook thì hoàn toàn có thể install vào, patterncũng đã đính kèm theo stock rồi nhé ! Sau khi install pattern thì bạn settheo thông số kỹ thuật như hình : [ center ] [ img ( 600,461 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-3.jpg [ / img ] [ / center ] Ta sẽ được như thế này : [ center ] [ img ( 620,434 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-4.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 4 : [ / b ] [ / u ] mở màn vẽ viền xé cho text. ( Tham khảo cách sử dụng Brush [ b ] [ url = http://vietdesigner.net/2011/12/cach-su-dung-brush-trong-photoshop/ ] tại đây [ / url ] [ / b ] ) Đầu tiên ta phải tạo vùng chọn cho text, giữ phím [ b ] Ctrl [ / b ] 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 [ b ] M [ / b ] và ấn chuột phải chọn Make Work Path và chọn thông số kỹ thuật Tolerance là 1.0. [ center ] [ img ( 620,434 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-5.jpg [ / img ] [ / center ] Ta sẽ có đường path xung quanh text như thế này đây : [ center ] [ img ( 621,435 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-6.jpg [ / img ] [ / center ] Ta tạo 1 layer mới ( [ b ] Ctrl + Shift + N [ / b ] ) và đặt tên là [ b ] Vien Xe 1 [ / b ]. [ center ] [ img ( 424,164 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-19.jpg [ / img ] [ / center ] Tiếp theo ta chọn Brush ( [ b ] B [ / b ] ), bạn install brush mà mình đã kèm theo trong phần nguyên vật liệu nhé ( saukhi install ta chỉ thấy có 2 loại brush thôi, và cả 2 loại này sẽ đượcsử dụng trong bài tut ). Ta sẽ chọn brush 1 trước, và ở đây mình chọnsize của brush là 25 ( tùy theo text lớn hay nhỏ ). Sau đó chọn màu [ b ] foreground [ / b ] 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ố kỹ thuật và màu brush, bạn dùng công cụ pentool ( [ b ] P. [ / b ] ) và nhớ tick chọn vào layer [ b ] Vien Xe 1 [ / b ] rồi ấn chuột phải chọn [ b ] Stroke Path [ / b ], và nhớ chọn [ b ] Brush [ / b ] và không chọn [ b ] Simulate Pressure [ / b ] nhé. Và ta sẽ có hiệu quả như sau : [ center ] [ img ( 622,436 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-7.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 5 : [ / b ] [ / u ] 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ổng hợp phím [ b ] Ctrl + Shift + I [ / b ] để hòn đảo vùng chọn ra bên ngoài text. [ center ] [ img ( 620,435 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-8.jpg [ / img ] [ / center ] Sau đó ấn phím [ b ] Delete [ / b ] trên bàn phím, ta sẽ có tác dụng như sau : [ center ] [ img ( 618,434 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-9.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 6 : [ / b ] [ / u ] tạo thêm một layer viền xé thứ 2. Ấn Ctrl + Shift + N và đặt tên là [ b ] Vien Xe 2 [ / b ]. Sau đó ta lại chọn vào layer text và tạo vùng chọn như bước 5 vừa qua, lần này ta sẽ lan rộng ra vùng chọn ra 1 tí, chọn [ b ] Select -> Modify -> Expand [ / b ] và chọn thông số kỹ thuật là 3 [ center ] [ img ( 620,436 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-10.jpg [ / img ] [ / center ] Và tựa như như [ b ] Bước 4 [ / b ], ta chuyển vùng chọn vừa qua thành đường path. Và lần này ta sẽ sử dụng brush thứ 2 cònlại trong bộ brush đính kèm trong nguyên vật 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é. [ center ] [ img ( 485,480 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-11.jpg [ / img ] [ / center ] Sau khi Stroke Path ta sẽ có tác dụng như sau : [ center ] [ img ( 620,433 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-12.jpg [ / img ] [ / center ] Ấn chọn vào layer [ b ] Vien Xe 2 [ / b ], và giữ phím Ctrl và ấn vào hình thumbnail để lấy vùng chọn của layer [ b ] Vien Xe 2 [ / b ], sau khi đã có vùng chọn ta hoàn toàn có thể delete luôn layer [ b ] Vien Xe 2 [ / b ]. Sau đó click chọn layer [ b ] Vien Xe 1 [ / b ], và ấn phím Delete, và ấn tiếp tổ hộp phím Ctrl + Shift + I để hòn đảo vùng chọn. [ center ] [ img ( 621,437 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-13.jpg [ / img ] [ / center ] Tiếp theo chọn lại layer text và tạo [ b ] layer mash [ / b ] bằng cách click vào nút phía dưới tab layer. [ center ] [ img ( 224,492 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-14.jpg [ / img ] [ / center ] Và ta có tác dụng như thế này : [ center ] [ img ( 622,438 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-15.jpg [ / img ] [ / center ] [ u ] [ b ] Bước 7 : [ / b ] [ / u ] đổ bóng cho viền xé. Duplicate layer [ b ] Vien Xe 1 [ / b ] lên ( [ b ] Ctrl + J [ / b ] ) ta có layer [ b ] Vien Xe 1 copy [ / b ], và chọn layer style của layer vừa duplicate là [ b ] Drop Shadow [ / b ] và set như hình : [ center ] [ img ( 600,461 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-16.jpg [ / img ] [ / center ] Cuối cùng sau khi set Drop Shadow xong, ta chuyển layer [ b ] Vien Xe 1 copy [ / b ] nằm phía dưới layer [ b ] Vien Xe 1 [ / b ] và cho [ b ] Fill [ / b ] bằng 0 ( nhớ nhé, Fill chứ không phải Opacity ). Cuối cùng ta đã có hiệu quả như thế này đây : [ center ] [ img ( 600,394 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-17.jpg [ / img ] [ / center ] Bạn hoàn toàn có thể thay thế sửa chữa 1 background khác cũng được nhé [ img ] http://vietdesigner.net/wp-includes/images/smilies/icon_biggrin.gif [ / img ] [ center ] [ img ( 600,394 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-Text-VietDesigner.net-18.jpg [ / img ] [ / center ] Còn đây là 1 hiệu quả khác với kiểu chữ, sắc tố và background khác : [ center ] [ img ( 600,375 ) ] http://dl.dropbox.com/u/41564288/VIETDESIGNER.NET/2012/04/12/Torn-Paper-VietDesigner.net.jpg [ / img ] [ / center ] Bài tutorial trên mình làm hơi tắt, không bổ trợ rất đầy đủ hình ảnh vì dưới đây mình đã có sẵn sàng 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 để thuận tiện chớp lấy từng bước mình thao tác nhé [ img ] http://vietdesigner.net/wp-includes/images/smilies/icon_biggrin.gif [ / img ] [ center ] ( Bài tutorial được chỉnh sửa và biên dịch lại từ PSD-Dude. com ) [ / center ]

[img][ img ] http://ns5.upanh.com/b2.s35.d3/a71d37c49c5b65692e21e8b9de1e68c8_51064755.4.gif [ / img ]

#1 – BBCodeChia sẻ