Đề Xuất 5/2022 # Hướng Dẫn Vẽ Bộ Icon Cây Xương Rồng # Top Like

Xem 9,108

Cập nhật nội dung chi tiết về Hướng Dẫn Vẽ Bộ Icon Cây Xương Rồng mới nhất ngày 20/05/2022 trên website Techcombanktower.com. Hy vọng thông tin trong bài viết sẽ đáp ứng được nhu cầu ngoài mong đợi của bạn, chúng tôi sẽ làm việc thường xuyên để cập nhật nội dung mới nhằm giúp bạn nhận được thông tin nhanh chóng và chính xác nhất. Cho đến nay, bài viết này đã thu hút được 9,108 lượt xem.

--- Bài mới hơn ---

  • 16 Cách Vẽ Cây Thông Noel Đơn Giản Mà Các Mẹ Có Thể Dạy Bé
  • Cây Avl Trong Cấu Trúc Dữ Liệu Và Giải Thuật
  • Các Thao Tác Cơ Bản Trên Cây Avl
  • Giáo Án Phát Triển Thẩm Mỹ
  • Giao An : Vẽ Cây Ăn Quả Ve Cay An Qua Mau Doc
  • Trong bài hướng dẫn hôm nay, chúng ta sẽ đội chiếc nón của người làm vườn và tạo ra một bộ bốn icon cây xương rồng nho nhỏ bằng cách dùng các hình học và công cụ cơ bản trong Adobe Illustrator mà bạn có thể đã dùng trong công việc hàng ngày.

    Hơn nữa, đừng quên là bạn luôn có thể mở rộng bản vẽ của mình bằng cách hướng tới GraphicRiver, nơi bạn có thể tìm kiếm một bộ chọn lọc xuất sắc các icon vườn cây.

    Chúng ta hãy vào ngay bài hướng dẫn nào!

    1. Cách thiết lập một tập tin bản vẽ mới

    Và từ mục Advanced:

    2. Hướng dẫn thiết lập một lưới tùy biến (Grid Custom)

    Bước 1

    Mẹo nhỏ: Bạn có thể tìm hiểu thêm về lưới bằng cách đọc kỹ bài How Illustrator’s Grid System Works. (Cách vận hành của hệ thống lưới trong Illustrator )

    Bước 2

    Sau khi đã thiết lập lưới tùy biến, điều chúng ta cần làm để những hình của chúng ta trông chính xác đó là mở tùy chọn Snap to GridSnap to Pixel nằm ở menu View, chế độ này sẽ chuyển đổi thành Snap to Pixel mỗi lần bạn đưa vào chế độ Pixel Preview.

    Bây giờ, nếu bạn chưa biết nhiều về “tiến độ công việc pixel hoàn hảo”, bạn có thể đọc qua bài hướng dẫn của tôi về How to Create Pixel-Perfect Artwork (Cách tạo bản vẽ Artwork pixel-perfect), sẽ giúp bạn mở rộng các kĩ năng chuyên môn nhanh chóng.

    3. Hướng dẫn thiết lập các Layers

    Mở bảng Layers, và tạo 5 layer và đặt tên như sau:

    4. Cách tạo lưới tham chiếu (Reference Grids)

    Lưới tham chiếu hay (hay lưới cơ sở) là một tập hợp các bề mặt tham chiếu trong một giới hạn chính xác, cho phép chúng ta vẽ các biểu tượng bằng cách tập trung vào phần kích thước và sự đồng nhất.

    Thông thường, kích thước của lưới xác định kích thước thật của các biểu tượng, và đây chính là yếu tố quyết định đầu tiên khi bạn bắt đầu một bài vẽ mới, bạn sẽ bắt đầu từ kích thước có thể nhỏ nhất và vẽ trên chúng.

    Bây giờ, trong trường hợp của chúng ta, chúng ta sẽ tạo một bộ biểu tượng icon chỉ với một kích thước, chính xác hơn là 128 x 128 px, một icon khá lớn.

    Bước 1

    Bắt đầu bằng việc khóa tất cả các layer lại trừ layer “reference grids”, và sau đó dùng công cụ Rectangle Tool (M) và tạo một hình vuông 128 x 128 px màu cam (#F15A24), giúp bạn thấy được kích thước tổng thể các hình icon của chúng ta.

    Bước 2

    Bước 3

    5. Cách tạo icon cây xương rồng đầu tiên

    Giả sử bạn đã hoàn thành việc tạo các lưới tham chiếu, tiếp tục vào layer tiếp theo (sẽ là layer thứ hai) và bắt đầu bản vẽ bằng cách tạo icon đầu tiên.

    Bước 1

    Bắt đầu bằng cách tạo cai chậu sứ bằng một hình chữ nhật bo tròn 68 x 32 px với Conrner Radius 8 px, tô màu #E5E5E5 và sau đó canh giữa với vùng vẽ hiện hành nằm bên dưới, đặt cách cạnh dưới 4px.

    Bước 2

    Tạo nét viền cho hình vừa tạo bằng phương pháp Stroke, bằng cách tạo một bản sao chép của hình đó ( Control-C), chúng ta sẽ dán ở trước ( Control-F) và sau đó đổi màu thành #3A2E2A. Lật màu Fill của bản sao với nét Stroke của nó ( Shift-X), đặt độ dày Weight8 px.

    Bước 3

    Bước 4

    Bước 5

    Chỉnh sửa hình vừa tạo bằng cách chọn và thiết lập Radius của các cạnh phía trên thành 14 px từ Rectangle Properties của bảng Transform.

    Bước 6

    Tiếp theo, dành một chút thời gian và vẽ hai nét xéo bằng Pen Tool (P). Dùng nét Stroke 4 px (#6D894E) cho đường thẳng phía trên, theo sau là đường thẳng bên dưới dày 8 px, (#6D894E), thiết lập cả hai có Width Profile là một trong những cái có sẵn trong Illustrator ( Width Profile 5)

    Bước 7

    Bước 8

    Vẽ nét viền ngoài dày 8 px bằng phương pháp Stroke, tô màu #3A2E2A.

    Bước 9

    Bước 10

    Bắt đầu thao tác với cái cây bên trái của icon bằng cách tạo thân chính cho nó bằng một hình chữ nhật 28 x 52 px, (#A9D884), thay đổi Radius của các góc bên trên thành 14 px từ Rectangle Properties của bảng Transform. Đặt hình kết quả lên cạnh trên của cái chậu, cách cạnh trái của vùng vẽ hiện hành một khoảng 38 px.

    Bước 11

    Thêm vào hai đường chéo, giống quy trình đã vẽ cho cái cây bên phải, lật chiều rộng của nét Stroke phía trên để tạo sự đa dạng.

    Bước 12

    Vẽ viền ngoài dày 8 px, (#3A2E2A), đi theo là nét Stroke dày 4 px, cao 38 px, (#3A2E2A) ở giữa cạnh bên dưới của nó. Khi đã xong, chọn và nhóm toàn bộ các hình tạo thành lại với nhau bằng phím tắt Control-G.

    Bước 13

    Bước 14

    Bước 15

    Bắt đầu thao tác với hình tiền cảnh của icon bằng cách vẽ một nét Stroke dày 8 px, dài 96 px, (#3A2E2A)Round Cap, chúng ta sẽ canh thẳng góc dưới bên trái với vùng vẽ hiện hành.

    Bước 16

    6. Cách tạo icon xương rồng thứ hai

    Cho rằng bạn đã hoàn thành icon đầu tiên, khóa layer đó lại và sau đó vào layer tiếp theo (sẽ là layer thứ ba), nơi chúng ta sẽ bắt đầu thực hiện cái cây thứ hai.

    Bước 1

    Tạo cái chậu sành bằng một hình chữ nhật bo tròn 68 x 40 px (#E5E5E5) với Corner Radius 8 px và một nét viền ngoài dày 8 px (#3A2E2A), chúng ta sẽ group ( Control-G) và sau đso canh giữa với cạnh dưới của vùng vẽ hiện hành.

    Bước 2

    Bước 3

    Bước 4

    Bước 5

    Chia hình ở giữa làm đôi bằng cách thêm một nét Stroke dày 8 px, cao 64 px, (#3A2E2A) , chọn và group ( Control-G) tất cả các hình tạo thành của cái cây lại với nhau trước khi chuyển qua bước tiếp theo.

    Bước 6

    Bước 7

    Bước 8

    Tạo cánh hoa bên trái bằng một hình chữ nhật 16 x 16 px, (#EF835E), chúng ta sẽ chỉnh sửa bằng cách thiết lập Radius của các góc dưới bên trái và góc trên bên phải thành 12 px trong Rectangle Properties của bảng Transform. Tạo nét viền cho hình kết quả dày 8 px (#3A2E2A) với Round Join, group ( Control-G) và sau đó đặt hai hình này lên cạnh của cánh hoa ở giữa.

    Bước 9

    Bước 10

    Bước 11

    Bước 12

    Hoàn thành icon này bằng cách thêm vào tiền cảnh của nó bằng cách copy ( Control-C) hình mà chúng ta đã tạo cho icon đầu tiên, dán vào layer này ( Control-F) và sau đó canh giữa với cạnh dưới của vùng vẽ hiện hành. Khi đã xong, chọn và group ( Control-G) tất cả các hình tạo thành trước khi chuyển qua hình tiếp theo.

    7. Cách tạo icon cây xương rồng thứ ba

    Qua layer tiếp theo ( sẽ là layer thứ 4), khóa layer trước lại, và sau đó phóng to lưới tham chiếu của nó lên để bắt đầu thao tác cái cây thứ ba.

    Bước 1

    Tạo cái chậu sành bằng hình chữ nhật bo tròn 68 x 32 px, (#E5E5E5) với Corner Radius 8 px và nét viền ngoài dày 8 px, (#3A2E2A), chúng ta sẽ group ( Control-G) và sau đó canh giữa với cạnh dưới của vùng vẽ hiện hành.

    Bước 2

    Bước 3

    Bước 4

    Quick tip: chú ý những đường viền path càng dài thì đường kết cấu càng mảnh, do đó, thử một vài lần với chúng cho đến khi hình đó trông đẹp.

    Bước 5

    Bước 6

    Bước 7

    Bước 8

    Tạo hình vẽ nhỏ hơn thứ hai bằng một hình tròn 24 x 24 px, (#88AF66) với hai nét kết cấu chéo (#6D894E) và một nét viền dày 8 px, (#3A2E2A), chúng ta sẽ group (Control-G) và sau đó đặt lên bên phải của thân lớn hơn, với khoảng cách 16 px từ góc phải ở trên của vùng vẽ hiện hành.

    Bước 9

    Bước 10

    Bước 11

    Bước 12

    Hoàn thành icon này bằng cách thêm hình tiền cảnh của nó bằng cách sao chép (Control-C) hình chúng ta đã tạo ở icon thứ hai, chúng ta sẽ dán lên layer này ( Control-F) và sau đó canh giữa với cạnh dưới của vùng vẽ hiện hành. Khi đã xong, chọn và nhóm ( Control-G) tất cả các hình tạo thành trước khi bước qua icon thứ tư và cũng là cuối cùng.

    8. Cách tạo icon cây xương rồng thứ tư

    Bây giờ chúng ta đã bước tới icon thứ tư và cũng là cuối cùng, hãy chắc chắn bạn đang ở đúng layer (sẽ là layer thứ năm), và bắt đầu vẽ nào!

    Bước 1

    Như chúng ta đã thực hiện với các icon khác, bắt đầu vẽ cái chậu sành bằng một hình chữ nhật bo tròn 68 x 24 px (#E5E5E5) với Corner Radius 8 px, và một nét vẽ ngoài dày 8 p (#3A2E2A), chúng ta sẽ group ( Control-G) và sau đó canh giữa với cạnh dưới của vùng vẽ hiện hành.

    Bước 2

    Bước 3

    Bước 4

    Bước 5

    Mở đường path của hai hình tròn này bằng cách chọn riêng lẻ từng điểm neo đối diện bên trong của nó với công cụ Direct Selection Tool (A) và sau đó bỏ chúng đi bằng cách nhấn Delete.

    Bước 6

    Unite hai đường path này thành một hình lớn bằng cách chọn chúng và sau đó nhấn Control-J hai lần.

    Bước 7

    Thay đổi hình dáng của hình kết quả bằng cách chọn và làm mượt bốn điểm neo đối diện bên trong bằng cách sử dụng Convert selected anchor points to smooth, và sau đó đặt lại các tay xoay của nó cho đến khi bạn có được sự chuyển tiếp mượt mà giữa hai hình.

    Bước 8

    Bước 9

    Vẽ nét viền ngoài dày 8px, (#3A2E2A) cho cái cây, theo sau là một nét Stroke dày 4 px, cao 80 px, (#3A2E2A) nằm ở giữa cạnh dưới của nó. Khi đã xong, chọn và nhóm toàn bộ các hình tạo thành lại với nhau bằng phím tắt Control-G.

    Bước 10

    Bước 11

    Bước 12

    Bướcc 13

    Hoàn thành icon này bằng cách thêm hình tiền cảnh của nó bằng cách copy ( Control-C) hình chúng ta đã tạo ở icon thứ ba, dán lên layer này ( Contro-F) và sau đó canh giưa với cạnh dưới của vùng vẽ hiện tại. Khi đã xong, chọn và nhóm ( Control-G) toàn bộ các hình tọa thành trước khi lưu trữa toàn bộ dự án.

    Tất cả đã xong rồi!

    Bạn đã tạo được bộ icon này rồi, anh/ cô bạn yêu xương rồi ạ – đạt được từng bước một để tạo ra các icon vườn cây rất riêng mà không cần sử dụng bất thứ gì ngoài một vài hình vẽ và công cụ cơ bản trong Illustrator.

    --- Bài cũ hơn ---

  • 12 Cách Vẽ Cây Thông Noel Cực Đơn Giản Ai Cũng Có Thể Làm
  • Vẽ Và Phân Tích Biểu Đồ Xu Hướng Trong Excel Với Chức Năng Data Analysis
  • Xác Định Điểm Hòa Vốn Ứng Dụng Excel Thật Dễ!
  • Hướng Dẫn Cách Tính Điểm Hòa Vốn Trong Excel ( Có Ví Dụ Minh Họa)
  • Đồ Thị Phụ Tải Và Cách Vẽ Đồ Thị Phụ Tải Bằng Excel
  • Bạn đang đọc nội dung bài viết Hướng Dẫn Vẽ Bộ Icon Cây Xương Rồng trên website Techcombanktower.com. Hy vọng một phần nào đó những thông tin mà chúng tôi đã cung cấp là rất hữu ích với bạn. Nếu nội dung bài viết hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất. Chúc bạn một ngày tốt lành!

  • Web hay
  • Links hay
  • Push
  • Chủ đề top 10
  • Chủ đề top 20
  • Chủ đề top 30
  • Chủ đề top 40
  • Chủ đề top 50
  • Chủ đề top 60
  • Chủ đề top 70
  • Chủ đề top 80
  • Chủ đề top 90
  • Chủ đề top 100
  • Bài viết top 10
  • Bài viết top 20
  • Bài viết top 30
  • Bài viết top 40
  • Bài viết top 50
  • Bài viết top 60
  • Bài viết top 70
  • Bài viết top 80
  • Bài viết top 90
  • Bài viết top 100