Chia Sẻ File Psd Tạo Hiệu Ứng Chữ Mạ Vàng Trong Illustrator, Perfect Gold Text Effect
Từ trước đến giờ đã có rất nhiều bài hướng dẫn về Hiệu ứng chữ Vàng (Gold Text) và hiệu ứng này dường như không con mới mẻ đối với mỗi người khi học Photoshop. Nhưng mới gần đây, với chủ đề cũ, một bài hướng dẫn dậy làm hiệu ứng chữ mạ Vàng được post lên thực sự ấn tượng. Và sau đây tôi sẽ dịch bài hướng dẫn này để các bạn dễ hiểu hơn.
Đây là kết quả cuối cùng sau khi hoàn thành bài tutorial
Đầu tiên các bạn download bộ nguyên liệu cho bài tutorial này bao gồm Font chữ, Texture và 1 file PSD tham khảo.
Bước 1
Tạo một file mới kích thước tùy thích, ở đây tôi để 1600x900px và fill nó bằng màu đen. Mở file Texture trong nguyên liệu ra và đặt nó vào background ta vừa tạo và giảm Opacity xuống 30%. Và bây giờ, mở Layer Style (Layer > Layer Style > Blending Option) điều chỉnh thông số cho Color Overlay.
Designer.net-2.jpg" alt="*">
Tạo 1 layer mới (Ctrl + Shift + N), chọn công cụ Rectangular Marquee, điều chỉnh Feather cao khoảng 200-300px lựa chọn toàn bộ background. Ấn tổ hợp phím Ctrl (CMD) + Shift + I và dùng brush vẽ vào vùng này màu đen. Sau đó nhân đôi layer (Layer > Duplicate Layer) ta vừa tô. Cách này giúp ta tổ điểm vùng trung tâm.
Designer.net-3.jpg" alt="*">
Bước 3
Ta bắt đầu tạo text, lựa chọn aka Dora font kèm trong nguyên liệu, ghi một dòng chữ màu đen tại chính giữa, và điều chỉnh Fill Opacity xuống 0%. Chúng ta nên sử dụng kích thước chữ lớn sẽ tốt hơn cho việc sử dụng Bevel and Emboss. Tại đây mình sử dụng font size 280px
Designer.net-4.jpg" alt="*">
Bước 4
Và bây giờ là phần thú vị nhất, bật Layer Styles panel và điều chỉnh thông số như trong hình dưới đây:
Designer.net-5.jpg" alt="*">
Bước 5
Phần đầu tiên của hiệu ứng – tạm gọi là hiệu ứng kính – đã hoàn thành. Để tiếp tục phần còn lại, nhân đôi text layer và và xóa Layer Styles cũ cho layer vừa được nhân đôi (chuột phải vào layer sau đó chọn Clear Layer Style). Và bây giờ, áp dụng Layer Styles như sau:
Designer.net-6.jpg" alt="*">
Để thêm 1 vài chi tiết ta nhấn phím D, tạo 1 layer mới và fill nó màu đen, tới Filter > Render > Difference Clouds. Điều chỉnh blending mode thành Overlay.
Và đây là kết quả cuối cùng:
Kết quả khác áp dụng với text: Vietdesigner
Designer.net-7.jpg" alt="*">
Kết luận: Mình thấy rằng bài hướng dẫn này cũng khá nhanh và dễ, các bạn có thể download file PSD do mình làm để tham khảo hoặc có gì không hiểu cứ comment mình sẽ giải đáp. Cuối cùng mong các bạn sẽ thích bài hướng dẫn này.
Bài tutorial tham khảo từ Webtiago
Đây là bài viết của thành viên Nguyễn Trung Hiếu đăng trên diễn đàn Designer Việt Nam, bạn có thể vào link topic gốc để nhận được support từ bạn ấy với bài tutorial này.
Bài viết này mình sẽ hướng dẫn các bạn cách tạo chữ mạ vàng trong Photoshop, đây là hiệu ứng giúp font chữ của bạn sang trọng hơn rất nhiều, màu vàng bao quanh chữ trông rất đẹp.
Nếu bạn đã từng xem qua một số bộ phim về các cuộc chiến bộ tộc thời xưa thì sẽ thấy có một số phim sử dụng hiệu ứng chữ mạ vàng để giới thiệu tên phim. Đây là một hiệu ứng rất sang trọng, nhưng không phải designer nào cũng làm được, nhất là những bạn còn non tay nghề.
Nếu bạn đang cần thiết kế mẫu này thì đừng lo lắng, bởi vì hôm nay mình sẽ hướng dẫn thật chi tiết và ai cũng có thể làm theo. Ta bắt đầu thôi.
Bước 1: Tạo file Photoshop mới
Tạo file mới trong Photoshop, bạn có thể tạo file làm việc mới theo bất kỳ cách nào nhưng khuyên bạn nên thực hiện theo các thao tác sau:
Bài viết này được đăng tại
1. Bấm phím tắt Ctrl + N (Win) hoặc chọn File -> New...
2. Khi cửa sổ New Document hiện ra, bạn hãy thiết lập chiều rộng và chiều cao, Resolution theo các thông số dưới dây rồi bấm Create.
3. Kết quả là ta có một file làm việc mới trống trơn có Background màu trắng.
4. Tiến hành tô Background thành màu đen bằng cách chọn Edit -> Fill.
5. Khi hộp thoại FIll hiện ra, bạn hãy chọn màu Black trong mục Contents rồi bấm OK.
6. Kết quả: Background đã chuyển sang màu đen.
Bước 2: Nhập chữ muốn tạo hiệu ứng mạ vàng (Gold)
1. Chọn Horizontal Type Tool trên thanh công cụ.
2. Thiết lập font chữ, kiểu chữ và cỡ chữ trên thanh Options.
Bạn có thể chọn bất kỳ phông chữ nào, trong ví dụ này mình đã chọn phông Times New Roman và kiểu Bold có cỡ chữ 72 pt.
Ngoài ra bạn cũng có thể sử dụng font chữ đẹp cho Photoshop nếu muốn.
3. Vẫn trên thanh Options, đổi màu đen thành màu trắng bằng cách nhấp vào mẫu màu.
4. Khi cửa sổ Color Picker hiện ra, bạn có thể dùng chuột trái kéo điểm chọn màu lên góc bên trái trên cùng.
Hoặc thiết lập các thông số R G B đều = 255 để chọn màu trắng tinh (trắng 100%).
5. Click chuột trái vào bất kỳ đâu trong vùng Canvas để gõ chữ.
Trong ví dụ này mình đã nhập chữ GOLD.
* Canvas: là vùng hình ảnh hiển thị bên trong khung làm việc.
6. Bấm Enter hoặc nút tích (V) trên thanh Options để hoàn tất việc gõ chữ.
Bước 3: Căn chỉnh chữ, đoạn văn bản (Text) vừa viết trong Photoshop
1. Chọn Edit trên thanh menu và bấm vào Free Transform hoặc nhấn tổ hợp phím Ctrl + T.
2. Kéo các nút điều khiển ở góc để điều chỉnh kích thước phù hợp với khung hình.
Sau đó bạn có thể bấm giữ chuột trái vào đoạn text rồi di chuyển, căn chỉnh vào giữa khung hình để khiến nó trông đẹp mắt hơn.
Nếu bạn chưa biết cách sử dụng công cụ này thì xem bài cách sử dụng Free Transform trong Photoshop.
Bước 4: Nhân bản, copy layer text vừa tạo
1. Kéo thả layer text vừa tạo vào nút "Create a new layer" để sao chép nó.
Bạn cũng có thể bấm phím tắt Ctrl + J để cho kết quả tương tự.
2. Kết quả:
Bước 5: Tô màu layer text với hiệu ứng Gradient Overlay
Nếu bạn chưa biết cách dùng Gradient thì hãy đọc bàicách tạo và sử dụng Gradient trong Photoshop nhé.
1. Bấm vào biểu tượng Fx trong bảng điều khiển layer (đảm bảo rằng bạn đã chọn layer text copy, layer được chọn sẽ sáng hơn các layer còn lại).
2. Chọn Gradient Overlay...
3. Khi cửa sổ Layer Style hiện ra thì hiệu ứng Gradient Overlay sẽ lập tức được chọn. Lúc này bạn hãy bấm vào nút Reset to Default.
4. Bấm vào "mẫu màu" tại màu Gradient.
5. Cửa sổ Gradient Editor sẽ hiện ra, bạn hãy bấm vào điểm chọn màu đầu tiên (điểm dừng màu - Color Stop).
6. Ngay sau thao tác số 5 thì cửa sổ Color Picker sẽ hiện ra, bạn hãy chọn một màu vàng nhạt bằng cách thay đổi các thông số RGB lần lượt như sau:
R = 247G = 238B = 173
Cuối cùng bạn phải bấm OK để đóng hộp thoại và áp dụng màu này.
7. Bấm vào điểm chọn màu (color stop) thứ hai ở cuối thanh màu đậm nhạt.
8. Tiếp tục thì cửa sổ Color Picker lại hiện ra, bạn hãy chọn màu vàng đậm hơn một chút bằng cách thiết lập thông số RGB như sau:
R = 193G = 172B = 81
Cuối cùng bấm OK để đóng cửa sổ và áp dụng màu vàng này.
9. Đặt tên cho Gradient này để chúng ta có thể dùng nó vào lần sau:
Kết quả: Màu Gradient đã được lưu trong bảng điều khiển Gradient Editor -> Presets để bạn có thể sử dụng trong tương lai.
Cùng lúc đó thì layer text của chúng ta cũng được tô màu.
Sau khi tô màu xong, bạn hãy bấm OK tại cửa sổ Gradient Editor để đóng nó nhưng đừng thoát cửa sổ Layer Style vì chúng ta phải thay đổi một vài tùy chọn sau.
10. Vẫn trong phần hiệu ứng Gradient Overlay, bạn hãy chuyển Style từ Linear (mặc định) thành Reflected.
11. Hiệu ứng chữ mạ vàng có vẻ đẹp hơn một chút nhưng không nhiều, hãy cùng tiếp tục tối ưu một số tùy chọn khác để có kết quả tốt hơn.
Sau khi thực hiện xong bước năm thì bạn đừng vội đóng cửa sổ Layer Style nhé, chúng ta còn phải thêm rất nhiều hiệu ứng từ cửa sổ này.
1. Vẫn trong hộp thoại Layer Style, bạn hãy tích vào hiệu ứng Bevel & Emboss.
2. Trong bảng tùy chọn hãy bấm vào nút Reset to Default.
3. Thay đổi các tùy chọn của hiệu ứng Bevel & Emboss giống ví dụ dưới đây. Trong phần Structure bao gồm Style =Inner Bevel và Technique = Chisel Hard, Depth = 100%.
4. Trong phần Shading thì bạn thay đổi tùy chọn Gloss Contour như sau:
Bấm vào nút mũi tên bên cạnh hình thu nhỏ của Gloss Contour (đảm bảo bấm vào nút mũi tên chứ không phải hình thu nhỏ). Sau đó bấm chuột trái vào kiểu Ring - Double Contour, hãy xem kỹ hình trong ví dụ bên dưới để hiểu hơn.
5. Vẫn trong phần Shading, thay đổi Angle = 120 ° và tích vào Anti-aliased.
6. Tiếp tục trong mục Shading, bạn hãy thay đổi các tùy chọn Highlight Mode, Shadow Mode và Opacity như hình ảnh dưới đây = 75%.
Kết quả tạo chữ mạ vàng trong Photoshop hơi bị "ra gì" rồi đấy, cố gắng một chút nữa thôi nhé!
9. Quay lại phần Structure (vẫn trong cài đặt hiệu ứng Bevel & Emboss), bạn hãy tăng giá trị Size lên để văn bản trông giống một con chữ nguyên khối được mạ vàng.
Ở ví dụ dưới đây, mình đã tăng Size lên khoảng 41 px.
Nếu từ đầu bài viết tới giờ mà bạn thiết lập các thuộc tính tương tự mình thì có thể đặt size =41, tuy nhiên nếu khác thì bạn hãy linh động tăng giảm Size để có kết quả tạo hiệu ứng chữ mạ vàng trong Photoshop tốt nhất nhé!
Kết quả: Giờ đây các chữ cái trông như được cắt bằng máy cắt và có các góc cạnh. Giống như một con chữ mạ vàng nguyên khối vậy.
Tuy nhiên bạn đừng vội hài lòng nhé, để có kết quả hoàn thiện nhất hãy cùng thực hiện bước tiếp theo.
10. Vẫn trong mục Structure, tăng giá trị Depth lên khoảng 170%.
Giờ đây chữ mạ vàng có phần tối và có màu sâu hơn.
Bước 7: Thêm hiệu ứng Inner Glow (độ chói - ánh sáng lan tỏa bên trong text)
1. Tích vào tùy chọn Inner Glow.
2. Tiếp tục bấm vào Reset to Default để hoàn nguyên mọi cài đặt về mặc định.
3. Trong mục Structure, bạn hãy thay đổi Blend Mode từ Normal -> Multiply và điều chỉnh Opacity ở khoảng 50%.
4. Thay đổi màu của ánh sáng phản chiếu bằng các thao tác sau:
Bấm vào biểu tượng chọn màu hình vuông (bên dưới tùy chọn Noise).
5. Trong hộp thoại Color Picker, bạn hãy chọn màu vàng cam bằng cách thiết lập RGB theo thông số sau:
R = 232G = 128B = 31
Rồi sau đó bấm OK để Color Picker và áp dụng màu này.
6. Tăng Size để tăng kích thước của ánh sáng phản chiếu cho tới khi nó lấp đầy các chữ cái. Trong ví dụ dưới đây, mình đã thiết lập Size = 75px.
Kết quả:
Chỉ còn vài bước nữa là chúng ta sẽ hoàn thiện việc tạo hiệu ứng chữ mạ vàng, cố lên!
Bước 8: Thêm một vài hiệu ứng trên layer text gốc
Bấm chuột trái vào layer text mà chúng ta đã tạo ở những bước đầu tiên (đảm bảo bạn phải nhấn vào vùng trống của layer, không được bấm vào hình thu nhỏ cũng như chữ GOLD).
Hiệu ứng 1: Stroke (viền)
1. Bấm vào biểu tượng Fx.
2. Chọn Stroke...để chúng ta thêm đường viền cho layer text này.
3. Khi cửa sổ Layer Style hiện ra, bạn hãy bấm vào nút Reset to Default.
4. Trong mục Fill Type, bạn hãy chọn Gradient và bấm vào mũi tên thu nhỏ rồi chọn tiếp màu gradient mà chúng ta đã tạo ở bước 5 (mục 9).
5. Tiếp tục thay đổi tùy chọn Style = Reflected và các tùy chọn khác trong mục Structure như ví dụ dưới đây, bao gồm Size, Position, v.v.
Và bây giờ chúng ta có một nét viền bao quanh text (văn bản) và có cùng màu:
Hiệu ứng 2: Bevel & Emboss
1. Vẫn trong hộp thoại Layer Style, bạn hãy tích vào hiệu ứng Bevel & Emboss. Lần này thay vì áp dụng cho chữ cái thì hiệu ứng chỉ có tác dụng trên nét viền.
2. Trong mục Structure, bạn hãy thay đổi các tùy chọn giống ví dụ dưới đây. Luôn phải ghi nhớ rằng trường hợp của bạn và mình có thể khác nhau, nên thay đổi các tùy chọn và thông số một cách linh hoạt bao gồm Style, Technique và Size.
3. Thay đổi các tùy chọn trong mục Shading.
4. Tích vào hiệu ứng Contour. Đây là tùy chọn đường viền, bạn chỉ việc tích vào để bật nó lên, điều này sẽ tăng độ sáng xung quanh nét vẽ.
Và đây là kết quả tạo chữ mạ vàng trong Photoshop khi áp dụng hiệu ứng Bevel & Emboss cho đường viền.
Hiệu ứng 3: Outer Glow
1. Vẫn trong hộp thoại Layer Style, bạn hãy tích và hiệu ứng Outer Glow.
2. Trong mục Structure bạn hãy tăng Opacity = 40% và bấm vào biểu tượng chọn màu.
3. Khi hộp thoại Color Picker mở ra, bạn hãy chọn màu cam vàng cho hiệu ứng này với thiết lập RGB như sau:
R = 232G = 128B = 31
4. Trong mục Elements, bạn hãy thay đổi Size = 60 px.
Đây là hiệu ứng cuối cùng chúng ta sẽ thêm vào, vì thế hãy nhấp OK để đóng hộp thoại Layer Style.
Còn đây là kết quả tạo hiệu ứng chữ mạ vàng với tất cả các lớp hiệu ứng khác nhau mà chúng ta thêm vào từ đầu đến giờ, bao gồm cả Outer Glow mới:
Bước 9: Tạo một layer mới
1. Chọn layer text copy (hoặc bất kỳ layer nào ở trên cùng).
2. Bấm vào nút Create a new layer để thêm một layer mới.
3. Đặt tên và chọn OK trong hộp thoại New Layer để tạo layer mới.
Kết quả:
Bước 10: Tạo hiệu ứng lấp lánh cho Gold Text bằng Brush
Hướng dẫn chọn Brush trên Photoshop CC
Nếu bạn chưa biết công cụ này thì nên đọc bài cách dùng Brush Tool trong Photoshop nhé.
1. Chọn Brush Tool trên thanh công cụ.
2. Bấm vào biểu tượng Brush Preset Picker trên thanh Options sau đó bấm vào nút bánh răng để hiển thị các tùy chọn nâng cao.
3. Chọn Legacy Brushes.
4. Bấm OK.
5. Bấm vào nút mũi tên tại thư mục Legacy Brushes để mở nó.
6. Mở thư mục Assorted Brushes.
7. Chọn Brush Crosshatch 3 (brush tạo hiệu ứng lấp lánh - chói sáng).
Hướng dẫn chọn Brush trong Photoshop CS6
1. Vẫn trong bảng Brush Preset Picker, bạn hãy bấm biểu tượng bánh răng.
2. Chọn Assorted Brushes.
3. Chọn Append.
4. Chọn Brush "lấp lánh" số 48.
Cách sử dụng Brush để tạo hiệu ứng lấp lánh - chói sáng
1. Bấm giữ phím I trên bàn phím và click chuột trái vào vùng màu vàng sáng nhất trong chữ cái, sau đó nhả phím I.
Thao tác này sẽ lấy mẫu màu cho Brush (màng vàng) để chúng ta chuẩn bị tạo những điểm chói sáng bằng chính màu này.
2. Sử dụng Brush chói sáng đã chọn và click vào các góc chữ bạn muốn tạo hiệu ứng chói sáng.
3. Cuối cùng bạn có thể giảm Opacity của layer mới chứa các điểm sáng lấp lánh để hiệu ứng "vi diệu" hơn.
Xem thêm:
Kết quả cuối cùng:
Bài hướng dẫn cách tạo chữ mạ vàng trong Photoshop tới đây là kết thúc. Mình tin rằng sau khi xem bài hướng dẫn chi tiết này thì bất kỳ ai cũng có thể tạo chữ vàng Gold Text lấp lánh với PTS.
Trước khi rời đi, đừng quên chia sẻ bài viết cho bạn bè và đồng nghiệp để cùng nhau nâng cao kỹ năng làm việc với PS nhé!
