Как сделать меню для ресторана?
В этом уроке мы создадим дизайн меню для пиццерии, используя большую библиотеку готовых шаблонов SUPA.
Шаг 1. Регистрация в сервисе SUPA
Для возможности создавать креативы, вы должны авторизоваться в нашем сервисе. Для этого нажмите на кнопку “Вход” в верхнем правом углу главной страницы.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав на кнопку “Регистрация” рядом.
Если вы еще не являетесь пользователем SUPA, пройдите короткую регистрацию, нажав на кнопку “Регистрация” рядом.

Подробности о вариантах авторизации и создании нового аккаунта вы можете прочитать здесь.
Шаг 2. Создание нового креатива
Чтобы создать меню для ресторана, выберем подходящий шаблон в категории “Бизнес” на экране создания креатива.
С главной страницы профиля перейдите в раздел “Создать”.
С главной страницы профиля перейдите в раздел “Создать”.

Затем последовательно выберите “Печать” и “Меню”.

Здесь вы можете выбрать шаблон. При необходимости воспользуйтесь фильтрами или поиском по ключевым словам.

Нажмите на понравившийся шаблон и вы перейдёте в редактор.

В любом шаблоне вы можете изменять, заменять или добавлять любые элементы.
Внимание! Некоторые элементы могут быть недоступны, если у вас не подключен тариф Премиум.
Шаг 3. Замена названия
Заменим название заведения из шаблона на название нашей пиццерии.
Для этого щелкните дважды по текстовому блоку и введите новый текст.
Для этого щелкните дважды по текстовому блоку и введите новый текст.

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

Шаг 5. Замена иконки в названии
Подберем иконку, которая больше подходит для итальянского ресторана.
Выделите иконку и нажмите "Заменить иконку".
Выделите иконку и нажмите "Заменить иконку".

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

Шаг 6. Замена позиций в меню
Заменим текст в меню: категории, позиции и цены.
Щелкните два раза по текстовому блоку, чтобы заменить его содержание.
Щелкните два раза по текстовому блоку, чтобы заменить его содержание.

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

Замените тексты в наименованиях позиций и цены.

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

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

Шаг 7. Замена фотографий
Заменим изображения на фотографии позиций из меню. Сами изображения выберем из библиотеки фотографий Unsplash.
Выделите изображение, в настройках нажмите "Изменить заливку" и перейдите в раздел "Фотографии".
Выделите изображение, в настройках нажмите "Изменить заливку" и перейдите в раздел "Фотографии".

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

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

Аналогичным образом заменим фотографии для остальных категорий меню.

Шаг 8. Замена фона
Основной фон креатива мы оставим в таком цвете, но заменим цвет прямоугольника, который выступает фоном для меню.
Найдите прямоугольник в списке элементов и щелкните по нему, чтобы открыть настройки.
Найдите прямоугольник в списке элементов и щелкните по нему, чтобы открыть настройки.

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

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

Выберите новый цвет для текста из цветов креатива.

Повторите действия для списка цен.

Заменим также цвет линий на более яркий.
Выделите элемент, откройте настройки цвета и подберите новый цвет из цветов креатива или с помощью "Пипетки".
Выделите элемент, откройте настройки цвета и подберите новый цвет из цветов креатива или с помощью "Пипетки".

Аналогичным образом отредактируйте цвета всех категорий меню.

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

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