Home > Photoshop > Thủ thuật Photoshop > Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)
Kênh Youtube chính thức của freetuts, các bạn hãy sub ủng hộ mình với nhé, từ giờ mình đang làm sạch lại nội dung học tập trên kênh này. Xem kênh

Cách tạo chữ mạ vàng trong Photoshop (Gold Text Effect)

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.

huong dan tao chu ma vang trong Photoshop 1 jpg

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:

1. Bấm phím tắt Ctrl + N (Win) hoặc chọn File -> New...

huong dan tao chu ma vang trong Photoshop 3 png

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.

huong dan tao chu ma vang trong Photoshop 4 png

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.

huong dan tao chu ma vang trong Photoshop 5 jpg

4. Tiến hành tô Background thành màu đen bằng cách chọn Edit -> Fill.

huong dan tao chu ma vang trong Photoshop 6 png

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.

huong dan tao chu ma vang trong Photoshop 7 png

6. Kết quả: Background đã chuyển sang màu đen.

huong dan tao chu ma vang trong Photoshop 8 jpg

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

huong dan tao chu ma vang trong Photoshop 9 png

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.

huong dan tao chu ma vang trong Photoshop 10 png

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.

huong dan tao chu ma vang trong Photoshop 11 png

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%).

huong dan tao chu ma vang trong Photoshop 12 jpg

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.

huong dan tao chu ma vang trong Photoshop 13 jpg

6. Bấm Enter hoặc nút tích (V) trên thanh Options để hoàn tất việc gõ chữ.

huong dan tao chu ma vang trong Photoshop 14 png

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.

huong dan tao chu ma vang trong Photoshop 15 png

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.

huong dan tao chu ma vang trong Photoshop 16 png

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

huong dan tao chu ma vang trong Photoshop 17 png

2. Kết quả:

huong dan tao chu ma vang trong Photoshop 18 png

Xem thêm bài viết cách copy layer trong Photoshop để biết thêm thủ thuật m

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ài cá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).

huong dan tao chu ma vang trong Photoshop 19 png

2. Chọn Gradient Overlay...

huong dan tao chu ma vang trong Photoshop 20 png

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.

huong dan tao chu ma vang trong Photoshop 21 png

4. Bấm vào "mẫu màu" tại màu Gradient.

huong dan tao chu ma vang trong Photoshop 22 png

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

huong dan tao chu ma vang trong Photoshop 23 png

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 = 247
  • G = 238
  • B = 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.

huong dan tao chu ma vang trong Photoshop 24 jpg

7. Bấm vào điểm chọn màu (color stop) thứ hai ở cuối thanh màu đậm nhạt.

huong dan tao chu ma vang trong Photoshop 25 jpg

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 = 193
  • G = 172
  • B = 81

Cuối cùng bấm OK để đóng cửa sổ và áp dụng màu vàng này.

huong dan tao chu ma vang trong Photoshop 26 jpg

9. Đặt tên cho Gradient này để chúng ta có thể dùng nó vào lần sau:

huong dan tao chu ma vang trong Photoshop 27 png

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.

huong dan tao chu ma vang trong Photoshop 28 png

Cùng lúc đó thì layer text của chúng ta cũng được tô màu.

huong dan tao chu ma vang trong Photoshop 29 jpg

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.

huong dan tao chu ma vang trong Photoshop 30 png

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.

huong dan tao chu ma vang trong Photoshop 31 jpg

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.

Bước 6: Thêm hiệu ứng Bevel & Emboss (vát xiên - chạm nổi)

1. Vẫn trong hộp thoại Layer Style, bạn hãy tích vào hiệu ứng Bevel & Emboss.

huong dan tao chu ma vang trong Photoshop 32 png

2. Trong bảng tùy chọn hãy bấm vào nút Reset to Default.

huong dan tao chu ma vang trong Photoshop 33 png

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 Technique = Chisel Hard, Depth = 100%.

huong dan tao chu ma vang trong Photoshop 34 png

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.

huong dan tao chu ma vang trong Photoshop 35 png

5. Vẫn trong phần Shading, thay đổi Angle = 120 ° và tích vào Anti-aliased.

huong dan tao chu ma vang trong Photoshop 36 png

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

huong dan tao chu ma vang trong Photoshop 37 png

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

huong dan tao chu ma vang trong Photoshop 38 jpg

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

huong dan tao chu ma vang trong Photoshop 39 png

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.

huong dan tao chu ma vang trong Photoshop 40 jpg

10. Vẫn trong mục Structure, tăng giá trị Depth lên khoảng 170%.

huong dan tao chu ma vang trong Photoshop 41 png

Giờ đây chữ mạ vàng có phần tối và có màu sâu hơn.

huong dan tao chu ma vang trong Photoshop 42 jpg

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.

huong dan tao chu ma vang trong Photoshop 43 png

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.

huong dan tao chu ma vang trong Photoshop 44 png

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

huong dan tao chu ma vang trong Photoshop 45 png

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

huong dan tao chu ma vang trong Photoshop 46 png

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 = 232
  • G = 128
  • B = 31

Rồi sau đó bấm OK để Color Picker và áp dụng màu này.

huong dan tao chu ma vang trong Photoshop 47 jpg

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.

huong dan tao chu ma vang trong Photoshop 48 png

Kết quả:

huong dan tao chu ma vang trong Photoshop 49 jpg

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

huong dan tao chu ma vang trong Photoshop 50 png

Hiệu ứng 1: Stroke (viền)

1. Bấm vào biểu tượng Fx.

huong dan tao chu ma vang trong Photoshop 51 png

2. Chọn Stroke...để chúng ta thêm đường viền cho layer text này.

huong dan tao chu ma vang trong Photoshop 52 png

3. Khi cửa sổ Layer Style hiện ra, bạn hãy bấm vào nút Reset to Default.

huong dan tao chu ma vang trong Photoshop 53 png

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

huong dan tao chu ma vang trong Photoshop 54 png

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.

huong dan tao chu ma vang trong Photoshop 55 png

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:

huong dan tao chu ma vang trong Photoshop 56 jpg

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.

huong dan tao chu ma vang trong Photoshop 57 png

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.

huong dan tao chu ma vang trong Photoshop 58 png

3. Thay đổi các tùy chọn trong mục Shading.

huong dan tao chu ma vang trong Photoshop 59 png

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

huong dan tao chu ma vang trong Photoshop 60 png

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.

huong dan tao chu ma vang trong Photoshop 61 jpg

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.

huong dan tao chu ma vang trong Photoshop 62 png

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.

huong dan tao chu ma vang trong Photoshop 63 png

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 = 232
  • G = 128
  • B = 31

huong dan tao chu ma vang trong Photoshop 64 jpg

4. Trong mục Elements, bạn hãy thay đổi Size = 60 px.

huong dan tao chu ma vang trong Photoshop 65 png

Đâ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:

huong dan tao chu ma vang trong Photoshop 66 jpg

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

huong dan tao chu ma vang trong Photoshop 67 png

2. Bấm vào nút Create a new layer để thêm một layer mới.

huong dan tao chu ma vang trong Photoshop 68 png

3. Đặt tên và chọn OK trong hộp thoại New Layer để tạo layer mới.

huong dan tao chu ma vang trong Photoshop 69 png

Kết quả:

huong dan tao chu ma vang trong Photoshop 70 png

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

huong dan tao chu ma vang trong Photoshop 71 png

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.

huong dan tao chu ma vang trong Photoshop 72 png

3. Chọn Legacy Brushes.

huong dan tao chu ma vang trong Photoshop 73 png

4. Bấm OK.

huong dan tao chu ma vang trong Photoshop 74 png

5. Bấm vào nút mũi tên tại thư mục Legacy Brushes để mở nó.

huong dan tao chu ma vang trong Photoshop 75 png

6. Mở thư mục Assorted Brushes.

huong dan tao chu ma vang trong Photoshop 76 png

7. Chọn Brush Crosshatch 3 (brush tạo hiệu ứng lấp lánh - chói sáng).

huong dan tao chu ma vang trong Photoshop 77 png

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.

huong dan tao chu ma vang trong Photoshop 78 png

2. Chọn Assorted Brushes.

huong dan tao chu ma vang trong Photoshop 79 png

3. Chọn Append.

huong dan tao chu ma vang trong Photoshop 80 png

4. Chọn Brush "lấp lánh" số 48.

huong dan tao chu ma vang trong Photoshop 81 png

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.

huong dan tao chu ma vang trong Photoshop 82 jpg

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.

huong dan tao chu ma vang trong Photoshop 83 jpg

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.

huong dan tao chu ma vang trong Photoshop 84 png

Kết quả cuối cùng:

huong dan tao chu ma vang trong Photoshop 2 jpg

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

giam gia tino jpg

-------------------#####-------------------

Bộ video học Photoshop từ căn bản đến nâng cao A-Z

Xem toàn bộ video

khoa hoc design tu can ban den nang cao jpg
Combo 22 khóa học thiết kế từ căn bản đến nâng cao

 

Khóa học đang giảm giá:

BÀI VIẾT

notice png LIST home png HOME hot gif BÁO
LỖI
top png TOP