Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Hướng dẫn Tạo Hiệu Ứng Chữ Digital Glitch bằng Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Glitch Animated Gif Action in Adobe Photoshop
How to Create a Set of Glitches in Adobe Photoshop

Vietnamese (Tiếng Việt) translation by Tran Thuan Thanh (you can also view the original English article)

Final product image
What You'll Be Creating

Hướng dẫn này sẽ chỉ cho bạn cách sử dụng những công cụ của Photoshop như Layer Styles, Filters, và Layer Masks để tạo ra hiệu ứng chữ Digital Glitch một cách nhanh chóng và dễ dàng.Bắt đầu nhé!

Hiệu ứng chữ này đã được lấy cảm hứng từ nhiều Layer Styles có sẵn trên GraphicRiver.

Tài nguyên dùng trong hướng dẫn này 

Các tài liệu được sử dụng trong quá trình thực hiện hướng dẫn này:

1. Hướng dẫn tạo Background và Text Layers 

Bước 1

Tạo ra một New Document (tài liệu mới) 900 x 700 px, click vào biểu tượng Create new fill hoặc Adjustment layer phía dưới của bảng điều khiển Layers, chọn Solid Color, và sử dụng màu #101010.

Solid Color Layer

Bước 2

Tạo Text màu trắng sử dụng kiểu chữ Pixel Digivolve, và thiết lập kích thước170 pt.

Create the Text

Bước 3

Đổi tên Layer Text vừa tạo thành Text 01, click chuột phải vào nó và chọn Convert to Smart Object.

Convert to Smart Object

Bước 4

Tạo bản sao (Duplicate) của Layer Text 01, và đổi tên thành Text 02

Duplicate the Text Layer

Bước 5

Ẩn layer Text 02 bằng cách click vào biểu tượng con mắt. 

Hide the Layer

2. Hướng dẫn áp dụng Layer Styles

Double-click vào layer Text 01 để áp dụng Layer Style thao các bước sau đây:

Bước 1

Trong phần Blending Option chọn Advanced Blending, và bỏ chọn kênh màu GB.

Advanced Blending

Bước 2

Thêm Outer Glow với những thiết lập:

  • Opacity (độ mờ): 50%
  • Color (màu): #ffffff
  • Size (kích thước): 10
Outer Glow Layer Style

Văn bản sẽ có phần hiệu ứng màu đỏ như hình.

Styled Text 1

Hiện và double-click vào layer Text 02 để áp dụng Layer Style theo các bước sau:

Bước 3

Trong Blending Options, vào Advanced Blending, và bỏ chọn kênh R.

Advanced Blending Options

Bước 4

Click chọn hiệu ứng Outer Glow với những thiết lập:

  • Opacity: 50%
  • Color: #ffffff
  • Size: 10
Outer Glow Layer Style

Phần này sẽ tạo hiệu ứng màu xanh, nhưng sẽ không hiển thị ngay bây giờ, nhưng chúng ta sẽ tiếp tục làm việc này ở bước tiếp theo.

Styled Text 2

3. Hướng dẫn tạo hiệu ứng GlitchGlitch cơ bản

Bước 1

Chọn Công cụ Move Tool và sử dụng các phím mũi tên để di chuyển nhẹ các Text 01Text 02 sang các hướng ngược nhau để hiển thị màu đỏ và màu xanh, và nhận được kết quả mà bạn thích.

Nudge the Text Layers

Bước 2

Duplicate (Sao chép) cả 2 layer Text 01Text 02.

Duplicate Layers

Bước 3

Tạo một Layer mới trên đầu trang của tất cả các layer, đặt tên là Filters 01, và nhấn phím Option-Command-Shift-E để tạo ra một dấu ấn của tất cả các lớp bạn có.

Nhấp chuột phải vào lớp Filters 01, và chọn Convert to Smart Object.

Convert to Smart Object

Bước 4

Nhấn giữ phím Option và nhấp vào biểu tượng Add layer mask ở cuối bảng Layers để thêm lớp mặt nạ đảo ngược.

Add a Layer Mask

Bước 5

Duplicate (sao chép) layer Filters 01 và đổi tên thành Filters 02

Duplicate the Layer

4. Hướng dẫn làm việc với Layer Masks (mặt nạ)

Bước 1

Chọn Công cụ Rectangular Marquee Tool, tạo ra một số vùng chọn ngẫu nhiên trong các phần của văn bản và đảm bảo mở rộng các lựa chọn để tiếp cận bên ngoài trái và bên phải của văn bản.

Giữ đủ chiều dọc giữa các vùng chọn vì chúng ta sẽ tạo ra một số vùng chọn khác giữa chúng.

Create Selections

Bước 2

Chọn vào hình thu nhỏ của lớp Filters 01, và Điền vào vùng chọn bằng màu Trắng.

Nhấn Command-D để bỏ chọn.

Fill the Selection

Bước 3

Nhấn giữ phím Option và nhấp vào hình thu nhỏ của lớp mặt nạ của Filters 01 để hiển thị nó. Chúng ta sẽ sử dụng tham chiếu này để tạo các vùng chọn giữa các dòng chúng ta đã có.

Show the Layer Mask

Bước 4

Sử dụng Công cụ Rectangular Marquee Tool một lần nữa để tạo ra các đường kẻ hẹp hơn giữa những gì bạn có, nhưng giữ một số vùng không được chọn.

Create More Selections

Bước 5

Nhấn giữ phím Option và nhấp lại vào hình thu nhỏ lớp mặt nạ Filters 01 để lấy nội dung ban đầu, chọn hình thu nhỏ lớp mặt nạ Filters 02, và Điền vào vùng chọn mới bằng màu trắng.

Bỏ chọn sau khi bạn hoàn thành.

Fill the Selection

5. Hướng dẫn cách áp dụng hiệu ứng lọc Glitch

Bước 1

Chọn lớp Filters 01, vào Filter> Pixelate> Mezzotint, và thiết lập Type to Short Strokes.

Mezzotint Filter

Bước 2

Chọn lớp Filters 02, và vào Filter> Distort> Wave. Đây có thể là một bộ lọc nhanh để áp dụng, do đó bạn có thể cần phải thử các giá trị khác nhau cho đến khi bạn nhận được kết quả mong muốn.

Giá trị được thiết lập ở đây:

  • Number of Generators: 1
  • Wavelength:
    • Min. 1
    • Max. 106
  • Amplitude:
    • Min. 90
    • Max. 133
  • Scale:
    • Horiz. 6
    • Vert. 1
  • Type: Sine
  • Undefined Areas: Repeat Edges Pixels
Wave Filter Settings

Bước 3

Vào Filter> Pixelate> Mezzotint, và đặt Type to Long Strokes.

Mezzotint Filter

Bước 4

Vào Filter> Stylize> Wind, thiết lập Method thành Wind, và Direction to From the Right.

Wind Filter

Bước 5

Nếu bạn cần loại bỏ bất kỳ phần không mong muốn nào, hãy chọn hình thu nhỏ của lớp mặt nạ, chọn công cụ Brush Tool, và chọn một đầu cọ mềm mại.

Đặt Màu Foreground thành Black, và vẽ qua các vùng không mong muốn để ẩn chúng.

Hide Unwanted Areas

6. Hướng dẫn thêm Scanlines

Bước 1

Nhấp vào biểu tượng Create new fill hoặc adjustment layer ở cuối bảng điều khiển Layers và chọn Tìm kiếm màu.

Chọn bảng Fuji ETERNA 250D Fuji 3510 (by Adobe).cube từ menu 3DLUT File.

Color Lookup

Bước 2

Tạo một Layer mới trên đầu trang của tất cả các Layer, Đổ màu trắng cho nó, đặt tên cho nó là Scanlines, và chuyển nó sang Smart Object.

Đảm bảo ForegroundBackground Colors được đặt thành ĐenTrắng.

Create the Scanlines Layer

Bước 3

Vào Filter> Filter Gallery> Sketch> Halftone Pattern, và sử dụng những cài đặt sau:

  • Size: 1
  • Contrast: 5
  • Pattern Type: Line
Halftone Pattern Filter

Bước 4

Thay đổi Blend Mode của layer Scanlines sang Soft LightOpacity xuống 50%.

Layer Settings

Bước 5

Nhấp vào biểu tượng Create new fill or adjustment layer ở cuối bảng điều khiển Layers, chọn Pattern và sử dụng Pattern 1 Fill từ phần basic scanline patterns

Thay đổi Opacity của layer thành 25%

Pattern Fill Layer

7. Hướng dẫn tạo Noise Overlay (lớp phủ nhiễu)

Bước 1

Tạo một Layer mới trên đầu trang của tất cả các lớp, đổ nó với màu đen, đặt tên là Noise, và chuyển nó thành Smart Object.

Create the Noise Layer

Bước 2

Vào Filter> Texture> Grain, và sử dụng những cài đặt sau:

  • Intensity: 40
  • Contrast: 50
  • Grain Type: Stippled
Grain Texture Filter

Bước 3

Nhấp OK, và đi tới Filter> Texture> Grain và sử dụng các giá trị tương tự như bước trước.

Grain Filter Settings

Bước 4

Nhấp vào biểu tượng New effect layer ở góc dưới cùng bên phải, đi tới Sketch> Conté Crayon và sử dụng các cài đặt sau:

  • Foreground Level: 7
  • Background Level: 7
  • Texture: Canvas
  • Scaling: 100%
  • Relief: 4
  • Light: Top
Conte Crayon Filter

Bước 5

Thay đổi Blend Mode của Noise thành Linear Dodge (Add)Opacity của nó lên 20%.

Set Blend Mode to Linear Dodge

Bước 6

Sử dụng Công cụ Rectangular Marquee Tool để tạo các vùng chọn ngẫu nhiên trên toàn bộ tài liệu, nhưng cố gắng tránh tạo các vùng chọn lớn cho văn bản.

Create Random Selections

Bước 7

Nhấn Command-J để nhân đôi lựa chọn trong một New Layer, đổi tên nó thành Noise Lines và thay đổi Blend Mode của nó thành Color Dodge.

Add Noise Lines

Xin chúc mừng! Bạn đã hoàn tất

Trong hướng dẫn này, chúng ta đã tạo ra một vài Smart Object layer và sử dụng Blending Option và các layer styles để tạo hiệu ứng glitch.

Sau đó, chúng tôi tạo ra các lớp Filter, và điều chỉnh các layer Mask của chúng.

Cuối cùng, chúng ta đã dùng nhiều bộ lọc để hoàn tất hiệu ứng glitch, cũng như thêm một lớp hạt để trông thật hơn.

Vui lòng tự nhiên để lại bình luận, gợi ý, và kết quả của bạn bên dưới.

Glitch Text Effect Photoshop Tutorial
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.