Thiết kế một logo là bước đầu tiên trong việc xây dựng một doanh nghiệp. Một mẫu logo ấn tượng và đặc trưng sẽ tạo được dấu ấn đậm nét trong tâm trí người xem. Tự tay thiết kế logo theo ý tưởng của riêng mình? Tại sao không?

Logo Học viện thiết kế RENO TREE
Logo Học viện thiết kế RENO TREE

Thiết kế Logo là sự kết hợp các yếu tố như typography – kiểu chữ, màu sắc, hình ảnh, bố cục,… thành một tác phẩm để truyền tải thông điệp qua con đường thị giác. Người thực hiện thường bắt đầu với việc phác thảo ý tưởng cơ bản, sau đó được phát triển thông qua các phần mềm hỗ trợ như Adobe Illustrator hoặc Adobe Photoshop để tạo ra các sản phẩm kỹ thuật số hoặc hữu hình. Trong bài viết này, Học viện thiết kế RENO TREE sẽ hướng dẫn các bạn thiết kế logo đơn giản và đẹp bằng Photoshop.

Hướng dẫn thiết kế Logo bằng Photoshop

Theo mình, thiết kế logo bằng Photoshop sẽ tương tự quy trình thiết kế logo thông thường. Thao tác chung trong phần mềm như sau (sẽ thay đổi một chút với 1 số logo đặc biệt):

Bước 1: Tạo file tài liệu và vùng làm việc mới
Bước 2: Tạo hình dạng cơ bản của logo
Bước 3: Tạo họa tiết cho logo
Bước 4: Thêm màu sắc cho các layer
Bước 5: Thêm Text cho logo
Bước 6: Tạo các hiệu ứng shadow, hiệu ứng cho background (nếu có)

Bên cạnh đó các bạn cần lưu ý đến một số công cụ và thao tác để bù đắp nhược điểm của Photoshop so với Illustrator. Đó là:

– Convert to Smart Object: Smart Object là loại layer đặc biệt, cho phép “non-destructive editing” (chỉnh sửa không phá hủy) trong Photoshop. Việc này cho phép bạn chỉnh sửa layer và thêm bộ lọc mà không làm giảm chất lượng hình ảnh.

Thao tác: click chuột phải vào layer muốn chuyển đổi, trong bảng tùy chọn nhấn “Convert to Smart Object”.

Công cụ thiết kế logo bằng photoshop
Công cụ thiết kế logo bằng photoshop

– Pen tool: công cụ đắc lực để vẽ các hình từ đơn giản đến phức tạp, rất quen thuộc với người dùng Illustrator.

Pen Tool - Công cụ thiết kế logo bằng Photoshop
Pen Tool – Công cụ thiết kế logo bằng Photoshop

Tập thiết kế Logo bằng Photoshop

Để minh họa trực quan thì mình sẽ nêu các bước thiết kế một logo cụ thể cho các bạn dễ hình dung. Logo mình chọn để làm sẽ là logo huyền thoại của hãng xe Volkswagen CHLB Đức.

Thiết kế Logo bằng Photoshop
Thiết kế Logo bằng Photoshop

Bước 1: Tạo file thiết kế logo trong Photoshop

Bạn chọn File > New hoặc ấn tổ hợp phím Ctrl + N trong giao diện phần mềm Photoshop.

phần thông số kích thước các bạn để là 1000×1000 pixels, độ phân giải (resolution) là 72 ppi. Đặt tên file và nhấn “Ok” để tạo ra file thiết kế mới

1572808564ayRXwib7WXXwBC8

Bước 2: Tạo hình dạng thiết kế logo trong Photoshop

Logo Volkswagen hình tròn nên bạn sử dụng công cụ Elliptical Marquee Tool (M) để tạo vùng chọn hình tròn.

Nhấn giữ phím Shift và kéo thả để tạo 1 vùng chọn với kích thước phù hợp ở chính giữa background trắng.

1572808647rH2ycn9foh7yLss

Bạn nhấn vào 2 ô màu trên thanh công cụ để thay đổi màu của Background và Foreground như sau:

  • Foreground (lớp màu nằm trên) dùng mã #82B2E0
  • Background (lớp màu nằm dưới) nhập mã #012B62

1572808725zPoROI0YgU0DFg3

Tiếp theo bạn nhấn tổ hợp Ctrl + Backspace để thiết lập màu nền cho logo. 1572808785mPZTrXmL3OE6BNh
Chọn công cụ Gradient Tool và nhấn vào dải màu góc trái trên màn hình, chọn chế độ đổ Gradient là Foreground to Background.

1572808854U6m9lgUu6Fydk2n

Kéo thả trong vùng chọn từ góc trái trên xuống góc phải dưới để có kết quả như hình dưới đây. Bạn nhấn tổ hợp Ctrl + D để bỏ thao tác vùng chọn nhé.

1572808917UTAliWarAohAlff

Bước 3: Tạo họa tiết cho thiết kế logo trong Photoshop

Nhấn tổ hợp phím Ctrl + Shift + N để tạo Layer mới.

Tạo một vùng chọn hình tròn bằng công cụ Elliptical Marquee Tool trong hình cầu đã tạo ở trên (nhớ nhấn phím Shift khi thao tác để vùng chọn không bị méo).

Vào thẻ Edit > Stroke và chọn độ rộng (Width) là 25px và Color thành màu trắng (mã #ffffff). Nhấn Ok sẽ có kết quả là một vòng tròn viền trắng bên trong hình cầu xanh.

1572808996PJbsEvBNodr1yd6

Tiếp theo đến bước tạo ra chữ V và chữ W trong logo. Có 2 cách làm:

– Sử dụng Pen Tool: công cụ Pen Tool (P) trên thanh công cụ, nhấn vào vùng làm việc để tạo ra các điểm đầu mút (Anchor Point) nối với nhau liên tục. Sau đó đổi màu foreground thành màu trắng (mã #ffffff) và nhấn tổ hợp Alt + Backspace để đổ màu cho chữ V và chữ W

– Sử dụng Polygonal Lasso Tool: thao tác tương tự nguyên lý của Pen Tool nhưng khi tạo hình khép kín thì sẽ hình thành vùng chọn và có thể thao tác đổ màu luôn. Chú ý giữ phím Shift để đồng thời tạo ra 2 vùng chọn như hình.

1572809234CgC52NYzyY3T37j1572809278Wjjgp0rI3sfMvvm

Bước 4: Thêm màu sắc cho Layer

Bước 5: Thêm Text cho thiết kế logo trong Photoshop

Dùng công cụ Text (T) để thêm tên thương hiệu Volkswagen cho logo.
Lưu ý: Hãy lựa chọn font chữ phù hợp với thương hiệu và hình dạng logo nhé!

1572809353abnsQ37wtAOl86v

Bước 6. Tạo hiệu ứng shadow cho thiết kế logo trong Photoshop

Chọn Layer biểu tượng chứa chữ V, chữ W và vòng tròn viền trắng, bạn click chuột phải và ấn Blending Options. Tùy chỉnh những thông số trong Drop Shadow, Inner Shadow và Gradient Overlay theo như bảng dưới đây.

1572809408rpg8cWpqJB4V1bZ

1572809433fYz8CpolGWcqLQu157280945766Yn7KmRyhdiR3T

Sử dụng thao tác Convert to Smart Object với tất cả Layer để bảo toàn chất lượng hình ảnh.

Sau khi áp dụng các bước trên thì thành quả thu được như sau:

15728095021ozsdgaqpgol4nb

 Thật đơn giản phải không nào! Mong rằng Học viện thiết kế RENO TREE đã giúp được các bạn có được bức hình tuyệt vời nhất. Nếu gặp bất kỳ khó khăn ở bước nào đừng ngần ngại để lại bình luận bên dưới để Học viên thiết kế RENO TREE có thể giúp các bạn nhé.

Học viện thiết kế RENO TREE nhãn hiệu của Công ty TNHH Xưởng nghệ thuật ART TREE Việt Nam (trực thuộc Trung tâm UNESCO Mỹ thuật Hà Nội). Tham khảo các Khoá học về thiết kế đồ hoạ tại Học viện thiết kế RENO TREE.

Xem thêm khoá học Reno Tree - More Reno Tree courses

Học viện thiết kế RENO TREE
Graphic Design Academy – Trung tâm dạy thiết kế Đồ Họa ngắn hạn
Hotline: 08.5590.1188 – 089.808.3366
Add: Số 41, ngõ 168 Hào Nam, Đống Đa, HN
Fanpage: fb.com/renotree.vn
Mail: vietnam.renotree@gmail.com