Tự tạo Icon với hiệu ứng bằng layer Style

Tự tạo Icon với hiệu ứng bằng layer Style

Tw tao icon voi hiéu tng bang Layer Style

Không chỉ đơn thuan là tạo một icon, bai hướng dẫn sau còn giúp ban thuần thục trong việc dùng Layer Style để tạo hiệu ứng cho các layer Đầu tiên tạo một file có kích thước như sau:

Color Mode: RGB Color x

Background Contents: | White

Use Previous Layer to Create Clipping Mask

Color: | [_] None reed

Vao Layer Style bang cach double click vao layer background vừa tạo, sau

đó chỉnh những thông số như sau

(make Oetauit) (Reset to Default )

shed ce Gratien: [TT O beverse (New Style ) a

sựe C Agnvith Laye

Tiếp theo, chọn Custom Shapes Tool > Circle Thin Frame Giữ Shift vào kéo rê chuột tạo ra một vòng tròn vừa phải Double click vào layer chứa vòng tròn vừa tạo để mở bảng Layer Style và chỉnh thông số như trong hình.

Mi uy Knocks Out Drop Shadow

C Make Detauit ) ( Reset to Default 5

(Make Default) (Reset to Default )

Preview

Layer Style

Stroke Styles

Structure

Blending Options; Default Size: & i | px

4 Drop Shadow Position: Outside 3

M Color Overlay nae @ -45

) Gradent Overlay SA: m——{y————¬ li@o |%

New Style

“4 Name: | Effect One|

(w Include Layer Effects

_ Include Layer Blending Options

( ~.—>Ẩ Cancel ›

Nhân đôi layer chứa vòng tròn lên một lần, nhắn Ctrl + T rồi thu nhỏ kích thước của vòng tròn vừa tạo sao cho vòng tròn này năm gọn trong vòng tròn ban đâu, áp dụng các thông sô sau vào Layer Style của vòng tròn đó rôi save style lại như bước trên

Cen: TET © towne

Style: [Angie 1) A Align with Layer

Sale: =———— 100 |X

( Make Defaux ) (Reset to Default )

Chọn Ellipse tool, giữ phím Shift và tạo một hình tròn nhỏ Tiếp tục áp dụng một số layer style sau vào hình tròn đó.

inner Glow Distance: (pe [4 | px

© Bevel and Emboss Spread: Qe fo |x = (Contour Sze mm [s lpx

© Texture =

(Satin

©) Color Overtay comowr:| () Anti-aliased

A Gradient Overiay Noise: Gr fo |%

= A Layer Knocks Out Drop Shadow

~~ Inner Glow aioe — Structure C—œ—)

a Blend Mode: (Norma 189 C Cancl )

© Comour Technique: | Softer fey

C Satin Choke: Qs [0 %

Gradient Overlay =

Ê) Pattern Overlay

O stroke contou:| a ©) Anti-atiased

Đến đây, bạn vẫn dùng Ellipse Tool, giữ Shift và tạo ra một vòng tròn lớn, đây chính là vòng tròn to trong icon Safari Để dùng lại những Style chúng

ta đã save từ đầu, bạn nhớ chọn layer chứa vòng tròn vừa tạo, vào Window > Styles, bạn sẽ thấy trong bảng vừa hiện ra có Style được bạn save lúc đâu, click trái chọn Style này

Nhân đôi layer vòng tròn lớn, thu nhỏ lại và áp dụng style thứ hai được save cho vòng tròn này.

Dùng Ellipse Tool, vẽ một vòng tròn khác nằm giữa vòng tròn nhỏ Áp dụng các Layer Style sau cho vòng tròn vừa tạo.

— Quality 7 o=-— |

Range: que} 100 % her Oe [6 —}x

(_ Make Default) (Reset to Default )

Đồng thời thêm Gradient Fill cho layer nay

Bước tiếp theo đòi hỏi khá nhiều sự kiên nhẵn cũng như khéo tay, chọn công

cụ Rectangular Marquee Tool, vẽ một hình chữ nhật nhỏ, Fill màu trằng, nhân đôi layer này lên nhiều lần và xếp thành một vòng tròn như trong hình Sau đó chọn tất cả những layer hình chữ nhật lai, nhan Ctrl + E để gộp lại làm một, cho mode màu là Overlay

XÃ

gu? "a4

Dùng Circle Thin Frame để tạo hai vòng tròn nhỏ như hình, gộp hai layer đó

lai lam mot va cho Fill bang 10%.

Dùng Ellipse Tool, tạo một vòng tròn lớn băng vòng tròn màu xanh, áp dụng các style sau cho vòng tròn đó.

Opacity: nt [15x Noise: Qe fo }%

—— Gradient Overlay

terdeg Osten cose | | | gang Mee: (new te 18) (Cancel)

() Drop Shadow Opacity: =a [ioe |*% N 6S

(inner Shacow ca: BE D =

©) Bevel and Emboss woe (1) %° ~&«:°

Sue: mm |3 |px

— Quality comoe: | dy Á_) Anti-atlased Noise: (ee [o — ]

(i inner Shacow Noise: [8x

Í—] Bevel and Emboss — Elements “«

Ê_) Cortour Technique: | Softer $)

L_) Texture Source: Cemer @ Edge

} Satin ChokC: ( — fo‘

C) Gradient Overlay anne

() Pattern Overlay

Range, ———Xỳ—————— [số |x Jiter: Co m————————————¬ fo Ìx

( Make Default Reset to Default )

Nhi

Tiếp theo bạn tạo ra một hình cây kim trong la bàn, áp dụng style sau cho layer này

—— Quality con.“ Á_) Anti-atlased Nowe: [o — }

Tạo một vòng tròn nhỏ năm trên cây kim vừa tạo và cho các thông sô sau vao Layer Style.

CO) nner Shadow Nose ———————b An %

() Bevel and Emboss — Elements LÌ

OC Contour Technique: |_Softer vi

( Texture Source:) Center @ Edge

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

Một bài hướng dẫn khá dài và phức tạp phải không các bạn? Bài hướng dẫn này chủ yếu sử dụng các layer style để tạo ra hiệu ứng 3D giả cho hình Nếu muốn download file PSD đã hoàn thành để tham khảo, bạn có thể download tại đây photoshoptutorials.ws/downloads/psd/SafarI.zip Chúc bạn thành công!