Hiệu Ứng trừu tượng cho Text

unky là các hiệu ứng text trừu tượng có thể mang lại kết quả cực kỳ ấn tượng. Cho dù các hiệu ứng này như đang bốc lửa, như dễ gây kích động, các hiệu ứng cực cool và sáng bóng; retro hay gồm các thành phần vec­tor phức tạp, các kỹ thuật được sử dụng trong các hiệu ứng text trừu tượng được áp dụng gần như trong tất cả các lĩnh vực thiết kế.
Trong hướng dẫn này, với rất vô số chi tiết và các hình ảnh chụp trên màn hình (screen­shot), bạn sẽ tìm hiểu làm thế nào để tạo ra hiệu ứng Funky Text tuyệt vời đó, theo từng bước trong hướng dẫn. Nghệ sĩ Bruno Kenzo, thạc sĩ trong lĩnh vực kỹ thuật số sẽ hướng dẫn bạn theo quy trình làm việc chi tiết của ông, những gì mà ông đã sử dụng để tạo ra tác phẩm của mình, FUNK-IT, và nó đã được công nhận trong cộng đồng thiết kế như Daily Devi­a­tion trên DeviantART. Bạn sẽ học cách sử dụng các Clip­ping mask, rất nhiều các Layer mode và các kỹ thuật pha trộn, và với nhiều các hiệu ứng khác để tạo ra hiệu ứng Funky Text tuyệt vời này.
Hãy cho chúng tôi biết suy nghĩ của bạn trong phần bình luận, và chúng tôi hi vọng rằng bạn sẽ thích thú với hướng dẫn này.

Công cụ được sử dụng:

  • Adobe Pho­to­shop
  • Các hình ảnh sẵn có (xem dưới đây)

Nguyên liệu:

Xem trước hình ảnh tác phẩm chúng ta sẽ tạo ra (Nhấp chuột vào để xem hình ảnh với kích thước đầy đủ):

FUNK IT by K3nzuS 1024x384 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Xin chào tất cả các bạn. Trước hết, Tôi hi vọng nhờ vào việc đọc hướng dẫn này,các bạn có thể học được một điều già đó, không chỉ là tạo ra một tác phẩm như thế này mà còn có thể sử dụng trong các tác phẩm khác. Trong suốt hướng dẫn, tôi sẽ giải thích một vài thủ thuật và các hiệu ứng mà tôi nghĩ nó thực sự phù hợp với mọi phong cách.
Bạn sẽ học cách để tạo ra một hiệu ứng “Funky” chất lượng cao cho Text của bạn với các màu sắc sống động và rất nhiều chi tiết khác. Bây giờ, chúng ta cùng bắt đầu.
Tạo một doc­u­ment mới trên Pho­to­shop và thiết lập kích thước mà bạn thích, Đối với doc­u­ment của mình, tôi sử dụng kích thước 40 x15 cm 200pi và 16bits/ chan­nel, bởi vì tôi in nó ra và với 16 bít, các gra­di­ent sẽ trở nên nhẵn, bóng hơn.
Vì vậy, hãy bổ sung Radial Gra­di­ent với các các cài đặt sau:
01 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
01 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Thêm một số các tinh vân có sẵn và thay đổi Blend­ing mode sang Lin­ear Dodge (Add) và Fill: 60%
Thêm Text mà bạn thích vào và chọn một phông chữ có “kiểu chữ dày” như Impact, Dad­dy­Dont­Disco, GeistRND, bởi vì bạn sẽ có nhiều không gian làm việc hơn.
02 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
02 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Chúng ta bắt đầu với một vài nét xung quanh từ mà chúng ta đã chọn
1 — Chọn ký tự mà bạn muốn gắn nét.
03 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
2 — Vào Edit> Stroke và sử dụng các giá trị như hình ảnh sau đây.
03 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
3 — Chọn một số cơ bản màu sắc như vàng, đỏ, đen, trắng, hoặc một màu sắc nào đó như những màu sắc này, và di chuyển một vài pixel lên trên và sang phải. Hãy thử với Blend­ing mode như Color Dodge hoặc Lin­ear Dodge (Add), bởi vì chúng thực sự rất phù hợp.
Hoặc nếu bạn thích, bạn có thể sử dụng Layer Blend­ing Options, nhưng tôi nghĩ là không nên, bởi vì nếu bạn đang bắt đầu với Pho­to­shop, sẽ có một chút khó khăn khi thay đổi Blend Mod.
03 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
3 3 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Chọn một số hình ảnh Tex­ture và tạo Clip­ping Mask với text này:
1 — Chọn ký tự mà bạn muốn tạo một Clip­ping Mask.
2 — Đặt hình ảnh có sẵn trên một layer khác như hình sau.
3 — Sau đó, lựa chọn hình ảnh có sẵn duy nhất và vào Layer> Cre­ate Clip­ping Mask (Ctrl + Alt + G).
4 – Một mũi tên nhỏ sẽ xuất hiện trên Layer hình ảnh có sẵn đó. Có nghĩa là hình ảnh có sãn này đã được liên kết tới Let­ter Layer.
5 — Chọn cả hai layer và vào Layer> Merge Down (Ctrl + E). sẽ biến đổi lần lượt từng layer một.
6 — Thay đổi Blend­ing mode sang Soft Light hoặc Over­lay, di chuyển một vài pixel và nhấn phím Delete. Bạn sẽ nhận được một cái gì đó như trong hình bên dưới:
4 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
4 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
4 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
4 3 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
4 4 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
4 5 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Bây giờ, chúng ta sẽ bắt đầu với Clip­ping Mask Part: chọn một số hình ảnh có sẵn hoặc 3D Ren­der, xem cái nào phù hợp với phong cách mà bạn đang làm. Tôi chọn một vài Cin­ema 4D Ren­der cũ như head­phone, str­ereo, các thiết bị DJ, súng và một vài hình ảnh trừu tượng.
5 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Đặt các Ren­der này, mỗi cái trên mooiix layer khác nhau như trong hình bên dưới: Red Layer là nhóm (Ctrl + G), Yel­low Layer là tất cả các Clip­ping mask. Và Blue Layer có Text object.
5 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Trong trường hợp này, tôi chọn một trong những thiết bị ren­der DJ của tôi. Các layer nằm bên trong khung màu đỏ được liên kết (Clip­ping mask) với Typog­ra­phy (Yel­low layer). Thử Blend­ing mode như Color Dodge, Lin­ear Dodge (Add), Over­lay, Soft Light và Screen, và thay đổi Opac­ity và Fill như bạn thích.
6 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
6 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
6 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Dưới đây là những ví dụ về hiệu ứng này:
6 3 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
6 4 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Thêm một số hạt 3D (hiệu ứng nổ) trong tác phẩm của bạn và thay đổi Blend mode sang Soft Light hoặc Overlay.
7 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
7 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Bây giờ, chúng tôi sẽ thêm các chi tiết: chọn một vài khối hình cầu 3D, thay đổi Blend mode sang Soft Light hoặc Over­lay và thay đổi Opac­ity như bạn thích.
8 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
8 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Và đây là những ví dụ khác:
8 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Chọn một số Ren­der 3D và thêm chúng vào tác phẩm của bạn. Trong ví dụ này, khử bão hòa (desat­u­rate) nó, nhấn phìm (Shift + Ctrl + U), tôi xoay nó và thay đổi Blend mode sang Color Dodge. Trong trường hợp này, tất các các object nằm trên Color Dodge, Lin­ear Dodge, Screen, Over­lay hoặc Screen và chúng nằm trong 3D Objects Group.
9 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
9 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Các ví dụ:
9 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
9 3 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Bây giờ chúng ta sẽ thêm một số Brush Line (nếu bạn có một Pen Tablet, công việc của bạn sẽ trở nên dễ dàng hơn). Hãy thử sử dụng một pixel (đường kính) và màu sắc cơ bản như màu đỏ, đen hoặc trắng.
101 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Và bây giờ, tôi nghĩ đây là phần quan trọng nhất của hướng dẫn này: Illu­mi­na­tion (ánh sáng )và Color (màu sắc). Chọn Bokeh Effect Tex­ture với màu sắc sống động như màu đỏ với màu cam hoặc màu vàng và thay đổi Blend mode sang Over­lay, thay đổi Opac­ity để phù hợp tố hơn trong hỗn hợp.
11 0 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
11 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
11 2 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Bên cạnh đó, thêm một số Adjust­ment Layer như Lev­els, Selec­tive Color và Curves để điều chỉnh ánh sáng của tác phẩm. Để cải thiện một số phần, sử dụng Brush Tool với một bút vẽ tròn, mềm và thay đổi Blend mode sang Soft Light hoặc Over­lay. Các cách cài đặt Lev­els và Brush tạo ra một điều gì đó như hình ảnh.
11 3 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
11 4 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Dưới đây là một số ví dụ:
11 5 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Thêm một số khối hình cầu 3D trong Fore­ground và Back­ground. Vì vậy, áp dụng Fil­ter> Blur> Gauss­ian Blur và thiết lập bán kính từ 3–5 pixel. Hãy thử một số Blend mode như Nor­mal hoặc Over­lay, vì chúng thực sự phù hợp.
121 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Cuối cùng, chúng tôi đã hoàn tất! Sửa chữa một số chi tiết. Gắn vào một Sharpen Fil­ter…
Và đây là Layer Win­dow với tất cả các object.
131 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
13 1 Thiết Kế Hiệu Ứng Trừu Tượng cho Văn Bản   thiết kế web
Vì vậy, tôi hy vọng hướng dẫn này mang lại niềm vui cho bạn và bạn sẽ học được một điều gì. Tôi cũng hi vọng sẽ thực hiện được nhiều hướng dẫn từ tác phẩm của tôi nhờ vào việc đọc hướng dẫn này.

Vui lòng viết tiếng Việt có dấu!!!
EmoticonEmoticon

QUẢNG CÁO TẠI ĐÂY