1. Design & Illustration
  2. Adobe InDesign

Cách tạo một Tờ bướm cho Lễ giáng sinh mang Phong cách riêng

by
Read Time:14 minsLanguages:
This post is part of a series called Flyer Design & Templates.
How to Change a Photo in a Flyer Template in Adobe Photoshop

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

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

Trong hướng dẫn này chúng ta sẽ sử dụng Adobe InDesign, Photoshop và Illustrator kết hợp với nhau để tạo một tờ bướm vui vẻ cho lễ hội với phong cách cổ điển. Hoàn hảo cho việc quảng cáo các bữa tiệc hoặc các sự kiện lễ hội khác, tờ bướm này có một kiểu thiết kế chữ phong cách mạnh mẽ mà không khó để tạo và ngay cả nếu như bạn là người mới bắt đầu làm quen với các phần mềm thiết kế.

Bạn đang tìm kiếm mốt chút khác biệt cho sự kiện lễ hội của bạn ư? Bạn có thể tìm thấy một bộ sưu tập lớn gồm các mẫu template tờ bướm cho lễ hội ở trên GraphicRiver.

Sẵn sàng cho một vài lễ hội vui vẻ chưa? Tuyệt vời, hãy bắt đầu thôi!

Những gì bạn sẽ cần cho bài hướng dẫn này

Để tạo lại thiết kế, bạn sẽ cần tải về những hình ảnh và các phông chữ sau đây. Đặt các hình ảnh vào trong một thư mục dễ tìm thấy và cài đặt phông chữ.

1. Cách thiết lập một tờ Bướm trong InDesign

Trước khi chúng ta bắt đầu tạo các đối tượng đồ hoạ và chữ kiểu cho tờ bướm của chúng ta, điều quan trọng là thiết lập cơ bản và gom lại một số thành phần cơ bản của layout, chẳng hạn như màu nền và hoa văn. Để bắt đầu, chúng ta sẽ sử dụng Adobe InDesign, vì thế hãy mở chương trình, và chúng ta sẽ đi từ đó.

Bước 1

Trong InDesign vào File > New > Document. Giữ thiết lập IntentPrintNumber of Pages thành 1, và bỏ chọn Facing Pages.

Từ trình đơn thả xuống Page Size, chọn Flyer 8.5x11, hoặc gõ bằng tay vào phần Width215.9 mmHeight279.4 mm. Giảm Margins xuống 10 mm theo đường kính, và thêm một Bleed với 3 mm vào tất cả các góc của trang.

new documentnew documentnew document

Nhấp OK để tạo một tài liệu mới.

new documentnew documentnew document

Bước 2

Mở rộng bảng điều khiển Layers (Window > Layers) và nhấp đúp trên Layer 1 để mở cửa sổ Layer Options. Đổi tên layer thành Paper và nhấp OK.

Chọn công cụ Rectangle Frame Tool (F) từ bảng Tools ở bên trái của workspace, nhấp và kéo trên trang để tạo một khung hình mới mở rộng tới ngoài lề của trang.

paper layerpaper layerpaper layer

Bước 3

Vào File > Place, điều hướng đến hình Paper Texture, và nhấp Open. Nhấp vào nút Fill Frame Proportionally trên bảng Controls ở phía trên của wordspace để đảm bảo tấm hình lấp đầy toàn bộ khung.

paper layerpaper layerpaper layer

Bước 4

Trở về bảng Layers và nhấp vào nút Create new layer ở phía dưới của bảng điều khiển. Nhấp đúp lên layer để đổi tên nó thành Background Color. Nhấp OK, và sau đó khoá layer Paper ở bên dưới.

layer optionslayer optionslayer options

Bước 5

Mở rộng bảng điều khiển Swatches (Window > Color > Swatches) và nhấp vào nút New Swatch ở phía dưới của bảng.

Đặt tên swatch là Gold, và thiết lập TypeProcessModeCMYK. Thiết lập mức độ thành C=2 M=36 Y=71 K=25, và nhấp OK.

Sử dụng công cụ Rectangle Tool (M) để tạo một hình chữ nhật mới trên trang, đồng thời mở rộng tới ngoài lề của trang. Từ bảng Swatches, thiết lập Fill của hình chữ nhật thành Gold.

swatch goldswatch goldswatch gold

Bước 5

Với hình chữ nhật được chọn, vào Object > Effects > Transparency. Từ menu Mode, chọn Overlay, và giảm Opacity xuống 50%.

overlayoverlayoverlay
paper backdroppaper backdroppaper backdrop

Bước 7

Khoá layer Background Color và tạo một layer mới bên trên nó, đặt tên nó là Gradient. Sử dụng công cụ Rectangle Tool (M) để tạo một hình chữ nhật mới mở rộng từ trên cùng của trang xuống tới khoảng ba phần tư.

Tạo một swatch CMYK từ bảng Swatches. Thiết lập các mức thành C=72 M=8 Y=10 K=13, và đặt tên nó là Ice Blue. Áp dụng swatch Ice Blue vào Fill của hình chữ nhật.

blue swatchblue swatchblue swatch

Bước 8

Chọn hình chữ nhật và vào Object > Effects > Gradient Feather. Di chuyển điểm dừng gradient màu đen, bên tay trái tới điểm giữa của thanh trượt, và điều chỉnh Angle của gradient thành 90 degrees.

effects gradienteffects gradienteffects gradient

Bước 9

Nhấp lên tuỳ chọn Transparency ở trên cùng của thanh menu bên trái của window, và thiết lập Mode thành Hard Light. Giảm Opacity xuống 78% và nhấp OK.

hard lighthard lighthard light

Bước 10

Vào File > Save As và lưu tài liệu InDesign của bạn với một tên dễ nhớ, thứ gì đó như "Office Party Flyer.inđ", và sau đó thu nhỏ cửa sổ InDesign. Chúng ta sẽ sớm quay lại đây.

final backgroundfinal backgroundfinal background

2. Cách tạo một cái bóng

Bây giờ thì chúng ta có layout riêng của tờ bướm, chúng ta sẵn sàng bắt đầu nghĩ về các thành phần sáng tạo trong thiết kế. Và có gì đó có thể mang tính lễ hội hơn là bóng dáng của con tuần lộc?! Chúng ta sẽ sử dụng hình tuần lộc trong một khu rừng như là hình nền cho việc tạo cái này, vì vậy hãy chắc rằng bạn đã tải nó về.

Bước 1

Mở hình con tuần lộc trong Adobe Photoshop. Trong bảng Layers (Window > Layers) kéo layer Background xuống dưới lên trên nút tạo Create a new layer để nhân đôi nó. Tắt layer background đi.

background copybackground copybackground copy

Vào Select > Color Range.

color rangecolor rangecolor range

Nhấp lên một trong những phần sáng nhất của con tuần lộc, hoặc sừng hoặc tai, và sau đó tăng mức Fuzziness lên khoảng 145 để cho toàn bộ bóng dáng của tuần lộc đậm hơn.

color rangecolor rangecolor range

Thêm một layer Levels Adjustment Layer, và di chuyển các thanh trượt để tăng độ sáng của vùng được chọn trong hình.

levelslevelslevels

Bước 2

Bây giờ với sự tương phản trong hình được tăng lên, nó sẽ dễ dàng hơn cho chúng ta tách sừng con tuần lộc khỏi nền của tấm hình.

Sử dụng Lasso Tool (L) để chọn xung quanh phái bên trái của tuần lộc, làm việc xung quanh sừng và sau đó chia cắt phần bên trái khỏi nền.

Nhấp lên nút Refine Edge ở trên cùng của workspace, và thử với các thanh trượt để tạo vùng chọn thật sự sát với sừng của tuần lộc.

refine edgerefine edgerefine edge

Nhấp vào Smart Radius và thêm một giá trị Smooth khoảng 2 để làm cho mép bớt gai.

smart radiussmart radiussmart radius

Khi chúng ta hài lòng với vùng chọn, nhấp OK, và sau dó nhấn Delete để cắt bỏ khỏi nền.

refine edgerefine edgerefine edge

Lập lại quá trình này, cắt bỏ phần tiếp theo của nền sau với Lasso Tool (L) và sử dụng chức năng Refine Edge để làm cho nó chính xác hơn. Sau đó nhấn OK, và Xoá vùng chọn.

refine edgerefine edgerefine edge

Bước 3

Tiếp tục làm việc xung quanh mép của sừng tuần lộc (chúng ta chỉ cần có thể vẽ phần đầu và cổ của tuần lộc, vì vậy đừng lo về phần phía dưới của nền), xoá các phần như bạn làm.

refine edgerefine edgerefine edge

Sử dụng công cụ Lasso Tool (L) hoặc Magic Wand Tool (W) để loại bỏ các phần nền mà vẫn còn xung quanh cái bóng và làm mịn và xóa chúng.

selectionselectionselection
refine edgerefine edgerefine edge

Bước 4

Khi bạn hài lòng với cái bóng, nhấp trở lại Levels Adjustment Layer mà chúng ta tạo trước đó.

Chúng ta sẽ di chuyển hình này vào Illustrator để vẽ, vì vậy điều quan trọng là chúng ta làm cho cái bóng càng tối và đậm càng tốt để có được kết quả vẽ tốt nhất. Kéo thanh trượt Levels tới hướng ngược lại, làm cho toàn bộ hình tối hơn và gần như hoàn toàn là cái bóng.

levelslevelslevels

Sau đó đi tới File > Save As và lưu hình như là một file PSD.

Bước 5

Thu nhỏ Photoshop và mở Adobe Illustrator lên. Tạo một tài liệu mới.

Vào File > Place, chọn hình PSD và nhấp Open. Với tấm hình được chọn, vào Window > Image Trace.

Điều chỉnh Mode thành Black and White, và sau đó tích vào hộp Preview ở phía dưới cùng của cửa sổ để xem hiệu ứng vẽ. Di chuyển thanh trượt xung quanh cho tới khi bạn thấy hài lòng với kết quả. Bạn muốn một cái bóng đậm, nhưng bạn cũng muốn giữ lại một số chi tiết của mép, giống như bộ lông và sừng, để làm cho kết quả trong hấp dẫn hơn. Tích vào hộp Ignore White, và sau đó thoát khỏi cửa sổ Image Trace.

image traceimage traceimage trace

Với hình vẽ được chọn, vào Object > Image Trace > Expand.

image trace expandimage trace expandimage trace expand

Bước 6

Nhấp chuột phải (Windows) hoặc giữ Control và nhấp chuột (Mac) > Ungroup, và sau đó chọn và xoá nền khỏi hình vẽ vì thế chỉ còn lại cái bóng.

ungroupungroupungroup

Chọn cái bóng màu đen, và sau đó đi đến trình đơn thả xuống Brush Definition ở trên cùng của workspace. Nhấp vào nút Brush Libraries Menu > Artistic > Artistic_ChalkCharcoalPencil.

Thêm một stroke màu đen xung quanh mép của cái bóng, thiết lập nó trong một brush Pencil và tăng Weight của stroke lên 1.5 pt.

pencil brushpencil brushpencil brush

Sau đó vào Object > Path > Outline Stroke.

outline strokeoutline strokeoutline stroke

Mở cửa sổ Pathfinder (Window > Pathfinder) và nhấp chuột lên nút Unite để trộn stroke với cái bóng, tạo ra một hình vector đồng nhất.

pathfinder unitepathfinder unitepathfinder unite

Bước 7

Với cái bóng vẫn đang được chọn, vào bảng Swatches (Window > Swatches) và điều chỉnh màu Fill của cái hình thành từ Black thành White.

Đi tới File > Save As và lưu tấm hình như là một file Illustrator.

black silhouetteblack silhouetteblack silhouette
white silhouettewhite silhouettewhite silhouette

Bước 8

Trở về tài liệu InDesign của bạn và khoá layer Gradient. Tạo một layer mới bên trên và đặt tên nó là Reindeer.

Lấy công cụ Rectangle Frame Tool (F) và kéo trong trang để tạo một khung hình lớn. Vào File > Place, chọn hình Illustrator, và nhấn Open.

Nhấp đúp bên trong khung hình để trực tiếp chọn hình, và thay đổi kích thước của nó sử dụng phím Shift để giữ lại tỷ lệ. Cho phép con tuần lộc lấp đầy gần như toàn bộ trang, để lại một lượng nhỏ không gian ở bên trên.

reindeer layerreindeer layerreindeer layer

3. Cách kết hợp Chữ phong cách vào trong một thiết kế tờ bướm

Cái phong cách chữ cho tờ bướm này giống một chút với trò chơi xếp hình! Chúng ta sẽ lắp ráp chữ ở chỗ trống giữa cặp sừng để tạo một hiệu ứng kiểu chữ dày đặt tới bên trên cùng của tờ bướm.

Bước 1

Khoá layer Reindeer và tạo một layer mới bên trên nó, đặt tên nó là Typography 1. Giữ tất các các phần tử khác nhau của chữ trên các layer riêng sẽ làm cho nó dễ dàng hơn để hiệu chỉnh các phần riêng lẻ của thiết kế.

Đi tới bảng Swatches và tạo một swatch CMYK mới, với C=73 M=11 Y=10 K=9 và đặt tên nó là Blue.

blue swatchblue swatchblue swatch

Lấy công cụ Type Tool (T) và kéo trên trang, tạo một khung nhỏ giữa cặp sừng của sừng tuần lộc. Nhập vào 'eat' và , từ cửa sổ Character (Window > Type & Tables > Charactor) hoặc bảng Formatting Controls ở phía trên cùng của workspace, thiết lập Font thành Le Paris, và thiết lập Font Size khoảng 90 pt. Từ bảng Swatches, thiết lập Font ColorBlue.

eat text frameeat text frameeat text frame

Bước 2

Edit > Copy, Edit > Paste khung chữ, định vị trí cho nó ở dưới cái đầu tiên. Sửa nó thành 'drink'. Sắp xếp chữ theo kiểu to nhỏ vì thế nó có vẻ như khít hoàn toàn với chữ ở bên trên. Kỹ thuật này cần một chút thực hành, nhưng giữ nguyên kích thước của phông chữ và điều chỉnh vị trí của khung chữ để cho nó phù hợp.

pasted framepasted framepasted frame

Tiếp tục Sao chépDán các khung chữ, đặt mỗi từ mới hoặc ký tự mới (ví dụ những dấu chấm than) ở trong khung chữ của chính nó và điều chỉnh chữ thành ‘eat drink and be very merry!’ Tinh chỉnh Font Size và vị trí của khung chữ để tất cả chúng vừa khít với nhau.

text framestext framestext frames
exclamation markexclamation markexclamation mark
final headerfinal headerfinal header

Bước 3

Tạo một layer mới, gọi nó là Typography 2.

Phóng to góc trên bên trái của trang và Dán một khung chữ khác. Tinh chỉ Font Color thành [Paper] và sửa chữ thành 'come'. Sao chépDán khung chữ thứ hai, viết thành 'along'. Cho phép một ít khung này nằm ở trên cạnh cắt của trang, lên trên mép lề.

come alongcome alongcome along

Tiếp tục tạo chữ, viết nó thành ‘come along and join in the festive fun!’.

white textwhite textwhite text
white textwhite textwhite text

Bước 4

Tạo một layer mới, gọi nó là Typography 3. Sau đó tạo một swatch CMYK, C=53 M=52 Y=70 K=53, và đặt tên nó là Dark Green.

new swatchnew swatchnew swatch

Di chuyển qua phía bên phải của trang và Dán một khung chữ mới. Thiết lập Font Color thành Dark Green. Đây là nơi hoàn hảo để viết vị trí của sự kiện và một địa chỉ liên hệ.

locationlocationlocation
location and contactlocation and contactlocation and contact

Mở bảng Glyphs (Window > Type & Tables > Glyphs) và tạo một khung chữ mới, nhấp đúp trên biểu tượng gạch nối để thêm nó vào trong khung chữ, trước khi thiết lập nó trong Le Paris, Dark Green.

glyphs panelglyphs panelglyphs panel

Vào Type > Create Outlines để biến đổi dấu gạch nối thành một vector shape, làm cho nó dễ dàng hơn để thay đổi kích thước và căng hoặc nén.

create outlinescreate outlinescreate outlines

Bạn có thể sử dụng shape này để lấp đầy không gian và các phần đánh dấu của chữ.

green textgreen textgreen text

Bước 5

Tạo môt layer mới, đặt tên nó là Typography 4. Tiếp tục Dán thêm các khung chữ bên trên layout, thiết lập chữ của những cái này trong Gold swatch mà bạn tạo lúc bắt đầu bài hướng dẫn này. Đặt các khung chữ lên trên phần bên trái của tờ bướm. Điền vào nội dung chữ với thông tin về sự tiếp đãi, thức ăn, và các đặc trưng khác của sự kiện.

gold textgold textgold text

Thêm các khung chữ vào trong layer Typography 4, thiết lập Gold, lấp đầy vài chỗ trống còn lại trong phần bên phải của tờ bướm.

gold textgold textgold text

Lấp đầy bất kỳ khoảng nhỏ nào giữa các phần của cặp sừng với các phần chữ nhỏ.

gold textgold textgold text

Bước 6

Trong một layer mới Typography 5, thêm chữ thiết lập trong Dark Green ở trên đầu của tuần lộc. Mô tả thời gian mà sự kiện bắt đầu.

dark green textdark green textdark green text

Thêm ngày tháng trong Dark Green ở trên bên trái của tờ bướm.

date and daydate and daydate and day

Bước 7

Trở lại với các layer khác để thêm nhiều chữ hơn, lấp vào tất các các khoảng trống giữa các sừng.

gold textgold textgold text

Điều quan trọng phải làm là đảm bảo thông tin chính, như ngày tháng, địa điểm và thời gian, được thiết lập màu viền là Dark Green.

final text framesfinal text framesfinal text frames

Cuối cùng bạn sẽ phải lấp đầy nửa trên của tờ bướm với chữ kiểu—thật ấn tượng, nó gần xong rồi!

final typographyfinal typographyfinal typography

4. Cách thêm một Lớp phủ Hoa văn vào trong tờ bướm của bạn

Công việc cuối cùng của chúng ta là thêm hoa văn tinh tế bao phủ layout. Hoa văn sẽ giúp cho tờ bướm theo xu hướng cổ điển và sẽ làm cho toàn bộ thiết kế cảm giác thêm chuyên nghiệp.

Bước 1

Tạm thời thu nhỏ cửa sổ InDesign.

Mở file vector Brushed Grunge Texture trong Illustrator.

texture filetexture filetexture file

Xó nền trắng của tấm ảnh, chỉ giữ lại hoa văn màu đen. Thiết lập màu Fill của hoa văn thành White.

new swatchnew swatchnew swatch

Vào File > Save As lưu hoa văn như là một file Illustrator.

illustrator fileillustrator fileillustrator file

Bước 2

Trở lại với tài liệu InDesign và tạo một layer mới, đặt tên nó là Texture.

Lây công cụ Rectangle Frame Tool (F) và toạ một khung hình mới mở rộng xuyên qua toàn bộ trang. Vào File > Place, chọn file hoa văn Illustrator, và nhấp Open.

Sắp xếp tấm hình bên trong khung để nó bao phủ toàn bộ trang mà không che quá nhiều bất kỳ chữ hay cái bóng tuần lộc.

texture layertexture layertexture layer

Với khung hình được chọn, vào Object > Effects > Transparency. Thiết lập Mode thành Overlay và giảm Opacity xuống 60%. Nhấp OK.

overlayoverlayoverlay

Và chúng ta đã có nó! Thiết kế tờ bướm của bạn đã xong, thật kinh ngạc! Tất cả công việc còn lại là xuất nó ra để in hoặc chia sẻ trực tuyến.

final posterfinal posterfinal poster

Bước 3

Vào File > Export. Đặt cho nó cái tên, và chọn Adobe PDF (Print) từ trình đơn Format (nếu bạn đang lưu hành tờ bướm của bạn online hoặc email, thì chọn Adobe PDF (Interactive). Nhấp Save.

export pdfexport pdfexport pdf

Trong cửa sổ Export to Adobe PDF đang mở, chọn [Press Quality] từ trình đơn Preset ở trên cùng của cửa sổ.

press qualitypress qualitypress quality

Nhấp vào tuỳ chọn Marks and Bleeds trong trình đơn bên tay trái của cửa sổ. Tích chọn All Printer’s MarksUse Document Bleed Settings. Nhấp OK để tạo PDF sẵn sàng để in của bạn. Bạn có thể gởi cái này tới bất kỳ cửa hàng in chuyên nghiệp nào để in.

marks and bleedmarks and bleedmarks and bleed

Tổng kết: Các chỉ dẫn cho việc tạo các Thiết kết tờ bướm tuyệt vời

Các tờ bướm có thể nhỏ, nhưng cũng không kém ấn tượng. Một tờ bướm được thiết kế tốt là một cách vẽ với chi phí hiệu quả cho một đám đông nhiệt tình với sự kiện của bạn. Trong hướng dẫn này, chúng ta đã tạo một tờ bướm cho tiệc lễ hội sử dụng phần mềm Adobe, và nắm bắt một số chỉ dẫn và thủ thuật hữu ích để tạo các tờ bướm hiệu quả. Bây giờ bạn đã biết cách để:

  • Thiết lập một layout cho tờ bướm trong Adobe InDesign, và phân lớp màu sắc và gradient cho một tấm nền hấp dẫn.
  • Tạo hình một cái bóng nổi bật sử dụng Photoshop và Illustrator.
  • Sử dụng một kiểu chữ cách điệu để tạo một thiết kế in đậm phong cách chữ nghệ thuật.
  • Áp dụng hoa văn lên trên để thêm một cái nhìn cổ điển cho tờ bướm.

Bất cứ sự kiện gì của bạn, tiến trình bốn bước này là một cái cơ bản cho bất kỳ thiết kế tờ bướm nào của bạn, và sẽ luôn đảm bảo một kết quả thật sự ấn tượng.

Bạn đang tìm kiếm một mẫu template cho sự kiện tiếp theo của bạn? Hãy xem hàng loạt các thiết kế tờ bướm cho lễ hội trên GraphicRiver. Bạn chắc chắn sẽ tìm thấy thứ gì đó phù hợp với sự kiện của bạn!

pdf exportedpdf exportedpdf exported
One subscription.
Unlimited Downloads.
Get unlimited downloads