1. Design & Illustration
  2. Vintage

Thiết kế Menu quyến rũ theo phong cách Art Deco trong Adobe InDesign

by
Read Time:15 minsLanguages:

Vietnamese (Tiếng Việt) translation by Caitlyn Cat Tien (you can also view the original English article)

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

Mùa đông có thể sẽ dài, tối tăm và lạnh lẽo, nhưng đó chính là lý do để tổ chức bữa tiệc tối ấm cúng cho bạn bè, gia đình hoặc đồng nghiệp. Hoàn hảo cho các buổi tụ họp năm mới, thực đơn dễ tạo này gợi lại sự quyến rũ hình học của Thời đại nhạc Jazz. Đây chắc chắn là một tác phẩm thiết kế in ấn mà Jay Gatsby sẽ tự hào được thể hiện!

Trong hướng dẫn này, chúng ta sẽ sử dụng Adobe InDesign để tạo thực đơn A5 hai mặt. Không yêu cầu hình ảnh — chúng ta sẽ chỉ sử dụng typography, các hình dạng và đường viền để bắt chước phong cách Art Deco.

Một lưu ý về thiết kế Art Deco

Art Deco là một phong cách hình ảnh rất phổ biến trong những năm 1920 và 1930, và tầm ảnh hưởng của nó có thể được nhìn thấy trên tất cả các loại phương tiện trực quan ở thời điểm đó, trong nghệ thuật, in ấn, kiến ​​trúc, đồ nội thất và trang trí nội thất. Các đặc điểm phong cách chính của Art Deco là các hình dạng hình học, đối xứng, sử dụng màu sắc phong phú, thường giống như đá quý và kim loại sang trọng.

Phong cách Art Deco hiện đang được yêu thích trở lại, mặc dù sự ảnh hưởng rất lớn của phong trào Art Deco chưa bao giờ thực sự biến mất. Cách trình diễn hiện đại của kiểu chữ Art Deco truyền thống thổi sự sống hiện đại vào phong cách này, làm cho Art Deco có thể tiếp cận người dùng InDesign như chúng ta ngày nay.

Bắt đầu nào!

1. Chuẩn bị bố cục Menu của bạn

Bước 1

Mở InDesign và chọn New Document từ cửa sổ Welcome hoặc vào File > New > Document.

Trong cửa sổ New Document, giữ IntentPrintNo. of Pages1. Bỏ chọn Facing Pages.

Từ thực đơn Page Size thả xuống, chọn A5 (148 x 210 mm).

Lưu ý: Hướng dẫn này chỉ cho bạn cách thiết lập một tờ thực đơn để in ấn chuyên nghiệp. Nhưng nếu bạn dự định in các lời mời ở nhà bằng máy in A4, bạn sẽ cần đặt hai thiệp hoàn thành song song trên một tài liệu A4 mới, được thiết lập theo hướng Landscape.

Đặt Margins có tất cả các phía là 5 mm, và bao gồm một Bleed 3 mm ở tất cả các phía.

new documentnew documentnew document

Nhấp vào OK.

Page 1 layoutPage 1 layoutPage 1 layout

Bước 2

Thiệp sẽ yêu cầu một loạt các layer được thiết lập, cho phép chúng ta xây dựng các hình dạng, đường thẳng và văn bản để tạo ra hiệu ứng 3D, điều này sẽ mang lại cho chúng ta diện mạo Art Deco. Thực tiễn tốt là tạo các thành phần khác nhau trên các layer khác nhau, vì nó cho phép bạn chọn hoặc chỉnh sửa các yếu tố riêng lẻ dễ dàng hơn.

Bây giờ, hãy tạo tất cả các layer.

Mở bảng Layers (Window > Layers). Theo mặc định, bảng này được nhóm với các PagesLinks.

Kích đúp vào tên Layer 1 mặc định trong panel để mở cửa sổ Layer Options. Đổi tên layer này thành Background Color và nhấn OK.

layer optionslayer optionslayer options

Nhấp vào biểu tượng Create New Layer ở dưới cùng bên phải của bảng điều khiển để tạo layer thứ hai. Như trước đây, kích đúp vào tên mặc định của layer đó để mở cửa sổ Layer Options. Đổi tên layer này thành Border One. Nhấp vào OK.

Lặp lại để tạo thêm bốn layer theo thứ tự sau:

  • Color
  • 3D Shapes
  • Border Two
  • Typography
layers panellayers panellayers panel

Bây giờ Lock tất cả các layer này lại ngoại trừ Background Color bằng cách nhấp vào khoảng trống ở bên phải của biểu tượng con mắt. Nhấp vào tên Background Color để cho phép bạn làm việc trên layer đó.

locked layerslocked layerslocked layers

Bước 3

Trên tài liệu của bạn, sẽ hữu ích khi biết điểm trung tâm của menu, để cho phép bạn đặt các yếu tố ở giữa và đối xứng với nhau.

Kéo ra một đường guide từ thước đo bên trái (View > Show Rulers, nếu chưa được hiển thị) đến trung tâm theo chiều dọc của tài liệu tại 74 mm.

central guidecentral guidecentral guide

2. Chọn một bảng màu và đưa vào một đường viền

Bước 1

Thiết kế Art Deco sử dụng tất cả các loại màu sắc, nhưng những sự kết hợp các màu sắc nhất định sẽ trông nhìn Art Deco một cách cổ điển. Ví dụ như vàng và đen, mang đến cảm giác sang trọng, cực kỳ phú quý cho các thiết kế, trong khi đó, màu hồng và bạc có thể làm tăng thêm sự nữ tính.

Những tông màu như đá quý, giàu có kết hợp với kim loại sẽ luôn luôn trông xác thực với phong cách Art Deco. Ở đây, chúng ta sẽ áp dụng các màu sắc được lấy cảm hứng từ phong trào Ai Cập, lấy cảm hứng từ thiết kế Art Deco vào đầu những năm 1920.

Vào Window > Color > Swatches để mở bảng Swatches. Nhấp vào biểu tượng New Swatch ở góc dưới cùng bên phải của bảng điều khiển hoặc chọn New Color Swatch từ trình đơn thả xuống của bảng điều khiển.

Đặt Color Type ProcessColor Mode thành CMYK. Đặt các giá trị thành các tỷ lệ phần trăm sau:

C=106, M=96, Y=42, K=47

new color swatchnew color swatchnew color swatch

Nhấp vào OK.

Tạo thêm ba mẫu mới theo cùng một cách, đặt từng mẫu thành các giá trị sau:

  • C=47, M=0, Y=38, K=0
  • C=20, M=30, Y=65, K=0
  • C=41, M=0, Y=22, K=0

Bây giờ bạn có một bộ các mẫu màu sẵn sàng để sử dụng: một màu xanh đậm, một màu xanh ngọc bích, một màu vàng và một màu xanh bạc hà.

swatches panelswatches panelswatches panel

Bước 2

Trên layer Background Color, chọn công cụ Rectangle Tool (M) và kéo để tạo ra một khung mở rộng trên toàn bộ trang, đến các cạnh của rìa trang ở tất cả các phía.

Đặt Stroke Color thành [None]Fill Color thành màu xanh đậm, C=106, M=96, Y=42, K=47.

background rectangle framebackground rectangle framebackground rectangle frame

Bước 3

Lock layer Background ColorUnlock layer Border One.

Chọn công cụ Rectangle Tool (M) như trước, và kéo để tạo ra một khung đến các cạnh cắt, hoặc cạnh trang của tài liệu, như được hiển thị. Từ bảng điều khiển chạy dọc theo phía trên cùng của màn hình, đặt Fill Color màu thành [None]Stroke Color thành mẫu màu vàng, C=20, M=30, Y=65, K=0.

Đặt Weight của Stroke thành 2 mm. Màu sắc sẽ căn chỉnh theo mặc định đến tâm của cạnh nét viền, với một số màu sắc được viền lên rìa trang. Đó là những gì chúng ta muốn, vì thực đơn sẽ xuất hiện để có một cạnh vàng rất đẹp khi được in ra.

border oneborder oneborder one
final borderfinal borderfinal border

Bước 4

Lock layer Border OneUnlock layer Border Two nằm trên layer 3D Shapes.

border twoborder twoborder two

Chọn công cụ Rectangle Frame Tool (M) và kéo để tạo ra một khung mở rộng đến các cạnh của lề trên tất cả các phía. Từ bảng điều khiển trên cùng, đặt Fill Color thành [None]Stroke Color thành mẫu màu vàng, như trước đây, C=20, M=30, Y=65, K=0.

Vào Window > Stroke để mở bảng Stroke. Đặt Weight thành 1 mmType thành Thick-Thin.

stroke panelstroke panelstroke panel

Với khung này vẫn được chọn, vào Object > Corner Options. Đặt Size của tất cả các góc thành 8 mmShape thành Fancy. Nhấp vào OK.

corner optionscorner optionscorner options
fancy cornered borderfancy cornered borderfancy cornered border

3. Xây dựng màu sắc và hình dạng trên menu

Chúng ta sẽ xây dựng một số layer hình dạng màu theo tông màu nhạt hơn để khung văn bản mà chúng ta sẽ thêm vào thiết kế sau này.

Bước 1

Lock layer Border Two Unlock layer Color.

Kéo đường guide xuống từ thước trên cùng (View > Show Rulers) đến điểm giữa nằm ngang của trang này, ở 105 mm.

Chọn Zoom Tool hoặc nhấn Z trên bàn phím và giữ con trỏ của bạn, kéo để tạo vùng chọn quanh phần trên cùng bên phải của trang. Góc trên cùng bên phải của trang sẽ mở rộng để lấp đầy màn hình.

zoom toolzoom toolzoom tool

Chọn công cụ Pen Tool (P) và nhấp chuột một lần vào nơi đường guide dọc ở giữa đến các cạnh của đường viền hoa văn. Nhấp chuột một lần nữa, tạo thành một đường thẳng nằm ngang, ở góc bên phải của đường viền, như được hiển thị.

pen toolpen toolpen tool

Tiếp tục nhấp chuột, đồ theo cạnh góc phức tạp của đường viền.

tracing with pen tooltracing with pen tooltracing with pen tool

Nhấp vào nơi đường guide ngang ở giữa gặp cạnh của đường viền.

anchor pointsanchor pointsanchor points

Sau đó, nhấp chuột vào điểm bắt đầu ở trên cùng bên trái để tạo một hình tam giác.

connecting the anchor pointsconnecting the anchor pointsconnecting the anchor points

Điều chỉnh Stroke Color của hình này thành [None]Fill Color thành mẫu màu xanh ngọc mà bạn đã tạo trước đó, C=47, M=0, Y=38, K=0.

color in shapecolor in shapecolor in shape

Bước 2

Chọn hình dạng này bằng công cụ Selection Tool (V, Escape) và vào Edit > Copy, sau đó chọn Edit > Paste.

Với hình dạng thứ hai được chọn, Control-Nhấp chuột (Mac OS) hoặc Nhấp chuột phải (Windows) > Transform > Flip Horizontal. Di chuyển hình dạng lộn xộn vào một vị trí phản chiếu ở phía bên trái của trang.

mirrored shapemirrored shapemirrored shape
final view of shapesfinal view of shapesfinal view of shapes

Bước 3

Từ thước ở trên cùng, kéo một đường guide nằm ngang xuống khoảng một phần ba trang, khoảng 65 mm.

Chọn công cụ Pen Tool (P) như trước, và nhấp chuột một lần vào nơi đường guide mới gặp các cạnh của đường viền hoa văn, ở bên phải của trang, hơi chồng lên nhau một chút với hình dạng màu xanh ngọc bích.

Nhấp chuột vào góc dưới cùng của đường viền để tạo một đường thẳng đứng.

pen toolpen toolpen tool

Như chúng ta đã làm trước đây, nhấp vào xung quanh góc cạnh của đường viền hoa văn và nhấp chuột để tạo một điểm neo khác tại điểm giữa của trang.

anchor pointanchor pointanchor point

Nhấp một lần nữa vào điểm neo bắt đầu để tạo một hình tam giác.

joining anchor pointsjoining anchor pointsjoining anchor points

Điều chỉnh Stroke Color của hình này thành [None] Fill Color thành mẫu màu xanh da trời mà bạn đã tạo trước đó, C=41, M=0, Y=22, K=0.

fill with colorfill with colorfill with color

Bước 4

Chọn hình dạng này bằng cách sử dụng Selection Tool (V, Escape)Edit > Copy, Edit > Paste.

Control-Nhấp chuột (Mac OS) hoặc Nhấp chuột phảo (Windows) > Transform > Flip Horizontal và di chuyển hình dạng được lật vào một vị trí phản chiếu ở phía bên trái của trang.

copy and pastecopy and pastecopy and paste

4. Tạo hiệu ứng 3D bằng cách sử dụng Shape và Shadow

Bước 1

Lock layer ColorUnlock layer 3D Shapes, từ bảng Layers.

Nhấn Z và kéo để phóng to góc trên cùng bên phải của trang.

Chọn công cụ Line Tool (\) từ bảng Tools và kéo để tạo ra một đường thẳng có chiều dài khoảng 73 mm, chạy dọc theo cạnh của hình dạng màu xanh ngọc như hình vẽ.

Đặt Stroke Color thành mẫu màu vàng, C=20, M=30, Y=65, K=0 Stroke Weight 7 mm.

gold linegold linegold line

Chọnđường thẳng này và Edit > Copy, Edit > Paste để tạo một đường thẳng màu vàng thứ hai. Control- nhấp chuột (Mac OS) hoặc Nhấp chuột phải (Windows) > Transform > Flip Horizontal và di chuyển đường thẳng được lật vào một vị trí đối xứng ở phía bêb trái của trang.

pasted gold linepasted gold linepasted gold line

Bước 2

Kéo đường guide ngang ở thước từ trên xuống dưới cùng của trang, một khoảng 181 mm.

guides on page oneguides on page oneguides on page one

Cho phép khoảng 7 mm chừa lề giữa cạnh của hình tam giác màu xanh, chọn Công cụ Pen Tool (P) và nhấp vào điểm mà đường dẫn mới đi ngang qua hình dạng này, như được hiển thị.

pen pointpen pointpen point

Nhấp chuột một lần nữa, theo sau một đường thẳng song song với các cạnh của hình dạng đó, nơi hình dạng màu xanh đến các đường viền hoa văn.

pen linepen linepen line

Nhấp chuột vào theo chiều ngang hướng lên trên, ở góc trên cùng của hình dạng màu xanh lam.

anchor pointsanchor pointsanchor points

Nhấp chuột xuống dưới, tiếp giáp với điểm neo bắt đầu. Nhấp chuột vào điểm neo bắt đầu để kết hợp hình dạng này.

connecting anchor pointsconnecting anchor pointsconnecting anchor points

Đặt Stroke Color thành [None]Fill Color thành [Paper].

fill color to whitefill color to whitefill color to white

Bước 3

Chọn hình dạng này và Edit > Copy, Edit > Paste để tạo hình dạng màu trắng thứ hai. Control-Nhấp chuột (Mac OS) hoặc Nhấp chuột phải (Windows) > Transform > Flip Horizontal và điều động hình dạng thứ hai lên cạnh trái của trang.

pasted shapepasted shapepasted shape

Đây là cách thiết kế của bạn sẽ thể hiện cho đến nay:

preview of designpreview of designpreview of design

Bước 4

Trên layer 3D Shape, hãy kéo đường guide ở thước từ trên xuống 49 mm.

Kéo một đường guide thứ hai, lần này từ thước đo bên trái đến 112 mm, sau đó kéo đường guide thứ ba ra khỏi thước bên tay trái đến 36 mm.

guidesguidesguides

Chọn công cụ Pen Tool (P) và nhấp chuột một lần, nơi đường guide bên trái gặp các cạnh của đường viền hoa văn. Nhấp vào nơi đường guide ngang gặp điểm trung tâm của trang một khoảng 49 mm để tạo đường chéo.

pen toolpen toolpen tool

Nhấp vào nơi đường guide ở xa bên phải gặp cạnh của đường viền hoa văn để tạo một hình tam giác.

creating a triangle shapecreating a triangle shapecreating a triangle shape

Từ bảng điều khiển trên cùng, đặt Fill của hình dạng này thành vàng, C=20, M=30, Y=65, K=0, Stroke Color là bảng màu xanh đậm, C=106, M=96, Y=42, K=47. Đặt Stroke Weight thành 1 mmType thành Thick-Thick.

fill and stroke colorfill and stroke colorfill and stroke color

Với hình dạng được chọn, vào Object > Effects > Drop Shadow để mở cửa sổ Effects.

Dưới tùy chọn Drop Shadow, thiết lập Mode thành Multiply Opacity là 25%. Đặt Distance là 1 mmAngle thành 135 độ. Đặt Size thành 1 mm.

effects windoweffects windoweffects window

Điều hướng đến tùy chọn Inner Glow, có thể truy cập từ danh sách tùy chọn bên trái trong cửa sổ Effects. Đặt Mode thành Soft LightOpacity là 83%. Technique được đặt thành SofterSourceEdge. Thay đổi Size thành 8 mmChoke thành 7%.

inner glowinner glowinner glow

Nhấp vào OK.

Điều này đã cho hình dạng tam giác một hiệu ứng ánh kim loại mềm mại và một cái nhìn 3D tinh tế.

preview of effectspreview of effectspreview of effects

Bước 5

Chọn hình tam giác vàng và Edit > Copy, Edit > Paste. Với hình dạng được chọn, Control-Nhấp chuột (Mac OS) hoặc Nhấp chuột phải (Windows) > Transform > Flip Vertical.

Đặt tam giác thứ hai này ở vị trí đối xứng, ở cuối trang.

pasted shapepasted shapepasted shape
preview of designpreview of designpreview of design

5. Giới thiệu Typography lấy cảm hứng từGatsby

Bước 1

Có rất nhiều phông chữ lấy cảm hứng của Art Deco ở bên ngoài để lựa chọn, nhiều phông chữ trong số đó là miễn phí để tải về và sử dụng cho cá nhân và / hoặc sử dụng cho mục đích thương mại.

Ở đây, tôi đã chọn sử dụng Andes. Đó là một kiểu chữ rất thanh lịch, với cảm giác sáng sủa, hiện đại và có tđộ dày đủ mạnh để tương phản với nền tối của menu khi được thiết lập ở kích thước nhỏ.

Andes fontAndes fontAndes font

Bước 2

Quay trở lại tài liệu InDesign của bạn, quay lại bảng Layers. Lock layer 3D ShapesUnlock layer trên cùng, Typography.

Chọn công cụ Type Tool (T) và kéo để tạo ra một khung văn bản khoảng 65 mm Width16 mmHeight. Đặt vị trí này ở giữa trang, đặt trên đường guide nằm ngang về phía phần trên cùng của không gian trung tâm màu xanh đậm.

Nhập ‘Menu’ và, từ bảng Character Formatting Controls chạy dọc theo đầu màn hình, đặt Font thành Andes Andes Regular, Font Size thành 44 pt, Font Color thành [Paper] và đặt văn bản đó thành Align Center.

type tooltype tooltype tool

Bước 3

Nhấp vào khung văn bản và sử dụng lại Công cụ Type Tool (T), kéo để tạo khung văn bản lớn hơn thứ hai, khoảng 75 mm Width78 mmHeight.

Type:

‘Starter

(ngắt đoạn)

Spicy Pumpkin Soup

(ngắt đoạn x2)

Main

(ngắt đoạn)

Roast Spring Lamb

(ngắt đoạn)

Chestnut Stuffed Peppers (V)

(ngắt đoạn x2)

Dessert

(ngắt đoạn)

Truffle Mousse ’

Bạn có thể chỉnh sửa văn bản để liệt kê các món ăn mà bạn đã chọn.

Chọn tất cả văn bản bằng con trỏ Type Tool và đặt Font thành Andes RegularAlign Center.

Chọn Starter’, ‘Main’ và 'Dessert’ riêng lẻ; đặt Font Size thành 25 pt Font Color thành mẫu màu xanh ngọc bích, C=47, M=0, Y=38, K=0.

Chọn tên của các món ăn và đặt Font Size thành 18 ptFont Color thành màu vàng, C=20, M=30, Y=65, K=0. Tăng Leading của dòng đầu tiên của mỗi danh sách các món ăn đến 28 pt để cung cấp cho văn bản không gian thở.

typographytypographytypography

Bước 4

Chọn công cụ Line Tool (\) và giữ phím Shift, kéo từ trái sang phải để tạo một đường ngang ngắn khoảng 32 mm tại Length.

Hoặc từ bảng điều khiển trên cùng hoặc từ bảng điều khiển Stroke, đặt Stroke Color thành mẫu màu xanh ngọc bích, C=47, M=0, Y=38, K=0, Weight Stroke0,75 mm Type thành Thin-Thin.

Đặt dòng này ở giữa cạnh dưới ‘Starter’ và phía trên tên của món ăn đầu tiên.

line toolline toolline tool

Chọn dòng này và Edit > Copy, Edit > Paste hai lần để tạo thêm hai bản sao của dòng này. Đặt mỗi dòng ở giữa cạnh dưới ‘Main’ và ‘Dessert’.

pasted linepasted linepasted line

Bước 5

Bạn cũng có thể thêm một yếu tố trang trí nhỏ vào menu để mang thêm nét phong cách Art Deco.

ArtDeco là một phông chữ trang trí tuyệt đẹp với một loạt các glyphs lấy cảm hứng từ Art Deco để bạn lựa chọn. Tải xuống phông chữ này và sau đó quay lại InDesign.

Trở lại layer Typography, chọn Type Tool (T) và kéo để tạo một khung văn bản nhỏ khoảng 11 mmHeight. Đặt con trỏ vào khung văn bản và đặt Font thành ArtDeco Regular.

Vào Window > Type & Tables > Glyphs để mở bảng Glyphs. Kích đúp vào glyph đã chọn của bạn để chèn nó vào khung văn bản.

glyphs panelglyphs panelglyphs panel

Đặt Font Size thành 30 pt Font Color thành màu vàng, C=20, M=30, Y=65, K=0.

Đặt khung văn bản ở bên trái của ‘Menu’.

decorative glyphdecorative glyphdecorative glyph

Chọn khung văn bản và Edit > CopyEdit > Paste. Sau đó, Control-Nhấp chuột (Mac OS) hoặc Nhấp chuột phải (Windows) > Transform > Flip Horizontal, và định vị khung văn bản thứ hai được lật qua bên phải của ‘Menu’.

repeated glyphrepeated glyphrepeated glyph

6. Thiết lập mặt sau của menu của bạn

Để trông thêm bóng bẩy và chuyên nghiệp, bạn có thể thiết lập menu của bạn để có mặt sau được in.

Trong bảng điều khiển Pages (Window > Pages), hãy nhấp vào biểu tượng Create New Page ở dưới cùng bên phải của bảng điều khiển. Hiện tại, đang trên Page 1 của tài liệu.

Lock tất cả các layer ngoại trừ layer Background Color, Border OneBorder Two. Kéo chuột qua toàn bộ trang để chọn tất cả các yếu tố trên các layer này. Sau đó, vào Edit > Copy.

Điều hướng xuống Page 2 của tài liệu. Vào Edit > Paste in Place. Màu nền và đường viền sẽ xuất hiện trên trang này.

borders on reverseborders on reverseborders on reverse

Thiết kế menu của bạn đã hoàn tất! Một thiết kế tuyệt vời, trông thật tuyệt diệu.

complete designcomplete designcomplete design
complete design - reversecomplete design - reversecomplete design - reverse

Bây giờ tất cả những gì chúng ta cần làm là xuất nó ra để in ...

7. Xuất Menu của bạn để In ấn

Bước 1

Để xuất thực đơn của bạn để in, hãy chuyển đến File > Export và chọn Adobe PDF (In) từ trình đơn thả xuống Format.

Trong tùy chọn General, chọn Press Quality từ menu thả xuống Adobe PDF Preset.

export to PDFexport to PDFexport to PDF

Bước 2

Bên dưới tùy chọn Marks and Bleeds (cuộn qua các tùy chọn từ phía bên trái của cửa sổ), chọn All Printers Marks và chọn Use Document Bleed Settings.

marks and bleedsmarks and bleedsmarks and bleeds

Nhấp vào Export.

Xin chúc mừng! Thực đơn Art Deco quyến rũ của bạn đã sẵn sàng để gửi đi in ấn!

pdf for printpdf for printpdf for print

Mẹo: Yêu cầu máy in in trên giấy có trọng lượng khoảng 300 gsm để tạo cảm giác cứng cáp và sang trọng cho các tờ thực đơn.

final productfinal productfinal product

Chúc bạn có một bữa tiệc tối tuyệt vời theo phong cách Gatsby đích thực!

One subscription.
Unlimited Downloads.
Get unlimited downloads