[Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Học cách tạo hiệu ứng chữ bánh nướng anh đào trong Illustrator

Chào mừng đến với loạt bài hướng dẫn chi tiết của chúng tôi – [Ai_Tuts], trong đó bạn có thể học về những kỹ năng, tính năng hay kỹ thuật, công cụ trong Illustrator!
Công cụ trong illustrator - hiệu ứng chữ bánh nướng anh đào [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Công cụ trong Illustrator – hiệu ứng chữ bánh nướng anh đào

Bạn yêu thích bánh anh đào? Tôi thì rất yêu thích! Hãy cùng thích thú và biến nó thành hiệu ứng chữ bánh nướng anh đào bằng các công cụ trong Illustrator nhé!!

Lúc đầu, bạn sẽ tạo ra hình dạng các chữ cái với cạnh lượn sóng của một chiếc bánh anh đào truyền thống. Sau đó, bạn sẽ thêm hương vị với sự trợ giúp của tùy chỉnh Cherry Scatter Brush, và sau đó thêm những đường sọc lên bánh anh đào.

Đừng quên texture vỏ bánh và tuỳ chỉnh Powdered Sugar Scatter Brush. Nếu bạn muốn biết cách tạo ra tất cả những điều này, hãy cùng bắt đầu nào!

Nếu bạn đang cần nhiều hơn về hiệu ứng chữ hoặc vector thực phẩm nói chung, Graphic.com.vn sẽ cung cấp cho bạn khá nhiều nguồn để chọn lựa.

Tài nguyên

Để hoàn tất bài hướng dẫn, bạn sẽ cần các tài nguyên sau đây:

  • Font: Geist Knt
  • Script: Round Any Corner

1. Công cụ trong Illustrator – mở một tài liệu mới

Mở Illustrator và đi tới File > New  để mở một tài liệu trống. Nhập tên tập tin của bạn, thiết lập kích thước và chọn đơn vị đo lường là Pixels trong Units và RGB là Color Mode. Đảm bảo Align New Objects to Pixel Grid đã hủy đánh dấu.

Tiếp theo, đi tới Edit > Preferences > General và thiết lập Keyboard Increment là 1 pxvà đi tới Units để cài đặt theo ảnh. Tôi luôn chọn các cài đặt sau và chúng giúp ích cho bạn trong lúc vẽ.

open new illustrator document [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

2. Công cụ trong Illustrator – cách tạo chiếc bánh nướng hình dạng chữ cái

Bước 1

Chọn công cụ Type Tool (T) và gõ chữ “PIE” trên bản vẽ, sử dụng font Geist Knt, với size khoảng 200 pt. Dưới trường Set the tracking for the selected characters, chọn 200 để giãn các ký tự ra.

type the pie text [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Với văn bản vẫn được chọn, chọn Expand từ menu Object và sau đó Ungroup (Shift-Control-G) tách riêng từng ký tự.

Vẫn chọn những ký tự này và đi tới Effect > Stylize > Round Corners. Áp dụng Radius khoảng 10 px và nhấn OK.

create rounded edges for pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Với những ký tự vẫn được chọn, chọn Expand Appearance từ menu Object để mở rộng hiệu ứng đã áp dụng và sau đó, Ungroup (Shift-Control-G) nếu cần thiết.

Stroke những ký tự với Diamonds 1 Pattern Brush, bạn có thể tìm trong Brush Libraries Menu dưới Borders > Borders_Geometric. Giảm Stroke Weight xuống 0.75 pt.

apply border to pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 4

Chỉ chọn ký tự “P” và chọn Expand Appearance từ menu Object để mở rộng cọ stroke đã áp dụng. Tiếp theo, nhấn Unite trong Pathfinder để trộn đường biên và ký tự vào một hình đơn.

Lặp lại cách làm cho hai ký tự khác.

unite border to pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 5

Với những ký tự mới vẫn được chọn, đi tới File > Scripts > Round Any Corner và áp dụng Radius khoảng 5–6 để tách các cạnh bo tròn có đặc điểm giống  như một cái bánh nướng.

Nếu bạn muốn điều chỉnh thêm để tạo cạnh gơn sóng, chọn công cụ Direct Selection Tool (A) và di chuyển một vài điển hoặc điều chỉnh chúng.

create rounded edges for pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

3. Công cụ trong Illustrator – thêm Texture vào những ký tự

Bước 1

Fill các chữ cái với màu sắc đã xác định; sau đó đi đến Effect > Stylize > Inner Glow và áp dụng các cài đặt hiển thị bên dưới.

apply inner glow effect to pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Với những ký tự vẫn được chọn, thêm New Fill ở trên đầu tiên và chọn màu giống nhau. Tiếp theo đi tới Effect > Texture > Texturizer và áp dụng các cài đặt hiển thị: Thiết lập thuộc tính  Fill này thành Blending Mode Multiply và 40% Opacity.

apply texturizer effect to pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Để thoát khỏi các cạnh pixelated được tạo ra bởi hiệu ứng Texturizer, chúng ta sẽ sử dụng một mặt nạ. Chọn ba ký tự và sau đó Copy và Paste in Front (Control-F) để tạo bản sao cho chúng; sau đó loại bỏ tất cả các hiển thị hiện có từ bảng Appearance.

Bây giờ, chọn ký tự  “P” với bản sao ký tự “P” và đi tới Object > Clipping Mask > Make (Control-7). Lặp lại các thao tác tương tự cho hai ký tự kia và bạn sẽ có những cạnh sâu.

create sharp edges for pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

4. Công cụ trong Illustrator – tạo Cherry Scatter Brush

Bước 1

Dùng công cụ Ellipse Tool (L) và vẽ một vòng tròn nhỏ kích thước 18 x 18 px. Bóp méo vòng tròn này một chút với sự trợ giúp của công cụ Direct Selection Tool (A) để có được hình dạng của quả anh đào, không nên làm hoàn toàn tròn.

Tiếp theo, làm theo chuỗi các hình ảnh và sử dụng công cụ Pen Tool (P) để vẽ một số hình dạng ngẫu nhiên trên trái anh đào làm nổi bật và tạo bóng.

draw the cherry [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Vẽ một vài hình anh đào nhỏ để thêm nổi bật. Fill những hình này màu trắng và giảm Opacity xuống 50%.

add highlights on cherry [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Group (Control-G) tất cả các hình trang trí trái anh đào, trông khá đẹp. Kéo nhóm vào bảng Brushes và chọn New Scatter Brush. Trong cửa sổ Scatter Brush Options, chỉ cần gõ tên cho phần cọ mới và giữ nguyên các thiết lập còn lại.

create cherry scatter brush [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

5. Công cụ trong Illustrator – cách tạo ra mứt anh đào

Bước 1

Sử dụng công cụ Direct Selection Tool (A) để lựa chọn hình dạng của các ký tự  từ dưới mặt nạ, và sau đó đi đến Object > Path > Offset Path. Áp dụng  Offset khoảng -20 px và bạn sẽ có ký tự nhỏ hơn ở giữa. Tôi sẽ đặt tên những hình dạng này là  “filling background”.

create the cherry filling background [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Chọn công cụ Pencil Tool (N) và vòng tròn ngẫu nhiên trên ba hình  “filling background”. Tạo stroke với các đường path bằng Cherry Scatter Brush mà bạn lưu trước đó. Với các đường path vẫn được chọn, đi tới bảng Appearance, mở cửa sổ Stroke Options, và thay đổi cài đặt Size Rotation như hiển thị hoặc đến khi trông nó đỡ bề bộn.

apply cherry scatter brush [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Chọn ba hình “filling background” ở dưới và sau đó CopyPaste in Place (Shift-Control-V) để có những bản sao.

Bây giờ, chọn đường stroke cho quả anh đào trên ký tự “P” với bản sao “filling background” và đi tới Object > Clipping Mask > Make (Control-7). Lặp lại thao tác tương tự cho hai ký tự khác và che phần mứt anh đào.

mask the cherry pie filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

6. Công cụ trong Illustrator – thêm phần sáng và bóng cho mứt anh đào

Bước 1

Hãy làm cho mứt anh đào thêm bóng bẫy. Phóng to những ký tự và sử dụng công cụ Pencil Tool (N) để vẽ vài đường path ngắn theo đường viền của mứt anh đào. Bạn có thể thêm nhiều như bạn muốn. Sau khi bạn hoàn thành, tạo ba nhóm đường path. mỗi nhóm cho từng ký tự.

draw highlights paths on cherry pie filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Chọn Stroke 1 pt màu trắng cho tất cả các đường path này và sử dụng Width Profile 2 trong bảng Stroke. Thiết lập Opacity cho từng nhóm đường path là 80%.

create highlights on cherry pie filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Chọn ba hình “filling background” ở dưới những qủa anh đào và sau đó Copy và Paste in Place (Shift-Control-V) để có những bản sao chép. Sử dụng fill color màu trắng; sau đó đi tới Effect > Stylize > Inner Glow và áp dụng các cài đặt hiển thị bên dưới. Thiết lập chế độ Blending Mode sang Multiply để tạo màu trắng trong suốt và bạn sẽ chỉ có thể thấy được bóng bên trong.

add inner shadow to cherry pie filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

7. Công cụ trong Illustrator – tạo lưới cho vỏ bánh

Bước 1

Tập trung vào chữ “P” và vẽ một vài đường chéo trên mứt anh đào bằng cách sử dụng công cụ Pencil Tool (N). Những đường path không nhất thiết phải thẳng hoàn toàn. Group (Control-G) trực tiếp hai đường path bởi vì nó sẽ dễ dàng hơn thực hiện hơn với thiết kế sau này.

Ví dụ, tôi có bốn nhóm sọc gồm: trắng và xanh theo một hướng, và màu vàng và xanh theo hướng đối diện.

draw criss cross paths on letter P [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Chọn Stroke 8 pt cho tất cả các sọc và nhấn tùy chọn Round Cap trong bảng Stroke để có bo tròn ở cuối stroke.

create lattice top on letter P [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Với bốn nhóm đường dọc vẫn được chọn, đi tới Effect > Stylize > Drop Shadow và áp dụng cài đặt hiển thị.

Lúc này, bạn có thể kết hợp xung quanh các nhóm sọc cho đến khi chúng theo thứ tự đúng và chúng trông hoàn toàn đan vào nhau.

add shadow to lattice top on letter P [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 4

Bây giờ tập trung vào chữ cái “I” và trước tiên vẽ các đường chéo. Áp dụng các cài đặt tương tự như trước và bạn sẽ nhận được phần thiết kế lưới ở trên.

create lattice top on letter I [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 5

Thực hiện thao tác tương tự cho ký tự “E“.

create lattice top on letter E [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

8. Công cụ trong Illustrator – tạo Texture vỏ bánh

Bước 1

Chọn công cụ Pencil Tool (N) và vẽ một đường tròn ngẫu nhiên trên mỗi chữ cái như trong hình dưới đây. Stroke đường path với Ink Spatter 1 Scatter Brush từ Brush Libraries Menu > Artistic > Artistic_Ink. Stroke Color là màu đen và Stroke Weight là 1 pt.

add black splats on pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Với ba đường path vẫn được chọn, thiết lập Blending Mode sang Overlay và Opacity xuống 40%.

settings for black splats on pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Với 3 đường path vẫn được chọn, thêm New Stroke trong bảng Appearance trên cái đầu tiên. Lần này sử dụng Ink Splats Scatter Brush từ Brush Libraries Menu > Artistic > Artistic_Ink. Stroke Weight là 1 pt và Stroke Color là màu trắng (vì lý do thị giác), màu hình tiếp theo là màu vàng).

add white splats on pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 4

Thiết lập Blending Mode cho thuộc tính Stroke thứ hai là Overlay và giảm Opacity là 30%.

settings for white plats on pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 5

Sử dụng công cụ Direct Selection Tool (A) để chọn ký tự “P” dưới mặt nạ, và sau đó Copy và Paste in Place (Shift-Control-V) để tạo bản sao của nó. Loại bỏ tất cả các xuất hiện sẵn có từ bảng Appearance.

Bây giờ, chọn đường path lên ký tự “P” với bản sao của ký tự và đi tới Object > Clipping Mask > Make (Control-7). Bạn có thể đặt tên nhóm kết quả  “pie crust texture”.

Lăp lại thao tác tương tự cho hai ký tự khác và tạo góc gọn gàng xung quanh văn bản.

mask splats around the pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

9. Công cụ trong Illustrator – cách cắt lát bánh

Bước 1

Sử dụng công cụ Direct Selection Tool (A) để chọn ký tự “E” dưới mặt nạ và sau đó Copy và Paste in Place (Shift-Control-V) để tạo một bản sao của nó. Loại bỏ những phần hiển thị sẵn có và chỉ tạo stroke (hình màu xanh da trời). Tiếp theo, sử dụng công cụ Pen Tool (P) để vẽ hình vuông giống như miếng bánh (hình màu xanh lá cây). Trước khi bạn tiếp tục, tạo những bản sao cho hai hình này.

Bây giờ, với hai hình được chọn, nhấn Intersect trong Pathfinder để tách hình miếng bánh (1).

Dùng hai bản sao của hai hình mà bạn đã tạo, và đảm bảo rằng hình màu xanh lá cây ở phía trước hình màu xanh da trời. Trong khi, chúng được chọn Minus Front trong bảng Pathfinder và bạn sẽ nhận phần còn lại của ký tự “E” (2).

Tôi sẽ đặt tên hình màu xanh da trời “E cut” và  và hình dạng màu xanh lá cây “E slice“.

create the masking shapes  [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Trước tiên, hãy chọn tất cả các hình dạng trang trí cho chữ “E” như một chiếc bánh anh đào và nhóm chúng Group (Control-G). Đặt tên nhóm này “E cherry pie”. Tạo một bản sao cho nhóm này ở phía trước bởi vì bạn sẽ tạo ra hai mặt nạ.

Bây giờ, chọn nhóm “E cherry pie” với hình “E cut” ở trên và đi tới Object > Clipping Mask > Make (Control-7). Kết quả là, bạn sẽ có ký tự “E” với lát vỡ (1).

Chọn hai nhóm “E cherry pie” với hình “slice” ở trên, và đi tới Object > Clipping Mask > Make (Control-7). Kết quả, bạn sẽ có một lát bánh bạn có thể di chuyển tới vị trí bất kỳ trên bức vẽ của bạn (2).

cut a slice of pie from letter E [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

10. Công cụ trong Illustrator – tạo bóng dưới bánh anh đào

Tạo một bản sao theo hình: ký tự “P“, ký tự “E“, “E cut”, và “E slice”. Di chuyển ra phía sau mọi thứ bằng cách đi tới Object > Arrange > Send to Back (Shift-Control-[), và loại bỏ những hiển thị có sẵn.

Fill những bản sao này với màu đen, sau đó đi tới Effect > Stylize > Drop Shadow và áp dụng hiệu ứng này bốn lần. 

add shadow under pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Điều này là những thiết lập hiệu ứng Drop Shadow:

settings for drop shadow effects [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

11. Công cụ trong Illustrator – cách tạo mứt anh đào tan chảy

Bước 1

Sử dụng công cụ Pen Tool (P) để vẽ hình hiển thị bên dưới và fill nó với radial gradient như hiển thị. Với sự trợ giúp của công cụ Gradient Tool (G), điều chỉnh hướng và góc của gradient.

Tiếp theo, vẽ hai hình mỏng hai bên phải phía trên như là điểm nổi bật và fill với linear gradient hiển thị bên dưới.

Group (Control-G) tất cả các hình và đặt tên nhóm là “runny filling”.

draw the runny cherry filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Scale và sắp xếp nhóm “runny filling” chỗ lát bánh bị khuyết. Tạo một bản sao của nhóm, xoay nó và sắp xếp nó phía đối diện.

Tạo hai bản sao bổ sung và sắp xếp chúng ở hai bên. Đảm bảo hai hình dạng nhỏ nổi bật hai từ nhóm “runny filling” đối diện và có thể nhìn thấy.

Chọn tất cả các nhóm “runny filling” và đem chúng ra sau mọi thứ bằng cách đi tới Object > Arrange > Send to Back (Shift-Control-[). Bạn có thể xem kết quả cuối cùng trong hình dưới đây.

arrange the runny cherry filling [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

12. Công cụ trong Illustrator – thêm bột đường lên bánh anh đào

Bước 1

Trước tiên, vẽ một vòng nhỏ tròn màu trắng với kích thước 10 x 10 px (mặc dù vì lý do thị giác, ảnh bên dưới có màu đen). Kéo hình tròn này vào bảng Brushes và chọn New Scatter Brush. Dù vậy nhưng bạn vẫn chưa thể thấy nó.

create a powdered sugar scatter brush [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 2

Sử dụng công cụ Pencil Tool (N) để vẽ đường path gợn sóng ngẫu nhiên trên mặt phải của ký tự “P” và tạo stroke với Sugar Scatter Brush mà bạn đã lưu. Nhân đôi thuộc tính Stroke này hoặc thêm cho đến khi bạn hài lòng với số lượng đường bột và nó trông dày đặc.

Mở cửa sổ Stroke Options cho mỗi thuộc tính Stroke trong bảng Appearance và kéo thanh trượt để điều chỉnh Size và Spacing xuống mức nhỏ nhất là 10%, để tạo đường bột như thật. Bạn cũng có thể thực hiện xung quanh với các cài đặt Scatter đến khi bạn nhận được kết quả mong muốn.

Sau khi bạn làm xong, trong khi vẫn chọn đường path, nhấn biểu tượng New Graphic Style ở dưới cùng của bảng Graphic Styles để lưu lại style.

create and save a powdered sugar graphic style [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Có những thiết lập tôi sử dụng trong cửa sổ Stroke Options cho bốn thuộc tính Stroke.

settings for powdered sugar strokes [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 3

Sử dụng công cụ  Pencil Tool (N) để vẽ thêm những đường path rợn sóng theo các cạnh của các chữ cái. Sau đó, đơn giản chọn Sugar Graphic Style đã lưu trước đó.

Để thêm bột đường, vẽ thêm đường path trên những phần khác và áp dụng  Sugar Graphic Style một lần nữa.

add more powdered sugar on pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 4

Chọn ký tự “P”,I” và “E” và sau đó CopyPaste in Place (Shift-Control-V) để tạo bản sao của chúng. Đem chúng ra trước mọi thứ bằng cách đi tới Object > Arrange > Bring to Front (Shift-Control-]), và sau đó loại bỏ tất cả những thứ hiển thị sẵn có. Với ba bản sao chép vẫn được chọn, đi tới Object > Compound Path > Make (Control-8).

Bây giờ, hãy chọn tất cả các đường path phủ đường cùng với nét phức và đi đến Object > Clipping Mask > Make (Control-7).

mask the powdered sugar around the pie letters [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Bước 5

Nếu bạn thêm đường bột bên cạnh lát bánh thiếu hay trên miếng bánh, bạn cần phải di chuyển các đường path dưới mặt nạ sẵn có trong bảng Layers (“E cut” và mặt nạ “E slice“” từ lát đầu tiên được tạo ra). Cách này bạn sẽ có những góc cạnh gọn gàng không cần tạo ra mặc nạ khác.

add powdered sugar on slice of pie [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

Vậy là bạn đã hoàn thành việc tạo hiệu ứng chữ bánh nướng anh đào bằng các công cụ trong Illustrator rồi!!

cherry pie text effect final image [Ai_Tuts] Công cụ trong illustrator – hiệu ứng chữ bánh nướng anh đào

[Tuts]!!

Đây là một trong loạt bài hướng dẫn chi tiết trên Secret. Chúng tôi sẽ giới thiệu một loạt các chủ đề (Photoshop – Ps; inDesign – iD; Illustrator – Ai; Lightroom – Lr..) với mong muốn kích thích sự sáng tạo của bạn.

 – Edit by Secret Team
 – Translate by Tutsquick Team
 – Source by Tutsplus

Comments
Loading...