Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design

Cách vẽ các biểu tượng lễ phục sinh theo phong cách phẳngtrong Adobe Illustrator

Read Time: 13 mins

Vietnamese (Tiếng Việt) translation by Na Dang (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Lễ phục sinh là một kỳ nghỉ xuân đáng yêu, nổi tiếng với truyền thống của quả trứng vẽ. Nó thường được kết hợp với các màu sắc nhẹ nhàng, sống động và có tâm trạng mùa xuân. Trong hướng dẫn này, chúng ta sẽ đi qua một quá trình mô tả về việc tạo ra các biểu tượng Lễ phục sinh theo phong cách phẳng, sử dụng các hình dạng cơ bản, bảng Pathfinder và một số công cụ Adobe Illustrator mới.

Ngoài việc tạo các biểu tượng Lễ phục sinh, các kỹ thuật này cũng có thể được sử dụng để tạo bất kỳ loại biểu tượng theo phong cách phẳng hoặc logo theo phong cách phẳng bất kỳ Bạn có thể tìm thấy rất nhiều ví dụ về đồ họa phẳng tương tự trên Envato Market để có thêm cảm hứng.

1. Tạo biểu tượng những quả trứng phục sinh

Bước 1

Hãy bắt đầu bằng cách tạo nền tảng của quả trứng. Chọn công cụ Ellipse Tool (L) và tạo một hình tròn 70 x 70 px. Chọn điểm neo trên cạnh của nó bằng Direct Selection Tool (A) và kéo chúng xuống một chút, làm cho đáy của hình dạng này phồng lên. Sau đó chọn điểm neo trên và kéo nó lên, làm cho phần trên của quả trứng hơi nhọn.

make the base of the eggmake the base of the eggmake the base of the egg

Bước 2

Chúng ta sẽ sử dụng bảng màu mùa xuân tươi sáng với các màu sắc nhẹ nhàng mà bạn có thể chọn trực tiếp từ ảnh chụp màn hình bên dưới bằng Công cụ Eyedropper Tool (I) trong khi nhấn giữ phím Shift.

Tô màu cho hình cơ sở của quả trứng với màu vàng và giữ một bản sao ở phía sau (Control-C > Control-B), vì chúng ta có thể sẽ cần nó sau này.

Bây giờ, hãy mô tả đồ trang trí phía trên quả trứng. Chọn công cụ Rectangle Tool (M) và tạo một hình dạng màu xanh da trời 70 x 15 px.

form a palette and start making ornamentsform a palette and start making ornamentsform a palette and start making ornaments

Bước 3

Chọn công cụ Line Segment Tool (\), nhấn giữ phím Shift và tạo hình ngang với Stroke màu hồng với Stroke Weight 3 pt.

Hãy căn chỉnh tất cả các hình dạng cho quả trứng này. Chọn tất cả mọi thứ (Control-A) và nhấp vào quả trứng trong khi nhấn giữ Alt để làm cho nó thành một Key Object (bạn sẽ thấy một vùng chọn dày xung quanh nó). Đi đến bảng Align và nhấn Horizontal Align Center.

align the objectsalign the objectsalign the objects

Bước 4

Bây giờ, hãy sửa đổi đường màu hồng. Chọn nó và vào Effect > Distort & Transform > Zig Zag. Đặt Size thành 5 px, Ridges per segment thành 7 Points thành Smooth.

Object > Expand hình dạng này để áp dụng hiệu ứng.

make a zig zag linemake a zig zag linemake a zig zag line

Bước 5

Thêm một hình chữ nhật khác vào phần dưới cùng của quả trứng và tô nó bằng màu xanh lá. Bây giờ hãy xóa những phần của hình chữ nhật bên ngoài quả trứng. Chúng ta sẽ sử dụng một trong các công cụ Adobe Illustrator mới: Công cụ Shaper Tool (Shift-N). Chọn công cụ Shaper Tool (Shift-N) và chỉ vẽ nguệch ngoạc phía trên chi tiết mà bạn muốn xóa. Lặp lại tương tự với các phần không mong muốn khác.

Nếu bạn đang làm việc với các phiên bản Adobe Illustrator trước đó, hãy thử sử dụng Shape Builder Tool (Shift-M) để thay thế. Nó hoạt động gần như giống nhau - chỉ cần chọn mọi thứ và nhấp vào các phần không mong muốn trong khi nhấn giữ phím Alt.

Chúng ta cũng sẽ thử một cách khác để che đi những phần không cần thiết sau vài bước, khi chúng ta sẽ tạo một quả trứng khác.

use the shaper tool do delete the partsuse the shaper tool do delete the partsuse the shaper tool do delete the parts

Bước 6

Chọn quả trứng đã sửa đổi và Object > Expand nó. Sau đó chọnmàu vàng ở giữa của quả trứng cùng với đường zig-zag màu hồng và Divide chúng trong bảng Pathfinder, chia hình thành hai nửa bằng nhau.

divide the shapes in pathfinderdivide the shapes in pathfinderdivide the shapes in pathfinder

Bước 7

Tô màu cho phần trên của hình dạng đã chia với màu hồng xinh đẹp. Chọn công cụ Ellipse Tool (L) và tạo một hình tròn 5 x 5 px. Giữ phím Alt-Shift và kéo hình tròn sang phải, tạo một vài bản sao.

add circles to the eggadd circles to the eggadd circles to the egg

Bước 8

Bây giờ hình cơ bản của quả trứng đã sẵn sàng, chúng ta hãy thêm một bóng đổ theo phong cách phẳng, bao phủ một nửa quả trứng. Group (Control-G) tất cả các phần của quả trứng, Copy Paste in Front (Control-C > Control-F). Vẫn chọn bản sao này, Unite nó trong Pathfinder, sáp nhập nó thành một hình bóng.

Vẽ một đường thẳng đứng ngang qua quả trứng, sử dụng công cụ Line Segment Tool (\). Căn chỉnh đường thẳng với hình bóng của quả trứng, làm cho quả trứng trở thành một Key Object.

Vẫn chọn đường thẳng đó và hình bóng của quả trứng , Divide chúng trong Pathfinder.

Xóa một trong các phần và chuyển nửa còn lại sang chế độ Multiply, làm cho nó bán trong suốt.

add a flat shadow to the eggadd a flat shadow to the eggadd a flat shadow to the egg

Bước 9

Bây giờ chúng ta hãy tạo một quả trứng khác!

Chúng ta đã có hình cơ sở, vì chúng ta đã tạo bản sao của nó trong bước đầu tiên. Di chuyển nó sang một bên và tô màu cam. Thêm các yếu tố trang trí lên trên và chúng ta hãy xem một cách khác để chúng ta có thể ẩn các phần không cần thiết. Nhân đôi hình dạng cơ bản một lần nữa (Control-C > Control-F)Bring to front (Shift-Control-]).

Chọn tất cả các yếu tố, nhấp chuột phảiMake Clipping Mask. Bạn đã xong rồi đấy!

use the Clipping Maskuse the Clipping Maskuse the Clipping Mask

Bước 10

Hãy thêm một vài yếu tố trang trí cho quả trứng. Tạo hai hình tròn 5 x 5 px trên dải màu vàng của quả trứng, đặt chúng gần các cạnh ngoài. Chọn cả hai hình tròn và sử dụng công cụ Blend Tool (W) hoặc vào Object > Blend > Make. Sau đó, mở cửa sổ Blend Options (Object > Blend > Blend Options) và thiết lập Spacing là Specified Steps với giá trị là 3.

Object > Expand nhóm Blend và thêm các hình tròn khác vào phần trên cùng của quả trứng, tô màu chúng với màu vàng.

use the Blend Tool to add spotsuse the Blend Tool to add spotsuse the Blend Tool to add spots

Bước 11

Khi bạn đã hài lòng với kết quả, hãy thêm một bóng đổ bán trong suốt cho một nửa quả trứng.

Kết hợp các quả trứng. Sử dụng Rounded Rectangle Tool để tạo nền màu xanh lá nhạt cho biểu tượng của chúng ta.

Tạo một hình vuông với công cụ Rectangle Tool (M) và xoay nó 45 độ bằng công cụ Selection Tool (V) trong khi nhấn giữ phím Shift.

Tô hình chữ nhật với linear gradient từ màu xanh lá nhạt sang trắng và chuyển sang Multiply Blending Mode, tạo ra một bóng đổ dài bán trong suốt.

add a background and a long shadow in Multiply blending modeadd a background and a long shadow in Multiply blending modeadd a background and a long shadow in Multiply blending mode

Bước 12

Nhân đôi nền màu xanh lá nhạt và đặt bóng đổ giữa các bản sao. Sử dụng một Clipping Mask để ẩn những phần không mong muốn của bóng đổ dài.

Tuyệt quá! Biểu tượng đầu tiên của chúng ta đã sẵn sàng! Hãy chuyển sang biểu tượng kế tiếp.

the eggs icon is finishedthe eggs icon is finishedthe eggs icon is finished

2. Tạo biểu tượng chú thỏ dễ thương

Bước 1

Tạo một hình tròn màu xám 70 x 70 px làm đầu thỏ. Di chuyển các điểm neo bên xuống một chút bằng công cụ Direct Selection Tool (A) để làm cho cái đầu hơi bị đè bẹp.

Bây giờ hãy hình thành đôi tai. Chọn công cụ Ellipse Tool (L) và tạo một hình bầu dục 15 x 50 px. Di chuyển điểm neo bên của nó lên một chút, làm cho phần trên của tai rộng hơn. Giữ hình dạng được chọn, vào Object > Path > Offset Path và đặt giá trị Offset thành -5 px, để lại tất cả các tùy chọn khác như mặc định. Bằng cách này chúng ta tạo ra một hình dạng nhỏ hơn cho phần bên trong của tai.

make a bunny head from ellipsesmake a bunny head from ellipsesmake a bunny head from ellipses

Bước 2

Tô màu cho phần bên trong với màu hồng, nhóm cả hai phần của tai lại và Send to Back (Shift-Control- [). Nhấn đúp chuột vào công cụ Rotate Tool (R) để mở cửa sổ tùy chọn và thiết lập giá trị Rotate Angle thành -20 độ.

rotate the earrotate the earrotate the ear

Bước 3

Sử dụng Công cụ Reflect Tool (O) để lật tai theo trục dọc và nhấp vào Copy để tạo thành tai thứ hai ở phía đối diện của đầu. Bạn có thể nhóm cả hai tai và căn chỉnh chúng trên đầu, làm cho toàn bộ đôi tai ở giữa hoàn hảo.

Ép dẹp hình cơ sở cái đầu nhiều hơn một chút.

add a second earadd a second earadd a second ear

Bước 4

Sử dụng Công cụ Ellipse (L) để tạo thành một cặp mắt sáng màu đậm với điểm nổi bật màu trắng và một hình tròn cho mũi. Chọn Công cụ Scissors Tool (C) và nhấp chuột vào cả hai điểm neo bên mũi để chia hình này thành hai nửa.

add the eyes and noseadd the eyes and noseadd the eyes and nose

Bước 5

Xóa nửa trên và biến phần còn lại thành mũi thỏ dễ thương. Nhấn X để đổi màu Fill Stroke. Đặt Stroke Weight 2 px và thay đổi Variable Width Profile trong bảng điều khiển ở trên cùng. Tạo hai bản sao của mũi và làm cho chúng hơi mảnh hơn và sáng hơn, tạo thành một cái miệng như thể hiện trong hình dưới đây.

form a nose with strokeform a nose with strokeform a nose with stroke

Bước 6

Hãy hoàn thành chú thỏ của chúng ta bằng cách thêm những cái râu nhỏ vào đầu. Tạo nét stroke ngang 9 px với 1 pt, sử dụng Công cụ Line Segment Tool (\). Xoay râu một chút và thêm chúng vào cả hai phía của khuôn mặt.

add whiskers with strokesadd whiskers with strokesadd whiskers with strokes

Bước 7

Thêm một bóng đổ dạng phẳng vào một nửa đầu con thỏ, như chúng ta đã làm trước đây. Tạo thành một hình chữ nhật tròn cho nền và tạo ra một bóng đổ dài bán trong suốt để hoàn thành biểu tượng.

Nếu bạn cảm thấy khó khăn trong việc thêm một bóng đổ dài vào một đối tượng phức tạp, hãy xem hướng dẫn sau đây từ Phần 7, Bước 1 trở đi để tìm hiểu cách tạo bóng đổ dài của chúng ta vào hình dạng mong muốn.

Thế là bạn đã xong! Hãy chuyển sang biểu tượng tiếp theo!

finish up the bunny iconfinish up the bunny iconfinish up the bunny icon

3. Biểu tượng chú gà dễ thương

Bước 1

Lần này, chúng ta sẽ mô tả một chú gà nhỏ vui tươi xuất hiện từ quả trứng. Trước hết, hãy tạo ra một quả trứng sọc với một vài sọc hoặc các yếu tố trang trí khác theo ý thích của bạn, sử dụng các kỹ thuật mà chúng ta đã học được trong các bước trước.

Chúng ta cần phải loại bỏ phần trên cùng của quả trứng, tạo ra một cạnh bị nứt. Giữ một bản sao của hình cơ sở quả trứng ở đâu đó ở phía dưới, bởi vì chúng ta sẽ cần nó sau này để tạo hình chú gà của chúng ta.

Tạo một đường ngang trên quả trứng và áp dụng Effect > Distort & Transform > Zig Zag. Đặt Size thành 4 px, Ridges per segment thành 7Points to Corner để tạo các cạnh nhọn bị nứt.

make a striped egg and add a zigzagged linemake a striped egg and add a zigzagged linemake a striped egg and add a zigzagged line

Bước 2

Object > Expand đường zig-zag và đặt nó qua quả trứng, ở giữa nó. Copy hình cơ sở màu xanh của quả trứng, Paste in Front (Control-C > Control-F) Bring to Front (Shift-Control-]), đặt nó lên trên tất cả các yếu tố đó.

Chọn hình zigzag và hình cơ sở của quả trứng và Divide chúng trong Pathfinder. Xóa phần trên của hình dạng được chia ra.

Cuối cùng, chọn mọi thứ, nhấp chuột phải Make Clipping Mask. Tuyệt quá! Phần quả trứng bị nứt đã hoàn thành. Hãy đặt một chú gà vào đó.

remove the top of the eggremove the top of the eggremove the top of the egg

Bước 3

Hiển thị bản sao của hình cơ sở quả trứng mà chúng ta đã tạo ra trước đó và tô nó với màu vàng nhạt làm thângà. Thu nhỏ hình dạng đó thành 60 x 75 px, làm cho nó nhỏ hơn. Chọn các điểm neo bên với Direct Selection Tool (A) và kéo chúng lên một chút, làm chú gà tròn hơn.

make the chicken bodymake the chicken bodymake the chicken body

Bước 4

Sử dụng Polygon Toolnhấp chuột một lần vào bất kỳ đâu trên Artboard để mở cửa sổ tùy chọn bật mở. Tạo một hình tam giác có kích thước 15 x 10 px làm mỏ và tô màu cam.

Kết hợp hai hình tam giác để tạo hình cái mỏ và đè dẹp chúng để tạo thành một hình dạng thích hợp. Đừng quên thêm một đôi mắt sáng. Chúng ta có thể sao chép chúng từ biểu tượng chú thỏ của chúng ta.

add the eyes and beakadd the eyes and beakadd the eyes and beak

Bước 5

Thêm đôi cánh hình bầu dục, sử dụng Công cụ Ellipse Tool (L). Đặt bản sao của thân gà trên đôi cánh và Make Clipping Mask để ẩn các yếu tố không cần thiết bên trong mặt nạ.

add wings to the chickenadd wings to the chickenadd wings to the chicken

Bước 6

Kết thúc bằng biểu tượng bằng cách thêm tất cả các yếu tố cần thiết như bóng đổ và nền. Tuyệt vời!

Hãy chuyển sang biểu tượng cuối cùng của chúng ta và kết thúc bộ biểu tượng Lễ phục sinh của chúng ta!

Finish up with the chicken iconFinish up with the chicken iconFinish up with the chicken icon

4. Tạo biểu tượng Hộp quà tặng

Bước 1

Hãy bắt đầu định hình chiếc hộp của chúng ta từ hình chữ nhật màu xanh lá 60 x 40 px. Tạo hình nắp hộp từ một hình chữ nhật màu cam 65 x 15 px.

shape the box from rectanglesshape the box from rectanglesshape the box from rectangles

Bước 2

Bây giờ, hãy tạo dải ruy băng trên hộp. Chọn cả hai phần của hộp và nhớ chiều cao của các hình dạng đó. Bạn có thể tìm thấy nó trong bảng Transform. Trong trường hợp của chúng ta, nó là 55 px. Tạo một dải ruy-băng màu xanh lam có kích thước 5 x 55 px, đặt ngay ở giữa hộp. Thêm một dải ruy băng nhỏ hơn 5 x 15 px ở nắp hộp, tô nó với màu xanh lam đậm hơn.

make a ribbon from the rectanglemake a ribbon from the rectanglemake a ribbon from the rectangle

Bước 3

Sử dụng công cụ Pencil Tool (N) để tạo một cái nơ với Stroke màu xanh lam với Weight 2 pt.

use the pencil tool to make a bowuse the pencil tool to make a bowuse the pencil tool to make a bow

Bước 4

Hãy trang trí chiếc hộp của chúng ta với một số đồ trang trí hoặc hoa văn. Copy hình cơ sở của chiếc hộp và Paste in Front (Control-C > Control-F).

Vào bảng Swatches, mở menu Swatch Libraries > Patterns > Basic Graphics > Basic Graphics_Lines. Tìm swatch 10 lpi 30% và nhấp chuột để áp dụng mẫu có các đường kẻ ngang.

add pattern to the boxadd pattern to the boxadd pattern to the box

Bước 5

Giữ hình dạng kết cấu được chọn, nhấp đúp vào Rotate Tool (R) và đặt Angle thành 45 độ. Bỏ chọn ô Transform Objects và nhấn OK, thay đổi hướng của các sọc.

rotate the pattern stripesrotate the pattern stripesrotate the pattern stripes

Bước 6

Hãy thay đổi màu sắc của các sọc để làm cho chúng phù hợp với bảng màu tổng thể của chúng ta. Bấm đúp vào mẫu được áp dụng trong bảng Swatches để cô lập nó trong Pattern Mode. Áp dụng màu xanh lá nhạt cho Strokes trong bảng Color và nhấn Done ở phần trên của vùng làm việc.

 change the color of the stripes change the color of the stripes change the color of the stripes

Bước 7

Hoàn thành biểu tượng bằng cách thêm chiều sâu với sự trợ giúp của bóng đổ đậm và hình nền đơn giản.

finish the box iconfinish the box iconfinish the box icon

Bộ các biểu tượng của chúng ta đã hoàn tất! Lễ phục sinh vui vẻ!

Xin chúc mừng! Chúng ta đã làm rất tốt, tìm hiểu được cách sử dụng Công cụ Shaper Tool và cách sử dụng bản công việc với các hình dạng cơ bản và bảng Pathfinder. Chúng ta có thể sử dụng các kỹ thuật đơn giản này để mở rộng bộ tập hợp của chúng ta và tạo ra nhiều biểu tượng Lễ phục sinh theo phong cách phẳng hơn nữa!

Easter icons set is finishedEaster icons set is finishedEaster icons set is finished
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads