Как сделать меню для ресторана?

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

Шаг 1. Регистрация в сервисе SUPA

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

Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав на кнопку “Регистрация” рядом.
Подробности о вариантах авторизации и создании нового аккаунта вы можете прочитать здесь.

Шаг 2. Создание нового креатива

Чтобы создать меню для ресторана, выберем подходящий шаблон в категории “Бизнес” на экране создания креатива.

С главной страницы профиля перейдите в раздел “Создать”.
Затем последовательно выберите “Печать” и “Меню”.
Здесь вы можете выбрать шаблон. При необходимости воспользуйтесь фильтрами или поиском по ключевым словам.
Нажмите на понравившийся шаблон и вы перейдёте в редактор.
В любом шаблоне вы можете изменять, заменять или добавлять любые элементы.
Внимание! Некоторые элементы могут быть недоступны, если у вас не подключен тариф Премиум.

Шаг 3. Замена названия

Заменим название заведения из шаблона на название нашей пиццерии.

Для этого щелкните дважды по текстовому блоку и введите новый текст.

Шаг 4. Изменение масштаба холста

Чтобы было удобнее работать с мелкими деталями, мы будем регулировать масштаб холста.

Увеличить или уменьшить масштаб холста можно несколькими способами:
  • В поле "Режим презентации" передвинуть ползунок или выбрать нужный масштаб из списка.
  • Зажать клавишу Ctrl и настроить масштаб колесиком мышки.
  • С помощью тачпада, если вы работаете на ноутбуке.

Шаг 5. Замена иконки в названии

Подберем иконку, которая больше подходит для итальянского ресторана.

Выделите иконку и нажмите "Заменить иконку".
Используйте поисковую строку, чтобы подобрать подходящую иконку. Щелкните по ней для добавления её на холст.

Шаг 6. Замена позиций в меню

Заменим текст в меню: категории, позиции и цены.

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

Чтобы заново расположить его по центру холста, выделите его и нажмите на значок "Выравнивание по центру".
Замените тексты в наименованиях позиций и цены.
Аналогичным образом отредактируйте все категории меню.

Чтобы удалить лишние позиции, выделите элемент и нажмите значок "Удалить" или клавишу Del.
Выровняйте длину линий-разделителей, с учетом нового количества позиций.

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

Шаг 7. Замена фотографий

Заменим изображения на фотографии позиций из меню. Сами изображения выберем из библиотеки фотографий Unsplash.

Выделите изображение, в настройках нажмите "Изменить заливку" и перейдите в раздел "Фотографии".
Далее в разделе "Фотографии", используя поисковую строку, подберите подходящее изображение. Щелкните по нему для добавления на холст.
Отредактируем положение фотографии внутри прямоугольника.

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

Шаг 8. Замена фона

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

Найдите прямоугольник в списке элементов и щелкните по нему, чтобы открыть настройки.
В настройках нажмите "Изменить заливку", далее в настройках цвета слева выберите подходящий цвет из цветов изображений - они подбираются автоматически.

Шаг 9. Изменение цвета текста в меню

После изменения цвета фона мы видим, что текст стал плохо различим на фоне - исправим это.

Для удобства будем изменять цвет текста сразу блоками:
  • выделите несколько цветовых блоков с помощью мышки или зажав клавишу Shift
  • в настройках перейдите в раздел "Цвет"
Выберите новый цвет для текста из цветов креатива.
Повторите действия для списка цен.
Заменим также цвет линий на более яркий.

Выделите элемент, откройте настройки цвета и подберите новый цвет из цветов креатива или с помощью "Пипетки".
Аналогичным образом отредактируйте цвета всех категорий меню.

Шаг 9. Скачивание креатива

Для сохранения креатива нажмите кнопку “Скачать”.

В левом меню выберите формат файлов (PNG, JPG или PDF), настройте качество изображения кнопками или ползунком, выберите нужные опции генерации и нажмите “Сгенерировать”.
Для печатной продукции советуем выбрать формат PDF, так как в нём можно включить сохранение с палитрой CMYK, а также добавить вылеты и обрезку, необходимые для печати.

Подождите, пока закончится обработка, затем нажмите “Скачать файл” для сохранения креатива на устройство или “Поделиться” для его передачи в Dropbox, Google Drive или с помощью QR-кода.