Как работать в Граформе

На этой странице вы найдете подробную инструкцию по работе в онлайн-редакторе Граформа. Разберем интерфейс, создание и редактирование проектов, экспорт материалов и управление готовыми работами.

#

Регистрация и вход в сервис

Нажмите «Регистрация».

Выберите подходящий способ авторизации:

  • Быстрый вход. Для авторизации используйте профиль Яндекса, Mail.ru или ВКонтакте, нажав на соответствующую кнопку.
  • Стандартная регистрация. Введите свой адрес электронной почты. На указанный email придет письмо. Откройте его, перейдите по ссылке и завершите регистрацию: введите имя, придумайте и подтвердите пароль.
Способы авторизации
#

Быстрый вход

Регистрация на сайте
#

Регистрация на сайте

После регистрации вы окажетесь в личном кабинете. Слева находится список разделов:

  • Шаблоны. Готовые макеты, рассортированные по категориям.
  • Мои проекты. Список сохраненных проектов.
  • Библиотека. Файлы, загруженные с вашего компьютера.
  • Профиль. Настройка имени, аватара и пароля.
Личный кабинет
#

Личный кабинет пользователя

Создание нового проекта

В Граформе можно создать проект на основе шаблона или с нуля. Рассмотрим оба способа.

На основе шаблона:

Выберите подходящий шаблон в разделе шаблоны и щелкните по нему.

Подтвердите действие: нажмите кнопку «Использовать в дизайне».

Выбор шаблона
#

Каталог шаблонов

Готовый макет открытки
#

Выбор готового шаблона

Отредактируйте шаблон: измените текст, добавьте фото и т. д.

С нуля:

Нажмите «Создать с нуля».

Создание дизайна с нуля
#

Создание нового дизайна

Откроется пустой холст. Задайте размер страницы: нужное соотношение сторон макета выберите в выпадающем списке.

Размер страницы
#

Размер страницы

Добавьте на холст все нужные материалы.

Обзор интерфейса редактора

Интерфейс редактора Граформа условно можно поделить на 5 основных областей.

  • Верхняя панель. Здесь можно сохранить проект, отменить или повторить действие, настроить размер холста и посмотреть название работы. Справа расположены кнопки, которые позволяют поделиться дизайном по ссылке или скачать его.
  • Левая панель. Главное меню со всеми инструментами: ваши файлы, шаблоны, картинки, рисование, текст, фильтры, фигуры и история правок.
  • Рабочая область. Центральная часть экрана. Сюда вы перетаскиваете объекты и работаете с ними: двигаете, меняете размер, редактируете.
  • Правая панель. Управление слоями. Можно менять порядок, копировать, удалять, скрывать или блокировать элементы. Тут же находятся комментарии.
  • Нижняя панель. Все для работы со слайдами: здесь можно добавить, скопировать, удалить и поменять их местами. Также на нижней панели можно включить сетку, линейку, настроить прилипание объектов и изменить масштаб.

Работа с текстом

Для добавления надписи перейдите в раздел «Текст». Все стили поддерживают кириллицу. Выберите подходящий, щелкните по нему или перетащите на нужное место в дизайне.

Раздел «Текст»
#

Раздел меню «Текст»

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

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

Перемещение надписи
#

Перемещение и поворот

На верхней панели можно изменить:

  • шрифт, размер, цвет и начертание;
  • выравнивание, межбуквенный и межстрочный интервалы;
  • обводку (включить, отключить, настроить толщину);
  • прозрачность текста;
  • добавить тень или цветное свечение.
Настройка текста
#

Параметры текста

Чтобы дублировать надпись, нажмите внизу кнопку «Копировать». Если нужно удалить текст, нажмите на значок с корзиной.

Дублирование текста
#

Иконки дублирования и удаления текста

Работа с изображениями

Чтобы заменить картинку в шаблоне, выделите ее, нажмите «Редактировать» → «Заменить изображение» и укажите путь к новому файлу на компьютере.

Замена изображения
#

Замена изображения

Также можно заранее добавить необходимые материалы в раздел «Загрузки»: так вы сможете просто перетаскивать изображения на макет. Особенно это удобно при работе над многостраничными проектами и коллажами.

Загрузки
#

Раздел «Загрузки»

Чтобы установить картинку в качестве фона холста, нажмите на три точки под изображением или кнопку «Редактировать» → «Установить как фон».

Установить как фон
#

Установка фонового изображения

В разделе «Картинки» собрана встроенная коллекция графики: стикеры без фона, тематические и абстрактные фоны, фото людей, природы и многое другое. Все материалы разбиты по категориям, а для ускорения процесса можно использовать поиск или теги.

Раздел «Картинки»
#

Раздел «Картинки»

Чтобы изменить размер картинки, тяните за угловые маркеры, чтобы обрезать — за боковые.

Масштабирование фото
#

Масштабирование изображения

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

Перемещение и поворот
#

Перемещение и поворот

Дублировать картинку можно через кнопку «Копировать», удалить — через значок корзины.

Дублирование снимка
#

Дублирование и удаление

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

Параметры изображения
#

Настройка изображения

Чтобы придать фото необычную форму, можно использовать маски. Если фото уже на холсте, кликните на иконку с точками под фото → «Применить маску» и выберите подходящую форму.

Каталог масок
#

Применение маски на фото

Если фото еще не добавлено, перейдите в раздел «Маски», выберите форму и перетащите ее на холст. Затем откройте раздел «Картинки» или «Загрузки» и выберите фото для встраивания.

Раздел «Маски»
#

Раздел «Маски»

Добавление фото
#

Встраивание фото

Еще проект можно дополнить фигурами и линиями. Для этого перейдите в раздел «Фигуры» и щелкните по нужному элементу — он сразу появится на холсте. Для фигур доступны настройки заливки, контура, тени, прозрачности, выравнивания и положения.

Добавление фигур и линий
#

Раздел «Фигуры»

Сохранение и экспорт проекта

Нажмите «Сохранить», чтобы проект остался в личном кабинете — тогда вы сможете позже вернуться и отредактировать его.

Сохранение макета
#

Сохранение проекта

Для выгрузки файла на компьютер нажмите «Скачать». Выберите цветовой профиль (RGB или CMYK), формат (PNG, JPEG или PDF). Укажите, нужен ли прозрачный фон, и что именно сохранять — весь проект или только текущую страницу. Затем нажмите «Скачать».

Параметры скачивания
#

Параметры загрузки готового макета

Работа с готовыми проектами

Хотите отредактировать ранее созданный проект? Откройте личный кабинет, перейдите в раздел «Мои проекты» и кликните по нужному макету. Вы окажетесь в редакторе, где сможете внести любые правки.

Личный кабинет пользователя
#

Личный кабинет

Чтобы сохранить исходную версию проекта и работать с копией, нажмите на значок с тремя точками рядом с превью и выберите «Копировать».

Копирование проекта
#

Копирование проекта

Вы можете подключать к работе над конкретным проектом других людей. Нажмите на три точки рядом с проектом, выберите «Пригласить» и введите email нужного человека.

Поделиться проектом
#

Приглашение пользователей в проект

Ему придет письмо со ссылкой, по которой нужно будет перейти. После этого пользователь получит «гостевой» доступ к проекту и возможность оставлять комментарии. Вы сможете отвечать на них и вносить изменения в макет по своему усмотрению. Приглашенный пользователь не будет иметь доступа к другим вашим проектам.

Комментирование проекта
#

Комментирование проекта

Если хотите удалить проект, нажмите на кнопку с тремя вертикальными точками. Выберите «Удалить» и подтвердите действие.

Удаление проекта
#

Удаление проекта

#

Полезный совет

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

Остались вопросы?

Мы на связи! Задавайте вопросы в поддержку — отвечаем быстро и по делу. Также подписывайтесь на наши паблики в Telegram и ВКонтакте. А чтобы сделать сервис еще удобнее, пройдите короткий опрос — нам важно ваше мнение!

Наши соцсети
Обратная связь
Служба поддержки
Содержание
#
Полное руководство
пользователя