Trước đây mình đã giới thiệu cho các bạn bài viết Tạo biểu tượng (icons) theo phong cách IOS7 với CSS3, hôm nay mình sẽ cùng với các bạn tiếp tục thiết kế biểu tượng phong cách IOS7 , nhưng lần này là làm bằng Photoshop. Qua bài viết này, các bạn có thể tự tay thiết kế cho riêng mình nhiều bộ icon khác nhau.

Đây là thành quả mà chúng ta sẽ có được khi hoàn thành bài viết này :

Bước 1 : Tạo một file mới với kích thước vào khoảng 1024 x 1024 pixels.

Bước 2 : Chọn công cụ Pain Bucket Tool (G) và chọn màu #a9d8ea , rồi đổ màu vào làm background.

Bước 3 : Tạo một layer mới, rồi chọn công cụ Rounded Rectangle Tool (U) với tùy chỉnh radius là 220 pixels. Ở chỗ này, tùy thuộc vào kích thước chúng ta vẽ , mà các bạn ấn định giá trị radius cho phù hợp. Khi vẽ, các bạn nên nhấn giữ nút Shift để canh đều hình như sau :

Bước 4 : Bây giờ chúng ta sẽ vẽ các cánh hoa với các màu sắc khác nhau.Để các cánh hoa tập trung đúng vị trí giữa, chúng ta sẽ bật “guides” và canh giữa hình. Để bật , các bạn có thể nhấn Ctrl + R, lúc này các bạn sẽ thấy hình ảnh thước đo, rồi sau đó dùng chuột kéo từ ” hình thước ” để định vị guide.

Bước 5 : Chọn công cụ Rounded Rectangle Tool rồi chọn màu  #faa733, tạo thêm một layer mới, rồi từ layer này, các bạn vẽ một hình như sau :

Nhớ đặt hình này nằm phía bên trên điểm giữa khoảng 30 pixel.

Bước 6 : Tại layer mới vừa vẽ hình xong, các bạn nhấn Ctrl + J để nhân bản layer này. Sau đó tại layer mới vừa được nhân bản, các bạn nhấn tiếp Ctrl + T . Lúc này các bạn sẽ có kết quả thế này :

Bước 7 : Bây giờ các bạn dùng chuột và kéo hình nghiêng một góc khoảng 45 độ, sau đó nhấp vào layer chứa hình này và đổi sang màu #f26967. Sao cho có kết quả như sau :

Bước 8 : Làm lại tương tự từ bước 6 -> bước 7 , nhưng nhớ đổi màu cho hình kế tiếp là #d486ad.

Và màu cho hình kế tiếp  #a38ec3.

Màu kế tiếp #79abdb.

Tiếp tục với màu #6cc198.

Màu #b3d557.

cuối cùng là màu #f8e32b.

Bước 9 : Tại mỗi layer chứa hình, các bạn thay đổi chế độ Blend Mode sang Multiply để có được kết quả cuối cùng như sau :

Rất đơn giản và dễ thực hiện phải không các bạn. Nếu có gì chưa hiểu, thì đừng ngần ngại để lại lời nhắn dưới dạng comments nhé.

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

Chuyên Mục: Photoshop

Bài viết được đăng bởi webmaster