Tutorial Cách tạo một mẫu pattern trường học vui tươi, dễ thương trong Adobe Illustrator

7/9/17 2,631

  1. Tutorial

    Tutorial QT

    Đã được thích:
    537
    Hãy theo bài hướng dẫn này và cùng nhau tạo ra một mẫu pattern không có đường nối với những con thú dễ thương và đồ dùng trong trường nhé! Chúng ta sẽ sửa đổi các hình đơn giản khác nhau, bằng công cụ Shape Builder Tool, Warp Effects và những chức năng hữu dụng khác của Adobe Illustrator. Tiếp theo chúng ta sẽ tập hợp lại các yếu tố thành một mẫu seamless pattern, mà có thể áp dụng cho bất cứ hình nào và sử dụng để in lên vải hoặc như một hình nền cho website hay blog của bạn.

    37-school-animals-pattern850.

    Bạn có thể tạo ra một phiên bản mở rộng của mẫu này bằng cách thêm vào nhiều thành phần khác nữa, bạn có thể lấy chúng từ Kids School Set trên Envato Elements. Ở đó bạn sẽ thấy một bộ các mẫu pattern seamless sắc màu, một bộ các sản phẩm trường học và chân dung các nhân vật mà bạn có thể sử dụng cho cá nhân hay cả các dự án thương mại!

    [​IMG]

    Hãy bắt đầu tạo ra mẫu pattern của chúng ta nào!

    1. Cách vẽ một chú thỏ dễ thương

    Bước 1

    Sử dụng công cụ Ellipse Tool (L) và tạo ra cái đầu cơ bản bằng một hình ovan màu trắng, 115 x 85px.

    Sử dụng công cụ Direct Selection Tool (A) để kéo giãn các handles điểm neo của các điểm trên cạnh, tạo ra một hình hơi vuông và phẳng ở phía trên.

    [​IMG]

    Bước 2


    Chúng ta sẽ thêm các đặc điểm của khuôn mặt. Tạo một hình tròn màu tím đậm 8x8 px cho con mắt. Chọn nó với công cụ Selection Tool (V), giữ Alt-Shift và kéo sang cạnh đối diện để tạo một con mắt thứ hai.

    Tiếp theo tạo ra một cặp hình elip màu hồng 12 x 6 px cho hai má hồng. Sử dụng lại những hình elip đó để để làm lông mày. Thay đổi màu tô thành màu xám và xoay hình một chút để trông chú thỏ thân thiện và ngạc nhiên hơn nhé.

    Tạo ra một hình elip lớn cho cái mũi và đặt nó lên giữa khuôn mặt. Sử dụng công cụ Eyedropper Tool (L) để chọn màu của đôi mắt.

    Cuối cùng, để làm cho các hình được sắp xếp hoàn hảo, chúng ta có thể nhóm (Control-G) mỗi cặp chi tiết lại, chọn chúng cùng với phần đầu và nhấp chọn Horizontal Align Center trong bảng Align. Chọn Align to Key Object hoặc to Artboard nằm ở phía dưới của bảng.

    [​IMG]

    Bước 3

    Bây giờ chúng ta hãy thêm cái miệng. Tạo ra một vòng tròn 12 x 12 px màu tím đậm với đường Strokekhông tô màu bên trong. Sử dụng Scissors Tool (C) để click vào cả hai điểm neo bên, tách hình đó ra. Xoá nửa trên của vòng tròn.

    Giữ Alt-Shift và kéo hình bán nguyệt qua bên phải, tạo một bản sao.

    Chúng ta có thể điều chỉnh độ dày của các đường nét Stroke trong bảng panel. Cài đặt Weight thành 2 ptCapRound Cap.

    Kết nối phần miệng với cái mũi bằng cách thêm vào nét vẽ ngắn 2pt

    [​IMG]

    Bước 4


    Hãy đưa vào một cặp kính tròn vui nhộn lên gương mặt của chú thỏ của chúng ta. Làm thành một vòng tròn lớn 55 x 55 px với đột nét stroke màu đỏ tươi và Stroke Weight là 3pt

    Nhân đôi (giữ Alt-Shift và kéo) hình đặt ở bên đối diện bên và kết nối các vòng tròn với một hình cung nhỏ. Chúng tôi có thể sao chép đường cung đó từ nhóm của cái miệng và xoay nó ngược lại.

    [​IMG]

    Bước 5

    Bây giờ thì đến phần đôi tai. Tạo một hình elip màu xám nhạt 22 x 75px. Chọn các điểm neo trên và dưới bằng công cụ Direct Selection Tool (A) và chuyển đổi các điểm neo đã chọn thành góc nhọn từ bảng kiểm soát phía trên cùng.

    Sau đó chọn cả hai cạnh điểm neo và kéo chúng lên một chút để làm cho hình đó dài hơn.

    [​IMG]

    Bước 6

    Nhấp đúp vào Rotate Tool (R) và thiết lập Angle 20 độ. Bây giờ ta sẽ sao chép Copy (Control-C) hình đó và dán ở phía trước (Control-F). Làm cho hình nhỏ hơn và tô nó với màu hồng, miêu tả phần bên trong của tai thỏ.

    [​IMG]

    Bước 7

    Group (Control-G) cả hai phần của tai, nhấp đúp vào công cụ Reflect Tool (O) và chọn Vertical Axis. Bấm vào sao chép Copy để tạo ra tai thứ hai.

    [​IMG]

    Bước 8

    Gắn phần tai lên phía trên đầu và Send to Back (Shift-Control-[).

    Chúng ta đã xong rồi! Chú thỏ của chúng ta đã sẵn sàng rồi đấy!

    [​IMG]

    2. Cách vẽ một nàng mèo con

    Bước 1

    Hãy sử dụng các cơ sở của đầu và khuôn mặt của chú thỏ để vẽ cho một nàng mèo dễ thương! Thêm các nét stroke ngắn 2pt cho cặp mắt để vẽ lông mi.

    [​IMG]

    Bước 2

    Dùng công cụ Ellipse Tool (L) và tạo một số sọc ở trên trán. Tạo một hình ovan 15 x 45 px ở giữa trên đỉnh đầu và thêm vào hai hình ovan nhỏ ở hai bên của nó.

    Chọn tất cả các hình ovan và phần đầu. Dùng công cụ Shape Builder Tool (Shift-M), Giữ Alt và nhấp chuột vào phần bạn muốn xóa.

    [​IMG]

    Bước 3

    Bây giờ chúng ta hãy vẽ phần tai nhé!
    1. Dùng công cụ Polygon Tool (bạn có thể tìm thấy nó trong trình đơn thả xuống tương tự như công cụ Rectangle Tool (M)) và bấm vào bất cứ nơi nào trên Artboard để mở một cửa sổ Options. Cài đặt số Sides3. Tạo một hình tam giác 65 x 60 px.
    2. Chọn góc trên của tam giác với công cụ Direct Selection Tool (A) và kéo nó vào phía bên phải.
    3. Dùng Anchor Point Tool (Shift-C) và làm cho phần đầu tai được tròn trịa. Nhấp vào điểm neo phía trên và kéo tay cầm ra, tạo sự nhẹ nhàng cho góc đó.
    [​IMG]

    Bước 4

    Kéo điểm đầu qua bên phải, làm cho hình xiên thậm chí nhiều hơn. Nhân đôi (Control-C > Control-F) hình đó và tạo một bản sao nhỏ hơn. Thay đổi màu tô thành màu hồng, miêu tả phần bên trong của tai.

    [​IMG]

    Bước 5

    Bây giờ thì xoay phần tai, gắn nó vào phía bên trái của cái đầu và chọn Send to Back (Shift-Control-[). Sử dụng công cụ Reflect Tool (O) để lật nhóm phần tai theo phương dọc và găn chúng vào phía đối diện của cái đầu.

    [​IMG]

    Bước 6

    Hoàn thành cô nàng mèo con bằng cách thêm vào cặp kính lên khuôn mặt.

    [​IMG]

    3. Cách vẽ một chú chó Shiba dễ thương

    Bước 1

    Bắt đầu bằng cách vẽ phần đầu từ một hình elip màu cam 125 x 90 px. Chọn điểm neo cạnh bên với công cụ Direct Selection Tool (A) và di chuyển chúng xuống một chút. Hãy làm cho chốt neo ngắn hơn để làm cho hai cạnh bên của cái đầu nhô ra nhiều hơn.

    Thêm các đặc điểm trên khuôn mặt để mặt bằng cách sao chép chúng từ chú thỏ, nhưng lần này làm cho phần lông mày có màu trắng.

    [​IMG]

    Bước 2

    Dùng công cụ Line Segment Tool (\) hoặc công cụ Pen Tool (P), giữ Shift, và tạo một đường ngang. Vào Effect > Distort & Transform > Zig Zag và thiết lập các tùy chọn sau:
    • Kích thước Size 10 px
    • Ridges per Segment3
    • PointsSmooth
    Nhấp vào OK Object > Expand Appearance để áp dụng các hiệu ứng.

    [​IMG]

    Bước 3

    Sử dụng công cụ Direct Selection Tool (A) để làm thẳng những chóp của các nét vẽ bằng cách uốn các chốt neo xuống.

    Đặt nét vẽ viền vừa tạo lên khuôn mặt, như minh hoạ bên dưới, và canh giữa với phần đầu, bằng cách sử dụng phần đầu như đối tượng chủ chốt Key Object. Để làm điều này, chọn nét vẽ và phần đầu và bấm vào phần đầu một lần nữa. Sau đó bấm Horizontal Align Center trong bảng điều khiển Align.

    [​IMG]

    Bước 4

    Giữ hai hình đã chọn, click vào Divide trong bảng Pathfinder để tách hai hình ra. Tô màu trắng cho phần phía dưới.

    [​IMG]

    Bước 5

    Bây giờ chúng ta sẽ tạo hình cho phần đôi tai từ một hình tam giác màu cam 65 x 60px. Vào Effect > Warp > Arc, thiết lập Vertical Bend với 20%, và nhấp vào OK.

    Áp dụng hiệu ứng bằng cách Object > Expand Appearance.

    [​IMG]

    Bước 6

    Chọn hình đó với công cụ Direct Selection Tool (A) và chúng ta làm tròn cho các góc. Chúng ta có thể làm thủ công bằng cách kéo điểm đánh dấu tròn Live Corners hoặc bằng cách thiết lập bán kính góc Corner Radius 10 px trong bảng điều khiển trên đầu trang.

    Nhân đôi Duplicate (Control-C > Control-F) hình đó và tạo một bản sao nhỏ hơn. Thay màu tô thành trắng.
    [​IMG]

    Bước 7

    Gắn phần tai vào đầu và sử dụng công cụ Reflect Tool (O) để tạo bản sao chép phản chiếu. Chú chó shiba đã hoàn thành rồi đấy! Thật tuyệt vời!

    [​IMG]

    4. Cách thiết kế một chú gấu mèo dễ thương

    Bước 1
    Chúng ta có thể làm cho phần đầu của nhân vật này tương tự như của chú chó, nhưng với các cạnh mặt bên sắc hơn.

    Một cách khác để vẽ phần đầu đó là mở hướng dẫn Cách tạo một bộ icon phẳng con thú bằng Adobe Illustrator và theo phần 3, bước 1 để tạo lại một cái đầu con gấu mèo tương tự.

    [​IMG]

    Cách tạo một bộ icon phẳng con thú bằng Adobe Illustrator
    Trong bài hướng dẫn này, chúng ta sẽ tạo ra sáu bức chân dung con vật khác nhau từ một hình tròn như nhau! Hãy cùng tạo ra một bộ các chi tiết hợp thời bằng cách sử dụng...

    THIẾT KẾ BIỂU TƯỢNG

    Hoặc chúng ta có thể nhận được toàn bộ các Flat Animals Icons trên Envato Elements và sử dụng biểu tượng gấu mèo là hình cơ sở.

    Áp dụng khuôn mặt của chú thỏ.

    [​IMG]

    Bước 2

    Chúng ta hãy tạo lại các nét sọc. Tạo một hình elip màu xanh đậm 83 x 75 px, xoay nó và đặt nó vào phía bên trái của khuôn mặt, như minh hoạ trong hình dưới đây. Sử dụng Reflect Tool (O) để lật hình theo trục dọc, tạo ra một bản sao.

    Chọn hình elip cùng với phần đầu và sử dụng công cụ Shape Builder Tool (Shift-M) trong khi vẫn giữ Alt để xóa các phần không mong muốn.

    [​IMG]

    Bước 3

    Bây giờ chúng ta đã có tất cả bốn nhân vật! Hãy thêm một vài đối tượng để tạo cho mẫu pattern có thêm nhiều loại khác hơn.
    [​IMG]

    5. Cách vẽ một cái trống đầy màu sắc

    Bước 1

    Hãy tạo ra các cạnh trên và dưới của cái trống từ một hình chữ nhật màu hồng với thông số 98 x 9 px, Corner Radius 2px.



    Đặt các hình chữ nhật như hình dưới đây và kết nối chúng với một hình chữ nhật màu hồng sáng lớn hơn, mô tả một bên của cái trống.

    [​IMG]

    Bước 2

    Tạo ra một đường ngang với nét viền màu vàng, bằng cách sử dụng công cụ Pen Tool (P) hay công cụ Line Segment Tool (\).

    Vào Effect > Distort & Transform > Zig Zag và thiết lập như sau:
    • Size 26 px
    • Ridges per segment 4
    • PointsCorner
    Nhấp vào OK và đi đến Object > Expand Appearance. Sử dụng công cụ Delete Anchor Point Tool (-) để xoá điểm dưới cùng bên phải tạo đối xứng.

    [​IMG]

    Bước 3

    Chọn hình vừa tạo, kích chuột phải và chọn Join các đường nét. Nhấn Shift-X để Swap Fill and Stroke.

    Cuối cùng, đặt hình tam giác vừa tạo ra lên phần nền tảng của cái trống. Thay đổi kích cỡ và sắp hàng để làm cho hình tam giác vừa với cái trống.

    [​IMG]

    Bước 4

    Hoànt thiện cái trống bằng cách thêm một cặp dùi trống đơn giản làm bằng các vòng tròn và hình chữ nhật tròn.
    [​IMG]
    6. Cách vẽ tập ghi chú ở trường học, bút sáp và một quả táo.

    Bước 1

    Hãy di chuyển đến mục kế tiếp của trường. Dùng công cụ Rectangle Tool (M) và tạo một hình chữ nhật màu vàng 75 x 110px. Nhân đôi Duplicate (Control-C > Control-F) và tạo một bản sao nhỏ hơn (75 x 98 px). Tô hình mới với màu hồng.
    [​IMG]
    Bước 2

    Thêm vào gáy sách. Tạo ra hai hình chữ nhật màu xám 12x 6px và đặt chúng vào phía bên cạnh của quyển vở. Chọn các hình chữ nhật và vào Object > Blend > Make.

    Bây giờ thì Blend Group đã được tạo, chúng ta có thể chỉnh sửa phần thiết lập từ Object > Blend > Blend Options và cài đặt SpacingSpecified Steps bằng 7.
    [​IMG]
    Bước 3

    Thêm vào một hình chữ nhật bo tròn màu vàng lên bìa và trang trí nó với những chữ cái "ABC". Tôi đã sử dụng Bananito Font, bạn có thể tải chúng trên GraphicRiver, hoặc bạn có thể thay thế với bất cứ phông chữ kiểu viết tay mà bạn thích.

    Sao chép Copy (Control-C) hình chữ nhật nền tảng màu vàng và dán Paste in Back (Control-B). Chọn các điểm neo trên và dưới bên phải với công cụ Direct Selection Tool (A) và di dời các điểm này xuống dưới. Tô màu hình sao chép với màu vàng đậm để làm cho đối tượng trông 3D hơn.
    [​IMG]
    Bước 4

    Tạo một hình chữ nhật màu hồng 14 x 15px và chuyển đổi nó thành một cây bút sáp đơn giản bằng cách thêm vào các đường sọc và các chi tiết. Tạo phần trên của bút sáp cũng từ một hình chữ nhật, di dời điểm neo phía trên của nó gần hơn bằng cách sử dụng phím mũi tên trên bàn phím trong khi giữ phím Shift.

    Nhân đôi các cây bút sáp một vài lần với các màu sắc khác nhau.
    [​IMG]
    Bước 5

    Cùng nhau tạo một trái táo từ một hình tròn đỏ 55 x 55px. Chọn điểm neo bên trên và dùng Anchor Point Tool (Shift-C) để xoay chốt 45 độ để tạo hình trái tim của trái táo. Làm chúng trông mượt mà hơn bằng đặc tính Live Corners.

    Hoàn thảnh quả táo bằng cách thêm vào một vài chi tiết như chiếc là và bắt sáng, sử dụng công cụ Ellipse Tool (L).
    [​IMG]
    7. Cách thiết kế một mẫu Seamless Pattern

    Bước 1

    Bây giờ, chúng ta đã có các thành phần sẵn sàng, chúng ta có thể chọn chúng và vào Object > Pattern > Make. Khi bảng Pattern Options mở ra, thiết lập như sau:
    • Tile Type Grid
    • Width450 px
    • Height450 px
    • Copies5 x 5
    Chúng ta có thể bắt đầu phân phối các đối tượng này vào bên trong hình hộp màu xanh, đặt tất cả các đối tượng này bên ngoài của chiếc hộp đó và thêm vào chúng từng cái một để tạo ra sự cân bằng cho mẫu pattern.

    Tùy chọn bản sao Copies sẽ giúp chúng ta để xem toàn bộ hình ảnh bằng cách chiếu bản sao bán trong suốt xung quanh hộp, vì vậy mà chúng tôi có thể sắp xếp các thành phần và điền vào bất kỳ khoảng trống nào.
    [​IMG]
    Bước 2

    Thêm phần còn lại của các thành phần, đặt chúng giữa các nhân vật và xoay các đối tượng.

    Điền vào các khoảng trống rỗng với các thành phần đồng dạng, chẳng hạn như vòng tròn, lá hoặc các hình rơi, tạo chúng với công cụ Pencil Tool (N) hoặc Art Brush.

    Hãy xem chúng ta đã có thể tự mình vẽ ra đẹp thế nào.
    [​IMG]
    Bước 3

    Bắt đầu bằng cách tạo một vòng tròn có kích thước khoảng 20 x 20 px. Chọn điểm neo bên trái của nó và kéo nó thêm qua bên trái. Chuyển đổi điểm neo đã chọn thành góc từ bảng điều khiển trên đầu trang.

    Sau đó kéo và thả hình vào bảng panel Brushes (Window > Brushes). Chọn Art Brush trong menu bật lên và để nguyên tất cả các tùy chọn mặc định. Bây giờ chúng ta có thể chọn cọ trong panel Brushes và sử dụng cụ Paintbrush Tool (B) để cách chi tiết hoa hoặc hình xoáy.

    Chúng ta cũng có thể thay đổi kích cỡ của vòng xoáy với Weight khác nhau trong bảng kiểm soát ở phía trên hoặc trong bảng Stroke.
    [​IMG]
    Bước 4

    Một khi bạn đã thấy hài lòng với bản mẫu pattern, click vào Done ở phía trên cùng của Artboard. Bây giờ chúng ta có thể tìm mẫu pattern của chúng ta trong bảng Swatches và chỉnh sửa nó bất cứ khi nào bạn cần bằng cách click vào nút Edit Pattern ở phía dưới của bảng.

    Tạo ra một hình chữ nhật màu hồng 850 x 600px. Nhân đôi nó và áp dụng mẫu pattern này vào bản sao phía trên bằng cách click vào nó trong bảng Swatches.

    Chúng ta đã có nó rồi đấy!
    [​IMG]
    Bước 5

    Tôi đã sử dụng thêm các món đồ trong trường học từ bộ School Kit Set để làm cho mẫu pattern này trông sinh động và chi tiết hơn. Chúng ta cũng có thể tạo ra nhiều màu khác nhau cho các chi tiết và phần hình nền, tạo ra sự phù hợp cho bất cứ mẫu thiết kế nào.
    [​IMG]
    Xin chúc mừng! Mẫu Seamless Pattern trường học trẻ em đã sẵn sàng rồi đấy!

    Thật tuyệt! Mẫu pattern của chúng ta đã hoàn thành rồi! tôi hy vọng bạn sẽ thích thú khi theo hướng dẫn này và biết thêm một số mẹo mới, sẽ giúp bạn vẽ thêm các nhân vật hoạt hình xinh xắn hơn và thiết kế những mẫu seamless pattern mới theo các chủ đề khác nhau!

    [​IMG]
    Bạn có thể thoải mái tải toàn bộ School Kids Set trên Envato Elements. Bạn sẽ thấy những phiên bản mở rộng mẫu của chúng ta với sự kết hợp màu sắc khác nhau cũng như các chi tiết thêm vào và hình của toàn bộ các nhân vật để sử dụng cho cá nhân hoặc các dự án thương mại.
    [​IMG]

    Vietnamese (Tiếng Việt) translation by Andrea Ho
     
    1 ♥
    Có thể bạn thích

Chia sẻ trang này