Как пользоваться Flyvi. Разбор главных функций и лайфхаки.

Тех. Команда Тех. Команда
November 17, 2022
Как пользоваться Flyvi. Разбор главных функций и лайфхаки.

Flyvi – это графический онлайн-редактор, с которым удобно работать всем: и новичкам, и профессионалам. 

Даже без опыта вы легко создадите яркие креативы:

  • публикации и сторис в соцсетях;
  • оформление сообществ в соцсетях и каналов в мессенджерах;
  • презентации разного формата;
  • карточки товаров для сайта, маркетплейса или вк;
  • баннеры для рекламы любого формата;
  • полиграфия (открытки, приглашения, визитки, документы);
  • и многое другое!

Сначала рассмотрим главные функции Flyvi как графического редактора, а потом перейдем на продвинутый уровень. 

Как использовать Flyvi: базовые функции

Как искать готовые шаблоны


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

 

Как менять шаблоны

Дизайн шаблона редактировать очень легко.  Цвета, элементы, текст – все поддается изменению. Кликните на понравившейся шаблон и он появится на холсте. После этого его можно редактировать:

  • свободно перемещаем элементы по холсту;

  • удаляем лишние

  • добавляем нужные элементы, анимацию, гифки, которые находятся в одноименных вкладках слева на вертикальной панели инструментов;

  • добавляем и/или изменяем текст с помощью вкладки «Текст» на той же панели инструментов;

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

А можем начать все сначала, вернуться к вкладке «Шаблоны» и выбрать совсем другой дизайн – он тут же отобразится на холсте.

Как настроить размер дизайна

Любой шаблон уже содержит рекомендуемый размер. Это очень удобно для публикаций в соцсетях. Также можно задать нужный размер изначально. Для этого нажмите “Создать дизайн” – “Настраиваемый размер”  и укажите ширину и высоту в пикселях.

Если нужно изменить размер уже готового дизайна или шаблона, выбираем вкладку «Изменить размер» в левом верхнем углу экрана. Далее кликаем «Настраиваемый размер», меняем ширину и высоту и сохраняем изменения.

Как копировать страницы

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

Можно работать сразу с несколькими шаблонами и их копиями. Для этого добавим новую страницу любым из двух способов:

  • кликнем самую крайнюю иконку справа над шаблоном; 

  • нажмем на кнопку «+ Еще 1 страница» сразу под шаблоном. 

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

Как менять последовательность страниц

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

Как добавить фото из онлайн-библиотеки Flyvi. 

Flyvi открывает неограниченный доступ к 10 000 000 изображений. Вы можете использовать их как хотите. 

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

Для вашего удобства все фото разбиты по категориям, например  «Бизнес», «Здоровье», «Природа». Можно также воспользоваться поиском по ключевым словам (в данный момент запрос должен быть на английском языке).

Любое изображение легко включить в ваш дизайн, не покидая рабочую область. Для этого на вертикальной панели инструментов слева перейдем во вкладку «Фото» и кликнем на нужную фотографию. Она тут же отобразится на холсте.

 

Как загрузить свои фото, видео и элементы в Flyvi

В процессе работы над проектом можно загружать свои изображения, видео и элементы в библиотеку Flyvi. Сделать это совсем не сложно. 

Нажмите на вкладку «Загрузки» вертикальной панели инструментов. Далее выберите «Загрузить медиа» и добавьте нужные файлы с вашего устройства.

Добавленные изображения и видео всегда доступны вам в разделе «Загрузки».

Как пользоваться библиотекой с элементами Flyvi

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

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

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

Как добавить текст

Вкладка «Текст» на вертикальной панели инструментов поможет вам красиво оформить заголовок, подзаголовок и основной текст вашего сообщения.

Кликаем на нужную опцию, например на «Основной текст». Далее в появившейся рамке набираем сообщение.

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

Как в Flyvi скачать дизайн

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

Любой дизайн можно сохранить в следующих форматах: mp4, png, jpg, pdf, gif. Многостраничный дизайн, несколько фото и видео возможно скачать одним видеофайлом в формате mp4 и gif.

Если документ придется печатать, нужно выбрать формат PDF.  Скачать фото без фона можно в формате png. В остальных случаях подойдет рекомендуемый формат.

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

Как пользоваться Flyvi на продвинутом уровне

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

Обработка фотографий в Flyvi

Начните обработку фото c фильтров Flyvi. 

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

Как изменить настройки изображения

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

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

Как отобразить фотографию по горизонтали и по вертикали

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

Как менять цвет фигур

Это незаменимая функция при работе с шаблоном. Она сделает ваш дизайн по-настоящему уникальным. При этом никаких особых знаний не требуется. 

Если нужно изменить цвет фигуры в шаблоне, кликаем на изображение фигуры и слева вверху выбираем вкладку «Цвет». Можно залить фигуру любым цветом из предложенных по умолчанию. 

А можно воспользоваться «пипеткой» для подбора оптимального цвета. Для этого надо нажать на пипетку, навести ее на любую область экрана и нажать для выбора цвета.

Как обрезать фото

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

Как убрать задний фон

Вам стоит только захотеть, и фон на фото исчезнет в одно мгновение. Для этого не нужны сложные графические редакторы. Хватит одной премиум-функции Flyvi, которую можно вызвать по клику на фото.

Удаление фона доступно на горизонтальной панели инструментов. Просто нажмите «Удалить фон» и наслаждайтесь эффектом. Слева от холста можно сравнить фото без фона с оригиналом. Удалить фон можно как с загруженных изображений, так и с изображений из библиотеки.

 

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

Например, чтобы добавить обводку для отдельного объекта, нужно сначала удалить фон на фото, а затем во вкладке «Эффекты» выбрать опцию «Обводка».

Как поворачивать элементы

Элементы в Flyvi можно не только перемещать, но и поворачивать. По клику на холсте вокруг элемента появится оранжевая рамка, а внизу стрелочка. С помощью этой стрелки можно повернуть элемент в любую сторону.

Как масштабировать изображение

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

Как дублировать объекты

Любой объект, который можно активировать, можно и дублировать. Правой кнопкой мышки выбираем команду «Дублировать». Или нажимаем иконку, где 2 сдвоенных листа, на горизонтальной панели инструментов.

Как сделать фото круглыми

Чтобы сделать фото круглым, воспользуемся вкладкой «Маски» на вертикальной панели инструментов. Выберем круглую маску, кликнув по ней. И она сразу отобразится в центре холста.

Далее добавим фото из вкладки «Фото» или загрузок. Затем поместим фото в маску. 

Изображение из прямоугольного, как по волшебству, превратится в круглое!

Как добавить рамку на фото

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

Сначала сделаем фото круглым, т. е. поместим фото в круглую маску. Затем, нажав на вкладку «Элементы», найдем категорию «Рамки» и выберем круглую рамку с цветочным принтом.

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

Как автоматически заполнять фотографией всю страницу

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

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

 

Как изменить фон страницы

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

Как добавить тень

Чтобы затенить фото по краям, активируем фотографию и выбираем вкладку «Эффекты» горизонтальной панели инструментов. Далее проводим настройку тени по таким параметрам, как смещение, направление  и размытие. То же самое можно сделать с фотографией после удаления фона.

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

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

Как изменить шрифт

Активируем текст, кликнув на него. Над рабочей областью появится горизонтальная панель инструментов. Крайняя вкладка слева содержит название текущего шрифта. Нажимаем на небольшую «галочку» рядом с этим названием и попадаем в библиотеку шрифтов Flyvi. Кликнув на нужный шрифт,  увидим, как он сразу применится к тексту.

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

При желании можно добавить свои шрифты в библиотеку Flyvi. Для этого нужно создать брэндбук (опция «Брэндбук» на главной панели инструментов), выбрать вкладку «Шрифт» и добавить шрифт со своего устройства.

Как изменить интервалы в тексте

Выделяем текст. На панели инструментов находится кнопка «Интервалы». С ее помощью мы можем менять расстояние между строками и межбуквенный интервал. Это очень важно, поскольку правильно выбранное расстояние между строками и символами улучшает восприятие текста.

Как добавить эффекты к тексту

Чтобы добавить тень, создать эффект парения или оставить у букв только контур, воспользуйтесь эффектами. Каждый из них можно дополнительно настроить на панели слева.

Дополнительные возможности

Со временем вы будете открывать все больше полезных функций Flyvi. О некоторых их них расскажем прямо сейчас.

Как работать со слоями

Опция «Слои» находится справа вверху от холста. С ее помощью можно 

  • видеть все элементы, которые используются;

  • установить очередность элементов;

  • понять, что это за конкретный элемент, просто активируя его;

  • перемещать элементы выше или ниже;

  • блокировать элементы, чтобы случайно не удалить их или оставить без изменений при пересылке дизайна (иконка с изображением замка);

  • удалять или дублировать элементы.

Как скачать дизайн с прозрачным фоном

Нажимаем на кнопку «Скачать» справу вверху от холста. В открывшемся окне оставляем рекомендуемый формат PNG и активируем опцию «Прозрачный фон».

Как изменить прозрачность изображения

Активируем фотографию или элемент и на горизонтальной панели инструментов нажимаем на иконку шахматной доски рядом с изображением замка. Это и есть опция «Прозрачность». 

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

Как пользоваться функцией блокирования

Функция блокирования незаменима, если 

  • мы боимся случайно удалить нужный элемент; 

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

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

Опция блокирования доступна также во вкладке «Слои».

Как добавить анимацию элементам

Если нам нужно «оживить» конкретный элемент, то активируем его и перейдем во вкладку «Анимации» горизонтальной панели инструментов.

Слева от холста появятся начальные и финальные анимации, которые разбиты на группы, например «Масштабирование», «Скольжение», «Движение». 

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

Откройте для себя мир Flyvi. Это всегда крутой атмосферный дизайн и множество инструментов!

Начните использовать широкие возможности Flyvi уже сейчас

Поделиться:

Рекомендуемые статьи

Обучение Как самостоятельно сделать визитку онлайн
Rакие бывают визитки, как их создать самостоятельно — пошагово демонстрируем процесс. Онлайн, бесплатно и своими руками — рассказываем.
Jun 19, 2024
Как самостоятельно сделать визитку онлайн
Обучение Психология цвета в дизайне. Как передать настроение через цвет
Рассказываем о психологии цвета, как это отражается в дизайне. И как цвета могут влиять на восприятие брендов.
Jun 3, 2024
Психология цвета в дизайне. Как передать настроение через цвет
Обучение Какие бывают цветовые профили. Как перевести RGB в HEX или CMYK
Для начинающего дизайнера или человека, незнакомого с работой с цветом, аббревиатуры типа RGB и CMYK могут показаться пугающими. На самом деле всё не так сложно, как кажется на первый взгляд.
May 27, 2024
Какие бывают цветовые профили. Как перевести RGB в HEX или CMYK