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

Trang 1

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: Name: |Untitled-1 | Preset: Custom req | | pixels rey Width: | 1300 Height: /1000 | - pixels req | - pixels/inch ro 8 bit ry 4 Resolution: | 72

Color Mode: RGB Color x Background Contents: | White (vì Advanced Cancel ) "——;—_ “4 Save Preset ) Delete Preset ( Device Central ) Image Size: 3.72M Sau đó bạn vao Layer > New > Background from Layer và đặt tên là Background New Layer Name: Background |

Use Previous Layer to Create Clipping Mask

Color: | [_] None reed = Opacity: | 100 B % Mode: | Normal Ganekand eee Cancel )

Trang 3

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

sựe C Agnvith Laye

Trang 5

Styles Blending Options: Default aa Se ) inner Shadow ©) Outer Glow inner Glow (i Bevel and Emboss M Comtour (_)Texture ( Satin (A Color Overiay C) Gradient Overlay [_) Pattern Overlay sứ Stroke Structure tend Mode (Normal 0) I Opti): PP fis | Angie: Oe M (6 cobdide Distance: cÉỳ mm fo] px Size: epee | 10 px

Mi uy Knocks Out Drop Shadow C Make Detauit ) ( Reset to Default 5

Trang 8

Layer Style Stroke Styles Structure

Blending Options; Default Size: & i | px

4 Drop Shadow Position: Outside 3 _) laner Shadow Blend Mode Normal “9 _) Outer Glow > : Opacity, qe) | 100 % Mtener Giow Wi Bevel anc Emboss Fill Type | Gradient zs) ow Contour = _) Texture Style Linear Bp Iw Align with Layer wv Satin

M Color Overlay nae @ -45

) Gradent Overlay SA: m——{y————¬ li@o |% _) Partern Overlay ( Make Default ) ( Reset to Oefault ) wv Stroke » £ Cancel ` (New Style (w Preview A

Sau khi hoàn thành, bạn sẽ lưu style hiện tại lại đề áp dụng cho các bước sau Trong bảng Layer Style có nút New Style, đặt tên tùy ý cho style này, nhưng lưu ý là bạn nhớ đánh dấu chọn vào mục Include Layer Effects

New Style

“4 Name: | Effect One|

(w Include Layer Effects

_ Include Layer Blending Options

Grek) Teen

( ~.—>Ẩ 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

Trang 10

Eiendiag Options: Defauk ( Drop Shadow © Inner Shadow i Outer Clow i inner Clow ) Bevel and Embdoss () Contour ) Texture 2 Color Overlay (©) Pattern Overlay — Gradient Overlay —— Cradient Blend Mode: | Normal =) Opacity: nts [100 ]X

Cen: TET © towne

Trang 12

( Make Defauêt Í Reset to Oefault ) Sees HS HT” | (w ( 70) CC} Inner Shadœw s

sang xsô (TIET ve cos uo â Preview

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

Oa (Make Default) (Reset to Default )

~~ Inner Glow

aioe — Structure C—œ—)

a Blend Mode: (Norma 189 C Cancl )

{J drop Shadow Opacty: Qe [§ —

( Outer Glow ae Previe

ey || o h6 ) Bewel and Emboss —— Elements —— "

© Comour Technique: | Softer fey

C Satin Choke: Qs [0 %

© Color Overlay Size: e@pes [15 px

Gradient Overlay =

Ê) Pattern Overlay

O stroke contou:| a ©) Anti-atiased

Trang 18

~~ Drop Shadow = Structure Blend Mode: ( stutioy 6) I Opacity: qn 7szẽ22VÌ1⁄<^ jo |* «xe (TỒIE——T u«eesuen Distance: (Qe [4 | px Spread) (Qe =——————————— fo |* — Quality como: | dr} CÔ Anti-allased Nose fo |

Trang 21

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 đó

Trang 24

—— Gradient Overlay

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

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

(inner Shacow ca: BE D =

ÍC) Oưter Giow Preview

MS se Wign with Layer

Trang 26

In Cet) ` — Structure ——— | —m = ) Drop Shadow Opacity: cen} mm i (New Sie)

(i inner Shacow Noise: [8x

[C) Oưter Giow Ono aaa M Preview

Í—] Bevel and Emboss — Elements “« Ê_) Cortour Technique: | Softer $)

L_) Texture Source: Cemer @ Edge

} Satin ChokC: ( — fo‘

©) Color Overtay Size: qe [80 |px

C) Gradient Overlay anne () Pattern Overlay re comou:| “ẩI {_) Anti-allased Range, ———Xỳ—————— [số |x Jiter: Co m————————————¬ fo Ìx ( Make Default Reset to Default )

Trang 28

Nhi

Trang 29

— Drop Shadow — Structure Blend Mode: { Normal) AN Opacity: — [NÑ |x >> (m—T KĨ 0e Global Uọht Distance: mm [4] Spread: Qe [6 — ] Size: Em [is |x —— Quality con.“ Á_) Anti-atlased Nowe: [o — }

1 Layer Knocks Out Drop Shadow (Make Oefavit ) (Reset t0 Default )

Trang 31

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

() Bevel and Emboss — Elements LÌ

OC Contour Technique: |_Softer vi

( Texture Source:) Center @ Edge (Satin Choke: == fo |% (_) Gradient Overlay — Quality () Pattern Overtay O stroke cemeô:| n| â) Anti-allased Range: =—————X—m———— [so |% he: [o |x ( Make Defauit ) (Reset to Default )