• Home
  • Đồ Họa
    • Học Corel Online
    • Học AI Online
    • Học PTS Online
    • Giáo trình căn bản
      • Chương trình học Corel Online X7
      • Chương trình học Adobe Illustrator
      • Chương trình học Photoshop Online
    • Tài nguyên
  • Blog
    • Tự Học Thiết Kế Website
    • Thiết kế website
  • Thủ Thuật
    • Window
    • Android
    • Iphone
  • Home
  • Đồ Họa
    • Học Corel Online
    • Học AI Online
    • Học PTS Online
    • Giáo trình căn bản
      • Chương trình học Corel Online X7
      • Chương trình học Adobe Illustrator
      • Chương trình học Photoshop Online
    • Tài nguyên
  • Blog
    • Tự Học Thiết Kế Website
    • Thiết kế website
  • Thủ Thuật
    • Window
    • Android
    • Iphone
  • Home
  • Đồ Họa
    • Học Corel Online
    • Học AI Online
    • Học PTS Online
    • Giáo trình căn bản
      • Chương trình học Corel Online X7
      • Chương trình học Adobe Illustrator
      • Chương trình học Photoshop Online
    • Tài nguyên
  • Blog
    • Tự Học Thiết Kế Website
    • Thiết kế website
  • Thủ Thuật
    • Window
    • Android
    • Iphone
Học Đồ Họa Online
Home Học Adobe Illustrator Online

Hướng Dẫn Cách Tạo Biểu Tượng Điều Hướng Trong Adobe Illustrator

✔ Bạn cũng có thể tải về máy file PDF nội dung tài liệu này tại đây: Tải về file PDF.

Tháng Chín 16, 2021
in Học Adobe Illustrator Online
Hướng Dẫn Cách Tạo Biểu Tượng Điều Hướng Trong Adobe Illustrator

Mục Lục

      • Bài Nên Xem
      • Hướng Dẫn Vẽ Logo Polygon Đơn Giản Trong Illustrator
      • Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator
      • Hướng Dẫn Cách Vẽ Quả Châu Trang Trí Giáng Sinh
  • Chi tiết hướng dẫn: Biểu tượng điều hướng
    • Hình ảnh cuối cùng: Biểu tượng điều hướng
    • Bước 1: tạo file mới
    • Bước 2: tạo khung viền điện thoại
    • Bước 3
    • Bước 4
    • Bước 5
    • Bước 6: vẽ chi tiết điều hướng
    • Bước 7
    • Bước 8
    • Bước 9
    • Bước 10
    • Bước 11
    • Hoàn tất

Bài Nên Xem

Hướng Dẫn Vẽ Logo Polygon Đơn Giản Trong Illustrator

Hướng Dẫn Vẽ Logo Polygon Đơn Giản Trong Illustrator

Tháng Chín 25, 2021
Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Tháng Chín 19, 2021
1631678686 719 Cach tao bieu tuong trang tri Giang sinh

Hướng Dẫn Cách Vẽ Quả Châu Trang Trí Giáng Sinh

Tháng Chín 17, 2021

Hôm nay, chúng ta sẽ tiếp tục với bài hướng dẫn AI đơn giản cho người mới bắt đầu, hướng dẫn cách tạo biểu tượng điều hướng trong Adobe Illustrator của Học Đồ Họa Online.

 

Chi tiết hướng dẫn: Biểu tượng điều hướng

  • Chương trình: Adobe Illustrator CS6 – CC 2020
  • Khó khăn: Người bắt đầu
  • Các chủ đề được đề cập: Design Theory, Compositional Construction, Shape Alignment, Grid Positioning
  • Thời gian hoàn thành ước tính: 25 phút

Hình ảnh cuối cùng: Biểu tượng điều hướng

1631678801 597 Cach tao bieu tuong dieu huong

Bước 1: tạo file mới

Tạo file mới Ctrl + N, sau đó thiết lập như hình bên dưới

1631678801 467 Cach tao bieu tuong dieu huong

Bước 2: tạo khung viền điện thoại

Vẽ hình chữ nhật bo góc kích thước 56 x 56 pixel với một Bán kính góc 6 px, chúng tôi sẽ tô màu bằng cách sử dụng # E6E6E6 và sau đó căn giữa với phần bên dưới Artboard.

1631678802 663 Cach tao bieu tuong dieu huong

Bước 3

Tăng đường viền stroke lên 2px và tô màu # 000000 

1631678802 961 Cach tao bieu tuong dieu huong

Bước 4

Thêm phần cắt khía bằng cách sử dụng hình chữ nhật kích thước 12 x 3 pixel tô màu #FFFFFF, bo góc phí dưới 2 px. tăng stroke lên 2 px và tô màu # 000000

Có điều này, hãy để lại email, chúng tôi sẽ gửi bài vào email bạn, cùng nhiều bài khác nữa

1631678802 924 Cach tao bieu tuong dieu huong

Bước 5

Tạo nút cử chỉ trên màn hình bằng cách sử dụng 1 đường thẳng bo góc dài 10 px rộng 2 px tô màu # 000000 như hình bên dưới. Sau khi bạn hoàn tất, hãy chọn và nhóm (Control-G) tất cả các hình dạng bố cục của điện thoại lại với nhau trước khi chuyển sang bước tiếp theo.

1631678802 355 Cach tao bieu tuong dieu huong

Bước 6: vẽ chi tiết điều hướng

Thêm các hình dạng chính cho màn hình xoay bằng cách vẽ hình chữ nhật kích thước 46 x 28 pixel tô màu # FFD13E,  đường viền 2 px và tô màu # 000000, chúng ta sẽ đặt cả hai vị trí vào giữa điện thoại.

1631678802 543 Cach tao bieu tuong dieu huong

Bước 7

Lấy cái Pen Tool (P), và sử dụng 2 px StrokeWeight (#FFFFFF) nhanh chóng vẽ các đường phố nhỏ sau đó nhấn (Control-G)

1631678803 978 Cach tao bieu tuong dieu huong

Bước 8

Tạo hình dạng chính cho ghim vị trí bằng cách sử dụng hình tròn 10 x 10 pixel màu (#FFFFFF) mà chúng tôi sẽ đặt ở góc trên bên phải của màn hình.

1631678803 894 Cach tao bieu tuong dieu huong

Bước 9

Nhanh chóng điều chỉnh hình dạng mà chúng tôi vừa tạo, bằng cách chọn phần dưới cùng của nó điểm neo sử dụng Direct Selection Tool (A), và sau đó đẩy nó xuống dưới cùng một khoảng là 2 px đảm bảo kéo các điểm cuối của tay cầm về phía bên trong một chút để rút ngắn các đường cong của chúng.

Có điều này, hãy để lại email, chúng tôi sẽ gửi bài vào email bạn, cùng nhiều bài khác nữa
1631678803 512 Cach tao bieu tuong dieu huong

Bước 10

Cho đường viền lên 2 px tô màu (# 000000), Theo sau là một hình tròn 4 x 4 pixel tô màu (# 000000), đảm bảo chọn và nhóm (Control-G) tất cả chúng cùng nhau, thực hiện tương tự cho toàn bộ màn hình sau đó.

1631678803 226 Cach tao bieu tuong dieu huong

Bước 11

Vẽ hình chữ nhật kích thước 30 x 4 pixel tô màu # 000000, ta sẽ đặt bên dưới phần màn hình như hình kèm theo. Như thường lệ, khi bạn đã hoàn tất, đừng quên chọn và nhóm tất cả các hình dạng sáng tác của biểu tượng trước khi nhấn nút lưu đó.

1631678804 243 Cach tao bieu tuong dieu huong

Hoàn tất

Vậy là chúng ta đã hoàn tất bài học đơn giản dành cho người mới bắt đầu. Chúc các bạn thành công.

1631678804 872 Cach tao bieu tuong dieu huong
Có điều này, hãy để lại email, chúng tôi sẽ gửi bài vào email bạn, cùng nhiều bài khác nữa
Xin cảm ơn! Tất cà bài viết, kiến thức trong Học Đồ Họa Online hoàn toàn miễn phí, tất cả các bài viết các bạn đều có thể sử dụng. Nếu các bạn thấy hay, bổ ích hãy nhấn like, share để giới thiệu cho nhiều người khác biết đến trang Học Đồ Họa Online hơn.
Tags: bài hướng dẫn AIbài tập AIhọc AI cơ bảnHọc AI online cơ bảntự học AI
Share194Tweet122Share49
Previous Post

Hướng Dẫn Vẽ Cây thông Noel Trong Quả Cầu Thủy Tinh Trong Adobe Illustrator

Next Post

Hướng Dẫn Cách Vẽ Quả Châu Trang Trí Giáng Sinh

Bài Viết Liên Quan

Hướng Dẫn Vẽ Logo Polygon Đơn Giản Trong Illustrator

Hướng Dẫn Vẽ Logo Polygon Đơn Giản Trong Illustrator

Tháng Chín 25, 2021
Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Tháng Chín 19, 2021
1631678686 719 Cach tao bieu tuong trang tri Giang sinh

Hướng Dẫn Cách Vẽ Quả Châu Trang Trí Giáng Sinh

Tháng Chín 17, 2021
1631678640 98 Tao Cay thong Noel trong Qua cau thuy tinh trong

Hướng Dẫn Vẽ Cây thông Noel Trong Quả Cầu Thủy Tinh Trong Adobe Illustrator

Tháng Chín 15, 2021
Next Post
1631678686 719 Cach tao bieu tuong trang tri Giang sinh

Hướng Dẫn Cách Vẽ Quả Châu Trang Trí Giáng Sinh

Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Hướng Dẫn Cách Vẽ Lồng Đèn Treo Trong Adobe Illustrator

Hướng Dẫn Vẽ Cây Thông Noel Đơn Giản Trong Adobe Photoshop

Hướng Dẫn Vẽ Cây Thông Noel Đơn Giản Trong Adobe Photoshop

Discussion about this post

Đánh giá Hướng Dẫn Cách Tạo Biểu Tượng Điều Hướng Trong Adobe Illustrator 9/10 dựa trên 5490 đánh giá.
Bạn có thích không?
Học Đồ hoạ online

Danh Mục

  • Android
  • Blog
  • Facebook Ads
  • Giáo Trình Online
  • Học Adobe Illustrator Online
  • Học Corel Online
  • Học Photoshop Online
  • Học Thiết Kế Web
  • Iphone
  • Sách Học Tiếng Anh
  • Tài nguyên
  • Window
  • Đăng nhập
  • Liên hệ
  • Giới Thiệu
  • Chính sách và quy định
  • Vải Áo Dài
  • vai ao dai

© 2021 Học Đồ Họa Online

No Result
View All Result
  • Home
  • Đồ Họa
    • Học Corel Online
    • Học AI Online
    • Học PTS Online
    • Giáo trình căn bản
      • Chương trình học Corel Online X7
      • Chương trình học Adobe Illustrator
      • Chương trình học Photoshop Online
    • Tài nguyên
  • Blog
    • Tự Học Thiết Kế Website
    • Thiết kế website
  • Thủ Thuật
    • Window
    • Android
    • Iphone

© 2021 Học Đồ Họa Online