[Photoshop] Hướng dẫn tạo hiệu ứng chữ retro đơn giản trong Photoshop

Cùng học Photoshop qua bài hướng dẫn tạo hiệu ứng chữ Retro đơn giản này nhé! Cách thực hiện rất đơn giản nhưng cho ra hiệu ứng rất đẹp và độc đáo! 

(Bài viết của thành viên Min Tz trên diễn đàn Việt Designer - Diễn đàn đồ họa lớn nhất Việt Nam)

Cùng thực hiện qua các bước sau nhé :)

Bước 1:
Tạo 1 document mới với size là 800x600px, duplicate layer Background rồi double-click vào layer Background copy chỉnh Gradient Overlay:

• Dither: check
• Style: Radial
• Scale: 150%
• Gradient dùng 2 màu là #c8c5b8 và #aaa593

Bước 2:
Nhân đôi layer Background copy – chuột phải ở layer mới – Rasterize Layer Style. Để màu Foreground là #c8c5b8 và Background là #aaa593

Bước 3:
Chọn Filter – Noise – Add noise

• Amount: 5
• Distribution: Uniform
• Monochromatic: check

Bước 4:
Đổi Blend Mode layer Background copy 2 sang Darken

Bước 5:
Add thêm Levels

• Shadows: 72
• Gamma: 1.05
• Highlights: 236

Bước 6:
Viết chứ

• Font: Freshman Normal
• Size: 150pt
• Color: #43a0a8
• Kerning: Optical

Bước 7:
Duplicate layer text rồi kéo xuống dưới layer gốc

Bước 8:
Chọn Edit – Free Transform (Ctrl + T) rồi kéo chữ xuống 1 px, sang phải 1 px

Bước 9:
Duplicate layer text copy lên 10 lần đến text copy 11

Bước 10:
Chọn tất cả 11 layer text copy rồi đổi màu chữ sang #c7b299

Sau đó chuột phải, chọn Convert for Smart Filters

Bước 11:
Đổi tên layer vừa convert thành 3D Extrusion, duplicate layer đó, đổi tên layer copy thành Shadow rồi kéo xuống dưới layer 3D Extrusion

Bước 12:
Ở layer chữ, double-click chỉnh Stroke:

• Size: 2
• Position: Inside
• Color: #f2eee1

Chỉnh tiếp Inner Shadow:

• Color: #464646
• Opacity: 100%
• Use Global Light: Uncheck
• Angle: 129
• Distance: 5
• Spread: 50
• Size: 2

Tiếp đến Pattern Overlay:

• Blend Mode: Soft Light
• Pattern: Fine diagonal lines (trong file resource)

Bước 13:
Double-click vào layer 3D Extrusion, chỉnh Bevel and Emboss:

• Technique: Chisel Hard
• Size: 13
• Use Global Light: Uncheck
• Angle: 82
• Altitude: 11
• Anti-aliased: Check
• Highlight Mode – Opacity: 0%

Contour:

• Anti-aliased: Check

Color Overlay:

• Color: #265559

Bước 14:
Ở layer Shadow, chọn Filter – Blur – Motion Blur:

• Angle: -55
• Distance: 20

Sau đó đổi Blend Mode của layer sang Multiply.
Bước 15:
Add thêm Hue/Saturation:

• Saturation: -65
• Chỗ bôi đỏ: Check

Và đây là kết quả cuối cùng:

Chúc các bạn thành công!

Nguồn: http://vietdesigner.net/2015/03/huong-dan-hieu-ung-chu-retro-bang-photoshop/

Ghé thăm Ánh Box Féc Blog để luôn cập nhật những tut đồ họa, tut Photoshop, tut Illustrator thú vị nhất nhé!
Tut Photoshop
Tut Illustrator

Read More

[Ai] Thiết kế logo Google Chrome phong cách phẳng bằng Illustrator

Hôm nay mình sẽ giới thiệu đến các bạn bài hướng dẫn vẽ logo Google Chrome bằng Illustrator rất thú vị được chia sẻ bởi thành viên Dù Kun VietDesigner trên diễn đàn Việt Designer - Diễn đàn đồ họa lớn nhất Việt Nam nhé!

Bài Tut Illustrator gồm 9 bước đơn giản như sau. Chúng ta cùng làm nhé :)

Google Chrome Logo - Tut Illustrator

Bước 1: Tạo một file mới với kích thước như sau:

Ctrl + K sau đó vào bảng tùy chọn thiết lập ở tab Guides & Grid: Mục Grid thiết lập như sau:

​

Menu View chọn Show Grid (Ctrl +“) và Snap to Grid (Shift + Ctrl +“) và đừng quên bật Info để làm việc được dễ và đúng  (Windows -> Info)

Bước 2: Dùng công cụ Ellipse Tool (L) thiết lập kích thước cho nó là 130px sau đó phóng to lên để làm việc được dễ dàng hơn.

Vẫn chọn đối tượng sau đó vào menu Object -> Path -> Offset Path và thiết lập thông số:

Chọn hình tròn thứ 2 và tiếp tục đi vào menu Object -> Path -> Offset Path và lại thiết lập thông số như sau:

Kết quả:

Bước 3: Ta dùng công cụ Pen Tool (P) sau đó vẽ ra một đường thằng với chiều dài là 60px (bỏ chọn Fill và chọn Stroke 1px)

Vẫn chọn đường Path này ta vào menu Effect -> Distort & Transform -> Transform thiết lập các thông số như sau: Mục đích là để nhân 2 đường Path kia và xoay nó theo đúng ý mình làm.

Bây giờ vào menu Object -> Expand Appearance.

Bước 4: Bây giờ nhìn sang panel Layer ta sẽ thấy sau khi Expand Appearance nó sẽ tự động cho vào một nhóm (Group) và chúng ta chọn nó và nhấn Shift + Ctrl + G 2 lần để tách chúng ta thành các layer riêng biệt ra khỏi nhóm.

Bước 5: Bây giờ chọn công cụ Pen Tool (P) và nối tiếp vào các điểm neo cuối của đường path với kích thước chiều dài từ góc xuống dưới là 15px

Tiếp tục nối từ các đường path kia như vậy với chiều ngang của 2 đường path cuối cùng vẫn là 15px

Bây giờ nhân đôi chúng lên bằng cách chọn tất cả 3 đối tượng này và nhấn Ctrl + C sau đó nhấn Ctrl + F để copy chúng lên đầu.

​

Bước 6: Chọn 2 hình tròn ban đầu sau đó mở panel Pathfinder ra rồi chọn chế độ cắt Minus Front

Kết quả tiếp theo:

Bước 7: Chọn lại 3 đường path gốc mà nãy ta nhân đôi nó lên và chọn vòng tròn bên ngoài đầu tiên sau đó sử dụng chế độ cắt Divide của panel Pathfinder để cắt từ từng mảng ra, mục đích để chúng ta tô màu cho từng mảng này theo đúng logo của nó.

Sau khi cắt xong nó sẽ tự động gộp tất cả các đối tượng này lại thành một nhóm. Bắt đầu từ bước này mình sẽ có panel Layer để các bạn làm được dễ hơn. Bây giờ nhìn vào panel Layer đó ta sẽ thấy có một layer nhóm (Group) có 4 layer con bên trong nó, ta tìm layer như trong hình và xóa bỏ nó đi.

Tiếp ta chọn lại Group này và nhấn Shift + Ctrl + G để tách nó ra khỏi nhóm.

Bước 8: Bây giờ ta bắt đầu thay màu cho nó:

Dùng công cụ Direct Selection Tool (A) chọn từng mảng một rồi dùng màu Gradient thiết lập các mã màu và điều chỉnh các góc độ cho nó như sau. (Nhìn kỹ hình minh họa để tránh nhầm lẫn và sai)

Mảng thứ hai: Màu vàng ta thiết lập giống như trong hình:

Và mảng màu xanh:

Và hình tròn bên trong:

Bước cuối cùng: Ta bắt đầu dựng đổ bóng cho nó (Chả biết gọi đổ bóng có đúng không nữa)

Dùng công cụ Direct Selection Tool (A) chọn vào hai điểm neo cuối của đường path này và nhấn Ctrl + J để nối chúng lại với nhau.

Bỏ chọn màu của Stroke và thiết lập mã màu cho nó ở Fill.

Bây giờ nhìn vào từ panel Layer ta chọn lại đối tượng màu vàng của logo sau đó nhân đôi nó lên với lệnh Ctrl + C và Ctrl + F

Chọn đối tượng mảng màu vàng mà ta đã nhân đôi nó lên với đối tượng đổ bóng và dùng chế độ cắt Intersect để cắt hoàn chỉnh.

Làm tương tự như trên với 2 mảng còn lại với mã màu như sau:

Kết quả cuối cùng ta có được.

Chúc các bạn thành công!

Nguồn: http://vietdesigner.net/2014/04/thiet-ke-logo-google-chrome-illustrator/

Ghé thăm Ánh Box Féc Blog để luôn cập nhật những tut đồ họa, tut Photoshop, tut Illustrator thú vị nhất nhé!
Tut Photoshop
Tut Illustrator

Read More