» Công Nghệ Thông Tin » Phần Mềm » Đồ HỌa » hiệu ứng text trong Photoshop


You are not connected. Please login or register

hiệu ứng text trong Photoshop

Go down  Message [Page 1 of 1]

1 hiệu ứng text trong Photoshop Empty hiệu ứng text trong Photoshop Sun Aug 14, 2011 6:10 am

An Hùng BMT

An Hùng BMT
Admin
Admin

Tạo một văn bản ảnh mới, diện tích 800 x 600 px, sử dụng gradient tool (G) tạo màu nền vàng như hình dưới:
 hiệu ứng text trong Photoshop Text00

Ở đây tôi sử dụng font chữ UNI Tap viet, các bạn có thể download font ở trang web này.
 hiệu ứng text trong Photoshop Text01
Sử dụng màu tím nhạt, tôi type ra dòng text:

 hiệu ứng text trong Photoshop Style01

Bây giờ chúng ta sẽ áp dụng layer style cho dòng text này. Click chuột phải vào text layer chọn Blending Options để ra bảng Layer Style. Ở đây tôi sẽ cố gắng giải thích các hiệu ứng cơ bản của layer style, nhưng tôi sẽ không đi sâu vào từng thông số một. Cách tốt nhất để hiểu là tự tìm tòi thử nghiệm =]

Ở cột bên trái, tick vào ô Drop Shadow và chọn thông số như hình dưới. Như các bạn biết Drop Shadow tạo ra hiệu ứng thả bóng cho layer.

 hiệu ứng text trong Photoshop Style01

Sau đó, tick vào ô Bevel and Emboss, chọn thông số như hình dưới với màu của Highlight Mode là #ffd854 và màu của Shadow Mode là #4d2f01.

Bevel and Emboss có tạo ra hiệu ứng chữ chìm/nổi tùy thuộc vào thông số của bạn:
 hiệu ứng text trong Photoshop Style02


Cuối cùng, click vào ô Stroke và chọn thông số như hình dưới. Stroke tạo ra đường nét viền quanh layer với màu sắc/độ dày tùy thuộc vào thông số bạn chọn. Ở đây màu của Stroke tôi chọn #381800

 hiệu ứng text trong Photoshop Style031

Ấn OK, hình dưới là kết quả sau khi áp dụng layer style:


 hiệu ứng text trong Photoshop Text02
Nếu click vào hình lớn để nhìn rõ hơn, các bạn sẽ thấy dòng chữ giống như nhiều chiếc cúc áo tạo thành (với những sợi chỉ màu tím nối giữa các cúc áo), đặc biệt là dấu nặng trong chữ “Học”. Hãy áp dụng layer style một cách sáng tạo cho các loại font chữ khác nhau, bạn có thể sẽ ngạc nhiên vì chính tác phẩm của mình =]

Texture

Một khái niệm quan trọng mà trước giờ tôi ít đề cập đến đó là texture. Texture có thể gọi nôm na là những “hoa văn bề mặt” mà chúng ta áp dụng lên ảnh để làm tác phẩm độc đáo và “có chất” hơn. Ở đây tôi sẽ chỉ thực hành áp dụng texture rất căn bản.

Mở ảnh 1 của bài ra. Ảnh 1 này chính là texture mà chúng ta sẽ áp dụng lên. Dùng move tool (V) kéo vào bức ảnh hiệu ứng text mà chúng ta vừa tạo.

[img]http://hocps.files.wordpress.com/2008/08/text02a.jpg?w=655&h=491

Gọi layer mới này là “texture”, đổi chế độ hòa trộn của thành Multiply và giảm mức Opacity xuống đến khi vừa ý. Đây là tác phẩm sau khi áp dụng texture:


 hiệu ứng text trong Photoshop Text02a
Chúng ta có một thiết kế khá ấn tượng chỉ với vài bước đơn giản =]

Hiệu ứng text: Chữ Vàng

Trong bài 7 có bạn hỏi tôi làm chữ “VEGAS” ở cuối bài như thế nào, ở đây tôi sẽ hướng dẫn cách sử dụng layer style.

Lần này tôi dùng font chữ UNV Hoa Dao cũng lấy ở trang web này.

 hiệu ứng text trong Photoshop Text03

Ctrl + J để copy layer text này. Đặt tên cho 2 layer là “text A” và “text B”. Trong bảng layer để cho “text A” nằm phí trên “text B”.

Áp dùng layer style chúng ta dùng ở đầu bài cho layer “text B”



Bây giờ, click chuột phải vào layer “text A”, chọn blending options để ra bảng layer style. Lần lượt áp dụng các hiệu ứng sau:

Drop Shadow, thông số như hình dưới:

 hiệu ứng text trong Photoshop Bstyle01

Inner Shadow, thông số như hình dưới. Inner Shadow giống như Drop Shadow là hiệu ứng thả bóng, nhưng Inner Shadow thả bóng vào bên trong layer thay vì bên ngòai:
 hiệu ứng text trong Photoshop Bstyle02

Bevel and Emboss, thông số như ở dưới. Màu của Highlight Mode là #ffbb4f, màu của Shadow Mode là #d4b738.

 hiệu ứng text trong Photoshop Bstyle03

Color Overlay, thông số như ở dưới. Color Overlay tạo ra một lớp màu trên bề mặt layer. Sử dụng Color Overlay tương tự như tạo một layer mới phía trên layer cần áp dụng, fill màu rồi đổi chế độ hòa trộn và Opacity.

Ở đây chúng ta dùng màu #ffe760


 hiệu ứng text trong Photoshop Bstyle04
Gradient Overlay, thông số như ở dưới. Gradient Overlay tương tự Color Overlay, nhưng nó tạo ra một lớp màu sử dụng một dải gradient thay vì chỉ một màu duy nhất.


Click vào thanh Gradient trong bảng Layer Style sẽ ra bảng Gradient Editor cho bạn chọn màu. Ở đây tôi sử dụng dải gradient như hình dưới với 4 màu như sau (từ trái qua phải: #d1c091, #ffffff, #ffc544, #a37800)

 hiệu ứng text trong Photoshop Bstyle05gradient


Cuối cùng là Stroke, thông số như ở dưới. Tôi dùng màu #ffc956.


 hiệu ứng text trong Photoshop Bstyle06
Ấn OK, kết quả như sau:

 hiệu ứng text trong Photoshop Text05

Đây là hiệu ứng chữ vàng giống như trong design Las Vegas ở cuối bài 7, chỉ khác font chữ.

Project Time!

Chúng ta sẽ thực hiện một design nho nhỏ bao gồm tất cả mọi thứ: ghép ảnh, hiệu ứng, chỉnh sửa màu và một chút text. Hãy mở ảnh 2 của bài ra:

 hiệu ứng text trong Photoshop Water

Màu của mặt nước này có vẻ hơi nhợt nhạt, chúng ta sẽ chỉnh màu bằng cách vào Image -> Adjustments -> Color Balance. Sử dụng thông số như sau:
 hiệu ứng text trong Photoshop Colbal1



Bạn để ý là hình trên chúng ta đang ở ô Midtones trong hộp thoại của Color Balance. Giờ hãy chuyển sang Hightlights và chỉnh thông số như dưới:
 hiệu ứng text trong Photoshop Colbal2

Tương tự, chuyển sang ô Shadows và dùng thông số sau:
 hiệu ứng text trong Photoshop Colbal3

Ấn OK khi hài lòng, chúng ta có mặt nước với màu sắc sống động hơn nhiều:
 hiệu ứng text trong Photoshop Water02compared

Trước khi tiếp tục, hãy biến bức ảnh thành màu đen trắng (xem bài 6 nếu không biết cách), và save ảnh dưới dạng PSD với tên “Map”. Để tôi tiện tôi save file này ra ngòai Desktop.
http://hocps.files.wordpress.com/2008/08/butterfly01.jpg?w=655&h=438[/img]
Một khi đã save ảnh Map.PSD bạn có thể dùng Ctrl + Alt + Z để quay trở lại ảnh màu và tiếp tục với bài thực hành.
http://hocps.files.wordpress.com/2008/08/butterfly03.jpg?w=655&h=438[/img]
Mở ảnh 3 của bài ra, dùng move tool kéo vào ảnh mặt nước. Rồi dùng free transform (Ctrl + T) thu nhỏ lại một chút.

 hiệu ứng text trong Photoshop Butterfly04

Tạo một layer mới mang tên “khung”, hãy chọn layer “khung”. Giữ phím Ctrl và click và layer con bướm để tạo vùng chọn quanh tất cả các pixel của layer. Trên layer “khung” fill vùng chọn với màu trắng. Rồi dùng free transform (Ctrl + T) kéo nhỏ xuống:

http://hocps.files.wordpress.com/2008/08/butterfly03.jpg?w=655&h=438[/img]
Giữ Ctrl + click vào layer “Khung” để có vùng chọn quanh layer:
 hiệu ứng text trong Photoshop Butterfly04

Vào Select -> Modify -> Contract. Chọn thông số là 10 px. Vùng chọn sẽ tự rút nhỏ với thông số tương ứng:

 hiệu ứng text trong Photoshop Butterfly05

Ấn Delete để xóa các pixel trong vùng chọn.
 hiệu ứng text trong Photoshop Butterfly06

Vào Edit -> Transform -> Perspective và kéo điểm mốc giống như hình dưới:

 hiệu ứng text trong Photoshop Butterfly07

Dùng tẩy (E) xóa hết tất cả những phần nằm ngòai “khung” (trừ cánh bướm), bạn có thể tạo vùng chọn quanh khung ảnh và cánh bướm để tránh tẩy nhầm vào phần không mong muốn.

 hiệu ứng text trong Photoshop Butterfly08

Làm tương tự, tẩy bớt phần khung che cánh bướm đi, tạo ra hình ảnh giống như cánh bướm vượt ra ngòai khung ảnh:


 hiệu ứng text trong Photoshop Butterfly09
Dùng Ctrl + E để merge “khung” và “bướm” thành một layer duy nhất, gọi layer chung này là “Ảnh”. Vào Edit -> Transform -> Warp, kéo các điểm mốc để làm cho bức ảnh nhìn như đang cong:
 hiệu ứng text trong Photoshop Butterfly11

Bây giờ chúng ta sẽ tạo bóng cho layer “Ảnh”. Ctrl + J để copy layer. Chọn layer mới copy, vào Edit -> Transform -> Flip Vertical để đảo hình theo chiều dọc. Sau đó dùng move tool (V) kéo xuống dưới.

 hiệu ứng text trong Photoshop Butterfly11

Trên layer copy, vào Filter -> Distort -> Displace, cữ giữ nguyên thông số mặc định, ấn OK và chọn dường dẫn tới file Map.PSD mà chúng ta save ở desktop lúc nãy. Layer sử tự động uốn theo độ tương phản màu sắc tại khu vực tương ứng có ở ảnh Map.PSD:
http://hocps.files.wordpress.com/2008/08/butterfly12.jpg?w=655&h=438[/img]
Lúc này, bạn có thể đổi chế độ hòa trộn thành Soft Light, giảm mức Opacity xuống còn khoảng 80%.

 hiệu ứng text trong Photoshop Butterfly13

Bước cuối cùng tôi thêm text màu đen với layer style Stroke, size 1px. Sau đó đổi chế đọa hòa trộn của layer text thành Overlay:

 hiệu ứng text trong Photoshop Butterfly14

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum