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

Как создать аппетитное и модное меню в Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:

Russian (Pусский) translation by Olya Misuraghina (you can also view the original English article)

Final product image
What You'll Be Creating

Хорошо это или плохо, но меню значительно влияют на общее впечатление от ужина (будем надеяться, что это хорошо!). Неважно, создаете ли вы меню для ресторана, кафе, поп-апа или просто ищете способ произвести впечатление на семью и друзей на особом вечере, с помощью этих простых и модных летних меню можно легко оживить стол.

В этом уроке мы будем работать с Adobe InDesign, и вам даже не придется загружать никакие изображения, потому что в наши дизайны меню уже входят сильные, яркие шрифты и простая цветовая палитра, как раз для лета.

Давайте начнем!

Вот какой макет меню мы будем создавать: двустороннее, одностраничное меню большого формата A3 (29,7 x 42 см).

Внимание: Если вам нужно меню поменьше, можно экспортировать конечный вариант (см. ниже, в конце) и изменить его размер в Photoshop.

Лицевая сторона:

front of menu

Обратная сторона:

Reverse of menu

1. Настройте документ меню в InDesign

Шаг 1

Откройте InDesign и выберите File > New > Document.

В графе Intent должно быть Print, увеличьте значение Number of Pages до 2. Снимите галочку с Facing Pages.

В графе Page Size выберите Custom... из выпадающего меню, чтобы открылось окно Custom Page Size.

Напишите Menu в поле названия и установите значение Width на 297 мм, а Height - на 420 мм. Нажмите Add, а потом - OK, чтобы вернуться в окно New Document.

custom page size

Шаг 2

Установите значение Number of Columns на 4 и уменьшите Gutter до 0 мм, чтобы разбить страницу (внутри полей) на 4 равные части.

Установите следующие значения полей (Margins): 40 мм снизу (Bottom), 23 мм сверху (Top), 15 мм справа (Right) и 15 мм слева (Left).

Добавьте со всех сторон припуски под обрез (Bleed) по 5 мм (они нужны для печати).

new document window

Нажмите OK, чтобы создать новый документ.

new document created

2. Создайте слои, чтобы упорядочить свой макет

Давайте создадим последовательность слоев, чтобы упорядочить дизайн и чтобы элементы можно было легко редактировать, а потом - вешать на них замок.

Шаг 1

Откройте панель Layers в правой стороне рабочего стола или перейдите в Window > Layers.

Нажмите двойным щелчком на название по умолчанию Layer 1, чтобы открыть окно Layer Options. Переименуйте слой в Border (Границы) и нажмите OK.

border layer

Шаг 2

Выберите из выпадающего меню на панели новый слой (New Layer). Переименуйте его в Color (Цвет) и нажмите OK.

new layer
color layer

Наконец, создайте третий слой и переименуйте его в Typography - Шрифт.

typography layer

Когда у вас появится три последовательных слоя, повесьте замок на слои Typography и Color и нажмите на слой Border, чтобы на него перейти.

layers panel

3. Добавьте в меню границы

Сейчас мы будем работать над обратной стороной меню (где будет много текста), которая в документе InDesign будет страницей 2.

Шаг 1

Перейдите на страницу 2, прокрутив документ вниз или нажав на иконку Page 2 на панели Pages (Window > Pages).

Оставаясь в слое Border, выберите инструмент Line Tool (\) на панели инструментов (слева на рабочем столе). Удерживая Shift, перетащите мышку от верхнего поля вниз вдоль центральной линии страницы (ориентируйтесь на линии колонок) до нижнего поля.

Откройте панель Stroke (Window > Stroke), увеличьте Weight до 3 мм и выберите White Diamond из выпадающего меню Type.

central line
stroke panel

Шаг 2

Выберите инструмент Line Tool (\) и, удерживая Shift, перетащите курсор слева направо вдоль границы верхних полей. Установите Stroke Weight на 2 мм, а Type - на White Diamond.

top border line

Выделите появившуюся линию и нажмите Edit > Copy, Edit > Paste. Перетащите один конец этой линии, чтобы уменьшить ее длину до 130 мм.

Установите курсор на странице слева и пересеките две левых колонки, установив значение Y на 136 мм. Скопируйте и вставьте короткую линию и снова поставьте ее слева, теперь на значении Y 307 мм.

Дважды скопируйте и вставьте ее, чтобы создать еще две короткие линии, расположив их справа, на значениях Y 165 мм и 329 мм.

border lines

Вернитесь на панель Layers и повесьте замок на слой Border. Снимите замок со следующего слоя - Color.

4. Выберите свежую, летнюю цветовую палитру

Ваше меню должно быть аппетитным! Цвет может во многом определять привлекательность меню (и то, с каким воодушевлением люди будут выбирать блюда).

Шаг 1

Для этого меню нам нужен один яркий цвет, на котором будут одинаково хорошо смотреться и черные, и белые элементы. Я выбрала цвет свежей зеленой травы, но вы можете попробовать любой другой яркий оттенок (возможно, небесно-синий или коралловый, почему бы нет?) для своего меню.

Если хотите взять такой же зеленый, откройте панель Swatches (Window > Color > Swatches) и нажмите на иконку New Swatch внизу.

Чтобы изменить новый образец цвета по умолчанию, нажмите на него двойным щелчком.

В графе Color Type должно стоять Process, а в Color Mode CMYK. Установите следующие значения: C=46 M=5 Y=87 K=0. Снимите галочку с Name with Color Value в верхней части окна и переименуйте образец в Grass Green. Нажмите OK.

swatch options

Шаг 2

Оставаясь на странице 2 документа и на слое Color, выберите Rectangle Tool (M) и перетащите курсор, создав форму 307 мм шириной и 18.7 мм высотой. Перенесите фигуру в самый низ страницы, между нижним, правым и левым краями припусков под обрез.

Выберите для заливки (Fill Color) Grass Green, а для Stroke Color - ничего [None].

green rectangle

Шаг 3

Перейдите на страницу 1 документа и снова выберите Rectangle Tool (M), теперь чтобы создать фигуру на всю страницу, до краев припусков со всех сторон.

Установите Fill Color на Grass Green, а Stroke Color - на [None].

green menu color

Оставаясь на этой странице, снова возьмите Rectangle Tool (M) и перетяните курсор, чтобы создать фигуру 278 мм шириной и 401 мм высотой. Установите Fill Color на [None], а Stroke Color - на [Paper].

На панели Stroke или на верхней панели вдоль рабочего стола установите Stroke Weight на 3 мм, а Type - на White Diamond.

border on menu front

Вернитесь на панель Layers и повесьте замок на слой Color. Снимите замок с верхнего слоя Typography.

5. Выберите для меню забавные, легко читаемые шрифты

Обычно меню выглядят скорее неформально и весело, только если вы не создаете его для очень чопорного ресторана. В конце концов, цель в том, чтобы соблазнительно и аппетитно представить блюда!

Поиграйте с цветами и шрифтами, но придерживайтесь правила использовать не более трех шрифтов. Один из них может быть веселым и причудливым (для заглавия меню), другой - читабельный, для подзаголовков, а третий - простой, легко читаемый шрифт для перечисления блюд и их стоимости (подойдет sans serif).

Для нашего меню я буду использовать:

  • Great Vibes: для заголовка меню на лицевой и обратной стороне
  • Josefin Slab: для подзаголовков
  • Josefin Sans: для основного текста

Было бы неплохо также найти шрифт с красивыми символами, чтобы добавить в меню графические элементы. Я буду использовать:

  • Adhesive Nr. Seven: для простого и удобного украшения заголовков
  • Davys: причудливый шрифт с символами - для винтажных элементов

Загрузите и установите все вышеуказанные шрифты, а затем вернитесь в свой документ InDesign.

Шаг 1

В InDesign, оставаясь на странице 1 и на слое Typography, выберите инструмент Type Tool (T) и перетащите курсор так, чтобы в центре странице появилась рамка для текста. Поставьте курсор в рамку и на панели Character Formatting Controls в верхней части рабочей поверхности выберите шрифт Adhesive Nr. Seven, Size 350 pt и Align Center.

Откройте панель Glyphs (Window > Type & Tables > Glyphs), чтобы увидеть весь доступный набор символов шрифта Adhesive Nr. Seven.

Дважды щелкните по одному из глифов, чтобы вставить его в рамку.

glyphs panel

Установите Font Color на [Paper].

white banner

Шаг 2

Создайте вторую текстовую рамку с помощью Type Tool (T) и напишите в ней ‘Summer Menu’ (или нужное вам название меню). Установите Font на Great Vibes, Size 70 pt, Align Center и Font Color - на Grass Green.

Наложите текстовую рамку на белый баннер, как показано.

text over banner

Шаг 3

Создайте еще одну текстовую рамку и разместите ее под белым баннером в центре страницы. Напишите:

‘Appetisers Starters Mains

(перенос абзаца)

Sharers Salads

(перенос абзаца)

Sides’

Установите Font на Josefin Slab, выбирая для разных слов жирный и полужирный шрифт, а Size - на 25 pt. Выберите значения All Caps, Align Center, увеличьте Tracking до 50, а Font Color - на [Paper].

text below title

Шаг 4

Добавьте небольшую текстовую рамку, поставьте в нее курсор и выберите шрифт (Font) Davys. На панели Glyphs выберите глиф с указательным пальцем и дважды щелкните по нему, чтобы добавить. Установите Font Size на 22 pt, а Color - на [Paper].

Перенесите текстовую рамку влево вверх перед строкой, начинающейся с ‘Appetisers...’.

hand pointer

Выберите текстовую рамку и нажмите Edit > Copy, Edit > Paste, а затем отразите ее, нажав правой кнопкой мыши (Windows) или щелкнув, удерживая Control (Mac OS) > Transform > Flip Horizontal. Разместите вторую руку справа от центральной текстовой рамки.

text on front of card

Мы закончили работать со шрифтом нашего меню. Отличная работа!

front of card completed

Теперь мы можем заполнить обратную сторону...

6. Заполните обратную сторону меню

Шаг 1

Перейдите на страницу 2 документа, на обратную сторону меню.

Возьмите Type Tool (T) и создайте текстовую рамку вверху в центре страницы. Впишите в нее ‘Menu’ и установите шрифт (Font) на Good Vibes, Size 55 pt, Align Center и Font Color - Grass Green.

Слева от текстовой рамки ‘Menu’ создайте еще одну текстовую рамку и впишите ‘Summer (перенос абзаца) Food Menu’, установив Font на Josefin Slab Bold, Size 12 pt, Tracking 50, All Caps и Align Center.

menu title

Возьмите Line Tool (\) и перетащите курсор, чтобы нарисовать идеальную прямую линию (удерживайте Shift), длиной примерно 57 мм. На панели Stroke установите Weight на 1 ммType на Thick-Thin и Color на Grass Green.

Расположите эту линию под текстовой рамкой, которую вы только что создали.

left-hand heading

Шаг 2

Выделите текстовую рамку ‘Summer...’ и линию и нажмите Edit > Copy, Edit > Paste, переместив скопированные элементы вправо на странице. Укажите время работы ресторана (или любую другую информацию).

pasted top heading

Шаг 3

Создайте новую текстовую рамку вверху слева, под верхними полями, и установите Font на Adhesive Nr. Seven, Font Size на 180 pt и Align Center.

На панели Glyphs выберите нужный символ и дважды щелкните по нему.

black banner

Повторите то же самое, создав еще пять рамок с баннерами, варьируя их типы и цвета ([Black] и [Grass Green]). Расставьте их, как показано ниже, вверху каждой секции меню.

banners on menu

Шаг 4

Поверх каждой рамки с баннером поместите еще по одной текстовой рамке с подзаголовком. Установите Font на Josefin Slab Bold, варьируя размер шрифта (Size) от 40 pt для основных разделов (например, Первые блюда, Основные блюда) до 35 pt для остальных (например, Закуски).

Установите Font Color на [Paper]All Caps, Align Center и увеличьте значение Tracking до 50.

sub-title example
sub-titles on card

Шаг 5

Приблизьте верхний левый угол меню. Возьмите Type Tool (T) и создайте текстовую рамку 63 мм шириной, чуть поуже первой колонки. Вбейте названия закосок, установив Font на Josefin Sans, Size 13 pt, Leading 24 pt и Align Left.

Выделите названия блюд полужирным шрифтом, а цены - тонким.

dish names

Когда закончите, можете нажать Edit > Copy, Edit > Paste, чтобы скопировать рамку с текстом, и переместите ее во вторую колонку. Затем можете скопировать и вставить две колонки с текстом во все секции меню, редактируя текст, как вам нужно.

Шаг 6

В тексте не должно быть слишком много текста, но в любом случае, выделив основные блюда, вы помогаете гостям быстро что-то выбрать.

Оставьте немного пустого места в разных частях страницы (шириной в одну колонку и высотой в несколько линий), чтобы можно было выделить некоторые особые блюда, как показано ниже.

Возбмите Type Tool (T) и создайте высокую и узкую текстовую рамку. Расположите ее где-нибудь на пустом месте по левому краю. Поставьте курсор в текстовую рамку и установите Font на Josefin Sans, Thin, Size 160 pt и Font Color на Grass Green. Поставьте квадратную скобку ([).

square bracket

Выберите текстовую рамку и нажмите Edit > Copy, Edit > Paste, подогнав текст к квадратной скобке влево (]).

square bracket pasted

Шаг 7

Сщздайте еще одну текстовую рамку, вписав в нее ‘Special (перенос строки) Sharer (или Main, Starter и т.д.)’, и установите Font на Josefin Slab, Bold, Size 18 pt, All Caps и Font Color Grass Green. Разместите ее между скобками в левом верхнем углу.

Добавьте еще одну текстовую рамку снизу, выровняйте текст по центру, Font - Josefin Sans.

special dish text

В конце, концов, добавьте еще одну текстовую рамку и установите Font на Davys, Size 22 pt и Color на Grass Green. С панели Glyphs добавьте руку с указательным пальцем и разместите текстовую рамку справа от подзагаловка ‘Special...’.

hand symbol

Шаг 8

Выберите две квадратные скобки, текст и руку и нажмите Edit > Copy, Edit > Paste еще пару раз, чтобы вставить их в другие места на странице. Соответственно подгоните текст.

pasted special artwork

Прекрасная работа, вы закончили обратную сторону меню!

finished reverse

Теперь вы готовы его экспортировать и отправить на печать. Продолжайте читать, чтобы узнать как...

7. Экспорт меню на печать

Шаг 1

Проверьте свой документ InDesign на наличие ошибок (Edit > Spelling > Check Spelling), сохраните его (Save) и экспортируйте (Export) на печать.

Перейдите на File > Export и выберите Adobe PDF (Print) из выпадающего меню Format в окне Export. Нажмите Save.

export window

Шаг 2

В открывшемся окне Export Adobe PDF выберите [Press Quality] из выпадающего меню Adobe PDF Preset.

press quality

Перейдите к опциям Marks and Bleeds в окне слева. Поставьте галочку на All Printer’s Marks и на Use Document Bleed Settings.

marks and bleed

Нажмите Export, чтобы создать файл, готовый к печати!

menu with marks

Заключение

Ваше меню готово к печати! Мои поздравления!

final menu

В этом уроке мы рассмотрели ряд навыков и методов, очень полезных при создании печатных документов в Adobe InDesign. Теперь вы можете чувствовать себя более уверенно при:

  • Настройке базового двустороннего документа для печати в InDesign
  • Использовании Line Tool и панели Stroke для создания красивых бортиков для печатных макетов
  • Выборе простых, подходящих цветов и шрифтов для своих проектов
  • Наложении слоев цвета, текста и простой графики, чтобы создавать современные модные дизайны для печати
  • Экспорте результатов своей упорной работы в готовый к печати формат PDF
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.