[ Tham khảo ] Tạo Remote TV bằng Photoshop .

Nguồn : Tapchidesigner​

Trong bài viết này tôi sẽ cho bạn thấy các kỹ thuật vẽ và tạo nên một cái điều khiển từ xa TV bằng Photoshop. Các hướng dẫn sau đây cần được xem như là một thủ thuật hướng dẫn, chứ không phải hướng dẫn làm từng bước. Hy vọng các bạn sẽ tìm được một vài điều thú vị và bổ ích cho các ý tưởng thiết kế của bạn .

Hình ảnh hoàn thành​

​

Bước 1:

Tạo một trang làm việc mới trong Photoshop và tùy chỉnh các thông số như sau: 1200×800 px, 300 dpi, RGB color 8 bit and background white . Bạn có thể tạo một kích thước khác nhỏ hơn nhưng tôi thích làm việc trên một trang lớn. Bạn có thể crop hình lại sau khi hoàn thành.


Bước 2:

Trước tiên, bạn cần tạo một hình dạng cơ bản của bộ điều khiển từ xa của bạn, và để làm việc đó bạn dùng công cụ Pen Tool (P). Trước khi vẽ bạn cần cố định đường thẳng ngay giữa remote bằng thước. Và vẽ dạng remote như hình bên dưới và chọn màu #111111

​

Bây giờ nhân đôi layer này và lật lại đối xứng bằng cách nhấn Ctlr + Alt và chọn ngay layer kéo ra ta được layer copy sau đó vào Edit -> Transform -> Flip Horizontal lật đối xứng lại . Tiếp tục hợp 2 layer lại thành 1 layer, tiếp tục nhân đôi và lập đối xứng theo chiều dọc Go Edit -> Transform -> Flip Vertical ta sẽ được hình dạng của cái remote.

​

​

Bước 3:

Tạo một layer mới và chọn màu #400025 và dùng Pen Tool (P) tạo một hình như sau:

​

Sau đó nhân đôi lên và lập đối xứng Edit -> Transform -> Flip Horizontal cuối cùng hợp lại thành 1 layer.

​

​

Bước 4:


Bây giờ tạo những cái nút nhấn. Tạo một layer mới chọn màu là #a71d1d dùng công cụ Ellipse Tool (U) để vẽ. Vẽ một hình tròn (giữ Shift) tại nơi cần đặt nút Power và tùy chỉnh Layer Style như sau:

​

​

Bây giờ tạo một layer mới để làm biểu tượng bên trong nút Power dùng Pen Tool (P). Sau khi bạn vẽ tùy chỉnh Stroke Path để và chỉnh chế độ Blend Mode -> Multiply để giống hình bên dưới.

​

​

Nút (Power) của bạn nên trông giống như thế này.

​

Sau đó dùng công cụ Type Tool (T) chọn màu chữ #cccccc và viết chữ POWER. Xong nó trông như thế này.
Group tất cả layer button đó lại đặt tên là Button Power


Bước 5:


Bây giờ tạo thêm các nút nhấn khác, tạo một layer mới và chọn màu #cccccc từ bảng màu. Vẽ một hình tròn bằng công cụ Ellipse Tool (U) sau đó chỉnh Layer Style như sau:

​

​

​

​

Duplicate hình và chữ như để tạo một nút khác. Sau đó vẽ các biểu tượng bên trong các nút đó, bằng cách vẽ hình chữ nhật Rectangle Tool (U) đặt border #111111 độ rộng 2px. sau đó vào Edit -> Transform -> Warp kéo giãn hình chữ nhật ra và chỉnh màu chữ như sau:

​

​

Bước 6:


Bây giờ tới bước dễ nhất , tạo một layer mới hình tròn và to như nút power chọn màu #ccc và chỉnh Layer Style như sau:

​

​

​

​

Trông nó như thế này



Tiếp tục chọn Type Tool (T) để viết số. Chọn font chữ hơi to xíu và chọn màu chữ là #111111 Opacity 70% và lần lượt copy cho toàn bộ các nút hết và trông cái Remote của mình trông như thế này.

​

Bước 7:


Chúng ta đã hoàn thành được một nữa cái remote rồi đấy. Tiếp tục, vẽ hình tròn và chỉnh Layer Style như sau:

​

​

​

​

​

Nhân đôi lên và chỉnh kích thước cho 1 nút nhỏ nhất trông giống như sau:



Sau đó dùng công cụ Custom Shape Tool (U) để vẽ các nút giống hình sau:

​

Bước 8:


Bây giờ trang trí các nút mới vẽ bằng cách chỉnh Layer Style như sau: thay đổi Blend Mode -> Multiply, Opacity 70% và cuối cùng trông nó như thế này.

​

​

​

Bước 9:


Bước tiếp theo ta dùng công cụ Rounded Rectangle Tool (U) để vẽ các nút bo góc và set Radius 10px màu#cccccc và viết chữ để được như hình sau

​

​

​

​

​

​

​

Bước 10:


Tạo layer mới bằng công cụ Ellipse Tool (U) màu nền #cccccc và vẽ những hình tròn nhỏ và chỉnh layer style

​

​

​

​

​

​

Bước 11:


Bây giờ là phần khó khăn, trước tiên vẽ một hình tròn lớn và chỉnh layer style

​

​

​

​

​

Bước 12:


Tạo layer mới và thay đổi foreground color thành #bababa dùng công cụ Pen Tool (P) vẽ một hình như thế này

​

​

​

​

​

Bước 13:


Dùng Custom Shape Tool (U) để vẽ những hình tam giác giống như thế này

​

​

​

​

​

​

​

Bước 14:


Tạo một layer mới bằng Pen Tool (P) và vẽ hình giống như thế này

​

Dùng công cụ Gradient Tool (G) để làm 1 transparent gradient như thế này

​

Sau đó thu nhỏ lại để tạo đường biên

​

Kết quả ta có hình như sau

​

​

Để hoàn thành một cái Remote như thế này rất đơn giản đúng không, hãy làm theo những hướng dẫn trên và áp dụng cách làm này cho những sản phẩm khác. Chúc các bạn thành công