cách vẽ logo đơn giản

cách vẽ logo đơn giản
Hình ảnh sản phẩm cuối cùng
Những gì bạn sẽ tạo ra

Trong các bước sau, bạn sẽ học cách tạo thiết kế logo hình tròn cho thợ may bằng phông chữ SVG trong Adobe Illustrator.

  • Cách tạo một tài liệu mới trong Illustrator
  • Cách thêm văn bản trên đường dẫn trong Illustrator
  • Cách sử dụng phông chữ màu SVG trong Illustrator
  • Cách chỉnh sửa và cách điệu phông chữ thư pháp SVG trong Illustrator
  • Cách thay đổi màu của phông chữ SVG trong Illustrator

Để có thêm cảm hứng về cách điều chỉnh hoặc cải thiện thiết kế logo cuối cùng của bạn , bạn có thể tìm thấy nhiều tài nguyên tại  các bài viết của Phạm Khôi .

Bạn sẽ cần các tài nguyên sau để hoàn thành thiết kế logo hình tròn này:

Nhấn Control-N để tạo tài liệu mới. Chọn Pixels từ menu thả xuống Đơn vị , nhập 850 vào hộp chiều rộng và chiều cao, sau đó nhấp vào nút Cài đặt khác . Chọn RGB cho Chế độ màu , đặt Hiệu ứng Raster thành Màn hình (72 ppi) , rồi bấm Tạo tài liệu .

Bật Grid ( Xem> Hiển thị Grid ) và Snap to Grid ( Xem> Snap to Grid ). Bạn sẽ cần một lưới mỗi 10 px , vì vậy chỉ cần đi tới Edit> Preferences> Guides & Grid , và nhập 10 vào ô Gridline every và 1 vào ô Subdivisions . Cố gắng đừng nản lòng với tất cả lưới đó — nó sẽ giúp công việc của bạn dễ dàng hơn và hãy nhớ rằng bạn có thể dễ dàng bật hoặc tắt nó bằng phím tắt Control- " .

Bạn cũng nên mở bảng Thông tin ( Window> Info ) để xem trước trực tiếp với kích thước và vị trí của các hình dạng của bạn. Đừng quên đặt đơn vị đo thành pixel từ Edit> Preferences> Units . Tất cả những tùy chọn này sẽ làm tăng đáng kể tốc độ làm việc của bạn. Bây giờ mọi thứ đã chuẩn bị xong, hãy xem cách bạn có thể sử dụng phông chữ thư pháp SVG và cách thay đổi màu sắc của phông chữ SVG trong thiết kế logo hình tròn này.

tài liệu mới

Chọn công cụ Type Tool và mở bảng Character ( Window> Character ). Chọn phông chữ Bluesky SVG và đặt kích thước thành 200 px . Chỉ cần nhấp vào bảng vẽ của bạn và nhập vào đoạn văn bản "Silky" .

phông chữ thư pháp svg

Hãy thay thế một số ký tự từ văn bản "Silky" bằng các nét chữ khác nhau. Đảm bảo rằng Công cụ Loại (T) vẫn đang hoạt động và chỉ chọn "k" . Sau khi nó được chọn, bạn sẽ nhận được các bản xem trước nhỏ với các lựa chọn thay thế phông chữ SVG cho ký tự đó. Chọn tùy chọn thứ tư và phong cách của nhân vật bạn đã chọn sẽ thay đổi như trong hình ảnh thứ hai.

glyph phông chữ svg

Tiếp tục tập trung vào đoạn văn bản của bạn và chọn ký tự "k" . Để có bản xem trước lớn hơn với toàn bộ bộ sưu tập glyph phông chữ SVG có sẵn cho phông chữ thư pháp SVG này, hãy mở cửa sổ Glyphs ( Loại> Glyphs ). Thay thế thiết kế hiện tại của ký tự "y" đó bằng glyph phông chữ SVG được hiển thị trong hình ảnh sau.

glyph phông chữ svg

Đảm bảo rằng đoạn văn bản của bạn vẫn được chọn và mở bảng Align ( Window> Align ). Đặt căn chỉnh cho bảng vẽ, sau đó nhấp vào các nút Căn giữa theo chiều ngang và Căn giữa theo chiều dọc để dễ dàng di chuyển lựa chọn của bạn vào giữa bảng vẽ.

phông chữ thư pháp trung tâm svg

Chọn công cụ Ellipse Tool (L) , giữ phím Shift và tạo một hình tròn 350 px — lưới và tính năng Snap to Grid sẽ giúp việc này dễ dàng hơn rất nhiều.

Mở bảng Gradient ( Window> Gradient ). Đảm bảo rằng hình dạng của bạn vẫn được chọn, tô nó bằng gradient tuyến tính được hiển thị trong hình sau và loại bỏ màu nét viền.

Căn giữa vòng tròn này bằng cách sử dụng cùng các nút Căn giữa và Căn giữa Dọc từ bảng Căn chỉnh, rồi gửi nó ra sau văn bản ( Control- [ ).

vòng tròn tuyến tính gradient

Đảm bảo rằng vòng kết nối của bạn vẫn được chọn, tập trung vào bảng điều khiển Giao diện ( Window> Appearance ) và thêm hình nền thứ hai bằng cách sử dụng nút Add New Fill .

Chọn màu tô mới và kéo nó bên dưới phần tô màu khác. Đặt màu của nó thành màu đen ( R = 0 G = 0 B = 0 ), giảm Opacity xuống 30% và đi tới Effect> Path> Offset Path . Nhập Offset -20 px , nhấp OK , và đi tới Effect> Distort & Transform> Transform . Kéo thanh trượt Move-Vertical đến 40 px , nhấp vào OK và đi tới Effect> Blur> Gaussian Blur . Nhập Radius 15 px và nhấp OK .

thêm bóng đổ mới

Đảm bảo rằng vòng kết nối của bạn vẫn được chọn và tiếp tục tập trung vào bảng điều khiển Giao diện ( Window> Appearance ).

Chọn nét vẽ, đặt màu của nó thành màu trắng ( R = 255 G = 255 B = 255 ), rồi bấm vào đoạn văn bản Stroke đó để mở menu bay ra Stroke . Tăng Weight lên 10 px và kiểm tra nút Align Stroke to Outside .

nét trắng

Chọn đoạn văn bản "Silky" của bạn và tập trung vào bảng Appearance . Thêm một màu mới và kéo nó xuống cuối bảng. Chọn nó, đặt màu thành màu trắng, sau đó đi tới Effect> Path> Offset Path . Nhập Offset 10 px , đặt Joins thành Round và nhấp vào OK .

svg phông chữ thư pháp cách điệu

Chọn đoạn văn bản "Silky" của bạn và thêm một bản sao vào phía trước ( Control-C> Control-F ).

Chọn bản sao và đi tới Đối tượng> Mở rộng Giao diện . Đảm bảo rằng nhóm kết quả vẫn được chọn, mở bảng Pathfinder ( Window> Pathfinder ) và nhấp vào nút Unite . Tô màu đen cho hình dạng kết quả rồi xóa phần văn bản không cần thiết đó khỏi bảng điều khiển Lớp ( Window> Layers ). Chỉ giữ lại đoạn văn bản gốc "Silky" .

mở rộng diện mạo

Đảm bảo rằng hình dạng màu đen của bạn vẫn được chọn, và đi tới Effect> Path> Offset Path . Nhập Offset -5 px , nhấp OK , và đi tới Effect> Distort & Transform> Transform . Kéo thanh trượt Move-Vertical đến 25 px , bấm OK , sau đó đi tới Object> Expand Appearance .

chuyển đổi đường dẫn bù đắp

Chọn vòng tròn màu xanh lam của bạn và thêm một bản sao ở phía trước ( Control-C> Control-F ).

Chọn bản sao này cùng với hình dạng màu đen đó và nhấp vào nút Intersect từ bảng Pathfinder . Di chuyển hình dạng kết quả phía sau văn bản "Silky" của bạn Control- [ ), giảm Opacity của nó xuống 75% và thay đổi Blending Mode thành Soft Light .

người tìm đường giao nhau

Sử dụng công cụ Ellipse Tool (L) , tạo một hình tròn 260 px và căn giữa nó bằng cách sử dụng cùng các nút Horizontal Align Center và Vertical Align Center từ bảng Align . Các thuộc tính ngoại hình của hình dạng mới này không quan trọng vì bạn chỉ đơn giản sử dụng hình dạng này làm đường dẫn để nhập.

Đảm bảo rằng hình dạng mới này vẫn được chọn, chọn Loại trên Công cụ Đường dẫn và chuyển đến bảng Ký tự .

Chọn phông chữ Robinson , đặt kích thước thành 32 px và theo dõi thành 200 . Chỉ cần nhấp vào cạnh của vòng tròn bạn đã chọn và thêm văn bản "- TAILOR SALON -" . Đặt màu của nó thành màu trắng và chuyển sang công cụ Direct Selection Tool (A) . Sử dụng dấu ngoặc trung tâm đó để kéo văn bản như thể hiện trong hình ảnh thứ hai.

văn bản trên đường dẫn

Sử dụng công cụ Ellipse Tool (L) , tạo một hình tròn 280 px và căn giữa nó. Một lần nữa, đừng bận tâm đến các thuộc tính ngoại hình của hình dạng này. Đảm bảo rằng nó vẫn được chọn, chuyển sang Công cụ Loại trên Đường dẫn và giảm theo dõi xuống 100 trong bảng Ký tự .

Nhấp vào cạnh lựa chọn của bạn và thêm văn bản "- ESTD 1991 -" . Chuyển sang Công cụ chọn trực tiếp (A) và di chuyển dấu ngoặc trung tâm đó vào bên trong vòng tròn của bạn để di chuyển văn bản của bạn vào bên trong. Kéo văn bản như thể hiện trong hình ảnh thứ hai.

văn bản trên đường dẫn

Chọn công cụ Rectangle Tool (R) và tạo một hình vuông 870 px . Căn giữa và sau đó tô nó với gradient tuyến tính được hiển thị bên dưới.

hình chữ nhật nền tuyến tính gradient

Đối với các bước sau, bạn sẽ cần một lưới mỗi 5 px . Chỉ cần đi tới Edit> Preferences> Guides & Grid và nhập 5 vào ô Gridline every .

Chọn công cụ Rectangle Tool (R) , tạo một hình 15 x 530 px và tô nó bằng màu trắng. Tập trung vào mặt dưới của hình dạng mới này và chọn Công cụ chọn trực tiếp (A) . Chọn cả hai điểm neo và đi tới Đối tượng> Đường dẫn> Trung bình . Đánh dấu vào ô Cả hai và bấm OK .

đường dẫn đối tượng trung bình

Di chuyển đến mặt trên của hình dạng màu trắng này và đảm bảo rằng Công cụ chọn trực tiếp (A) vẫn đang hoạt động. Chọn cả hai điểm neo và nhập 8 px vào hộp Corners từ bảng điều khiển.

Chuyển sang công cụ Move Tool (V) , chọn toàn bộ hình dạng màu trắng này và đi tới Effect> Warp> Bulge . Nhập các thuộc tính được hiển thị trong hình sau, bấm OK , sau đó đi tới Đối tượng> Mở rộng Giao diện .

Góc bán kính Warp Bulge

Sử dụng công cụ Rectangle Tool (R) , tạo một hình 5 x 40 px và đặt nó như trong hình đầu tiên. Đảm bảo rằng nó vẫn được chọn, đi tới bảng điều khiển và nhập 2,5 px vào hộp Corners .

Chọn hình chữ nhật tròn này cùng với hình dạng màu trắng đó và nhấp vào nút Minus Front từ bảng Pathfinder .

Pathfinder Minus Front

Xoay hình dạng kim đó và đặt nó như thể hiện trong hình sau.

xoay hình kim

Chọn công cụ Ellipse Tool (L) và tạo một hình tròn 320 px . Tô nó với màu đen và căn giữa nó.

Chọn hình tròn mới này cùng với hình kim đó và mở bảng Độ trong suốt ( Window> Transparency ). Nhấp vào nút Make Mask và sau đó bỏ chọn hộp Clip đó Cuối cùng, mọi thứ sẽ giống như trong hình ảnh thứ ba.

mặt nạ hình kim

Chọn Công cụ Pen (P) và thêm hai đường xiên nơi kim vào và ra khỏi logo, như thể hiện trong hình sau.

Thêm nét 3 px cho đường trên cùng và một nét 2 px cho đường dưới cùng. Đặt màu thành màu trắng và áp dụng Hồ sơ chiều rộng 1 từ trình đơn Hồ sơ thả xuống.

hồ sơ đột quỵ

Sau khi được thêm, bạn có thể muốn biết cách thay đổi màu của phông chữ SVG. Nó có thể được thực hiện trong hai bước đơn giản. Chọn đoạn văn bản "Silky" của bạn, tập trung vào bảng điều khiển Appearance và thêm phần tô màu thứ hai bằng cách sử dụng cùng nút Add New Fill đó .

Chọn màu tô mới này, đặt màu thành đen và kéo nó lên đầu bảng điều khiển. Điều này sẽ không thay đổi giao diện văn bản của bạn như bình thường. Để làm cho phần điền đó hiển thị, chúng tôi sẽ sử dụng một thủ thuật nhỏ. Đảm bảo rằng tô màu đen của bạn vẫn được chọn và đi tới Hiệu ứng> Đường dẫn> Đường dẫn bù đắp . Đặt Offset thành 0 px và nhấp vào OK . Điều này sẽ không thay đổi khoảng cách của vùng tô, nhưng nó sẽ làm cho nó có thể nhìn thấy được. Bây giờ bạn có thể thấy màu đen này, hãy thay đổi Chế độ hòa trộn của nó thành Màu .

cách thay đổi màu của phông chữ svg

Đảm bảo rằng đoạn văn bản "Silky" của bạn vẫn được chọn và tiếp tục tập trung vào bảng điều khiển Appearance .

Chọn tô màu đen và sao chép nó bằng cách sử dụng nút Nhân bản Mục đã Chọn . Chọn màu tô mới, thay đổi Chế độ hòa trộn của nó thành Lớp phủ và đặt màu thành R = 158 G = 85 B = 185 hoặc bất kỳ màu nào khác mà bạn có thể thích cho văn bản.

cách thay đổi màu của phông chữ svg

Đây là cách nó sẽ trông như thế nào. Tôi hy vọng bạn thích hướng dẫn này của In Phạm Khôi  và có thể áp dụng những kỹ thuật vẽ logo này trong các dự án tương lai của bạn để tạo ra các mẫu logo đẹpĐừng ngần ngại chia sẻ kết quả cuối cùng của bạn trong phần bình luận.

Hãy điều chỉnh thiết kế cuối cùng và biến nó thành của riêng bạn. Bạn có thể tìm thấy một số nguồn cảm hứng tuyệt vời tại các bài viết của Phạm Khôi , với các giải pháp thú vị để cải thiện thiết kế logo của bạn.

thiết kế logo hình tròn




CÁC TIN KHÁC
Cách vẽ đầu lâu
10 thủ thuật thiết kế logo (p1)
Thiết kế chữ hoạt hình
tạo ra một minh họa chèo thuyền

THIẾT KẾ IN ẤN PHẠM KHÔI CHẤP THUẬN THANH TOÁN QUA CÁC NGÂN HÀNG

Sau khi chuyển khoản quý khách vui long thông báo lại cho Phạm Khôi để tránh tình trạng xót hàng, lộn hàng, vì có rất nhiều đơn hàng cùng giá thành giống nhau nên dễ sai xót, mong quý khách kỹ giùm chút vì tiền rất bạc. Xin cảm ơn
0906.9000.21
Chat Zalo
Chat Facebook