Cách vẽ biểu tượng iCloud của Apple - Hướng dẫn Photoshop

iCloud, dịch vụ lưu trữ đám mây mới nhất được Apple giới thiệu có logo khá đơn giản nhưng đẹp mắt. Biểu tượng được làm từ vật liệu kim loại và có biểu tượng đám mây đùn trên đầu nó. Có thể bạn không biết, nhưng việc tạo loại biểu tượng này thực sự rất dễ dàng và dưới đây là biểu tượng iCloud mà chúng tôi sẽ hướng dẫn bạn cách vẽ trong bài đăng này, sử dụng Photoshop!

Trông hơi phức tạp, nhưng trên thực tế tất cả những gì chúng ta cần là một số Kiểu lớp, hình dạng vector cơ bản và một chút vẽ thủ công. Chúng ta hãy vào nó!

Bước 1

Bắt đầu bằng cách tạo một tệp mới với kích thước 512 x 512 px. Kích hoạt công cụ hình chữ nhật tròn. Trên thanh tùy chọn, đặt bán kính của nó là 75 px. Nhấp và kéo để vẽ một hình chữ nhật tròn. Đặt màu của nó thành # 5d5d5d.

Nhấp đúp chuột vào lớp để mở hộp thoại Layer Style. Thêm Gradient Overlay với gradient mặc định, đen thành trắng và giảm Opacity xuống 76%.

Bước 2

Nhấn Ctrl + J để nhân đôi hình dạng lớp. Nhấp vào Chỉnh sửa> Chuyển đổi miễn phí hoặc nhấn Ctrl + T để thực hiện chuyển đổi. Từ thanh tùy chọn, đặt kích thước của nó thành 98%.

Trong bảng điều khiển Lớp, xóa Kiểu lớp bằng cách kéo biểu tượng fx vào biểu tượng thùng rác ở phía dưới bên phải của bảng điều khiển Lớp. Tiếp theo, nhấp đúp vào hình thu nhỏ của các lớp để hiển thị hộp thoại Layer Style. Thêm lớp phủ trong và bóng tối.

Trong cài đặt của Lớp phủ Gradient, đặt Kiểu của gradient thành Góc. Nhấp vào hộp xem trước của gradient để mở trình chỉnh sửa gradient và sử dụng kết hợp màu của # 8e8e8e, # a5a4a4 và # d8d8d8. Thoải mái chơi xung quanh với từng vị trí đánh dấu, chỉ cần đảm bảo đặt cùng một màu trong điểm đánh dấu đầu tiên và cuối cùng.

Đây là kết quả sau khi thêm Layer Styles.

Bước 3

Tạo lớp mới. Làm đầy nó với Radial Gradient từ trắng sang đen.

Giữ Alt và kéo mặt nạ vector từ lớp trước sang lớp hiện tại. Độ dốc hiện phù hợp với biểu tượng.

Mở Layer Style và thay đổi chế độ hòa trộn của nó thành Screen.

Bước 4

Vẽ một hình chữ nhật tròn bên trong biểu tượng. Đặt bán kính của nó thành 75px với màu # 2a2a2a.

Thêm 2 hình dạng vòng tròn nữa (Chọn công cụ Ellipse, sau đó giữ Shift và kéo nó). Từ thanh tùy chọn, đặt chế độ đường dẫn thành Thêm vào khu vực hình.

Nhấp đúp vào lớp của đám mây và sau đó thêm Bóng trong, Vát và Chạm nổi và Stroke.

Bước 5

Sao chép lớp của đám mây bằng cách nhấn Ctrl + J. Xóa Kiểu lớp của nó bằng cách kéo biểu tượng fx từ hình thu nhỏ của lớp vào biểu tượng thùng rác. Thay đổi kích thước nó (Ctrl + T) thành 89%.

Thay đổi màu của hình thành # 5d5d5d. Sắp xếp lại vị trí của từng hình cho đến khi kích thước đám mây nhỏ tỷ lệ với đám mây lớn hơn.

Nhấp đúp vào lớp của đám mây và thêm các Kiểu lớp sau.

Đối với Lớp phủ Gradient, hãy đảm bảo sử dụng cài đặt chính xác từ Lớp phủ Gradient trong Bước 2.

Đây là những gì chúng ta có sau khi thêm Layer Styles vào đám mây nhỏ.

Bước 6: Thêm kết cấu kim loại

Thiết kế hiện tại rất phẳng và quá sạch sẽ. Hãy thêm một kết cấu kim loại tinh tế lên bề mặt. Tạo lớp mới. Nhấp vào Chỉnh sửa> Điền và chọn Sử dụng: Đen để tô lớp mới bằng màu đen.

Nhấp vào Bộ lọc> Tiếng ồn> Thêm tiếng ồn.

Nhấp vào Bộ lọc> Blur> Blur xuyên tâm. Chọn phương pháp Blur: Spin và Chất lượng: Tốt nhất.

Bộ lọc này sẽ quay nhiễu và tạo ra sóng tròn.

Bước 7

Nhấp vào Hình ảnh> Điều chỉnh> Cấp độ hoặc nhấn Ctrl + L. Trong hộp thoại, kéo thanh trượt màu đen trong Cấp độ đầu ra đến trung tâm để làm sáng sóng tròn.

Giữ Alt và kéo mặt nạ vector từ lớp cơ sở của biểu tượng đến lớp hiện tại. Sóng tròn nằm trong biểu tượng.

Kích hoạt công cụ Chọn đường dẫn và chọn đường dẫn đám mây mà chúng ta đã tạo ở Bước 4. Nhấn Ctrl + C để lưu nó vào bảng tạm. Nhấn Ctrl + V để dán nó lên mặt nạ vector của sóng tròn. Đặt chế độ đường dẫn của nó thành Subtract.

Cuối cùng, sao chép và dán đường dẫn đám mây nhỏ hơn mà chúng ta đã tạo ở Bước 5. Đặt chế độ đường dẫn của nó thành Thêm vào hình dạng.

Đây là kết quả. Sóng tròn nằm bên trong bề mặt của biểu tượng.

Thay đổi Blend Mode của layer thành Screen.

Bước 8: Bóng

Tạo lớp mới và đặt phía sau tất cả các lớp. Tạo một lựa chọn hình elip (sử dụng công cụ hình elip) dưới biểu tượng. Điền vào lựa chọn với màu đen.

Làm mềm bóng bằng bộ lọc, Gaussian Blur. Nhấp vào Bộ lọc> Blur> Blur Gaussian.

Sao chép bóng bằng cách nhấn Ctrl + J. Thêm một Gaussian Blur khác, lần này sử dụng Radius lớn hơn để có được bóng mềm hơn. Nếu bóng vẫn quá khắc nghiệt, bạn có thể giảm Opacity của lớp.

Kết quả cuối cùng

Đây là kết quả của hướng dẫn của chúng tôi. Như bạn có thể thấy, quá trình tạo biểu tượng này rất dễ dàng. Chúng ta chỉ cần sử dụng một số hình dạng vector cơ bản và Layer Styles. Tôi hy vọng bạn thích hướng dẫn này. Nếu bạn có bất kỳ câu hỏi, hãy hỏi!

Tải xuống PSD

Không thể đạt được bước nhất định? Đây là tệp PSD của kết quả để bạn kiểm tra và chơi với.

• Hướng dẫn biểu tượng iCloud Tập tin PSD