Hướng dẫn lồng ảnh vào chữ trong Photoshop

30/09/2012

Dường như mình đã hướng dẫn các bạn nhiều hiệu ứng dành cho Text. Xong lại chưa có hiệu ứng nào áp dụng mask cho nó phải hem?.

Hôm nay, để giúp các bạn hoàn chỉnh hơn những kỹ năng dành riêng cho text, mình sẽ bổ sung vào một hiệu ứng mới đó là áp hình vào chữ mà người ta hay gọi là hiệu ứng mặt nạ chuyển.
Chúng ta bắt đầu nhé!

Hướng dẫn lồng ảnh vào chữ

Bước 1: Trước tiên, bạn mở một file mới với kích thước  540px x 300px, độ phân giải 72dpi. Trước  khi tô màu bạn vào Edit > Fill, trong hộp thoại chọn 50% Gray.

Bước 2: Thiết lập màu Foreground: #CAC9C9. Bạn dùng (T) để nhập chữ cho cho riêng  mình, trong hướng dẫn này mình sử dụng font chữ Cooper Std. Bạn có thể tìm thấy nó hoặc sử  dụng font tương tự tại webpagepublicity.com (nên chọn font chữ lớn đậm). Và thiết lập các thông số như sau:

Hướng dẫn lồng ảnh vào chữ

Bước 3:  Sau đó, áp dụng cho nó một số hiệu ứng
Inner Shadow:

Bend Mode: Multiply, #000000
Opacity: 20%
Angle: -30 độ
Distance: 3px
Choke: 10px
Size: 8px

Hướng dẫn lồng ảnh vào chữInner Glow: 

Bend Mode: Multiply
Opacity: 20%
Chọn màu chuyển sắc từ đen sang trong suốt.
Choke: 10px
Size: 10px
Range: 60

Hướng dẫn lồng ảnh vào chữBevel and Emboss:

Style: Inner Bevel
Depth: 231%
Size: 18px
soften: 8px
Angle: 110độ
Altitude: 45
Opactiy: 0%
Opacity:100%

Hướng dẫn lồng ảnh vào chữContour: 

Range: 50%
Hướng dẫn lồng ảnh vào chữGradient Overlay:

Opacity: 30%
Angle: 90độ
Scale: 50%

Hướng dẫn lồng ảnh vào chữ

Bước 4: Hoàn tất các bước chúng ta được kết quả

Hướng dẫn lồng ảnh vào chữ

Bước 5: Bây giờ, trước khi áp hình cho chữ, bạn phải save file của mình lại, đặt cho nó cái tên mask.psd

Hướng dẫn lồng ảnh vào chữ

Bước 6: Chọn một ảnh mà bạn muốn áp cho chữ, nhấn (Ctrl + C) và dán vào file mà bạn đang  làm. Lúc này layer hình sẽ nằm trên layer chữ, để thấy được chữ bên dưới bạn có thể giảm opacity xuống còn 40%, canh chỉnh với  phím Ctrl + T sao cho đúng ý bạn và chỉnh lạ opacity 100% như  cũ.

Hướng dẫn lồng ảnh vào chữ

Bước 7:  Tại layer hình, bạn vào menu Filter>Distort>Displace, chỉnh các thông số như hình

Hướng dẫn lồng hình vào chữ

Nhấn Ok lúc ấy nó sẽ mở ra cho bạn một cửa sổ mới và bạn chọn file mask.psd đã lưu trước đó.

Tại thời điểm này, bạn sẽ thấy hình của mình được uốn cong nhưng chưa rõ ràng lắm.

Hướng dẫn lồng ảnh vào chữ

Bước 8: Để thấy rõ được điều đó, tại layer hình bạn click phải và chọn Create Clipping Mask, lúc này layer hình sẽ có một dấu mũi tên chĩa xuống

Hướng dẫn lồng ảnh vào chữ

Bước 9: Quay lại layer chữ bạn thêm hiệu ứng cho Bevel and Emboss . Bạn chỉnh thông số ở mục Soften thành 3px và Opacity thành 100%, những số khác bạn giữ nguyên.

Hướng dẫn lồng ảnh vào chữVà chúng ta sẽ được kết quả

Hướng dẫn lồng ảnh vào chữ

Bước 10:  Đến đây, nếu bạn không thích nền xám có thể thay nền trắngHướng dẫn lồng ảnh vào chữBước 11: Hiệu ứng này sẽ trở  nên hoàn hảo hơn khi nó có bóng đổ. Để làm được điều này bạn tạo layer mới đặt tên Reflection. Đặt nó bên dưới layer text của bạn.

Tiếp tục, để kích hoạt vùng chọn cho chữ, bạn nhấn Ctrl + click vào thumnail cuả layer text
Hướng dẫn lồng ảnh vào chữBước 12: Nhấn Ctrl + C và Past (Ctrl +V) vào layer Reflection, sau đó nhấn Ctrl + T hiệu chỉnh và di chuyển nó xuống nh hình
Hướng dẫn lồng ảnh vào chữ

Bước 13: Bây giờ chúng ta sẽ làm mờ bóng cho nó

Tại layer Reflection, bạn click chọn Add Layer mask, sau đó chọn công cụ Gradient tool, với sự lựa chọn như hình và kéo từ  dưới lên trên.

Hướng dẫn lồng ảnh vào chữ

Bước 14: Để hoàn thiện phần bóng này, bạn giảm opacity xuống còn 40%.
Hướng dẫn lồng ảnh vào chữBước 15: Để phần đổ bóng trông thực tế hơn, bạn bạn chọn và copy layer text thêm một lần nữa như ở bước 11, sau đó past vào layer mới, đặt tên là shadow, đặt layer này trên layer Reflection. Sử dụng Ctrl + T để hiệu chính nó, nhấn giữ phím shift và thu hẹp nó từ trên xuống
Hướng dẫn lồng ảnh vào chữ Bước 16: Tiếp theo, bạn vào menu Filter>Blur>Gaussian Blur cho nó 2 hoặc 3px và nhấn OK, giảm opacity xuống 60%.

Và đây là kết quả cuối cùng.

Hướng dẫn lồng ảnh vào chữ

Mình hy vọng rằng với hướng dẫn này các bạn sẽ có thêm nhiều kinh nghiệm thú vị cho những thiết kế sau này của mình.

Chúc các bạn thành công!.

Chuyên Mục:

Bài viết được đăng bởi tracy

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !