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 đơn thuan tạo icon, bai hướng dẫn sau giúp ban thục việc dùng Layer Style để tạo hiệu ứng cho layer Đầu tiên tạo file có kích thước sau: Name: |Untitled-1 Preset: | Custom req Cancel “4 Width: | 1300 | | pixels rey Height: /1000 | - pixels req | - pixels/inch Resolution: | 72 Color Mode: RGB Color x bit Save Preset ) Delete Preset ( Device Central ) ro ry Background Contents: | White ) "——;—_ Image Size: (vì Advanced 3.72M Sau bạn vao Layer > New > Background from Layer đặt tên Background New Layer Name: Background | Use Previous Layer to Create Clipping Mask Color: | [_] None Mode: | Normal reed = Ganekand eee Cancel ) Opacity: | 100 B % Vao Layer Style bang cach double click vao layer background vừa tạo, sau chỉnh thơng số sau rl Blending Options: Oefault (2 Bevel and Emboss © Comour ©) Texture D Satin (Color Overlay Gradient Overlay C Pattern Overlay © Stroke (make Oetauit) (Reset to Default ) shed ce CC] Bevel anđ Emboss CO satin Gratien: [TT sựe O beverse C Agnvith Laye woe) Á Make Defaưt ) (New Style ) a * (Reset to Defauit ) Sau hoàn thanh, bạn có cho lớp background nhu sau: Tiếp theo, chọn Custom Shapes Tool > Circle Thin Frame Giữ Shift vào kéo rê chuột tạo 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 chỉnh thông số hình Styles s: Default Blending Option aa Se ) inner Shadow ©) Outer Glow inner Glow Emboss (i Bevel and M Comtour Structure tend Mode (Normal0) I fis Opti): PP Angie: Oe Distance: cÉỳ mm Size: epee M (6 | cobdide fo] | 10 px px (_)Texture ( Satin (A Color Overiay C) Gradient Overlay [_) Pattern Overlay sứ Stroke dow Knocks Out Drop Sha ult Defa ( Reset to auit ) Mi uy C Make Det Ranot: =====~é====== Jitter: Qe |i0 fo % |x ( Make Oefauit ) (Reset to Default ) ( Make Default) (Reset to Default ) Styles Blending Options: Default Drop Shadow — Satin — Structure BlesdMode (Sơen |) Opacity: os [100 |X Inner Shacow () Outer Glow Inner Glow W Bevel and Emdoss @ Contour (Texture Color Overlay Duanc(: ÁP mm Sze: [8 — Qn 20 ]ex px conor (A) Oe ( Make Default ) Í Resetto Default ) () Gradient Overlay C) Pattern Overlay Stroke Styles Blending Options: Default M Drop Shadow © inner Shadow ( Outer Clow Innes Glow Bevel and Emboss (Make Default) et ) to Default (Res Preview Layer Style Stroke Styles Structure Blending Options; Default Size: Drop Shadow _) Outer Glow Position: Opacity, Wi Bevel anc Emboss | px Outside Blend Mode Mtener Giow i “9 > qe) : | 100 % Fill Type | Gradient zs) wv Satin M Color Overlay ) Gradent Overlay = Style nae Linear @ SA: Cancel ` (New Style Normal ow Contour _) Texture £ Bp Iw (w Preview A _) laner Shadow & Align with Layer -45 m——{y————¬ li@o |% _) Partern Overlay ( wv Stroke Make Default ) ( Reset to Oefault ) » Sau hoàn thành, bạn lưu style lại đề áp dụng cho bước sau Trong bảng Layer Style có nút New Style, đặt tên tùy ý cho style này, lưu ý 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 lần, nhắn Ctrl + T thu nhỏ kích thước vịng trịn vừa tạo cho vòng tròn năm gọn vịng trịn ban đâu, áp dụng thơng sơ sau vào Layer Style vịng trịn rơi save style lại bước —— Outer Glow ~~ Structure ted ee Opacity: —[ ]x Ê) Bner Shađow inner Glow () Bevel and Emboss Ơ) Contour CC) Texture ®[IOL _— -=R — Elements renin Tat > Size: Oe ©) Color Overtay Gradient Overlay () Pattern Overiay fo ]% h | px — Quality i] como: | dy) CD anti-aliased Stroke ter, que 100 % ( Make Defaướt ( Resetto Default ) ( Make Default ) (Reset t0 Default ) © Inner Shadow () Bevel and Emboss C Texture Satin ©) Color Overiay WA Gradient Overlay (Pattern Overlay —— Eiendiag Options: Defauk ( Drop Shadow © Inner Shadow i Outer Clow i inner Clow Cradient Blend Mode: | Normal =) Opacity: nts [100 Cen: TET Style: [Angie ]X © towne Hel — Gradient Overlay 1) A Align with Layer () Contour ) Texture Sale: =———— ( Make Defaux ) B ) Bevel and Embdoss 100 |X (Reset to Default ) Color Overlay (©) Pattern Overlay Đến có sau: Đồng thời thêm Gradient Fill cho layer style: (Radial 1) Angle: © Scale:|100 100 90 |* |] |#Ì% =eReverse |_| Dither vi Align with layer Và kết ... thành, bạn lưu style lại đề áp dụng cho bước sau Trong bảng Layer Style có nút New Style, đặt tên tùy ý cho style này, lưu ý bạn nhớ đánh dấu chọn vào mục Include Layer Effects New Style “4 Name:... Tool, giữ Shift tạo vòng tròn lớn, vịng trịn to icon Safari Để dùng lại Style 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 thấy bảng vừa có Style bạn save lúc... Shift vào kéo rê chuột tạo 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 chỉnh thơng số hình Styles s: Default Blending Option aa Se ) inner Shadow ©) Outer