Sử dụng Layer Style trong Photoshop để tạo Icon ( Safari )

Sử dụng hộp thoại Layer Style trong Photoshop để tạo Icon. học Photoshop các hiệu ứng trong hộp thoại Layer Style ( hình ảnh kèm theo ) cho việc tạo một Icon trong Đồ họa. Căn chỉnh sắp xếp Layer các bảng thông số. Bài viết chủ yếu trình bày các hiệu ứng và cách áp dụng các Layer Style.

Gradient : Color 1 Hex : # = ffffff Color 2 Hex : # = f6f8bd

4

Color 1, Color 3 : Hex # = ffffff Color 2 Hex # = 929191

6

Color 1 Hex # = 767676 Color 2 Hex # = ffffff

BƯỚC 8.

Nhân đôi Layer chứa vòng tròn lên một lần đổi tên Layer này là “Inner Ring”, 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 ( Layer “Outer Ring”), áp dụng các thông số sau vào Layer Style sau vào Layer “Inner Ring” rồi lưu lại như ở trên

10

Hex # = 545a64 Hex # = d2d2d2

Sau khi thiết lập các thông số Layer Style cho Layer “Inner Ring" chúng ta lưu lại Style này như sau.

12

BƯỚC 9.

Đến đây chúng ta được một hình như sau

BƯỚC 10

Tiếp theo, Chọn công cụ Elliptical Marquee Tool ( Phím tắt là M ), Click và giữ phím Shift để tạo một hình tròn nhỏ kích thước là 80 x 80 (px ) đặt tên Layer này là Layer “ Small Circle ” đổ màu cho Layer này Sau đó áp dụng một số Layer Style như sau với Layer “ Small Circle ” này

14

Sau khi thiết lập xong các Layer Style với Layer “ Small Circle ” chúng ta cũng lưu lạiStyle này như bước trên

16

BƯỚC 11 Kết quả sẽ như hình sau đây.

BƯỚC 12.

Đến đây, bạn vẫn dùng công cụ Ellipse Tool, giữ Shift và kéo để tạo một vòng tròn lớnđặt tên cho Layer này là Layer “ Outer ” kích thước là 850 x 850 (px), đây chính là vòng tròn to trong Icon Safari Áp dụng Layer Style là Effect one cho Layer “ Outer ” chúng ta đã lưu ở bước trên Để chọn Layer Style bạn vào bảng Layer Style và chọn

BƯỚC 13.

Nhân đôi Layer “Outer” và đổi tên thành Layer “Inner” dùng lệnh Ctrl + T để thu nhỏ hình lại nằm gọn trong Layer “Outer” Sau đó vào bảng Layer Style áp hiệu ứng EffectTwo cho Layer “Inner” này

18

BƯỚC 14.

Dùng công cụ Ellipse Tool ( Phím tắt là U ) tạo một hình tròn mới có kích thước là

650 x 650 (px) nhỏ hơn Layer “Inner” dung Gradient Fill và các hiệu ứng là Inner Shadow, Inner Glow, Gradient Overlay, Drop Shadow áp theo các thông số Layer Style như trong hình sau

Sau khi thiết lập xong ta lưu lại Layer Style này.

22

BƯỚC 15.

Bây giờ chúng ta đổi tên Layer Ellipse 1 ( Shape ) thành Layer “Base”

Chúng ta có hình với các hiệu ứng như sau đây

BƯỚC 16.

Bước tiếp theo chúng ta tạo một hình chữ nhật dài bằng công cụ Rectangular Marquee Tool và đổ màu trắng cho hình chữ nhật này sau đó chúng ta nhân bản lên thành nhiều lớp bằng phím Ctrl + J và xoay góc bằng phím Ctrl + T như hình vẽ Group lại rồi Merge Layer lại thành 1 lớp Sau đó ta tạo một lớp mới với hình tròn có kích thước nhỏ hơn Layer “ Base ” đổ màu cho lớp này căn chỉnh Align Vertical Centers và Align

Chọn chế độ Mode : Overlay

Và đây là kết quả sau khi chúng ta thực hiện

BƯỚC 17.

Ở bên trong nằm giữa của tài liệu chúng ta vào Custom Shape Tool ( Phím tắt là U )

sử dụng Circle Thin Frame như ở Bước 5 để tạo 2 vòng tròn nhỏ, gộp hai Layer Shape

đó lại làm một và đổi tên cho Layer “ Middle Circles ” thiết lập Fill là 10%

BƯỚC 19.

Bạn sử dụng công cụ Elippse Tool tạo một hình tròn khác có có kích thước giống Layer “ Base ” là 650 x 650 ( px) Tên nó là Layer “ Inner Base ” và áp dụng các Style Inner Shadow, Inner Glow theo hình Opacity = 100% & Fill = 0%

28

BƯỚC 20

Trong hướng dẫn, tôi đã tạo một bông hồng la bàn ở trong tâm Icon 8 cánh bằng cách

sử dụng công cụ Custom Shape Tool > Sun 2 Giữ Shift và kéo sao cho hình lọt trong Layer “ Base ” Sau đó sử dụng Công cụ Direction Selection Tool ( Phím tắt là A ) contrỏ màu trắng để chỉnh sửa các đỉnh lại sao cho giống với trong hình

Bạn có thể tạo riêng của bạn hoặc tìm một hình nào đó Khi hoàn thành bạn để

Opacity và Fill 65% chế độ Mode : Linear Dodge ( Add ) Sau đó thiết lập theo Style như trên cửa sổ

30

BƯỚC 21.

Kết quả của bạn trông sẽ như thế này

32

BƯỚC 22.

Nếu bạn muốn thêm bất kỳ hiệu ứng nào bóng nào nữa, bạn có thể Trong trường hợp này tôi đã thêm một lớp sơn bóng đẹp mà tôi đã tạo ra bằng cách kết hợp hai Shape để tạo một Shape giống mặt trăng, Sau đó thiết lập Fill nó là 65% và đã thêm bóng đổ Chế độ hòa trộn là Mode : Overlay

BƯỚC 23.

Chúng ta gần kết thúc của hướng dẫn Bây giờ là lúc làm nhanh một chiếc kim la bàn

Để tạo cây kim chúng ta sử dụng công cụ Pen ( Phím tắt là P ) để tạo ra một hình tam giác vuông nhỏ Sau đó thiết lập hiệu ứng Gradient Overlay cho hình Nhân đôi Layer

và Ctrl + T để lật sang bên trái, sau đó bạn lại tiếp tục nhân đôi Layer và lật xuống dưới thay đổi màu cho Layer này, tiếp tục nhân đôi Layer này và lật sang bên trái CácLayer sử dụng hiệu ứng Gradient Overlay Bạn tạo một Group nhóm các Layer này lại

và đặt tên là Compass Needle ( Hình ảnh )

Sau khi tạo xong cái kim chúng ta đổ bóng bằng hiệu ứng Drop Shadow

BƯỚC 24.

Tạo một vòng tròn nhỏ nằm ở giữa cây kim và áp hiệu ứng Inner Glow theo hình

36

BƯỚC 27.

Căn chỉnh lại và chúng ta có đây là kết quả cuối cùng

Bạn có thể Dowload file PSD đã hoàn thành để tham khảo

https://secufiles.com/jmqO/Safari.zip

https://secufiles.com/rL7O/Safari.rar

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

38