Не знаю, как у вас, а у меня слово «Adobe» вызывает ассоциации с какими-то сложными и очень платными программами: Adobe Photoshop, Adobe Animate, Adobe Premiere Pro…

Поэтому приятным сюрпризом было узнать, что существует бесплатный и симпатичный сервис Adobe Express

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

Давайте же скорее посмотрим, что умеет Adobe Express.

Регистрация

Для начала зарегистрируемся. Заходим на сайт, нажимаем на кнопку «Sign in».

Чтобы зарегистрироваться, нажимаем на «Create an account».

Пройти регистрацию можно через e-mail адрес, Google-аккаунт или учётную запись Microsoft.

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

Дальше указываем свои имя и фамилию, а также дату рождения (месяц и год). Нажимаем «Create account».

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

Я сначала пыталась на всё это ответить, но потом нашла вверху надпись «You can change your selections anytime from Account Settings». Если на неё нажать, сразу окажешься в личном кабинете. Что я и сделала.

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

В личном кабинете нажимаем слева вверху на синюю кнопку «+» и выбираем формат будущей нетленки.

Чтобы посмотреть все возможные форматы, нажимаем на надпись «View all».

В этом посте расскажу о том, как создавала флаер (Flyer), медиапубликацию-лонгрид (Web page) и слайд-шоу (Video).

Флаер, он же плакат

Вот такой флаер-плакат получился у меня.

Выбираем формат «Flyer» — и приступаем к выбору подходящего шаблона (раздел «Templates»). Платные помечены цветным значком в виде короны в правом нижнем углу. 

Работает поиск (на английском языке).

В центре конструктора — будущий флаер. Слева и вверху — панели инструментов для редактирования.  Начнём с инструментов слева.

На «холст» можно добавить тексты (Text), изображения, видео и аудио (Media), коллажи (Grids) и различные элементы из библиотеки сервиса (Elenents). Во вкладке «Elements» можно также поменять фон картинки (Backgrounds) или взять что-нибудь из дизайнерских наборов (Design assets). 

В разделе «Uploads» можно загружать свои файлы с ПК. 

Теперь переходим к инструментам сверху. С их помощью можно выбрать цветовую тему и изменить фон флаера.

Для текстовой надписи можно выбрать готовый шаблон  из библиотеки или создать свой вариант (Add your text).

Все тексты редактируются: щёлкаем по надписи, а потом настраиваем разные опции. Можно поменять шрифт, цвет, расположение текста, определить расстояние между буквами и строками, сделать надпись прозрачной, добавить к ней рамку, контур и тень… 

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

Картинки можно загрузить со своего ПК (Upload), выбрать из библиотеки сервиса (Media — Photos).

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

Есть функция удаления фона, только использовать её можно не более трёх раз в день.

Видео добавляется через вкладку «Media» — «Video». Можно загрузить свой файл или выбрать из библиотеки сервиса.

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

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

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

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

Есть функция записи охзвучки. Для этого надо подключить микрофон, зайти во вкладку «Media» — «Audio» и нажать на кнопку «Record voiceover».

Иконки и формы добавляются из библиотеки сервиса во вкладке «Elements», а редактируются так же, как и изображения.

Разные дизайнерские элементы добавляем с помощью вкладки «Elements»«Design assets». Здесь много платного. Редактируем так же, как и изображение.

В этой же вкладке можно изменить фон флаера (в разделе «Backgrounds»), выбрав что-то подходящее из библиотеки сервиса.

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

Чтобы добавить диаграмму или график, используем вкладку «Elements» — «Charts». Для начала выбираем нужный тип диаграммы.

А потом её редактируем: вписываем нужные значения и названия показателей. Можно добавить прозрачность и анимацию.

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

Дальше щёлкаем по фотографиям шаблона и нажимаем на кнопку «Replace» вверху слева. С её помощью можно заменить шаблонное фото на нужное, загрузив его с ПК или выбрав из библиотеки сервиса.

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

Если щёлкнуть по любому объекту правой клавишей «мыши», откроется ещё несколько дополнительных опций. Так можно переместить элементы на передний или задний план, копировать, вставить, удалить.

Флаер можно сделать многостраничным. Для добавления новой страницы нажимаем на значок «Add» справа вверху и выбираем «Same size»

Можно продублировать страницу (Duplicate). Чуть левее — кнопка с изображением корзинки, чтобы удалить страницу.

Когда всё будет готово, кликаем по кнопке «Share» и выбираем «Publish to web».

Теперь можно получить ссылку на готовую картинку и поделиться ею в социальных сетях.

Здесь же можно приглсить соавторов соавторам для совместной работы над флаером. Вписываем адрес электронной, назначаем соавтора редактором (Can edit), пишем сообщение с приглашением и отправляем его (Invite to edit).

Кнопка «Download» начинает скачивание готовой работы в любом из форматов: PNG, JPG, PDF.

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

Медиапубликация — лонгрид

Конечно же, Adobe Express — не крутой конструктор сайтов, но всё же. С его помощью можно смастерить симпатичную медиапубликацию — лонгрид на основе текстов, фотографий и видео.

Вот что получилось у меня.

Чтобы создать нечто подобное, нажимаем в рабочем кабинете на синюю кнопку с «+» и выбираем  «Web page». Придумываем название фотоистории и загружаем картинку-обложку.

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

Чтобы добавить новый объект, нажимаем на значок «+» внизу. Открывается список возможного содержимого:

  • изображения (Photo);
  • текст (Text);
  • интерактивная кнопка со ссылкой (Button);
  • GIF-картинку (Gif);
  • видео (Video);
  • коллаж (Photo grid);
  • необычное слайд-шоу (Glideshow);
  • блок из двух колонок: картинка и текст или картинка с картинкой (Split Layout).

Фото можно увеличить на весь экран (Full screen), пустить узкой полосой (Window, Full width), подвигать по экрану (Move), заменить на другое (Replace) или удалить (Delete). Поверх полноэкранной картинки можно сделать надпись.

Текст можно немножко отредактировать: поменять размер (Н1 и Н2), отцентровать, представить в виде списка, сделать жирным и наклонным. Можно прикрепить гиперссылку (значок с «цепочкой»).

Для добавления интерактивной кнопки придумываем текст, вставляем ссылку на веб-ресурс и выбираем местоположение (слева, справа, по центру).

GIF-аниамция добавляется по ссылке с сайта Giphy.com.

Видео вставляется по ссылке с YouTube или Vimeo.

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

А это шаблон для так называемого «Glideshow». Загружаем несколько картинок, которые будут демонстрироваться, как лента (одна будет перетекать в другую), нажимаем «Save», а потом а поверх изображений добавляем тексты, фото, видео, интерактивные кнопки. Интересная история может получиться.

«Split Layout» создаёт вот такую необычную конструкцию: две колонки, в одной из которых — большое изображение, в другой — текст, видео, кнопка или картинка поменьше. Не придумала, как это использовать в своей фотоистории, но задумка интересная.

В заключение можно красиво оформить историю. Справа — несколько тем оформления для будущей страницы (Themes). Есть ещё кнопки «Preview» и «Present» — первая отвечает за предпросмотр, вторая показывает фотоисторию как презентацию.

Готовый лонгрид публикуем (Share — Publish to Web) и получаем ссылку. Через вкладку «Share» также можно пригласить соавторов для совместной работы (Invite Collaborators).

Слайд-шоу

Последнее, о чём хочу рассказать, — о создании слайд-шоу. Вот такое оно у меня получилось.

Делается оно максимально просто и выглядит незатейливо. Но зато в качестве большого «плюса» — хорошее качество, ненавязчивый водяной знак и возможность скачать видео себе на ПК.

Итак, чтобы создать видео, нажимаем в рабочем кабинете на синюю кнопку с «+» и выбираем «Video»

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

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

Для добавления новой сцены, нажимаем на кнопку «Add scene».

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

Нажав на значок с тремя точками рядом со сценкой на ленте времени, её можно продублировать или удалить.

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

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

Как и сценки, музыкальный фал всегда можно удалить.

Готовое видео публикуем (Share — Publish to web) и получаем ссылку (Publish link).

Через вкладку «Share» можно пригласить соавторов для совместной работы (Add people or group). А скачать видео можно, нажав «Download».