TẠO HIỆU ỨNG ĐỔ BÓNG DÀI
Tìm hiểu cách tạo hiệu ứng đổ bóng dài phổ biến trong PTS mà trong đó bóng từ các chữ cái mở rộng ra khỏi cả nền.
Trong bài hướng dẫn này, mình sẽ chỉ cho mọi người cách dễ dàng thêm hiệu ứng đổ bóng dài (long shadow) vào văn bản. Đây là hiệu ứng thường thấy trong quảng cáo. Các bạn sẽ học được cách tạo bóng ban đầu phía sau văn bản bằng cách sử dụng nhiều layer văn bản và một phím tắt giúp dễ dàng mở rộng bóng đến tận mép nền. Mình cũng sẽ chỉ cho mọi người cách hòa trộn bóng với nền để chúng có cùng màu (dù là nền đồng màu hay gradient).
Dưới đây là một ví dụ về hiệu ứng đổ bóng dài sau khi hoàn thành:
Hiệu ứng đổ bóng dài.
Nên Sử Dụng Phiên Bản Nào?
Để đạt được kết quả tốt nhất, mọi người nên sử dụng Photoshop 2020 hoặc những phiên bản gần đây nhất.
Thiếp Lập Tài Liệu
Dưới đây là tài liệu của mình. Hiện tại mình đã thêm một số chữ màu trắng ở phía trước nền màu xám đơn giản. Chúng ta sẽ thêm màu vào hiệu ứng sau khi tạo bóng.
Bất kỳ font chữ nào cũng đều hoạt động với kiểu hiệu ứng này, hiện tại mình đang sử dụng Mostra Nuova (down từ Adobe Typekit):
Tài liệu ban đầu.
Trong bảng điều khiển Layers, chúng ta sẽ thấy cách tài liệu được thiết lập.
Layer Background thực sự có màu trắng. Để chuyển thành màu xám, mình đã thêm một layer Solid Color ngay bên trên layer Background. Sau đó trong Color Picker chọn màu xám bằng cách đặt các giá trị H (Hue) là 0 độ, S (Saturation) là 0% và B (Brightness) là 40%.
Bên trên nữa chính là những chữ cái mình đã thêm nào, nằm trên layer văn bản:
Bảng điều khiển Layers.
Bước 1: Tạo Bản Sao Của Layer Văn Bản
Điều đầu tiên cần làm để tạo hiệu ứng để bóng dài đó là cần tạo một bản sao của văn bản. Trong bảng điều khiển Layers, nhấp vào layer văn bản và kéo nó xuống biểu tượng Add New Layer ở dưới:
Kéo layer văn bản xuống dưới biểu tượng Add New Layer.
Một bản sao của layer văn bản sẽ xuất hiện ngay trên bản gốc:
Bản sao của layer văn bản đã được tạo.
Bước 2: Thay Đổi Màu Của Bản Sao Thành Màu Đen
Tiếp theo, chọn Type Tool trên Toolbar (nếu nó chưa được chọn):
Chọn Type Tool.
Sau đó nhấn vào mẫu màu trên thanh tùy chọn:
Nhấn vào mẫu màu.
Trong Color Picker, hãy thay đổi màu văn bản thành màu đen bằng cách đặt giá trị B (Brightness) là 0%:
Chọn màu đen từ Color Picker.
Nhấp vào OK để đóng Color Picker, hiện tại văn bản màu đen đã che không cho văn bản gốc màu trắng hiển thị trên màn hình:
Kết quả sau khi thay đổi chữ trong bản sao của văn bản thành màu đen.
Bước 3: Kéo Bản Sao Xuống Dưới Bản Gốc
Chúng ta sẽ sử dụng văn bản màu đen để tạo bóng đổ, có nghĩa là chúng ta cần di chuyển nó ra phía sau văn bản gốc. Vì vậy ta cần quay trở lại bảng điều khiển Layers, nhấp vào layer bản sao của văn bản rồi kéo nó xuống bên dưới layer văn bản gốc:
Kéo bản sao xuống dưới văn bản gốc.
Bây giờ hãy nhìn lại văn bản trên màn hình, văn bản hiện tại lại là màu trắng, văn bản màu đen đã được ẩn phía sau nó:
Văn bản gốc lại hiển thị trên màn hình.
Bước 4: Đặt Mức Thu Phóng Của Tài Liệu Thành 100%
Để tạo hiệu ứng đổ bóng dài, chúng ta sẽ tạo một loạt các bản sao của văn bản màu đen và cần sử dụng các phím mũi tên trên bàn phím để di chuyển mỗi bản sao lệch ra khỏi bản sao trước 1 pixel.
Để làm được điều nào, chúng ta cần xem tài liệu ở mức thu phóng 100%. Đó là bởi khi chúng ta di chuyển nội dung bằng các phím mũi tên thì PTS sử dụng pixel màn hình chứ không phải pixel hình ảnh. Nên nếu mức thu phóng được đặt ở giá trị nào dưới 100% thì thực tế bạn sẽ di chuyển văn bản nhiều hơn 1 pixel. Điều này khiến cho bóng sẽ có cạnh răng cưa.
Chúng ta không thể để điều đó xảy ra nên hãy đảm bảo rằng bạn đang xem tài liệu ở mức 100% bằng cách nhấn vào menu View rồi chọn 100%:
View > 100%.
Bước 5: Chọn Lệnh Free Transform
Sau đó, với layer sao chép của văn bản đã được chọn, nhấp vào menu Edit rồi chọn Free Transform:
Edit > Free Transform.
Khung Free Transform và các chốt điều khiển xuất hiện xung quanh văn bản. Thực tế những thứ này nằm xung quanh văn bản màu đen mặc dù trông thì có vẻ như chúng đang nằm xung quanh văn bản màu trắng. Điều này không quan trọng lắm vì chúng ta không cần sử dụng đến chốt điều khiển. Thay vao đó chúng ta sẽ di chuyển văn bản bằng các phím mũi tên:
Khung Free Transform và chốt điều khiển.
Bước 6: Nhấn Phím Mũi Tên Xuống Và Mũi Tên Sang Phải
Trên bàn phím, nhấn phím mũi tên xuống một lần. Thao tác này sẽ đẩy văn bản màu đen xuống một pixel. Sau đó nhấn phím mũi tên sang phải một lần để di chuyển văn bản này sang bên phải một pixel. Nhắc lại, hãy đảm bảo rằng bạn đang xem tài liệu ở mức thu phóng 100%.
Bước 7: Xác Nhận Và Đóng Free Transform
Vì chúng ta di chuyển văn bản theo từng pixel một nên có thể bạn sẽ không nhận thấy bất kỳ thay đổi nào. Hiện tại chỉ cần xác nhận và đóng Free Transform lại bằng cách nhấp vào dấu tích trong thanh tùy chọn:
Nhấn dấu tích.
Bước 8: Tạo Một Bản Sao Của Văn Bản Và Biến Đổi Lần Nữa
PTS có một lệnh tên là Transform Again, nó cho phép người dùng áp dụng lại cùng một lần chuyển đổi.
Hiện tại chưa cần chọn nó, mình chỉ cần các bạn biết rằng bạn có thể truy cập nó bằng cách nhấn vào menu Edit rồi chọn Transform. Lệnh Again nằm ở lựa chọn đầu tiên, trên cùng. Lưu ý, lệnh Transform Again có phím tắt là Shift+Ctrl+T (Win) / Shift+Command+T (Mac):
Phím tắt cho lệnh Transform Again.
Mỗi lần nhấn phím tắt này, chúng ta sẽ áp dụng lại cùng một chuyển đổi cho văn bản màu đen, nghĩa là sẽ di chuyển nó thêm 1 pixel xuống và 1 pixel sang phải. Nhưng chúng ta không tiếp tục di chuyển cùng một văn bản mà theo vào đó ta sẽ tạo một bản sao của văn bản và di chuyển bản sao đó.
Để làm được điều này, ta chỉ cần thêm phím Alt (Win) / Option (Mac) vào tổ hợp phím tắt. Vì vậy hãy nhấn Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac).
Trong bảng điều khiển Layers, bạn sẽ thấy một bản sao mới của layer văn bản màu đen, xuất hiện ngay bên dưới văn bản gốc màu trắng:
Bản sao của văn bản màu đen.
Nếu nhìn kỹ, bạn sẽ thấy bóng bắt đầu xuất hiện phía sau các chữ cái:
Bóng bắt đầu xuất hiện.
Bước 9: Tiếp Tục Nhấn Phím Tắt Để Mở Rộng Bóng
Nhấn Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac) liên tục để thêm càng nhiều bản sao của văn bản màu đen vào di chuyển mỗi bản sao xuống dưới, sang phải 1 pixel. Càng thêm nhiều bản sao thì bóng sẽ càng kéo dài.
Lưu ý, nếu nhấn phím tắt quá nhiều lần và quá nhanh thì PTS có thể sẽ gặp khó khăn một chút để theo kịp nên thỉnh thoảng bạn cần dừng lại một chút trước khi hoàn thành công việc.
Đây là kết quả mình đạt được sau khi nhấn phím tắt tổng cộng 20 lần:
Kết quả sau khi nhấn phím tắt 20 lần.
Còn đây là kết quả sau khi nhấn 50 lần, bóng giờ đã kéo dài hơn nhiều so với trước:
Kết quả sau khi nhấn phím tắt 50 lần.
Và với 100 lần nhấn phím tắt, bóng đã kéo dài gấp đôi so với trước:
Sau 100 lần nhấn phím tắt.
Bước 10: Hợp Nhất Các Layer Màu Đen
Nếu mục đích của bạn là làm cho bóng đổ đủ dài để kéo ra tới mép nền thì việc thêm một layer văn bản mới cùng một lúc sẽ mất một chút thời gian. Vì vậy đây là cách để tăng tốc công việc.
Trong bảng điều khiển Layers, nhấp vào layer màu đen cuối cùng mà bạn đã thêm, nó sẽ là layer ngay bên dưới văn bản gốc màu trắng:
Chọn layer màu đen trên cùng.
Sau đó cuộn xuống dưới cùng, nhấn và giữ phím Shift rồi nhấp vào layer màu đen đầu tiên. Trong ví dụ của mình thì nó là layer nằm ngay trên layer Color Fill 1. Thao tác này sẽ chọn tất cả các layer văn bản tạo nên hiệu ứng bóng:
Nhấn Shift rồi nhấp vào layer màu đen đầu tiên.
Với tất cả các layer văn bản màu đen đã được chọn, nhấn vào biểu tượng menu:
Nhấn vào biểu tượng menu.
Chọn lệnh Merge Layers:
Chọn Merge Layers.
Và giờ tất cả các layer tạo nên bóng đổ đã được hợp nhất vào một layer duy nhất:
Hiệu ứng bóng đổ hiện giờ là một layer đơn.
Bước 11: Chọn Move Tool
Để mở rộng bóng đổ, mình sẽ tạo các bản sao của nó và di chuyển từng bản sao đến nơi mà bóng đổ trước đó đã dừng lại. Chọn Move Tool trên Toolbar:
Chọn Move Tool.
Trong thanh tùy chọn, hãy đảm bảo đã bỏ chọn Auto-Select. Điều này sẽ ngăn chúng ta vô tình di chuyển nhầm layer:
Bỏ chọn Auto-Select.
Ngoài ra, để di chuyển các layer xung quanh dễ dàng hơn, hãy nhấn vào menu View rồi tắt Snap. Dấu tích bên cạnh tên của tùy chọn cho biết hiện nó đang được bật, vì vậy hãy nhấn vào nó lần nữa để tắt đi:
Tắt Snap.
Bước 12: Sao Chép Bóng Và Di Chuyển Nó Xuống Dưới Bản Gốc
Trong bảng điều khiển Layers, hãy đảm bảo rằng layer bóng đã được chọn:
Chọn layer bóng.
Sau đó, để tạo bản sao của bóng hãy nhấn giữ phím Alt (Win) / Option (Mac), nhấp vào bóng trong tài liệu và kéo nó ra.
Thay vì kéo bóng đổ, bạn sẽ kéo ra một bản sao của bóng đổ trong khi bản gốc vẫn ở nguyên vị trí ban đầu:
Nhấn giữ Alt (Win) / Option (Mac) và kéo ra một bản sao của layer bóng.
Nhả phím Alt (Win) / Option (Mac) sau khi bắt đầu kéo. Sau đó, di chuyển bản sao đến vị trí của bóng ban đầu để hai layer căn chỉnh và mở rộng độ dài của bóng.
Nếu không thể sắp xếp hoàn thảo với Move Tool thì hãy sử dụng các phím mũi tên trên bàn phím để di chuyển bản sao vào đúng vị trí:
Định vị bản sao để mở rộng bóng.
Bước 13: Tạo Nhiều Bản Sao Hơn Để Kéo Dài Chiều Dài Của Bóng
Lặp lại các bước tương tự để mở rộng bóng hơn nữa. Nhấn Alt (Win) / Option (Mac) và kéo ra một bản sao bằng Move Tool, sau đó di chuyển bản sao bên dưới bản trước đó. Sử dụng các phím mũi tên để di chuyển nó vào đúng vị trí nếu cần.
Ở đây mình đang di chuyển bản sao thứ hai của bóng đổ bên dưới bản sao đầu tiên:
Định vị bản sao thứ hai của bóng đổ.
Vì muốn bóng đổ kéo ra ra tận góc bên dưới nên mình sẽ thêm vài bản sao nữa và di chuyển chúng vào đúng vị trí cần thiết. Trong ví dụ của mình, cần tổng cộng sáu layer bóng (một bản gốc và năm bản sao) để có thể mở rộng bóng ra khỏi khung hình:
Bóng bây giờ đã mở rộng ra khỏi góc dưới cùng.
Bước 14: Hợp Nhất Các Layer Bóng
Cũng giống như những gì đã làm với layer văn bản, chúng ta cần hợp nhất các layer bóng vào với nhau thành một layer duy nhất.
Trong bảng điều khiển Layers, bản sao cuối cùng được thêm vào sẽ được chọn ở trên cùng. Để chọn các layer bóng khác bên dưới nó hãy nhấn và giữ phím Shift rồi nhấp vào layer bóng ban đầu ở dưới cùng:
Chọn tất cả các layer bóng.
Sau đó nhấn vào biểu tượng menu:
Nhấp vào biểu tượng menu,
Chọn “Merge Layers”.
Bây giờ toàn bộ bóng đổ được hợp nhất vào một layer duy nhất nằm ngay bên dưới layer văn bản:
Các layer bóng đã được hợp nhất vào một layer.
Bước 15: Giảm Opacity
Cuối cùng để hòa trộn bóng với nền, hãy giảm giá trị Opacity của layer bóng xuống. Tùy chọn Opacity nằm ở ngay phía trên bên phải của bảng điều khiển Layers, Mình sẽ giảm giá trị của nó xuống 70%:
Giảm giá trị Opacity.
Với giá trị Opacity được giảm xuống, bóng nhìn sẽ bớt đậm hơn chút:
Kết quả sau khi giảm giá trị Opacity.
Bước 16: Thay Đổi Màu Nền
Bóng đổ hiện tại trông vẫn có màu xám, đó là do nền đang là mày xám. Nếu thay đổi màu nền thì màu của bóng cũng sẽ thay đổi theo.
Mình đã thêm một layer Color Fill 1 bên trên layer Background, đây chính là nơi bắt nguồn của màu xám. Để thay đổi màu của nó, nhấp đúp vào mẫu màu của layer Color Fill 1:
Nhấp đúp vào mẫu màu.
Trong bảng Color Picker, hãy chọn một màu khác tùy ý. Mình sẽ chọn màu đỏ:
Chọn màu nền mới từ Color Picker.
Nhấn OK để đóng Color Picker và bây giờ bóng có màu đỏ sẫm:
Kết quả khi sử dụng nền màu đỏ.
Điều Chỉnh Độ Sáng Của Bóng
Nếu cảm thấy bóng vẫn quá tối, ta có thể tinh chỉnh nó trong bảng điều khiển Layers bằng cách nhấp vào layer bóng để chọn nó sau đó giảm giá trị Opacity xuống thấp nữa. Mình sẽ thử giảm xuống 50%:
Giảm giá trị Opacity xuống 50%.
Bây giờ bóng trông có vẻ nhẹ nhàng hơn khi nó màu có nó mờ hơn hòa cùng với nền:
Giá trị Opacity thấp khiến cho bóng nhìn sáng sủa hơn.
Cùng hiệu ứng tương tự và giá trị Opacity là 50 nhưng với nền màu xanh ta sẽ có kết quả như sau:
Cùng hiệu ứng, khác màu nền.
Sử Dụng Một Gradient Cho Nền
Tất nhiên chúng ta không bắt buộc phải sử dụng một màu đồng nhất cho nền. Gradient cũng hoạt động tốt trong trường hợp này và bóng đổ cũng sẽ có màu gradient.
Trong bảng điều khiển Layers, mình sẽ thêm một layer Solid Color bằng cách nhấp vào biểu tượng New Fill or Adjustment Layer:
Nhấn vào New Fill or Adjustment Layer.
Chọn Gradient từ danh sách:
Chọn Gradient.
Sau đó trong hộp thoại Gradient Fill, mình sẽ chọn một gradient bằng cách nhấp vào mũi tên bên cạnh mẫu gradient:
Nhấn nút mũi tên để chọn gradient.
Kể từ Photoshop CC 2020, gradient được chia thành các nhóm, mỗi nhóm được đại diện bởi một thư mục.
Mình sẽ mở nhóm Purples bằng cách nhấp vào mũi tên bên cạnh biểu tượng thư mục củ anos, sau đó chọn một trong các gradient tím bằng cách nhấp đúp vào hình thu nhỏ của nó:
Nhấp đúp vào hình thu nhỏ.
Mình muốn màu sáng hơn của gradient xuất hiện ở trên và màu tối sẽ ở dưới nên cần đảo ngược các màu bằng cách chọn tùy chọn Reverse:
Chọn Reverse.
Sau đó nhấn OK để đóng hộp thoại Gradient Fill. Và bây giờ không chỉ nền mà bóng cũng hòa vào các màu gradient trông thực sự thú vị:
Hiệu ứng đổ bóng dài với nền gradient.
