Tutorials - Hướng dẫn tự tạo Avatar theo phong cách Adobe bằng Photoshop, trào lưu Hot hiện nay.
Trào lưu để Avatar theo phong cách Adobe đã diễn ra trong một thời gian khá dài của các Designer, họ thích thể hiện hình ảnh Avatar của mình gắn liền với những công việc của họ, vì thế trào lưu Hot Avatar Adobe hình thành. Không ngừng lại ở việc làm theo khuôn mẫu, một số bạn còn thay đổi nhiều màu sắc, tạo nên sự thú vị cho Avatar Adobe. Tại thời điểm Lê Công Hậu Blog viết bài này thì trào lưu có lẽ đã giảm, nhưng mình cũng muốn viết để vừa lưu trữ bài học, vừa chia sẻ đến các bạn.
Trước tiên chúng ta cùng xem qua kết quả cuối cùng, avatar adobe với hai chữ "CH" - Công Hậu.
Hướng dẫn tạo Avatar phong cách Adobe bằng Photoshop
Các bước thực hiện:
Bước 1: Khởi động Photoshop, trước khi tạo một Layer mới, bạn chọn mã màu D4EAF0 cho khung màu nằm bên dưới trước đã nhé.
- Sau khi chọn màu, tạo một Layer mới ( Ctrl + N ) với kích thước vuông, ở đây mình chọn 960px cho mỗi cạnh, chọn chế độ Background Contents là Background Color để nền có màu xanh nhạt đã lựa chọn ở bước trên.
Bước 2: Tạo một Layer mới ( Ctrl + Shift + N ). Sử dụng công cụ tạo vùng chọn hình vuông Rectangular Marquee Tool ( phím M ), giữ phím Shift, kéo chuột từ vị trí số 1 đến 2 để tạo được vùng chọn hình vuông trên Layer vừa tạo, bạn chú ý chừa một khoảng trống xung quanh như hình dưới.
- Bo tròn bốn góc vùng chọn: Từ thanh công cụ trên cùng, chọn Select → Modify → Smooth.
- Sample Radius: 15 pixels và ấn OK.
- Tiếp theo chọn mã màu 434D60 cho khung màu nằm trên.
- Ấn tổ hợp phím Alt + Delete để đổ màu, tiếp tục ấn Ctrl + D để hủy bỏ vùng chọn. Từ khung Layers, giảm Opacity xuống 85% cho Layer 1.
Bước 3: Tạo đổ bóng.
- Click đúp chuột vào Layer 1 để hiển thị khung Layer Style, kích chuột vào dòng Drop Shadow và tùy chỉnh thông số như ảnh dưới và ấn OK.
Bước 4: Tạo text.
- Chọn công cụ Text ( phím T ) tạo chữ mà bạn thích, ở đây mình tạo hai chữ "CH", sử dụng Font Harabara ( http://www.dafont.com/harabara.font ), màu của chữ cùng với màu của Layer Background ( D4EAF0 ).
- Sau khi đã ưng ý với text, tiếp tục click đúp chuột vào Layer Text vừa tạo để hiển thị khung Layer Style và tùy chỉnh các thông số như sau:
- OK nếu hợp lý thì text sẽ có hiệu ứng tương tự như thế này. Việc tiếp theo là bạn cần tạo thêm một dòng text nhỏ, ấn Ctrl + T để xoay dòng chữ, màu trùng với Layer 1 ( 434D60 ).
Bước 5: Tạo bóng đường tròn chạy ngang icon.
- Tạo Layer mới ( Ctrl + Shift + N ). Chọn công cụ Elliptical Marquee Tool.
- Kéo chuột để tạo được một vùng chọn như ảnh dưới.
- Sau đó đổ màu trắng và giảm Opacity xuống 12%. Chúng ta sẽ được như thế này.
Bước 6: Tạo Layer mới ( Ctrl + Shift + N ). Chọn công cụ trãi màu Gradient Tool (1), chọn kiểu Linear (2), hệ màu trắng đen (3).
- Kéo chuột từ vị trí số 1 đến 2 như ảnh dưới.
Sau đó giảm Opacity của Layer vừa trãi màu xuống 35% là hoàn thành. Chúc các bạn thành công và có được một Avatar theo phong cách Adobe.
Như ở đầu bài mình có nhắc đến việc thay đổi màu sắc tùy thích, vì thế bạn có thể tự do thay đổi màu sắc mà bạn thích cho Avatar Adobe của mình để tạo sự khác biệt và thú vị.
• Tham khảo: Tạo Avatar dạng Flat Design - Thiết kế phẳng.
