Chuyển đến nội dung chính

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.

Nhận xét

Bài đăng phổ biến từ blog này

Hướng Dẫn Thiết Kế Navigation với Photoshop

Nav­i­ga­tion rõ ràng là một trong những khía cạnh quan trọng nhất của thiết kế web về tính khả dụng, nhưng, ngoài ra, nó còn có là một tâm điểm của diện mạo thiết kế. Các But­ton của thanh Nav­i­ga­tion, thanh Bar và Menu mang đến cho nhà thiết kế cơ hội tuyệt vời để sáng tạo và bổ sung một vài phong cách mới vào thiết kế. Đối với mục đích này, công cụ nào được sử dụng tốt hơn Photoshop? Đây là một bộ sưu tập gồm 45 hướng dẫn sẽ giúp bạn tạo ra một thanh Nav­i­ga­tion hoàn hảo. Một số hướng dẫn tạo ra kết quả cuối cùng tương tự như một hướng dẫn khác trong danh sách này, nhưng bạn có thể tìm hiểu một điều khác lạ từ mỗi một hướng dẫn vì cách tiếp cận tới mỗi bài hướng dẫn này là khác nhau. Stun­ning Vista inspired menu từ PSDTuts Slick blue nav­i­ga­tion menu từ SigTutorials Glossy nav­i­ga­tion bar từ Core GFX Quick glass buttons từ Bits O’ NewMedia Basic sleek button từ psFreak.com Sleek but­tons từ OriginMaker Vista styled button ...

[File Cad] Khách Sạn Kaya – 4 Sao

Là đơn vị trực thuộc công ty xây dựng Hiệp Hòa, khách sạn Kaya mang đẳng cấp quốc tế tiêu chuẩn tương đương 4 sao tọa lạc tại số 238 đại lộ Hùng Vương – Trung tâm TP. Tuy Hòa, Tỉnh Phú Yên. Dưới đây là 1 số bản vẽ Mặt Bằng, Mặt Cắt, Kết Cấu.. của Khách Sạn Kaya này mà mình sưu tầm được. Công trình gồm 1 tầng hầm, 1 trệt, 1 lửng và 13 lầu.Với tổng chiều cao 55.4m Tên File: File Cad – Kaya Hotel (4 Sao) – Cty XD Hiệp Hòa – TP. Tuy Hòa – Phú Yên Download: Mặt Bằng – Kaya Hotel (01 File .DWG – Size: 4.5 Mb) Download: Mặt Cắt – Kaya Hotel (01 File .DWG – Size: 1.9 Mb) Download: Kết Cấu – Kaya Hotel (05 File .DWG – Size: 2.5 Mb) Download: Phối Cảnh – Kaya Hotel (02 File .JPG – Size: 1.5 Mb) Link Download Toàn Bộ File Trên: http://www.mediafire.com/?gi9e2e82awvdvse (10 Mb) Thông Tin: Nguồn: Sưu Tầm – Upload by www.danxaydung.tk Hình Demo: (theo danxaydung.tk)

Phần Mềm Học AutoCad 2D & 3D

Bữa trước có mua cái đĩa học AutoCad, thấy cũng khá có ích, nên upload cho mọi người xài. Trong ebook này, có tiếng thuyết minh + hình minh họa + video + bài tập.. Cách đọc ebook rất trực quan… Nói chung khá ổn. Ai cảm thấy cần thì down :D Tên File: Ebook – Phần Mềm Tự Học AutoCad 2D & 3D Link Download: http://goo.gl/WqDXw (Nén .RAR) Link Download Dự Phòng: http://www.mediafire.com/?5058m6m1c3qgsda Thông Tin: Chạy ngay không cần cài đặt – Size: 77Mb – Upload by www.danxaydung.tk AutoCAD là phần mềm ứng dụng CAD để làm bản vẽ kỹ thuật bằng vectơ 2D hay bề mặt 3D, được phát triển bởi tập đoàn Autodesk. Với phiên bản đầu tiên được phát hành vào cuối năm 1982, AutoCAD là một trong những chương trình vẽ kĩ thuật đầu tiên chạy được trên máy tính cá nhân, nhất là máy tính IBM. Ngược lại, phần nhiều phần mềm vẽ kĩ thuật thời này được sử dụng trên thiết bị đầu cuối đồ họa (graphics terminal) nối với máy tính lớn hay máy trạm. Những phiên bản trước của AutoCAD sử dụng các thực th...