Nếu bạn thích bánh quy Oreo và vẽ vector thì hướng dẫn này là dành cho bạn. Bạn sẽ được học cách vẽ biểu tượng lấy cảm hứng từ bánh Oreo với sự trợ giúp của hiệu ứng 3D và tùy chọn Mapping, cộng với việc bạn sẽ sử dụng rất nhiều cọ và hiệu ứng cho kết cấu và một cái nhìn chi tiết hơn. Hãy làm cho biểu tượng này ngon lành nhất có thể!

Nếu bạn muốn tham khảo nhiều véc tơ hoặc biểu tượng về thực phẩm nói chung, hãytham khảo GraphicRiver, nơi bạn sẽ tìm thấy nhiều nguồn tài nguyên để lựa chọn.

Công cụ hướng dẫn

Để hoàn thành hướng dẫn, bạn sẽ cần các công cụ sau:

• Anja Eliane Font I dafont.com

1. Cách mở một tài liệu mới

Khởi chạy Illustrator và vào File > New để mở một tài liệu trống. Nhập tên cho tập tin của bạn, thiết lập kích thước và sau đó chọn Pixels làm Units và RGB làm Color Mode. Đảm bảo rằng Align New Objects to Pixel Grid không được chọn.

Tiếp theo, vào Edit > Preferences > General và thiết lập Keyboard Increment thành 1 px, và trong khi đó, vào Units để chắc chắn rằng chúng được thiết lập như trong hình dưới đây. Tôi thường làm việc với các thiết lập này và chúng sẽ giúp bạn trong suốt quá trình vẽ.

2. Cách tạo biểu tượng Oreo cơ bản

Bước 1

Chọn công cụ Rounded Rectangle Tool và vẽ hình dạng đầu tiên với kích thước như hiển thị. Sử dụng màu nâu đậm làm màu tô (1).

Trong khi hình dạng của biểu tượng vẫn được chọn, vào Effect > 3D > Extrude & Bevel và áp dụng các thiết lập được chỉ ra (2).

Bước 2

Với hình dạng biểu tượng vẫn được chọn, vào bảng Appearance và thêm một Fill mới dưới màu đầu tiên. Sử dụng màu trắng làm màu tô. Tiếp theo, vào Effect > 3D > Extrude & Bevel lần nữa và áp dụng các thiết lập được chỉ định.

Nhấn vào nút More Options để xem toàn bộ cửa sổ. Di chuyển ánh sáng hiện tại xuống rất nhẹ và thay đổi thiết lập như hiển thị ở bên phải. Nhấn vào biểu tượng New Light để thêm một biểu tượng khác và di chuyển nó sang bên trái ở giữa. Sử dụng các thiết lập tương tự, nhưng tăng Light Intensity lên 100%. Nhấn OK và bạn sẽ có màu tô màu kem, nhưng bạn sẽ chưa thể thấy nó.

Vào Effect > Distort & Transform > Transform, gõ 95% trong trường Scale Horizontal, và sau đó gõ 20 px trong trường Move Vertical. Nhấn OK và nó sẽ mang màu kem xuống.

Bước 3

Trong khi hình dạng biểu tượng vẫn được chọn, hãy chuyển đến bảng Appearance và thêm một New Fill ở phía dưới. Sử dụng màu nâu đậm làm màu tô. Áp dụng hiệu ứng 3D bằng các thiết lập như hiển thị và sau đó áp dụng hiệu ứng Transform. Kết quả là, bạn sẽ có được chiếc bánh quy thứ hai ở phía dưới.

3. Cách tạo thiết kế bánh Oreo ở trên cùng

Bước 1

Sử dụng Polygon Tool để vẽ hình tam giác có kích thước như hiển thị. Sau đó chỉ chọn điểm neo trên cùng với Direct Selection Tool (A) và di chuyển nó 8 px xuống dưới bằng cách nhấn vào phím Mũi tên xuống tám lần. Hình tam giác mới là hình tam giác màu xanh lam (1).

Bây giờ, vào Effect > Stylize > Round Corners và áp dụng Radius là 5 px (2); sau đó chọn Expand Appearance từ trình đơn Object (3).

Bước 2

Trong khi tam giác tròn vẫn được chọn, vào Object > Transform > Move và gõ -18 px trong trường Position Vertical. Nhấn Copy và bạn sẽ có một hình tam giác ở trên. Không bỏ chọn hình tam giác thứ hai này và chọn Flip Vertical từ trình đơn thả xuống của bảng Appearance (1).

Copy và Paste in Front (Control-F) hai tam giác này và xoay chúng 90 độ bằng bảng Transform. Kết quả là, bạn sẽ có được một cặp hình tam giác mới (2).

Tô màu cho các hình dạng trên cùng và dưới cùng với cùng một màu (màu xanh), tô màu cho các hình dạng bên trái và bên phải với một màu khác nhau (màu hồng), và cuối cùng, vẽ một hình tròn 4 x 4 px ở giữa tô với màu thứ ba khác (màu đỏ) (3). Chúng ta sẽ tập trung vào màu sắc sau trong hướng dẫn này.

Bước 3

Vẽ bốn hình tròn 5 x 5 px tô màu đỏ, và sau đó biến chúng thành hình bán nguyệt bằng cách xóa các điểm neo bên phải và bên trái tương ứng. Sắp xếp chúng như thể hiện trong hình dưới đây và sử dụng bảng Align để chắc chắn chúng là đối xứng.

Sử dụng công cụ Rectangle Tool (M) để vẽ một hình vuông bằng các hình bán hình tròn như hướng dẫn, và sau đó Group (Control-G) tất cả các hình dạng. Đây sẽ là phần chính của cọ mẫu (1).

Tạo một bản sao của nhóm này và xóa hai nửa hình tròn từ phía bên trái. Đây sẽ là Start Tile của cọ mẫu (2).

Tạo một bản sao khác của nhóm này và xóa hai hình tròn bên phải. Đây sẽ là End Tile của cọ mẫu (3).

Kéo ô Start Tile và End Tile vào bảng Swatches để lưu chúng và đảm bảo rằng bạn phân biệt được chúng

Bước 4

Kéo phần chính của cọ vào bảng Brushes và chọn New Pattern Brush. Ô này sẽ là ô đầu tiên trong cửa sổ Options. Đối với Start Tile và End Tile, chọn chính xác mẫu trong danh sách đó; sau đó nhập tên cho cọ của bạn và nhấn OK.

Bước 5

Vẽ một hình chữ nhật tròn nhỏ trên bảng vẽ của bạn tô màu xanh lá cây, và sau đó kéo nó vào bảng Brushes để lưu nó như một New Pattern Brush. Bạn có thể đặt tên cho nó là Oreo Edge Pattern Brush.

Bước 6

Tạo một bản sao của hình dạng biểu tượng và xóa tất cả các hiện diện và các hiệu ứng hiện có. Nó chỉ nên có màu nâu. Copy và Paste in Front (Control-F) hình này, loại bỏ các màu tô, và nét stroke của nó với Oreo Edge Pattern Brush.

Mở cửa sổ Stroke Options và thay đổi thiết lập Scale and Spacing (1). Tiếp theo, vào Effect > Path > Offset Path và áp dụng một Offset -2 px để đưa cạnh màu xanh lá cây vào trong một chút (2).

Bước 7

Tạo một bản sao khác phía trước hình chữ nhật màu nâu; sau đó vào Object > Path > Offset Path và áp dụng Offset là -13 px. Bạn sẽ có một hình dạng nhỏ hơn. Loại bỏ các màu tô và tạo nét Stroke màu cam 4 pt. Nhấn vào biểu tượng Round Cap trong bảng Stroke và chọn tùy chọn Dashed Line. Nhập vào các giá trị dấu gạch ngang và giá trị khoảng trống được chỉ định.

Bước 8

Sử dụng Pen Tool (P) hoặc Line Segment Tool (\) để vẽ một đường thẳng ở trên và dưới, và nét stroke cho chúng với Oreo Squares Pattern Brush được lưu trước đó. Điều chỉnh độ dài của đường path để bạn chỉ có bốn ô vuông trên mỗi đường path.

Tiếp theo, vẽ hai đường thẳng ở hai bên và áp dụng Squares Pattern Brush một lần nữa. Bạn sẽ có ba ô vuông trên mỗi đường path lần này.

Bước 9

Vẽ một hình elip ở giữa (1) theo sau là ba đường phía trên (2) và tạo cho chúng một nét Stroke màu vàng 4 pt. Cũng chọn tùy chọn Round Cap.

Bây giờ, lấy công cụ Type Tool (T) và viết "YUMM" bằng phông chữ Anja Eliane, kích thước 22 pt, tiếp theo là hai hình tam giác nhỏ màu vàng ở trên và bên dưới chữ (3).

Hoàn thành thiết kế Oreo với nhiều hình tam giác màu vàng hoặc món trang trí tương tự khác xung quanh hình elip này (4).

Bước 10

Chọn bốn đường path có nét stroke được vẽ với Squares Pattern Brush Oreo và chọn Expand Appearance từ trình đơn Object để biến chúng từ nét stroke thành các màu tô (F). Bây giờ, chọn một trong các hình tròn màu đỏ bằng Direct Selection Tool (A) và sắp xếp bốn bản sao của nó trong các điểm trống được chỉ định bởi các mũi tên (2). Tạo thêm các bản sao của hình tròn màu đỏ và sắp xếp một bản sao ở giữa đường đứt nét màu cam (3).

Cuối cùng, chọn cạnh màu xanh lá cây và chọn Expand Appearance một lần nữa để mở rộng hiệu ứng Offset đã áp dụng.

Bước 11

Tại thời điểm này, thiết kế Oreo đã sẵn sàng và bạn có thể xóa hình chữ nhật màu nâu. Kéo mọi thứ vào bảng Symbols, nhập tên và nhấn OK.

Bước 12

Hãy quay trở lại biểu tượng Oreo và, trong khi nó vẫn được chọn, mở hiệu ứng 3D đã áp dụng cho thuộc tính Fill màu nâu ở trên cùng. Trong cửa sổ Options, nhấn nút Map Art. Trên Surface 1 của đối tượng, chọn và áp dụng biểu tượng thiết kế Oreo đã lưu. Nhấn OK và bạn sẽ thấy thiết kế này nằm trên bánh quy.

Bước 13

Chọn biểu tượng Oreo và chọn Expand Appearance để mở rộng tất cả hiện diện và hiệu ứng 3D. Ungroup (Shift-Control-G) một lần và bạn sẽ thấy ba nhóm riêng biệt trong bảng Layers. Bạn có thể chọn và đổi tên chúng để phân biệt. Chúng ta có "base biscuit" (1) và "cream filling" (2). Bây giờ, mở nhóm thứ ba và chỉ thấy thiết kế Oreo đầy màu sắc trong đó và kéo nó ra ở trên cùng của layer đó. Đặt tên cho những gì còn lại của nhóm này là “top biscuit”.

Chọn nhóm “Oreo design” và vào Object > Clipping Mask > Release (Alt-Control-7) để loại bỏ mặt nạ hiện có (3).

Bước 14

Chọn Direct Selection Tool (A) và chỉ chọn những hình chữ nhật tròn màu xanh lá cây ở phía trước biểu tượng và Group (Control-G) chúng lại. Trong khi nhóm này vẫn được chọn, vào Effect > Warp > Shell Lower và áp dụng 5% Horizontal Bend. Nhấn OK và sau đó vào Object > Expand Appearance. Điều này sẽ làm cho đường viền màu xanh lá cây lớn hơn ở phía trước.

4. Cách tô lại màu cho thiết kế bánh Oreo ở trên cùng

Bước 1

Sử dụng công cụ Direct Selection Tool (A) để chọn chỉ một trong những hình chữ nhật tròn màu xanh lá cây và vào Select > Same > Fill Color. Kết quả là, Illustrator sẽ chọn tất cả các hình dạng màu xanh cho bạn (1). Nhóm (Control-G) chúng và tô màu chúng với gradient tuyến tính hiển thị ở góc 90 độ (2).

Bước 2

Sử dụng Direct Selection Tool (A) để chọn đường đứt nét màu cam là một đường path phức hợp (1) và tô màu nó bằng bóng màu nâu được hiển thị (2).

Bước 3

Sử dụng công cụ Direct Selection Tool (A) một lần nữa để chọn chỉ một trong các hình tròn màu đỏ và vào Select > Same > Fill Color. Bây giờ bạn đã chọn tất cả các hình tròn màu đỏ, nhấn Unite trong bảng Pathfinder (1) và sau đó Group (Control-G) chúng lại để giữ mọi thứ được sắp xếp trong bảng Layers (1). Tô màu tất cả các hình tròn với gradient xuyên tâm như hiển thị (2).

Bước 4

Sử dụng kỹ thuật tương tự để chọn tất cả các hình dạng màu vàng ở giữa, sau đó chọn Nhóm (Control-G) (1). Tô màu các hình dạng với gradient xuyên tâm như hiển thị (2).

Bước 5

Sử dụng Direct Selection Tool (A) để chọn chỉ một trong các hình tam giác màu hồng và vào Select > Same > Fill Color (1). Một khi bạn đã chọn tất cả chúng, Group (Control-G) và tô màu chúng với gradient tuyến tính như hiển thị (2).

Lặp lại kỹ thuật tương tự cho các hình tam giác màu xanh lam (3).

Bước 6

Chọn toàn bộ nhóm “Oreo design”, vào Effect > Stylize > Drop Shadow và áp dụng các thiết lập như hiển thị.

Bước 7

Hãy tạo một hình dạng mặt nạ cho bóng đổ đi qua các cạnh của biểu tượng Oreo.

Mở nhóm “top biscuit” trong bảng Layers và tìm hình chữ nhật tròn là mặt trên cùng của biểu tượng và sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó trước mọi thứ (1 ).

Bây giờ, chọn nhóm “Oreo design” từ bảng Layers và sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao và xóa hiệu ứng Drop Shadow đã áp dụng trước đó. Vào Object > Compound Path > Make (Control-8) để biến tất cả các hình dạng thành một đường path phức hợp (2).

Chọn hình dạng màu xám cùng với đường path phức hợp màu đỏ và nhấn Unite trong bảng Pathfinder để lấy hình dạng mặt nạ (3).

Bước 8

Chọn nhóm “Oreo design” cùng với hình dạng từ bước trước đó, nằm ở phía trước và nét stroke đặt là none, màu fill là none. Sau đó vào Object > Clipping Mask > Make (Control-7). Bây giờ các cạnh xung quanh biểu tượng đã sạch sẽ và sắc nét.

5. Cách thêm kết cấu và các chi tiết trên Base Oreo Biscuit

Bước 1

Sử dụng Pen Tool (P) để vẽ một loạt các đường thẳng đứng ngắn trên đường viền phía trước của bánh quy cơ sở và nét stroke cho tất cả chúng với cọ Tapered Blend Art Brush, giảm độ dày là 1 pt. Tôi đã hướng dẫn cách tạo brush pha trộn hữu ích này trong hướng dẫn How to Create a Candy Monster Character (phần 10). Group (Control-G) tất cả các đường nét sau khi bạn đã hoàn tất.

Bước 2

Sử dụng Pen Tool (P) để vẽ đường path sau cạnh dưới cùng của bánh quy cơ sở. Cho nó một nét Stroke màu đen 2 pt và sử dụng Width Profile 1 trong bảng Stroke. Tiếp theo, vào Effect > Blur > Gaussian Blur và áp dụng Radius là 2 px.

Bước 3

Đi đến bảng Layers, tìm và chỉ chọn đường viền phía trước của biscuit cơ sở (1), sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó. Nhấn Unite trong bảng Pathfinder để hợp nhất các hình dạng thành một (2). Đặt hình dạng kết quả thành stroke-none và fill-none, và chúng ta sẽ sử dụng nó để che nhóm các đường nét và đường path bóng đổ từ bước trước (3).

Bước 4

Sử dụng Pen Tool (P) để vẽ một vài đường path ngẫu nhiên trên đường viền phía trước của bánh quy cơ sở và nét stroke cho chúng với Chalk Art Brush từ Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil, độ dày 1 pt. Đặt tất cả chúng vào Blending Mode Overlay (1).

Tạo một bản sao của hình dạng mặt nạ từ bước trước đó và sử dụng nó một lần nữa để che đi các đường path này (2). Kết quả là, bạn sẽ có một số kết cấu trên bánh quy cơ sở (3).

Bước 5

Đi đến bảng Layers, tìm và chọn hình dạng trên cùng của bánh quy cơ sở, sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó. Vào Effect > Texture và áp dụng hiệu ứng Grain; sau đó đặt nó thành Blending Mode Soft Light và Opacity 10% (1).

Copy và Paste in Front (Control-F) cùng một hình dạng và bỏ tất cả các sự hiện diện hiện có. Trong khi bản sao mới này vẫn được chọn, cũng chọn hình dạng đó với hiệu ứng Grain đã áp dụng cho nó và vào Object > Clipping Mask > Make (Control-7) (2). Di chuyển nhóm kết quả ngay phía trên “base biscuit” trong bảng Layers.

6. Cách thêm họa tiết và các chi tiết trên cùng của bánh quy Oreo

Bước 1

Sử dụng Pen Tool (P) hoặc Line Segment Tool (\) để vẽ một loạt các đường path thẳng trên “top biscuit” và nét stroke cho chúng với Chalk Art Brush. Sử dụng bóng màu nâu được chỉ định làm màu nét stroke (1).

Nhóm (Control-G) tất cả các đường path này và đặt toàn bộ nhóm thành Blending Mode Multiply và Opacity 20% (2).

Bước 2

Copy và Paste in Front (Control-F) nhóm các đường path, vẫn giữ sự xuất hiện tương tự nhưng thiết lập nhóm này thành Blending Mode Screen và 20% Opacity.

Bước 3

Vào bảng Layers, chọn nhóm “top biscuit”, sau đó Copy và Paste in Place (Shift-Control-V). Nhấn Unite trong bảng Pathfinder để hợp nhất tất cả các hình dạng thành một (1).

Chọn nhóm “Oreo design” và sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó trước mọi thứ. Loại bỏ hiệu ứng Drop Shadow và vào Object > Compound Path > Make (Control-8) (2).

Bây giờ, chọn các hình dạng màu xanh và màu cam mới thu được và nhấn Unite trong bảng Pathfinder để có được hình dạng mà chúng ta cần (3).

Bước 4

Tô màu cho hình dạng thu được trong bước trước đó với màu nâu, và áp dụng hiệu ứng Grain bằng các thiết lập tương tự như đối với "base biscuit". Đặt Blending Mode thành Soft Light và Opacity là 10% (1).

Tạo một bản sao của cùng một hình dạng ở phía trước tất cả mọi thứ, và đặt nó thành stroke-none và fill-none Trong khi bản sao này vẫn được chọn, cũng chọn hai nhóm đường và hình dạng với hiệu ứng Grain đã áp dụng cho nó, và vào Object > Clipping Mask > Make (Control-7). Kết quả là, bạn sẽ có các cạnh gọn đẹp xung quanh “top biscuit” (3).

Bước 5

Sử dụng Pen Tool (P) để vẽ một đường path theo cạnh trước của “top biscuit” nhưng hơi cao hơn nó (1), tiếp theo là một đường path khác ngay trên cạnh của “top biscuit” (2). Tạo nét Stroke 2 pt màu đen và sử dụng Width Profile 1 trong bảng Stroke; sau đó áp dụng Gaussian Blur 2 px. Kết quả là, bạn sẽ tạo ra một số bóng đổ giữa “top biscuit” và “cream filling” (3).

7. Làm thế nào để thêm các chi tiết cho Oreo Cream Filling

Bước 1

Hãy bắt đầu với bóng đổ bên dưới nhóm “cream filling”. Vẽ một đường path theo cạnh dưới của màu tô và gửi nó ra phía sau. Tạo cho nó nét Stroke màu đen 2 pt và sử dụng Width Profile 1. Áp dụng 1 px Gaussian Blur.

Bước 2

Vẽ một vài hình dạng màu đen ngẫu nhiên có kích cỡ khác nhau và sau đó kéo chúng vào bảng Brushes để lưu chúng dưới dạng New Scatter Brush. Bạn có thể đặt tên cho nó là Crumbs Scatter Brush (1).

Dùng Pencil Tool (N) và vẽ một đường tròn ngẫu nhiên trên “cream filling” và vuốt nó bằng cọ mới được lưu. Mở cửa sổ Stroke Options và thay đổi thiết lập như như hiển thị hoặc cho đến khi bạn có giao diện mong muốn (2).

Khi bạn hài lòng với giao diện của mẩu tin, chọn Expand Appearance từ trình đơn Object và sau đó thiết lập nhóm kết quả là Blending Mode Overlay (3).

Bước 3

Vào bảng Layers, chọn nhóm “cream filling” và tạo bản sao ở phía trước. Nhấn Unite trong bảng Pathfinder để hợp nhất nó thành một hình duy nhất. Nếu cần, bạn cũng vào Object > Compound Path > Make (Control-8).

Bước 4

Bây giờ, chọn nhóm các mẩu vụn cùng với hình dạng thu được ở bước trước, mà phải ở phía trước và đặt thành stroke-none, fill-none, và vào Object > Clipping Mask > Make (Control-7).

8. Cách tạo bóng đổ bên dưới biểu tượng Oreo

Chọn nhóm “base biscuit” từ bảng Layers và sau đó Copy và Paste in Place (Shift-Control-V). Di chuyển bản sao đến New Layer dưới biểu tượng Oreo (1). Nhấn Unite trong bảng Pathfinder hoặc vào Object > Compound Path > Make (Control-8) để thu được một hình duy nhất (2). Chọn màu nâu sậm làm màu tô và áp dụng hiệu ứng Drop Shadow hai lần để có được bóng đổ (3).

Xin chúc mừng, bạn đã hoàn tất!

Đây là hình ảnh cuối cùng của biểu tượng Oreo. Tôi hy vọng bạn thích hướng dẫn “ngọt ngào” này và đừng quên chia sẻ hình ảnh với bản tạo lại của bạn. Tôi rất mong được thấy nó.