THỦ THUẬT PHOTOSHOP
Hiệu ứng chữ 3D trong Photoshop Hiệu ứng chữ chồng chéo Photoshop Hiệu ứng chữ lửa trong Photoshop Hiệu ứng chữ kẹo giáng sinh Chữ cổ điển thập niên 80 Làm Poster bằng Photoshop Làm mờ nền bằng Photoshop Đóng watermark bằng Photoshop Tô màu trong Photoshop Thành phố đảo ngược Photoshop Cách giảm Noise trong Photoshop Công cụ xóa vật thể Photoshop Chuyển ảnh thành tranh Photoshop Cách đổi màu hình ảnh Photoshop Chuyển ảnh từ ngày thành đêm Chuyển ảnh thành Anime Photoshop Làm tranh màu nước Photoshop Làm chữ phát sáng Photoshop Hiệu ứng ánh nắng Photoshop Tạo Gradient cầu vồng Photoshop Hiệu ứng mắt cầu vồng Photoshop Tạo chữ tách màu trong Photoshop Tạo chữ 3D Retro trong Photoshop Chèn chữ trong suốt vào hình ảnh Ghép hình ảnh vào chữ Photoshop Xóa bóng nắng bằng Photoshop mở ảnh trong Photoshop Tạo viền ảnh hiệu ứng vết sơn Các tính năng Photoshop 2020 Hơn 12 mẹo Photoshop hay nhất Cách gộp layer trong Photoshop Tăng độ tương phản Photoshop Làm nét ảnh bằng Photoshop Nén dung lượng hình ảnh hàng loạt Xóa nếp nhăn trong Photoshop Xóa mụn và nốt ruồi bằng Photoshop Làm trắng da trong Photoshop Chỉnh mắt to ra bằng Photoshop Chỉnh mặt nhỏ lại bằng Photoshop Cách tách tóc trong Photoshop Đổi màu sắc cho tóc bằng Photoshop Cách sửa mũi bằng Photoshop Vẽ râu và tóc bằng Photoshop Xoá logo bằng Photoshop Tách ảnh ra khỏi nền Photoshop Tạo lưới trong Photoshop Thay đổi đơn vị của thước Rulers Cách tạo hiệu ứng lấy nét trong Photoshop Tạo hiệu ứng cầu vồng Photoshop tạo chữ mạ vàng Cách tạo file mới trong Photoshop
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
MỚI CẬP NHẬT

Tạo chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects)

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 1 jpg

Bài viết này mình sẽ hướng dẫn bạn cách tạo hiệu ứng chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects).

test php

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Để tạo hiệu ứng này thì chúng ta sẽ sử dụng các Layer Style của Photoshop, đây là một cách rất dễ dàng mà còn có thể giúp bạn chỉnh sửa đoạn text bất kỳ lúc nào. Ngoài ra mình sẽ sử dụng một Gradient fill layer tạo nền cho hiệu ứng. Thao tác cuối cùng để hoàn thành là thêm một vài ánh sáng lấp lánh xung quanh chữ cái bằng cách sử dụng Brush Tool.

Chúng ta hãy cùng bắt đầu học cách tạo chữ Effects Retro vui nhộn của thập niên 80 với các chữ cái sáng bóng như Chrome và Neon!

Lưu ý trước khi bắt đầu tạo hiệu ứng chữ Retro

1. Phần lớn hiệu ứng Retro sẽ được thực hiện bằng cách sử dụng gradient và chúng ta sẽ tạo một số "gradient tùy chỉnh" trong quá trình thực hiện và lưu ở dạng cài đặt trước (Preset). Bằng cách này thì vào lần tiếp theo khi muốn tạo hiệu ứng chữ cổ điển, bạn sẽ có thể nhanh chóng chọn các gradient này thay vì phải tạo lại tất cả từ đầu.

Bài viết này được đăng tại [free tuts .net]

Có thể bạn chưa biết: Gradient Photoshop là gì?

2. Ở đây mình đang sử dụng Photoshop CC 2020 nhưng mọi thao tác có thể thực hiện trên Photoshop CS6 và các phiên bản khác của Photoshop.

3. Mình cũng đang sử dụng một vài phông chữ kiểu cổ điển (Retro) tải xuống từ Adobe Typekit, nó có sẵn với gói đăng ký Creative Cloud. Nếu bạn không có quyền truy cập vào Adobe Typekit thì cũng đừng lo lắng, hãy tải nó về miễn phí theo link dưới đây:

Tải font chữ Retro tại đây

Bạn có thể nhìn lại hình ảnh ở đầu bài viết để xem hiệu ứng tuyệt vời như thế nào. Có rất nhiều bước nhưng tất cả đều cực kỳ dễ dàng, vì vậy nếu bạn đã sẵn sàng thì chúng ta hãy cùng bắt đầu! Một lưu ý nhỏ là nếu bạn không quan tâm tới hình nền của hiệu ứng, hãy tạo file mới rồi lướt nhanh xuống bước sáu để xem cách tạo text effect.

Bước 1: Tạo tài liệu Photoshop mới

1. Tạo file mới bằng cách chọn File -> New hoặc bấm phím tắt Ctrl + N.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 2 jpg

2. Khi cửa sổ New Document hiện ra, bạn hãy để ý kỹ các tùy chọn trong mục PRESET DETAILS. Nếu bạn đang dùng Photoshop CS6 thì sẽ thấy một hộp thoại nhỏ và cũ hơn, tuy nhiên toàn bộ các thuộc tính có trong PRESET DETAILS này sẽ có trong hộp thoại cũ của Photoshop CS6.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 3 jpg

3. Vì thế cho dù bạn đang dùng phiên bản Photoshop mới hay cũ, chỉ cần thay đổi các tùy chọn giống ví dụ sau rồi bấm Enter trên bàn phím hoặc nút Create (OK):

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 4 jpg
Hộp thoại tạo file mới trên Photoshop CC

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 5 jpg
Hộp thoại tạo file mới trên Photoshop CS6

Bước 2: Thêm một lớp tô màu Gradient

Trước khi bắt đầu nhập chữ (tạo layer text), chúng ta hãy cùng tô màu nền bằng cách thêm một Gradient Fill Layer theo các thao tác sau:

1. Bấm chuột trái vào biểu tượng New Fill or Adjustment Layer trong bảng điều khiển Layers.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 6 jpg

2. Chọn Gradient...

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 7 jpg

Bước 3: Tạo một Gradient tùy chỉnh mới

1. Ngay sau bước hai thì hộp thoại Gradient Fill sẽ mở ra, bạn hãy bấm vào ô chọn màu Gradient.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 8 jpg

2. Khi hộp thoại Gradient Editor hiện ra, bạn hãy chọn Gradient "Black, White" bằng cách bấm vào hình thu nhỏ đen trắng.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 9 jpg

3. Bấm chuột trái vào điểm dừng màu (Color Stop) thứ nhất ở bên trái và click vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 11 jpg

4. Khi hộp thoại Color Picker hiện ra, bạn hãy chọn màu xanh đậm bằng cách thiết lập thông số RGB như sau rồi bấm OK:

  • R = 0
  • G = 0
  • B = 40

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 12 jpg

5. Bấm chuột trái vào điểm dừng màu thứ hai ở bên trái rồi click vào ô chọn màu.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 13 jpg

6. Tại hộp thoại Color Picker, bạn hãy chọn màu tím bằng cách thiết lập thông số RGB như sau rồi bấm OK:

  • R = 25
  • G = 0
  • B = 25

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 14 jpg

7. Bấm chuột trái vào khoảng giữa của thanh màu đậm nhạt để thêm một điểm dừng màu mới.

8. Thay đổi Location = 50% để căn vị trí của điểm dừng màu này ở chính giữa.

9. Bấm vào ô chọn màu Color:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 15 jpg

10. Hộp thoại chọn màu lại hiện lên, bạn hãy chọn màu đen bằng cách thay đổi thông số RGB = 0 rồi bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 16 jpg

Bước 4: Lưu Gradient dưới dạng cài đặt sẵn (Preset)

Trước khi đóng hộp thoại Gradient Editor, bạn hãy lưu gradient tùy chỉnh ở dạng "cài đặt trước" (Preset). Bằng cách này thì vào lần tiếp theo khi muốn tạo hiệu ứng, bạn có thể nhanh chóng chọn các gradient từ khu vực Presets thay vì phải tạo lại chúng từ đầu.

Nhập tên trong mục Name rồi bấm vào New để lưu Preset Gradient. Mình sẽ đặt tên cho gradient là "80s Retro Background":

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 18 jpg

Photoshop lưu gradient trong mục Presets và hình thu nhỏ của nó sẽ xuất hiện. Từ giờ bạn có thể nhấp vào hình thu nhỏ để chọn và sử dụng Gradient này vào lần tiếp theo trên những file thiết kế khác:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 19 jpg

Sau khi hoàn thành, bạn hãy bấm OK để đóng Gradient Editor và tiếp tục thực hiện bước năm.

Bước 5: Thiết đặt Style và thay đổi góc của Gradient

Trở lại hộp thoại Gradient Fill, hãy đảm bảo rằng tùy chọn Style được đặt thành Linear Angle 90 °:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 20 jpg

Bấm OK để đóng hộp thoại Gradient Fill và bây giờ bạn hãy nhìn vào bảng điều khiển Layers sẽ thấy lớp tô màu Gradient mới có tên "Gradient Fill 1", nó nằm bên trên layer Background:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 21 jpg

Còn đây là kết quả hình nền trong khu vực Canvas. Chúng ta hiện có một hình nền gradient đậm nhạt từ màu hồng tím -> màu đen ở giữa và dưới cùng là màu xanh đậm. Đây sẽ là nền cho hiệu ứng chữ cổ điển thập niên 80 mà chúng ta sắp thực hiện:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 22 jpg

Bước 6: Thêm đoạn Text của bạn

Bây giờ chúng ta đã có một hình nền mang hơi hướng cổ điển, tiếp theo hãy viết một đoạn chữ mà bạn muốn tạo hiệu ứng Retro.

1. Chọn Type Tool từ thanh công cụ:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 23 jpg

2. Chọn font chữ và thay đổi cỡ chữ.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 24 jpg

Mình hy vọng bạn đã tải font chữ Retro ở đầu bài viết, nếu chưa thì bạn có thể tham khảo một vài font chữ đẹp khác sau đây:

3. Vẫn trên thanh Options, bạn hãy bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 25 jpg

4. Trong hộp thoại Color Picker, bạn hãy chọn màu trắng bằng cách thiết lập thông số RGB đều bằng 255 rồi bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 26 jpg

5. Click chuột trái vào bất kỳ đâu trong vùng Canvas và nhập đoạn chữ mà bạn muốn tạo hiệu ứng Retro.

* Canvas: là khu vực giới hạn hiển thị hình ảnh thực tế bên trong vùng làm việc của ứng dụng Photoshop.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 27 jpg
Nhập một đoạn Text muốn tạo hiệu ứng chữ cổ điển thập niên 80
. Ví dụ: RETRO

6. Bấm Enter trên bàn phím hoặc dấu tích (V) trên thanh Options để hoàn tất việc nhập văn bản (text).

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 28 jpg

Bước 7: Thay đổi kích thước và căn chỉnh vị trí hộp Text

Để thay đổi kích thước và di chuyển đoạn text vào đúng vị trí thì chúng ta phải sử dụng lệnh lệnh Free Transform của Photoshop.

Nếu chưa từng dùng lệnh này, bạn có thể xem bài viết sau: Cách sử dụng Free Transform.

1. Bấm vào Edit trên thanh Menu và chọn Free Transform hoặc bấm phím tắt Ctrl + T:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 29 jpg

2. Thay đổi kích thước bằng cách kéo các chốt điều khiển từ trung tâm ra phía ngoài:

Trong ví dụ dưới đây, mình đã tăng kích thước đoạn text lớn hơn để phù hợp với nền.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 30 jpg

3. Bấm giữ chuột trái vào chữ cái bên trong hộp điều khiển và kéo để căn chỉnh ở giữa nền:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 31 jpg

4. Bấm Enter trên bàn phím hoặc nút tích (V) trên thanh Options để áp dụng và thoát lệnh Free Transform.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 32 jpg

Bước 8: Thêm hiệu ứng Gradient Overlay

1. Bạn có thể thấy trong bảng điều khiển layer, lớp text đang nằm trên cùng. Hãy cùng tạo hiệu ứng chrome cho đoạn text này bằng cách bấm vào biểu tượng fx (ở cuối bảng điều khiển Layers):

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 33 jpg

2. Chọn Gradient Overlay...

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 34 jpg

3. Thao tác này sẽ mở hộp thoại Layer Style và tích chọn sẵn Gradient Overlay. Bạn hãy bấm vào ô chọn màu Gradient:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 35 jpg

Bước 9: Tạo một Gradient tùy chỉnh mới

1. Ngay sau bước tám thì hộp thoại Gradient Editor sẽ hiện ra, bạn hãy chọn Gradient "Black, White" bằng cách nhấp chuột trái vào hình thu nhỏ đen trắng rồi bấm OK để áp dụng và đóng hộp thoại này:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 36 jpg

2. Ngay sau thao tác trên thì thanh màu preview chuyển thành màu đậm nhạt trắng đen, lúc này bạn hãy click đúp vào điểm dừng màu đen ở bên trái:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 37 jpg

3. Chọn màu trắng trong hộp thoại Color Picker bằng cách thiết lập thông số RGB đều bằng 255 rồi bấm OK để áp dụng và đóng hộp thoại:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 38 jpg

4. Quay lại Gradient Editor thay đổi Location = 5%.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 39 jpg

5. Tiếp theo thêm một điểm dừng màu mới bằng cách nhấp đúp vào bên phải của điểm chúng ta vừa chỉnh sửa.

Không cần bấm chính xác vào vị trí nào cả, đơn giản vì lát nữa chúng ta sẽ sửa vị trí của nó sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 40 jpg

6. Chọn màu hồng medium saturated bằng cách thiết lập thông số RGB như sau rồi bấm OK:

  • R = 220
  • G = 40
  • B = 215

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 41 jpg

7. Đặt Location của điểm dừng màu này thành 25%:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 42 jpg

8. Tiếp tục thêm một điểm dừng màu khác theo cách tương tự:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 43 jpg
Click đúp chuột trái để tạo điểm dừng màu

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 44 jpg
Chọn màu đen bằng cách thiết lập R G B = 0 0 0

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 45 jpg
Đặt Location = 50%

9. Tiếp tục thêm điểm dừng màu thứ ba với các thao tác tương tự:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 46 jpg
Click đúp để thêm điểm dừng màu mới

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 47 jpg
Chọn màu trắng bằng cách thiết lập thông số R G B = 255 255 255

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 48 jpg
Đặt Location = 51%

10. Thêm một điểm dừng màu thứ tư với các thao tác y hệt nhưng khác màu một chút:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 49 jpg
Click đúp để thêm điểm dừng màu (Color Stop)

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 50 jpg
Chọn màu xanh bằng cách thiết lập thông số R G B = 15 95 215

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 51 jpg
Đặt Location = 75%

11. Bấm vào điểm dừng màu cuối cùng và đổi thành màu đen:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 52 jpg
Click đúp vào điểm dừng màu

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 53 jpg
Chọn màu đen bằng cách thiết lập thông số R G B = 0 0 0

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 54 jpg
Đặt Location = 95%

Bước 10: Lưu Gradient dưới dạng Preset

Đặt tên trong mục Name và bấm New để lưu Gradient dưới dạng Preset.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 55 jpg
Đặt tên Gradient là 80s Retro Chrome

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 56 jpg

Sau thao tác này, bạn hãy bấm chọn Gradient mới và bấm OK để đóng hộp thoại Gradient Editor.

Bước 11: Thay đổi Style và Angle của Gradient

Khi đóng hộp thoại Gradient Editor thì chúng ta sẽ quay trở lại cửa sổ Layer Style. Bạn hãy thay đổi Style và Angle của Gradient giống ví dụ dưới đây:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 57 jpg

Kết quả ngay sau khi áp dụng Gradient, thay đổi Style Angle:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 58 jpg

Vậy là chúng ta đã đi được một nửa quá trình tạo hiệu ứng chữ cổ điển thập niên 80 trong Photoshop. Hãy cùng thêm một vài hiệu ứng trong bảng Layer Style để xem điều kỳ diệu xảy ra nhé!

Bước 12: Thêm một đường viền

1. Vẫn trong hộp thoại Layer Style, bạn hãy bấm chọn hiệu ứng Stroke ở cột bên trái.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 59 jpg

2. Bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 60 jpg

3. Chọn màu xanh nhạt bằng cách thiết lập thông số R, G, B = 15, 95, 215 và bấm OK để hoàn tất.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 61 jpg

4. Thay đổi Size Position giống ví dụ dưới đây:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 62 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 63 jpg

Bước 13: Thêm hiệu ứng Bevel & Emboss

1. Bấm chọn hiệu ứng Bevel & Emboss ở cột bên trái:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 64 jpg

2. Thay đổi các tùy chọn trong mục Structure giống ví dụ dưới đây:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 65 jpg

3. Thay đổi các tùy chọn trong phần Shading giống ví dụ sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 66 jpg

4. Vẫn trong phần Shading, bạn hãy chọn Gloss Contour mới giống ví dụ sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 67 jpg

5. Tiếp tục trong phần Shading, bạn hãy tích vào tùy chọn Anti-Aliased và thay đổi Opacity của Highlight ModeShadow Mode như sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 68 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 69 jpg

Bước 14: Bật hiệu ứng Contour (đường viền)

Vẫn trong hộp thoại Layer Style, bạn hãy tích chọn hiệu ứng Contour ở cột bên trái.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 70 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 71 jpg

Bước 15: Thêm hiệu ứng Inner Glow

1. Thêm ánh sáng phản chiếu bên trong các chữ cái bằng cách bấm chọn hiệu ứng Inner Glow.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 72 jpg

2. Bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 73 jpg

3. Chọn màu xanh sẫm bằng cách thiết lập thông số RGB như sau rồi bấm OK để áp dụng:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 74 jpg

4. Thay đổi Blend Mode thành MultiplyOpacity = 100%, Size = 18px.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 75 jpg

Kết quả: Một chút ánh sáng phản chiếu bên trong các chữ cái xuất hiện.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 76 jpg

Bước 16: Thêm hiệu ứng Outer Glow

1. Để thêm một chút ánh sáng bên ngoài các chữ cái, chúng ta hãy bấm chọn hiệu ứng Outer Glow ở cột bên trái.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 77 jpg

2. Bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 78 jpg

3. Tiêp tục chọn màu xanh sẫm bằng cách thiết lập RGB như sau và bấm OK khi hoàn tất:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 79 jpg

4. Đặt Blend Mode là Screen và thay đổi Opacity = 70%, Size = 150px.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 80 jpg

Kết quả: Các chữ cái như thể đang phát sáng.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 81 jpg

Lúc này bạn hãy nhìn vào bảng Layers, một loạt các hiệu ứng xuất hiện trong layer text của chúng ta.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 82 jpg

Sau bước 16 thì có vẻ như quá trình hiệu ứng chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects) đã hoàn thành. Bạn có thể dừng lại hoặc thực hiện các bước dưới đây để tác phẩm của chúng ta trông thú vị hơn.

Bước 17: Thêm một layer text khác

Chọn công cụ Type Tool và nhập bất kỳ đoạn text này bạn muốn. Mình sẽ nhập 4ever và thêm các Style để tạo hiệu ứng chữ phát sáng neon cho nó.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 83 jpg

Bước 18: Thay đổi phông chữ

Thay đổi font chữ (bước này bạn có thể bỏ qua, thực tế mình đổi font chữ chỉ để giúp bạn thấy sự khác biệt khi tạo effect retro với font chữ to và nhỏ thì sẽ khác nhau thế nào):

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 84 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 85 jpg

Bước 19: Thay đổi kích thước text với Free Transform

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 29 jpg
Chọn Edit -> Free Transform hoặc bấm phím tắt Ctrl + T

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 86 jpg
Thay đổi kích thước và căn chỉnh vị trí thích hợp

Bước 20: Thêm hiệu ứng Gradient Overlay

1. Chọn layer text mới và bấm vào biểu tượng fx.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 87 jpg

2. Bấm chọn màu Gradient.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 88 jpg

3. Chọn Gradient đen trắng rồi bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 89 jpg

4. Click đúp vào điểm dừng màu thứ nhất:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 90 jpg

5. Chọn màu tím bằng cách thiết lập thông số RGB như sau rồi bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 91 jpg

6. Thay đổi Location = 25%:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 92 jpg

7. Click đúp vào điểm dừng màu thứ hai ở bên phải:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 93 jpg

8. Chọn màu tím bằng cách thiết lập thông số RGB như sau và bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 94 jpg

9. Thay đổi Location = 75%:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 95 jpg

Bước 21: Lưu Gradient dưới dạng Preset

Nhập tên trong mục Name và bấm New để lưu Gradient.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 96 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 97 jpg

Sau khi lưu, bạn hãy click chọn Gradient này và bấm OK để đóng hộp thoại Gradient Editor.

Bước 22: Thay đổi Style và Angle của Gradient

Vậy là chúng ta đã tạo xong một Gradient màu hồng đậm nhạt và áp dụng nó, hãy thêm chút "mắm muối" thay đổi kiểu khiến hiệu ứng chữ cổ điển thập niên 80 thêm phần vi diệu.

Thay đổi Style thành LinearAngle = 90 độ.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 98 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 99 jpg

Bước 23: Thêm kiểu phát sáng bên trong các chữ cái

1. Để thêm hiệu ứng phát sáng từ bên trong, bạn hãy bấm chọn hiệu ứng Inner Glow ở cột bên trái:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 100 jpg

2. Bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 101 jpg

3. Chọn màu trắng rồi bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 102 jpg

4. Thay đổi Blend Mode, Size và các tùy chọn khác như sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 103 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 104 jpg

Bước 24: Thêm hiệu ứng vát và dập nổi

1. Bấm chọn hiệu ứng Bevel & Emboss từ cột bên trái:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 105 jpg

2. Thay đổi Gloss Contour như hình dưới đây:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 106 jpg

3. Thiết lập các tùy chọn và thông số của mục Structure như ví dụ sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 107 jpg

4. Trong phần Shading, bạn hãy thay đổi các tùy chọn Angle, Altitude, Highlight ModeShadow Mode như sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 108 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 109 jpg

Bước 25: Thêm ánh sáng bên ngoài các chữ cái

1. Bấm chọn hiệu ứng Outer Glow:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 110 jpg

2. Bấm vào ô chọn màu:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 111 jpg

3. Chọn màu tím bằng cách thiết lập thông số RGB như sau và bấm OK:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 112 jpg

4. Thay đổi các tùy chọn sau trong mục Structure:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 113 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 114 jpg
Kết hợp hiệu ứng chữ cổ điển thập niên 80 với text Neon

Bước 26: Tạo một bản sao của layer text mới

Bấm giữ chuột trái và kéo thả layer này vào biểu tượng Add a new layer.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 115 jpg

Bước 27: Chọn công cụ Move

Chọn Move Tool trên thanh công cụ:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 116 jpg

Bước 28: Di chuyển bản sao tới một vị trí khác

Để hiệu ứng thêm phần thú vị, chúng ta sẽ di chuyển layer text này lên phía trên chữ Retro bằng thao tác kéo thả.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 117 jpg

Bước 29: Đổi các chữ cái thành "80s" (thập niên 80)

1. Click đúp vào hình thu nhỏ của layer copy.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 118 jpg

2. Đoạn Text sẽ sáng lên và ta có thể nhập ký tự khác để chỉnh sửa:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 119 jpg

3. Mình sẽ nhập là 80s:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 120 jpg

Bước 30: Skew và di chuyển văn bản

1. Chọn Edit -> Transform -> Skew:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 121 jpg

2. Bấm vào nút điều khiển ở góc trên bên trái và kéo nó lên một chút. Điều này sẽ làm các chữ cái như đang đi lên:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 122 jpg

3. Bấm giữ chuột trái và kéo nó đè lên các chữ cái Retro:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 123 jpg

4. Bấm Enter trên bàn phím hoặc nút tích (V) trên thanh Options để hoàn tất:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 124 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 125 jpg

Bước 31: Tạo hiệu ứng chữ lấp lánh Chrome

Đây là bước cuối cùng để hoàn thiện hiệu ứng này, mình sẽ chỉ bạn cách thêm một layer và sử dụng Brush để tạo hiệu ứng lấp lánh - lóe sáng rất đơn giản cho text.

A. Thêm một layer mới

Bấm vào biểu tượng Add a new layer trong bảng điều khiển Layers:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 126 jpg

Kết quả:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 127 jpg

B. Chọn công cụ Brush

* Xem thêm: Cách dùng Brush Tool trong Photoshop

Chọn Brush Tool từ Thanh công cụ:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 128 jpg

C. Load bộ Brush "Assorted Brushes"

1. Bấm vào biểu tượng bánh răng:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 129 jpg

2. Chọn Assorted Brushes.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 130 jpg

3. Chọn Append.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 131 jpg

D. Chọn Brush Crosshatch 4

1. Tiếp tục bấm vào biểu tượng bánh răng và chọn Large List:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 132 jpg

2. Chọn Brush 48 - Crosshatch 4.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 133 jpg

E. Chọn màu trắng

Chọn màu tiền cảnh là màu trắng

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 134 jpg

F. Thay đổi góc và kích thước của Brush

1. Nhấn F5 trên bàn phím để mở nhanh bảng điều khiển Brush.

2. Bấm chọn Brush Tip Shape và thay đổi Angle = 22 độSize = 65 px.

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 135 jpg

G. Sử dụng Brush và tạo một vài điểm lấp lánh

Chỉ cần nhấp vào một vài điểm ngẫu nhiên xung quanh từ "RETRO" là bạn sẽ thu được kết quả chữ lấp lánh "Chrome" như sau:

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 136 jpg

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

tao hieu ung chu co dien thap nien 80 voi photoshop retro text effects 1 jpg

Bài viết hướng dẫn cách tạo hiệu ứng chữ cổ điển thập niên 80 với Photoshop (Retro Text Effects) tới đây là kết thúc. Có lẽ mất hơi nhiều thời gian nhưng bù lại thì kết quả tạo effect chữ Retro này cực kỳ đẹp.

Trước khi rời đi, bạn đừng quên chia sẻ hiệu ứng này khi thấy nó hấp dẫn và thú vị nhé!

Cùng chuyên mục:

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Cách thay đổi đơn vị của thước Rulers trong Photoshop

Nếu bạn vẫn chưa biết cách thay đổi đơn vị của thước kẻ Rulers trong…

Cách tạo thành phố đảo ngược với Photoshop

Cách tạo thành phố đảo ngược với Photoshop

Sau khi học xong bạn sẽ biết được cách kết hợp một số hình ảnh…

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Tải 60 Textures và Pattern Photoshop đẹp miễn phí chất lượng cao

Hãy lướt xem qua hình ảnh của chúng, nếu thích bạn có thể tải miễn…

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Hơn 60+ font chữ Retro và Vintage miễn phí đẹp nhất

Trong danh sách này, bạn sẽ tìm thấy các font chữ viết tay cổ điển…

Cách tạo và sử dụng Pattern trong Photoshop

Cách tạo và sử dụng Pattern trong Photoshop

Nếu bạn thấy mình giải thích khái niệm hơi khó hiểu, hãy đọc tiếp bài…

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Cách tạo chữ hiệu ứng chữ kẹo giáng sinh bằng Photoshop

Quá trình tạo Effect chữ cây kẹo giáng sinh rất đơn giản, chúng ta chỉ…

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Tạo hiệu ứng chữ lửa nóng rực trong Photoshop

Mình sẽ hướng dẫn chỉ với 38 bước cực kì đơn giản là bạn có…

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Tạo hiệu ứng chữ chồng chéo nhiều màu sắc trong Photoshop

Chúng ta đều thấy đây là một effect không chỉ thú vị mà còn rất…

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Tạo hiệu ứng chữ 3D với lệnh Distort và Perspective

Thông thường Photoshop không cho phép chúng ta sử dụng các lệnh Distort hoặc Perspective…

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

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

Nếu bạn đã từng xem qua một số bộ phim về các cuộc chiến bộ…

Cách tạo hiệu ứng cầu vồng trong Photoshop

Cách tạo hiệu ứng cầu vồng trong Photoshop

Một trong những hiện tượng tự nhiên rất đẹp mà bạn có thể tạo ra…

Cách tạo hiệu ứng lấy nét trong Photoshop

Cách tạo hiệu ứng lấy nét trong Photoshop

Thông thường hiệu ứng này có thể được thực hiện bằng máy ảnh nhưng ..

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Cách xoá logo hình ảnh bằng Photoshop cực dễ

Không chỉ riêng nhà thiết kế chuyên nghiệp mà ngay cả người dùng Adobe Photoshop…

Cách vẽ râu và tóc bằng Photoshop

Cách vẽ râu và tóc bằng Photoshop

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Cách sửa mũi bằng Photoshop (nâng mũi, làm mũi cao)

Mỗi người trong chúng ta đều có những tiêu chuẩn khác nhau về cái đẹp,…

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Cách đổi màu sắc cho tóc bằng Photoshop (nhuộm tóc)

Có thể bạn chưa biết, ngoài việc ra tiệm nhuộm tóc thì vẫn còn một…

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Xem loạt hình ảnh Photoshop hài hước của trùm chế ảnh

Bài viết này mình xin chia sẻ loạt hình ảnh Photoshop hài hước của những…

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Cách tách tóc trong Photoshop chỉ với 5 bước đơn giản

Làm thế nào để tách tóc nền phức tạp là một trong những câu hỏi…

Cách chỉnh mặt nhỏ lại bằng Photoshop

Cách chỉnh mặt nhỏ lại bằng Photoshop

Khuôn mặt tự nhiên có rất nhiều hình dạng khác nhau như mặt hình vuông,…

Cách chỉnh mắt to ra bằng Photoshop với 3 bước rất đơn giản

Cách chỉnh mắt to ra bằng Photoshop với 3 bước rất đơn giản

Top