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

Cách tạo Gói biểu tượng theo chủ đề Hanukkah trong Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Trong hướng dẫn hôm nay, chúng ta sẽ tách ra khỏi những thứ thông thường mà chúng ta đã làm trước đây và giải quyết một cái gì đó khác biệt, thậm chí đặc biệt mà bạn có thể nói, vì chúng ta sẽ tái tạo một số đồ vật và biểu tượng từ ngày lễ Hanukkah của người Do Thái.

Dù đã nói như vậy, nếu bạn là một chủ sở hữu kippah tự hào, hãy mở nó lên và sẵn sàng cho một sự trang trí tuyệt vời.

Ồ, và đừng quên bạn luôn có thể mở rộng dự án bằng cách truy cập vào GraphicRiver nơi bạn có thể tìm thấy một số gói biểu tượng theo chủ đề Hanukkah tuyệt vời đang chờ để tải về.

1. Cách thiết lập tài liệu mới

Vì tôi có thể chắc chắn rằng bạn đã có Illustrator và chạy ở chế độ nền, hãy mở nó lên và hãy thiết lập một Tài liệu mới (File > New hoặc Control-N) bằng các cài đặt sau:

  • Number of Artboards: 1
  • Width: 800 px
  • Height: 600 px
  • Units: Pixels

Và từ tab Advanced:

  • Color Mode: RGB
  • Raster Effects: Screen (72ppi)
  • Preview Mode: Default
setting up a new document

Quick tip: một số bạn có thể nhận thấy rằng tùy chọn Align New Object to Pixel Grid bị thiếu, đó là do tôi đang chạy phiên bản phần mềm CC 2017 mới, nơi đã có những thay đổi lớn đối với cách xử lý của Illustrator theo cách hình dạng chụp vào lưới Pixel bên dưới.

2. Cách thiết lập lưới tùy chỉnh

Vì chúng ta sẽ tạo các biểu tượng bằng quy trình làm việc Pixel-Perfect, chúng ta sẽ thiết lập một Lưới Grid nhỏ để chúng ta có thể kiểm soát hoàn toàn các hình dạng của chúng ta, đó là nếu chúng ta đang chạy phiên bản cũ hơn của phần mềm này.

Bước 1

Chuyển đến menu con Edit > Preferences > Guides & Grid và điều chỉnh các cài đặt sau:

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom grid

Quick tip: bạn có thể tìm hiểu thêm về lưới bằng cách đọc bài chuyên sâu này về cách hoạt động của hệ thống Lưới Grid của Illustrator.

Bước 2

Khi chúng ta đã thiết lập lưới tùy chỉnh của mình, tất cả những gì chúng ta cần làm để đảm bảo hình dạng của chúng trông rõ nét là bật tùy chọn Snap to Grid được tìm thấy trong menu View, sẽ chuyển thành Snap to Pixel mỗi khi bạn vào chế độ Pixel Preview.

Bây giờ, nếu bạn mới làm quen với toàn bộ quy trình làm việc Pixel-Perfect, thì tôi khuyên bạn nên đọc bài hướng dẫn về cách tạo hướng dẫn tác phẩm nghệ thuật Pixel-Perfect của tôi, sẽ giúp bạn mở rộng các kỹ năng kỹ thuật của mình ngay lập tức.

3. Cách thiết lập layer

Với tài liệu mới được tạo, sẽ là một ý tưởng tốt khi cấu trúc dự án của chúng ta bằng cách sử dụng một vài layer, vì cách này chúng ta có thể duy trì quy trình làm việc ổn định bằng cách tập trung vào một biểu tượng tại một thời điểm.

Để thực hiện, mở bảng điều khiển Layers và tạo tổng cộng bốn layer, chúng ta sẽ đổi tên như sau:

  • layer 1: reference grids
  • layer 2: dreidel
  • layer 3: sufganiyot
  • layer 4: menorah
setting up the layers

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

Các lưới tham chiếu (Reference Grids) (hoặc lưới cơ sở (Base Grids) là một tập hợp các bề mặt tham chiếu được phân tách chính xác, cho phép chúng ta xây dựng các biểu tượng của mình bằng cách tập trung vào kích thước và tính nhất quán.

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

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

Bước 1

Bắt đầu bằng cách khóa tất cả trừ layer lưới tham chiếu, sau đó chọn Rectangle Tool (M) và tạo một hình vuông 128 x 128 px màu cam (#F15A24), sẽ giúp xác định kích thước tổng thể của các biểu tượng của chúng ta.

creating the main shape for the reference grid

Bước 2

Thêm một hình nhỏ hơn nữa 120 x 120 px (#FFFFFF) sẽ đóng vai trò là phạm vi vẽ hoạt động của chúng ta, do đó cung cấp cho chúng ta một phần đệm 4 px xung quanh.

creating the main shape for the active drawing area

Bước 3

Nhóm hai hình vuông tạo lưới tham chiếu bằng phím tắt Control-G, sau đó tạo hai bản sao cách một khoảng 40 px , đảm bảo căn chỉnh chúng vào giữa của Artboard.

Khi bạn đã hoàn tất, hãy khóa layer hiện tại và chuyển sang layer tiếp theo nơi chúng ta sẽ bắt đầu làm việc với biểu tượng đầu tiên của mình.

creating and positioning all three reference grids

5. Cách tạo biểu tượng Dreidel

Chúng ta sẽ khởi động dự án bằng cách tạo ra một món đồ chơi nhỏ bằng gỗ thường có bốn chữ cái tiếng Do נ (Nun), ג (Gimmel), ה (Hey), and ש (Shin), chúng ta sẽ chỉ thể hiện món thứ ba Để thực hiện, hãy chắc chắn rằng bạn đã ở trên layer phù hợp (đó sẽ là layer thứ hai) và sau đó phóng to lưới tham chiếu đầu tiên để chúng ta có thể bắt đầu vẽ.

Bước 1

Tạo hình dạng chính cho thân của Dreidel, sử dụng một hình chữ nhật 64 x 80 px (#BA8258), điều chỉnh bằng cách đặt Radius của các góc trên cùng của nó thành 2 px và các đáy của nó thành 32 px từ trong bảng Transform . Căn giữa hình dạng kết quả với cạnh dưới của phạm vi vẽ đang hoạt động bên dưới, cách một khoảng 4 px.

creating and positioning the main shape for the dreidels body

Bước 2

Chuyển sang chế độ Pixel Preview (Alt-Control-Y) và bắt đầu làm việc với phần đầu bằng cách nhấp vào nó bằng Add Anchor Point Tool để làm cho nó nhọn hơn, sau đó điều chỉnh các đường cong bên của nó bằng cách làm mềm mại chúng bằng cách sử dụng Convert selected anchor points to smooth, và sau đó thử với tay xoay của chúng.

adjusting the shape of the dreidels body using the anchor point handles

Bước 3

Cung cấp cho hình dạng kết quả một nét viền bằng phương pháp Offset Path, bằng cách trước tiên chọn nó và sau đó vào Object > Path > Offset Path và nhập 4 px vào trường giá trị Offset.

adding the outline to the dreidels body

Bước 4

Thay đổi màu của nét viền mà chúng ta vừa tạo thành #54423E để nó có thể nổi bật so với hình dạng màu tô trước, chọn và nhóm hai nét viền lại với nhau bằng phím tắt Control-G sau đó.

changing the color of the dreidels main outline

Bước 5

Tạo phần phía trước của đồ chơi bằng hình chữ nhật 64 x 62 px (#E0A26E), điều chỉnh bằng cách đặt Radius của các góc trên cùng của nó thành 2 px và các góc dưới cùng của nó thành 32 px. Mang lại cho hình dạng kết quả một nét viền dày 4 px (#54423E) và sau đó nhóm chúng lại (Control-G) và đặt hai hình này trên thân lớn hơn, căn giữa chúng vào cạnh trên của nét viền.

creating and positioning the main shapes for the dreidels front section

Bước 6

Bắt đầu làm việc với biểu tượng Hey nhỏ, bằng cách tạo một hình chữ nhật 28 x 8 px, tô màu #54423E và sau đó căn giữa với thân của Dreidel, cách một khoảng 14 px so với nét viền của nó.

creating the main shape for the upper section of the dreidels hey symbol

Bước 7

Chọn hình dạng mà chúng ta vừa tạo, và bắt đầu điều chỉnh nó bằng cách đặt Radius của góc phải của nó thành 2 px và góc dưới cùng bên trái 4 px.

adjusting the corner of the top section of the dreidels symbol

Bước 8

Sử dụng Rectangle Tool (M) thêm hình vuông 4 x 4 px (#54423E), đặt phía trên hình dạng mà chúng ta đã tạo trong các bước trước, căn chỉnh nó sang bên trái của nó, sau đó điều chỉnh nó bằng cách đặt Radius của góc trên bên trái của nó qua 4 px.

adding the top-left corner to the dreidels hey symbol

Bước 9

Hoàn thành phần trên của biểu tượng bằng cách tạo một hình tròn 8 x 8 px (#54423E), chúng ta sẽ điều chỉnh bằng cách chọn các điểm neo trên cùng và bên phải của nó bằng Direct Selection Tool (A) và sau đó xóa chúng bằng cách nhấn Delete. Hợp nhất các điểm neo còn lại bằng cách sử dụng Pen Tool (P) và sau đó chọn tất cả các hình dạng của biểu tượng và nhóm chúng lại bằng cách sử dụng Unite Shape Mode của Pathfinder.

adding the top-right curvature to the top section of the dreidels symbol

Bước 10

Tạo cuống trái của biểu tượng bằng hình chữ nhật 8 x 18 px (#54423E), điều chỉnh bằng cách đặt Radius của góc trên cùng bên trái và dưới cùng bên phải của nó thành 8 px, đặt hình dạng kết quả bên dưới hình chúng ta đã tạo trong các bước trước, cách một khoảng 4 px.

creating and positioning the left stem for the dreidels symbol

Bước 11

Tạo cuống phải bằng hình chữ nhật 8 x 22 px (#54423E), điều chỉnh bằng cách đặt Radius của góc trên cùng bên trái của nó thành 4 px và dưới cùng của nó một khoảng 8 px, đặt hình dạng kết quả ngay bên dưới phần trên cùng của biểu tượng, cách một khoảng 2 px từ cạnh phải của nó.

Sau đó, khi bạn đã thực hiện xong, hãy chọn và nhóm cả ba hình dạng lại với nhau bằng phím tắt Control-G, thực hiện tương tự cho các hình dạng tạo thành của dreidel sau đó.

creating and positioning the right stem to the dreidels symbol

Bước 12

Hoàn thành dreidel bằng cách thêm tay cầm nhỏ bằng hình chữ nhật 12 x 28 px (#BA8258), điều chỉnh bằng cách đặt Radius của các góc trên cùng của nó thành 2 px. Mang lại cho hình dạng kết quả một nét viền 4 px (#54423E) và sau đó nhóm chúng lại (Control-G) và căn giữa hai hình này với phần trên của thân đồ chơi.

Như mọi khi, trước khi bạn tiếp tục, đừng quên chọn và nhóm tất cả các hình tạo thành của biểu tượng này lại với nhau bằng phím tắt Control-G.

adding the handle to the upper section of the dreidels body

6. Cách tạo biểu tượng đĩa Sufganiyot

Giả sử bạn đã khóa layer trước đó và chuyển sang layer kế tiếp, phóng to lưới tham chiếu thứ hai và bắt đầu vẽ đĩa Sufganiyot nhỏ của chúng ta.

Bước 1

Tạo hình dạng chính cho thân đĩa này bằng một hình tròn 112 x 112 px, tô màu #82705B, tạo cho nó một đường viền dày 4 px (#54423E). Nhóm hai hình dạng (Control-G) lại với nhau và sau đó đặt chúng bằng cách căn chỉnh chúng vào giữa phạm vi vẽ đang hoạt động bên dưới.

creating and positioning the main shapes for the plates body

Bước 2

Thêm một đường nét chi tiết nhỏ vào giữa của đĩa bằng cách tạo một hình tròn 104 x 104 px (#54423E) từ đó chúng ta sẽ cắt ra một hình nhỏ hơn 100 x 100 px bằng Minus Front Shape Mode của Pathfinder.

adding the circular detail line to the plates body

Bước 3

Tạo phần tối hơn ở giữa của đĩa bằng hình tròn 48 x 48 px (#725F4C) với đường viền dày 4 px (#54423E), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó căn giữa với phần thân bên dưới lớn hơn.

adding the center darker section to the plates body

Bước 4

Tạo Ngôi sao của David bằng hình chữ nhật 18 x 15 px (#54423E) (1), chúng ta sẽ điều chỉnh bằng cách thêm một điểm neo mới vào giữa cạnh trên của nó bằng Add Anchor Point Tool (+), loại bỏ cạnh những điểm neo bên sau đó (2).

Lật màu tô của hình dạng kết quả với nét stroke của nó (Control-X), đặt Weight của nó thành 2 px và làm cho Cap Corner của nó tròn trịa (3). Khi bạn đã thực hiện xong các điều chỉnh, hãy tạo một bản sao của hình này (4), lật theo chiều ngang (nhấp chuột phải > Transform > Reflect > Horizontal) và sau đó đẩy xuống dưới 5 px (nhấp chuột phải > Transform > Move > Vertical > 5 px) (5). Cuối cùng, nhóm (Control-G) hai hình dạng lại với nhau và sau đó căn giữa chúng với phần tối hơn của đĩa.

Vì chúng ta đã thực hiện khá nhiều công việc trên đĩa , bạn có thể làm tương tự với các hình dạng tạo thành của nó.

creating the plates star of david

Bước 5

Bắt đầu làm việc trên sufganiyah đầu tiên, bằng cách tạo một hình tròn 36 x 36 px, tô màu #FFBB71 và tạo một nét viền dày 4 px (#54423E). Sau đó, nhóm chúng lại (Control-G) và căn giữa chúng với cạnh trên của đường viền của đĩa.

creating and positioning the main shapes for the first sufganiyah

Bước 6

Thêm thạch vào bằng cách tạo một hình tròn 4 x 4 px (#E87552) với đường viền dày 4 px (#54423E), nhóm chúng lại (Control-G) và sau đó căn giữa với thân của bánh rán.

creating and positioning the main shapes for the sufganiyahs jelly filling

Bước 7

Hoàn thành bánh rán bằng cách thêm đường bột bằng cách sử dụng một loạt các hình tròn 2 x 2 px, tô màu #FFE3C5. Hãy dành thời gian của bạn thự hiện, và khi bạn đã hoàn thành, hãy đảm bảo nhóm các hình tròn lại với nhau bằng phím tắt Control-G, lặp lại quy trình tương tự cho các hình dạng tạo thành của bánh rán sau đó.

adding the powdered sugar to the first sufganiyah

Bước 8

Tạo sufganiyah thứ hai bằng cách sử dụng một bản sao mà chúng ta vừa tạo ra (Control-C > Control-F), đặt ở phía dưới bên trái của đĩa, cách một khoảng 4 px so với hình ban đầu.

Ngoài ra, bạn có thể tạo cho bản sao một cảm giác khác lạ bằng cách lật nó theo chiều ngang hoặc chiều dọc (nhấp chuột phải > Transform > Reflect > Horizontal hoặc Vertical tùy thuộc vào hướng bạn quyết định) để chúng trông giống hệt nhau.

creating and positioning the second sufganiyah

Bước 9

Thêm chiếc bánh rán thứ ba và là chiếc bánh cuối cùng, sử dụng bản sao thứ hai của bản gốc (Control-C > Control-F), đặt ở phía bên phải của đĩa, đặt nó cách 16 px từ cái ở trên và 12 px từ cái bên trái .

Khi bạn đã hoàn tất, đừng quên chọn tất cả các biểu tượng tạo thành hình dạng và nhóm chúng lại với nhau bằng phím tắt Control-G.

creating and positioning the third sufganiyah

7. Cách tạo biểu tượng Menorah

Bây giờ chúng ta đang xuống biểu tượng thứ ba và là biểu tượng cuối cùng của dự án, vì vậy, giả sử bạn đã học được cách thực hiện, hãy phóng to lưới tham chiếu thứ ba đó và chúng ta hãy cùng bắt đầu nhé.

Bước 1

Tạo hình dạng chính cho chân đế Menorah, sử dụng hình chữ nhật 40 x 4 px, tô màu #FCC96D, tạo một nét viền dày 4 px (#54423E) và sau đó căn giữa với cạnh dưới của phạm vi vẽ hoạt động bên dưới.

creating and positioning the main shapes for the menorahs base

Bước 2

Sử dụng Rectangle Tool (M) thêm một đường nét chi tiết ngang 40 x 2 px vào giữa của các hình mà chúng ta vừa tạo, tô màu #54423E.

adding the horizontal detail line to the menorahs base

Bước 3

Thêm các hình bên của chân đế bằng cách sử dụng hai hình chữ nhật 2 x 8 px (#54423E), căn giữa theo chiều dọc bằng bảng Align, chọn và nhóm (Control-G) tất cả các hình dạng của nó sau đó.

adding the side section to the menorahs base

Bước 4

Tạo phần tròn phía sau tròn của chân đế bằng cách sử dụng hình elip 28 x 16 px, tô màu #DDA654 và sau đó điều chỉnh bằng cách xóa nửa dưới của nó bằng cách chọn điểm neo dưới cùng của nó bằng Direct Selection Tool (A) và sau đó nhấn Delete. Kết hợp đường dẫn kết quả bằng phím tắt Control-J, sau đó cung cấp cho nó đường viền dày 4 px (#54423E), nhóm chúng lại (Control-G) và đặt hai hình ra phía sau phần dưới của chân đế (nhấp chuột phải > Arrange > Send to Back).

Khi bạn đã xong, hãy chọn tất cả các hình dạng và nhóm (Control-G) chúng lại.

creating and positioning the back section of the menorahs base

Bước 5

Tạo trụ ở giữa của Menorah, sử dụng một hình chữ nhật 2 x 72 px (#DDA654) với đường viền dày 4 px (#54423E), căn giữa thẳng hàng với chân đế, đặt chúng sao cho đường viền cuối cùng chồng lên nhau.

creating and positioning the main shapes for the menorahs spine

Bước 6

Bắt đầu làm việc trên các hình dạng chính cho nhóm cánh tay đầu tiên bằng cách tạo một hình tròn 26 x 26 px (#DDA654), từ đó chúng ta sẽ cắt ra một hình 22 x 22 px nhỏ hơn, căn giữa hình dạng kết quả với trụ và đặt nó 23 px từ cạnh trên của phạm vi vẽ hoạt động bên dưới.

creating and positioning the main shapes for the menorahs first set of arms

Bước 7

Tạo nhóm cánh tay thứ hai bằng cách sử dụng hình tròn 54 x 54 px (#DDA654) từ đó chúng ta sẽ xóa một vòng tay nhỏ hơn 50 x 50 px, căn giữa hình dạng kết quả với hình dạng từ bước trước.

creating and positioning the main shapes for the menorahs second set of arms

Bước 8

Tạo nhóm cánh tay thứ ba bằng cách sử dụng hình tròn 82 x 82 px (#DDA654) từ đó chúng ta sẽ cắt ra một cánh tay nhỏ hơn 78 x 78 px, căn giữa hình dạng kết quả với hình tròn đã được tạo trước đó.

creating and positioning the main shapes for the menorahs third set of arms

Bước 9

Tạo các hình dạng chính cho nhóm cánh tay thứ tư và cuối cùng bằng cách sử dụng hình tròn 110 x 110 px (#DDA654) từ đó chúng ta sẽ cắt ra một hình nhỏ hơn 106 x 106 px, căn giữa hình dạng kết quả với hình tròn trước.

creating and positioning the main shapes for the menorahs fourth set of arms

Bước 10

Khi bạn có tất cả bốn hình tròn, hãy dành thời gian thưc hiện và loại bỏ nửa trên của mỗi vòng tròn, bằng cách đặt một hình chữ nhật đủ lớn (được tô màu cam) lên trên, sau đó sử dụng Minus Front Shape Mode của Pathfinder để cắt nó ra khỏi hình dạng cơ bản.

adjusting the shape of the menorahs first ring

Bước 11

Giả sử bạn đã hoàn thành việc loại bỏ các nửa trên, mang lại cho mỗi hình dạng kết quả một đường viền dày 4 px, đảm bảo thay đổi màu của chúng thành #54423E.

adding the outlines to the menorahs arms

Bước 12

Vì chúng ta sẽ cần các cánh tay trông như thể chúng được kết nối với trụ, nên chúng ta sẽ phải chọn đường viền của chúng và đặt chúng ra phía sau bằng cách nhấp chuột phải > Arrange > Send to Back.

Khi thực hiện, sẽ là một ý tưởng tốt để chọn và nhóm (Control-G) trụ và cánh tay của nó lại để chúng không bị tách ra một cách tình cờ.

correctly positioning the outlines of the menorahs arms

Bước 13

Tạo các hình dạng chính cho cây nến ở giữa của Menorah bằng cách sử dụng hình chữ nhật 2 x 16 px (#FFE1BD) với đường viền dày 4 px (#54423E), đặt trên cùng của trụ ở giữa, đảm bảo các đường viền của chúng chồng lên nhau.

creating and positioning the main shapes for the menorahs center candle

Bước 14

Thêm một hình chữ nhật 12 x 4 px (#54423E) vào chấn đế của nét viền nến và một hình 4 x 2 px khác (#54423E) phía trên nó, chọn và nhóm (Control-G) tất cả các hình dạng tạo thành của nó sau đó.

adding details to the menorahs center candle

Bước 15

Sử dụng các bản sao (Control-C > Control-F) của cây nến mà chúng ta vừa tạo xong, thêm những hình còn lại để mỗi cánh tay có một cây nến.

adding the remaining candles to the menorahs arms

Bước 16

Đặt nến vào vị trí, tạo các hình dạng chính cho đĩa trang trí phía trước bằng hình elip 30 x 22 px (#FCC96D) với đường viền dày 4 px (#54423E), nhóm chúng lại (Control-G) và sau đó căn chỉnh ra giữa của Menorah, cách một khoảng 31 px từ hình cơ sở của nó.

creating and positioning the main shapes for the menorahs front decorative plate

Bước 17

Tạo một bản sao (Control-C) của Ngôi sao David mà chúng ta đã tạo cho biểu tượng thứ hai và dán nó (Control-F) vào lưới tham chiếu thứ ba, căn giữa nó vào đĩa trang trí Menorah.

Khi bạn đã xong, bạn có thể nhóm (Control-G) nó với chiếc đĩa để chúng không bị tách riêng một cách tình cờ.

positioning the start of david onto the menorahs front decorative plate

Bước 18

Hoàn thành biểu tượng bằng cách thêm đĩa trang trí nhỏ hơn bằng một hình elip 6 x 4 px (#FCC96D) với đường viền 4 px (#54423E), chúng ta sẽ nhóm chúng lại (Control-G) và sau đó căn chỉnh vào giữa của cánh tay thứ tư của Menorah, cách một khoảng 12 px từ hình cơ sở của nó.

Khi bạn đã đặt vào vị trí phù hợp, hãy chọn tất cả các biểu tượng tạo thành biểu tượng này và nhóm chúng lại.

creating and positioning the main shapes for the menorahs secondary decorative plate

Thế là xong!

Bạn đã có nó - một quy trình thực sự dễ dàng và khá đơn giản để tạo gói biểu tượng theo chủ đề Hanukkah của riêng bạn, không sử dụng gì nhiều hơn các công cụ và hình dạng cơ bản mà bạn có thể đã làm việc thường xuyên.

Tôi hy vọng bạn thấy các bước này dễ thực hiện và quan trọng nhất là học được điều gì đó mới mẻ và hữu ích khi thực hiện.

finished project preview
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.