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

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é!

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:

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

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

Bevel and Emboss:

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

Contour:

Range: 50%

Gradient Overlay:

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

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

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

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ũ.

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

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.

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

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.

Và chúng ta sẽ được kết quả

Bước 10: Đến đây, nếu bạn không thích nền xám có thể thay nền trắng: 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.

Bước 11

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

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

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.

Bước 14: Để hoàn thiện phần bóng này, bạn giảm opacity xuống còn 40%.

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

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.

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!.

Nguồn https://www.thuthuatweb.net

Pin it

Hi. I’m Designer and CEO/Founder of ThemeXpose. I’m Creative Web Designer, UI/UX Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.