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

Làm thế nào để tạo ra một biểu tượng Oreo-Lấy cảm hứng trong Adobe Illustrator

by
Difficulty:IntermediateLength: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

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:

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 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ẽ.

how to open new illustrator document

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).

how to create the top Oreo biscuit with 3D effect

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.

how to create the Oreo cream filling with 3D effect

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.

how to create the base Oreo biscuit with 3D effect

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).

how to create a rounded triangle for Oreo design

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).

CopyPaste 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.

how to create a square for Oreo design

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 TileEnd 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

how to create tiles for Oreo squares pattern brush

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 TileEnd 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.

how to save Oreo squares pattern brush

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.

how to save 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. CopyPaste 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).

how to apply Oreo edge pattern brush

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-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.

how to create dashed line for Oreo design

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.

how to apply Oreo squares pattern brush

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).

how to create the Oreo text logo

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.

how to adjust Oreo design

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.

how to save Oreo design

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.

how to map the Oreo design

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).

how to expand the Oreo icon

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.

how to modify the Oreo front edge

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).

how to recolor Oreo edge

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).

how to recolor Oreo dashed line

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).

how to recolor Oreo small circles

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).

how to recolor Oreo text logo

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).

how to recolor Oreo squares

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ị.

how to add shadow to Oreo design

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 đó CopyPaste 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 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).

how to create mask shape for Oreo design shadow

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.

how to mask the Oreo design shadow

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.

how to add details on base Oreo biscuit

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 Radius2 px.

how to add shading to base Oreo biscuit

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 đó CopyPaste 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).

how to mask details on Oreo base biscuit

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).

how to add texture on Oreo base biscuit

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 đó CopyPaste 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 Opacity 10% (1).

CopyPaste 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.

how mask texture on Oreo base biscuit

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 Opacity 20% (2).

how to add dark texture on Oreo top biscuit

Bước 2

Copy 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 Screen20% Opacity.

how to add light texture on Oreo top biscuit

Bước 3

Vào bảng Layers, chọn nhóm “top biscuit”, sau đó CopyPaste 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 đó CopyPaste 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).

how to create mask shape for texture on top Oreo biscuit

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 Opacity 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).

how to mask textures on Oreo top biscuit

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”“cream filling” (3).

how to create shadow between top biscuit and Oreo cream

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.

how to create shadow under Oreo cream

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).

how create crumbs on Oreo cream

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).

how to create mask shape for Oreo crumbs

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).

how to mask Oreo crumbs

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 đó CopyPaste 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).

how to create shadow under Oreo icon

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ó.

Oreo Icon Final Image
Advertisement
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.