Tạo icon thời tiết bằng photoshop

Final
Trong bài viết này mình sẽ giới thiệu tới các bạn cách để tạo ra các biểu tượng thời tiết như mặt trời, mây. Hai biểu tượng chúng ta sẽ thực hiện trong tutorial này sẽ là một đám mây và mặt trời.

Bước 1:

Chúng ta sẽ tạo một tài liệu mới với kích cỡ 512 pixels x 512 pixels, resolution: 300 dpi. Với resolution là 300 sẽ giúp cho file có chất lượng cao hơn khi bị thu nhỏ lại.
NewDocument

Bước 2:

Chúng ta bắt đầu tạo đám mây, tạo một layer với tên là: Cloud. Để foreground color là black. Dùng Rounded Rectangle Tool để vẽ chỉnh Fill Pixels option và Radius là 100 pix.
Step 2

Dùng Ellipse Tool để vẽ 3 hình tròn ở phần trên. Giữ shift trong lúc kéo để tạo được hình tròn và sau đó di chuyển vòng tròn vào vị trí như hình sau.
Ellipse Tool

Bước 3:

Giờ chúng ta sẽ thêm layer style. Kích đúp vào layer để xem các tùy chọn. Ở đây chúng ta sẽ dùng stylegradients.
Layerstyle

Gradient color từ trái sang phải: #24b9f7 #bcf4fd #e5f8ff
Gradient

Chỉnh stroke là 1 pixel và màu #c4ecfd
Stroke

Chọn Drop Shadow với Angle là 180, Opacity là 31%, Distance là 2px, Spread: 0 và Size 8px.
Drop Shadow
Opacity

Bước 4:
Giờ chúng ta sẽ làm cho những đám mây trở nên mềm mại và thật hơn. Control Click vào Cloud icon Mask mà bạn đang dùng.
Cloudicon Mask


Tạo một layer mới ở trên layer Clouds và kéo Gradient theo hình sau
Gradient Drag

Bước 5:

Bây giờ chúng ta sẽ tạo ra hiệu ứng phản chiếu cho đám mây. Các bạn chọn Gradient như hình sau:
Step 5
Kéo từ trên xuống dưới:
Drag Gradients


Tạo một hình elip bằng Ellipse tool và tạo Gradient
Ellipse Tool

Delete và để xóa lớp gradient và chọn opacity là 19%.
Opacity

Bước 6:

Giờ chúng ta tạo mặt trời. Tạo một layer mới nằm dưới layer cloud và dùng Ellipse Tool để kéo một hình tròn với màu là #f5ba2c
Step 6

Tạo một layer mới và chọn công cụ Plygon Tool
Plygon Tool

Chọn Number of Sides là 20 và Star là 80%.
Number of Sides

Vẽ Star trên một layer mới.
Draw Star

Căn chỉnh Star. Áp dụng hiệu ứng Gaussian Blure vào vòng tròn, với radius là 13.9px. Filter > Blur > Gaussian Blur. Tiếp tục áp dụng một Gaussian Blur với Star, raidus là 1.5, sau đó là một lớp Color overlay: #ed9017, Opacity: 36%.

Hoàn tất
    Hoan tat

Nguồn: Sưu tầm.

0 nhận xét:

Đăng nhận xét