Advertisement
  1. Design & Illustration
  2. Icon Design

Thiết kế Icon Radio trong Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

Vietnamese (Tiếng Việt) translation by Nguyễn Thành Phúc (you can also view the original English article)

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn chi tiết cách tạo một icon Radio bằng cách sử dụng khả năng chỉnh sửa véc tơ của Photoshop. Hãy bắt đầu nào!


Nguyên liệu

Những nguyên liệu sau được sử dụng trong suốt bài hướng dẫn này.


Bước 1

Mở Photoshop và tạo một tài liệu mới có kích thước 650x500px với độ phân giải 72 px/inch.


Bước 2

Mở bảng Layer Style và áp dụng Gradient Overlay.


Bước 3

Thiết lập màu Foreground and Background tương ứng là #a96d51 và #e5a889. Tạo new layer trên đầu và tô màu với ô màu nằm trong Foreground . Đi tới  Filter > Render > Fibers, thiết lập Variance lên 16 và Strength lên 55 và sau đó nhấn áp dụng.

Mở công cụ Free Transform Tool (Cmd/Ctrl + T), thiết lập Reference Point Location sang giữa bên trái và điều chỉnh nó theo chiều ngang. Điều này sẽ làm cho các texture rậm hơn.

Bây giờ với công cụ Free Transform Tool để điều chỉnh texture gỗ theo thanh thẳng đứng.


Bước 4

Nhân đôi layer này (Cmd/Ctrl + J) và đặt vị trí như ảnh dưới đây.

Nhân đôi layer lần nữa, xoay 90 độ và điều chỉnh nó theo chiều ngang.

Đảm bảo bạn đã nhân đôi layer cuối cùng, chọn công cụ Polygonal Lasso Tool (L) và lựa chọn như hình dưới đây, sau đó nhấn Delete để xóa.

Mở bảng Layer Style và áp dụng Drop Shadow.

Nhân đôi layer này, lật theo chiều dọc (Edit > Transform > Flip Vertical), chỉnh sửa Drop Shadow để thay đổi góc là -90 độ, và di chuyển nó xuống để hoàn thành phần khung.

Cuối cùng, chọn tất cả các khung và nhóm chúng lại.


Bước 5

Tạo new layer dưới layer khung gỗ, tạo vùng chọn bằng cách sử dụng công cụ Rectangular Marquee Tool (M) và tô màu #e6e6e6.

Tạo new layer ở trên, tạo Clipping Mask (Cmd/Ctrl + Alt + G), và tô màu layer này màu đen. Thiết lập lại màu Foreground and Background sang màu đen và trắng (nhấn D trên bàn phím) và áp dụng Noise. Thay đổi chế độ Blend Mode thành Soft Light và đặt Opacity lên 50%.


Bước 6

Trong bước này, chúng tôi sẽ thêm loa radio. Thêm new layer trên đầu, cùng với lựa chọn công cụ Elliptical Marquee Tool (M) và tô màu bất kỳ.

Thiết lập Fill xuống 0% và áp dụng theo layer styles sau:

Nhấn Ctrl + click vào thumbnail của layer để tạo lựa chọn, đi tới Select > Modify > Contract và chọn 2px. Tạo new layer và chọn màu #c4c4c4.

Tải và cài đặt Metal Mesh Patterns-Pack 1 từ tác giả ~ Axertion. Mở Layer Style và áp dụng Bevel and Emboss, Gradient Overlay và Pattern Overlay (sử dụng pattern Hex Metal Mash).


Bước 7

Tạo ra vòng tròn màu xám (#cfcece) bằng cách sử dụng công cụ Ellipse Tool (U) như ảnh dưới đây,

Áp dụng layer style.


Bước 8

Nhân đôi vòng tròn này, điều chỉnh nó, thêm style cho new layer và thiết lập Fill xuống 0%.


Bước 9

Nhân đôi layer này, thay đổi màu thành #c9c8c8, làm sáng như style của layer trước đó và áp dụng Drop Shadow. Đảm bảo Fill lên tới 100%.


Bước 10

Nhân đôi layer này, làm cho nó nhỏ hơn một chút và thêm layer style sau:


Bước 11

Nhân đôi layer lần nữa và áp dụng Bevel and Emboss và Gradient Overlay.


Bước 12

Hãy thêm đèn báo công suất. Mở công cụ  Rectangle Tool (U), vẽ hình chữ nhật nhỏ, xoay, đặt vị trí của nó giống như hiển thị trên ảnh dưới đây, áp dụng Inner Shadow and Stroke từ bảng Layer Style và thiết lập Fill xuống 0%.

Thêm điều chỉnh tần số xung quanh bộ báo đèn bằng cách sử dụng công cụ Horizontal Type Tool (T).


Bước 13

Thêm nút power/volume. Tạo vòng tròn bằng cách sử dụng công cụ Ellipse Tool (U), thiết lập Fill xuống 0% và cho layer này nằm cùng với các layer khác.


Bước 14

Tạo một vòng tròn khác (#b6b6b6), nhỏ hơn một chút và áp dụng layer style.


Bước 15

Nhân đôi vòng tròn này và chỉnh lại layer style.


Bước 16

Với công cụ Rectangle Tool (U) tạo đèn báo chế độ - selector indicator, tương tự như chúng ta đã thực hiện trong bước 12 (nhớ để thiết lập Fill xuống 0%).

Thêm lệnh bằng cách sử dụng công cụ Type Tool.


Bước 17

Cuối cùng, thêm đèn báo công suất. Vẽ vòng tròn nhỏ màu cam (#fc973d) và thêm Outer Glow, Bevel and Emboss và Stroke.


Bước 18

Giờ là thời gian để thêm tên model bằng cách sử dụng font Lobster font,


Bước 19

Bằng cách thêm "chân", chúng ta sẽ hoàn tất radio. Chọn công cụ Rounded Rectangle Tool (U) và với Radius 5px vẽ hình chữ nhật nhỏ màu nâu (#c37b56), ngay trên background layer và áp dụng Gradient Overlay và Bevel and Emboss từ Layer Style.

Lặp lại tiến trình để tạo chân còn lại.


Bước 20

Hầu như chúng ta sắp hoàn thành! Chọn tất cả các layer, ngoại trừ layer background, nhân đôi chúng và sau đó trộn chúng vào một layer. Đặt kết quả layer này trên layer background, lật dọc, di chuyển xuống.

Đặt Opacity là 35%.

Thêm Layer Mask, đặt Foreground màu đen và vẽ vài Foreground vào Transparent gradient  để tạo mặt nạ ở phần dưới cùng để tạo phản chiếu.


Tóm lại

Đó là sản phẩm. Tôi hy vọng bạn đã học được vài điều mới từ hướng dẫn này và tôi cũng hy vọng bạn vui và thích nó!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.