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
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
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!.
Tin Tức Liên Quan
Tạo icon RSS bóng bẩy
Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn
Tạo chữ màu bạc tỏa sáng bằng photoshop
Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.
Tạo chữ phát sáng nhiều màu sắc
Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé
Mẹo ghép ảnh cực cool bằng Photoshop
Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản
Tự tay làm danh thiếp cực pro bằng Photoshop
Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản
Tạo button đơn giản cho web bằng Photoshop
Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản
Mẹo tạo chữ kim loại 3D
Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé
Tạo Abstract Wormhole Background
Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng
Hiệu ứng chữ băng
Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn
