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.

BƯỚC Mở tệp Photoshop File > New nhấn tổ hợp phím Ctrl + N Tạo tài liệu lớn có kích thước 1400 x 1000 (px) thơng số hình 001 BƯỚC Đi tới Layer > New > Layer from Background đặt tên cho lớp “Background’’ BƯỚC Click đúp chuột vào Layer Background vừa đặt tên bảng Layer click chuột vào f(x) phía bảng Layer chọn Blending Option Bảng Layer Style ra, click chọn Inner Glow & Gradient Overlay với thơng số hình Gradient : Color Hex : # = ffffff Color Hex : # = f6f8bd BƯỚC Sau thực xong hiệu ứng cho Layer “Background” có Gradient đẹp với nhiễu BƯỚC Tiếp theo, lúc bắt đầu làm việc biểu tượng Safari Chúng ta bắt đầu cách chọn cơng cụ Custome Shape tool ( Phím tắt U ) Chọn công cụ Circle Thin Frame BƯỚC Sau bạn chọn xong hình, Giữ phím Shift kéo hình trịn nhỏ có kích thước 145 x 145 (px) với màu ( Hex # = C0C0C0 ) Bạn đổi tên cho Layer “Outer Ring” nhấp đúp chuột vào Layer để bảng Layer Style Sử dụng hiệu ứng Bevel & Emboss, Stroke, Inner, Satin, Color Overlay, Drop shadow Color 1, Color : Hex # = ffffff Color Hex # = 929191 Color Hex # = 767676 Color Hex # = ffffff BƯỚC Sau thiết lập xong Layer Style cho Layer “ Outer Ring ” Chúng ta lưu Layer Style lại Trong bảng Layer Style > 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 Effect BƯỚC Nhân đơi Layer chứa vịng trịn lên lần đổi tên Layer “Inner Ring”, 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 ( Layer “Outer Ring”), áp dụng thông số sau vào Layer Style sau vào Layer “Inner Ring” lưu lại 10 24 Chọn chế độ Mode : Overlay Và kết sau thực 25 BƯỚC 17 Ở bên nằm tài liệu vào Custom Shape Tool ( Phím tắt U ) sử dụng Circle Thin Frame Bước để tạo vòng tròn nhỏ, gộp hai Layer Shape lại làm đổi tên cho Layer “ Middle Circles ” thiết lập Fill 10% BƯỚC 18 Dùng cơng cụ Ellipse Tool ( Phím tắt U ), tạo vịng trịn lớn có kích thước giống với Layer “ Base ” 650 x 650 (px) Đặt tên cho Layer Layer “ Inner Base ” áp theo hình Chúng ta sử dụng Layer Style Inner Shadow, Inner Glow, Gradient Overlay Opacity = 100% & Fill = 0% 26 27 BƯỚC 19 Bạn sử dụng cơng cụ Elippse Tool tạo hình trịn khác có có kích thước giống Layer “ Base ” 650 x 650 ( px) Tên Layer “ Inner Base ” áp dụng Style Inner Shadow, Inner Glow theo hình Opacity = 100% & Fill = 0% 28 29 BƯỚC 20 Trong hướng dẫn, tạo hồng la bàn tâm Icon cánh cách sử dụng công cụ Custom Shape Tool > Sun Giữ Shift kéo cho hình lọt Layer “ Base ” Sau sử dụng Cơng cụ Direction Selection Tool ( Phím tắt A ) trỏ màu trắng để chỉnh sửa đỉnh lại cho giống với hình Bạn tạo riêng bạn tìm hình Khi hồn thành bạn để Opacity Fill 65% chế độ Mode : Linear Dodge ( Add ) Sau thiết lập theo Style cửa sổ 30 31 BƯỚC 21 Kết bạn trông 32 BƯỚC 22 Nếu bạn muốn thêm hiệu ứng bóng nữa, bạn Trong trường hợp thêm lớp sơn bóng đẹp mà tơi tạo cách kết hợp hai Shape để tạo Shape giống mặt trăng, Sau thiết lập Fill 65% thêm bóng đổ Chế độ hịa trộn Mode : Overlay 33 34 BƯỚC 23 Chúng ta gần kết thúc hướng dẫn Bây lúc làm nhanh kim la bàn Để tạo kim sử dụng cơng cụ Pen ( Phím tắt P ) để tạo hình tam giác vng nhỏ Sau thiết lập hiệu ứng Gradient Overlay cho hình Nhân đơi Layer Ctrl + T để lật sang bên trái, sau bạn lại tiếp tục nhân đôi Layer lật xuống thay đổi màu cho Layer này, tiếp tục nhân đôi Layer lật sang bên trái Các Layer sử dụng hiệu ứng Gradient Overlay Bạn tạo Group nhóm Layer lại đặt tên Compass Needle ( Hình ảnh ) Sau tạo xong kim đổ bóng hiệu ứng Drop Shadow 35 BƯỚC 24 Tạo vòng tròn nhỏ nằm kim áp hiệu ứng Inner Glow theo hình 36 BƯỚC 25 Tạo vòng tròn khác nằm vòng tròn vừa tạo trước thiết lập thơng số hình bên dưởi BƯỚC 26 Đây có hình trơng sau 37 BƯỚC 27 Căn chỉnh lại có kết cuối Bạn Dowload file PSD hoàn thành để tham khảo https://secufiles.com/jmqO/Safari.zip https://secufiles.com/rL7O/Safari.rar Chúc bạn thành công ! 38 ... Shift kéo để tạo vòng tròn lớn đặt tên cho Layer Layer “ Outer ” kích thước 850 x 850 (px), vịng trịn to Icon Safari Áp dụng Layer Style Effect one cho Layer “ Outer ” lưu bước Để chọn Layer Style. .. lập xong Layer Style cho Layer “ Outer Ring ” Chúng ta lưu Layer Style lại Trong bảng Layer Style > 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 Effect... hình trịn nhỏ có kích thước 145 x 145 (px) với màu ( Hex # = C0C0C0 ) Bạn đổi tên cho Layer “Outer Ring” nhấp đúp chuột vào Layer để bảng Layer Style Sử dụng hiệu ứng Bevel & Emboss, Stroke,