[TUT PTS] Tạo avatar Flat Icon đơn giản

Chào các bạn! Hnay mình xin gửi đến diễn đàn một bài tut đơn giản về Flat Icon

_ TUT này mình làm rất chi tiết để cho những bạn chưa sử dụng phần mềm Pts lần nào cũng có thể làm đc nên sẽ có một số bước rất dài mấy bạn biết rồi thông cảm nhé!
---->>> Có thời gian rảnh mình làm đoạn tut video để các bạn có thể quan sát và thực hiện dễ dàng hơn!
+ Những thiếu xót mong rằng các bạn nhiệt tình đóng góp để mình có thể hoàn thành 1 bài tut hoàn chỉnh!
____ Việc đầu tiên mình mong các bạn nên lưu ý nhưng đặc điểm chính của flat design ( thiết kế phẳng)____
1. Không hiệu ứng ( trong tut mình có sữ dụng 1 chút shadow để tạo 1 sự khác biệt nhẹ nhưng tốt nhất k nên dùng bất cứ hiệu ứng nào trong Flat design )
2. Chi tiết đơn giản (càng ít chi tiết càng tốt,nhấn mạnh điều mình muốn gởi đến người xem)
3. Tập trung vào Typography( Điều này vô cùng quan trọng nên các bạn hãy chọn 1 font chữ hợp lý nhé)
4. Tập trung vào màu sắc (chọn màu sắc hợp lý sẽ giúp cho tác phẩm của bạn hoàn hảo và bắt mắt người xem , những màu của xu hướng retro như tím, xanh lá cây, xanh dương, màu hồng cam rất phổ biến.)
5. Khắc phục điểm yếu của thiết kế Skeuomorphic.


Các bạn có thể đọc thêm qua 1 bài viết trên diễn đàn (mình mượn để trích dẫn ):
http://forum.vietdesigner.net/threads/dac-diem-cua-thiet-ke-phang-flat-design-la-gi.25836/#mce_temp_url#

Sau khi biết đc ý nghĩa chính của nó! Chúc các bạn có đc những tác phẩm hoàn hảo ​

​

Chuẩn bị : _ Phần mềm Photoshop (mình dùng bản Portable cs5)​

_ Mở một bài nhạc tạo cảm hứng (mình đang nghe bài Nice Guys - Chester-See-ft-KevJumba-ft-Ryan-Higa )​

Tiến hành nào :
Bước 1: Vào file->new _Các bạn tạo 1 file mới có kích thước tùy chọn ( ở đây mình chọn 900px x 900px)
Bước 2: Tạo 1 layer mới (Shift + Ctr + N) -> chọn công cụ Rectangular Marquee Tool ( Bấm Shift +M để đổi sang dạng hình tròn)
Lưu ý : _ Phần đỏ là phần kích thước của Icon ( ở đây mình chọn 800px x 800px)



Bước 3: Đổ màu cho Icon : chon màu bạn muốn ở bảng màu -> Bấm G rồi đổ vào khung tròn ( lưu ý bạn phải để ở layer bạn vừa tạo mới )



Bước 4: Các bạn chọn công cụ pen tool (phím P) để nét như hình

->>>>rồi kích chuột phải chọn Make Selection..



->sẽ đc như hình dưới đây , sau đó các bạn bấm Ctr + J để tạo layer mới(layer2,layer này dùng để làm nhãn) :


Lưu ý : ở phần này bạn chọn PATHS để delete paths để lúc cắt hình k tạo cảm giác cứng (k bik nói thế nào cho rõ )

Bước 5: Cách 1: _ Các bạn giữ Ctr kích vào layer 2(layer vừa Ctr+J) như hình bên dưới hoặc bấm chuột phải vào layer 2 chọn select pixels(các bạn để chuột ở trong ô vuông của layer 2) sẽ đc như hình dưới :



->tiếp tục di chuyển chuột chọn xuống layer 1 thì đc như hình bên dưới rồi bấm delete :



Lưu ý : _ Các bạn có thể bấm vào con mắt bên cạnh layer 2 để đc như hình



_ Thường thì sau khi xóa nó sẽ để lại những đường viền tròn bên ngoài thì bạn bấm E cẩn thận xóa chúng đi


Cách 2 mình tham khảo làm theo cách của bạn Dieptieuchau97,mình làm lun vì có nhiều bạn làm theo cách của mình k đc các bạn có thể tham khảo cách này)
--> Sau khi bấm Make Selection ở bước 4 Các bạn bấm Ctr + X sau đó bấm Ctr + Vsẽ đc như dưới :






--> Lúc này layer 2 vừa Ctr + V nằm trên layer 1 (mình đổi màu cho dễ nhìn) nên các bạn di chuyển nó đến vị trí thích hợp ( bấm V hoặc kích lên công cụ Move tool )


Bước 6: Các bạn chọn layer 2 và bấm Ctr + T sau đó chọn rotate 180 để lật ngược lại như miếng dán



->> bấm Ctr + U để đổi màu cho nó



Bước 7 : Tạo Text : Bạn bấm phím T rồi đặt lên layer 1 để ghi text cho Icon (ở đây mình chọn font Mouser Italic )

Lưu ý : _ Nên chọn từ 2 đến 4 chữ ( theo ý kiến của mình) và mỗi chữ là 1 text để dễ sắp xếp



Bước cuối : Các bạn có thể dùng công cụ Custom Shape Tool ( bấm U) để tạo ra những Icon của riêng mình Bước này mình để các bạn thả sức sáng tạo để cho ra những Icon độc đáo
-------------------------------------------------------------------------------------------------------------------------------------------------------
Trước đây, đã có trào lưu avatar flat kiểu hình vuông thì sao mình k tạo ra trào lưu hình tròn nên mình tạo ra những Icon và bài tut này mong các bạn ủng hộ hihi . Bài TUT mình làm kĩ từng bước để cho những bạn chưa sử dụng pts lần nào cũng có thể làm nên hơi dài một tý ( toàn những thao tác cơ bản thôi ) .

Dưới đây là một số Icon mình và bạn mình đã làm cho những người bạn của mình













Cảm ơn các bạn đã theo dõi bài viết! Chúc các bạn có những Icon đẹp và thú vị Chúng ta hãy cùng nhau tạo nên 1 trào lưu mới nhé!