Рассмотрим весь процесс создания дизайна онлайн по шагам, уделим внимание некоторым тонкостям и особенностям сервиса при создании дизайна онлайн в сервисе Fotojet.
Рассматривается версия с бесплатным доступом.
Создание дизайна в Fotojet – лишь один из разделов сервиса. Здесь можно также бесплатно создавать фотоколлажи, редактировать фото. Кстати, можете познакомиться и с другими редакторами изображений, которые работают в браузере.
1. Выбираем шаблон.
Выбор шаблона определяет направление дизайна. Мы можем выбрать шаблон для баннера одной из социальных сетей, постера, рекламного баннера для сайта или другой вариант. Здесь же можем определить тематику дизайна.
На главной странице нажимаем кнопку «Create a Design», чтобы приступить к работе.
Попадаем на страницу шаблонов для дизайна, где можем выбрать более 1000 профессиональных шаблонов, систематизированных по тематическим категориям:
Кликаем по любому понравившемуся шаблону категории и в открывшейся категории выбираем шаблон оформления:
Предусмотрена вкладка с предметными тегами:
Если нет необходимости использовать шаблон оформления – выбираем чистый лист:
2. Добавляем и обрабатываем фото
Добавляем фото из стоков или из Facebook
Для того, чтобы добавить фото из систематизированного каталога стоковых фотографий или из социальной сети Facebook кликаем по меню «Photo».
Для импорта фото из галерей социальной сети Facebook кликаем по значку и далее следуем указаниям сервиса:
Для поиска фото по каталогу водим ключевое слово и нажимаем «Enter» на клавиатуре, либо открываем нужную тематическую рубрику и ищем в ней:
Добавляем собственные фото
Кликаем по вкладке «Library» на левой боковой панели:
Далее кликаем «Add Photo», чтобы выбрать собственные фотографии с локального диска:
Загруженные фото появятся в сервисе:
В платном аккаунте предоставляется облачное хранилище на 500 Gb, куда можно загружать и хранить свои фото.
Обрабатываем фото
Помещенные на холст фото мы можем перемещать, изменять их размер, и вращать. Делается это с помощью мыши.
Кликаем по изображению на холсте – появляется панель редактирования:
Во вкладке «Property» предлагаются следующие инструменты:
Дважды кликнув по изображению, либо по данному значку мы получим узлы и бегунок, с помощью которых можно отмасштабировать изображение и удалить ненужные фрагменты.
Кликаем «Done», чтобы завершить обрезку, или «Cancel», чтобы вернуться к исходному изображению.
Во вкладке «Effect» мы можем применить доступные для изображения эффекты.
«Opacity» - настройка прозрачности изображения.
«Exposure» - настройка яркости, контрастности изображения.
Значения «Opacity» и «Exposure» задаются перемещением бегунка.
Кликнув по параметру «Advanced Options» получим дополнительные настройки:
«Brightness» - яркость.
«Contrast» - контрастность.
«Saturation» - насыщенность.
«Hue» - оттенок.
«Reset All» - сброс всех настроек.
3. Добавляем и настраиваем текст.
Для добавления текста кликаем по вкладке «Text»:
Доступно множество предустановленных стилей текста. Мы можем кликнуть по понравившемуся стилю и демонстрационный текст добавится на полотно:
Редактирование текста
Мы можем перемещать, изменять размер и вращать любой текстовый объект при помощи мыши.
Дважды кликнув по текстовому блоку, мы получим курсор мыши внутри блока. Теперь мы можем удалить имеющийся текст и ввести свой:
При однократном клике по текстовому объекту появляется панель инструментов для редактирования текста:
Вкладка «Font» позволяет задать шрифт, его размер, цвет, стиль текста и т. д.
Для выбора желаемого шрифта кликаем по понравившемуся:
Чтобы задать размер шрифта кликаем по окошку задания размера и вставляем нужный. Либо выбираем из выпадающего списка:
Для изменения цвета шрифта используем инструмент, указанный на картинке ниже:
Вкладка «Property»
Инструменты вкладки «Property» предназначены для работы со слоями текста, для дублирования или удаления текста.
Вкладка «Effect»
«Effect» содержит инструменты для создания эффектов для текста.
«Opacity» - настройка непрозрачности текста.
«Outline» - опция для добавления обводки текста.
«Color» - выбор цвета обводки.
«Width» - толщина обводки.
«Glow» - параметр для активации функции свечения текста. У этого параметра есть дополнительные настройки:
«Color» - цвет свечения.
«Radius» - радиус свечения.
«Blur» - размытие свечения.
4. Добавляем и настраиваем клипарт
В разделе «Clipart» собраны десятки тысяч изображений клип-арта, систематизированных по тематическим разделам, среди которых Форма, Значок, Любовь, Путешествия, Украшение, Празднование, Образ жизни, Природа, Праздник и т. д.:
Кликаем по нужному разделу и получаем графические изображения. Кликом переносим изображение на холст:
Помимо встроенной библиотеки клипарта доступно внешнее хранилище изображений – это сотни тысяч картинок:
Вводим в строку поиска ключевое слово, нажимаем «Enter» на клавиатуре и находим нужные изображения:
Настройка клипарта
Мы можем перемещать, изменять размер и вращать любое изображение клипарта, перетаскивая его мышью.
Кликаем по картинке - появится панель редактирования:
Вкладка «Property» предназначена для настройки свойств клипарта. Доступны инструменты:
Вкладка «Effect» предназначена для работы с эффектами для клипарта.
«Opacity» - настройка уровня прозрачности, которое осуществляется с помощью бегунка.
«Color» - цвет фигуры. Может присутствовать более одного параметра. В примере выше – задается цвет лепестков и цвет сердечника.
В зависимости от используемого клипарта могут присутствовать дополнительные параметры, например, «Tint» - оттенок или интенсивность:
5. Настраиваем фон дизайна.
Кликаем вкладку «BKGround» на левой боковой панели. В данном разделе мы можем выбрать сплошной или градиентный цвет, которым можно заполнить фон.
Кликом по значку «+» можем добавить свой цвет или градиент. Цвета из списка можно удалять или добавлять.
Также предлагается набор предустановленных узоров, которые можно использовать в качестве фона.
6. Сохраняем дизайн.
При обновлении до FotoJet Plus (то есть при переходе на платный аккаунт) мы можем сохранить текущий дизайн в «My Projects», нажав кнопку «Save».
На панели «My Projects» мы можем просматривать, дублировать, удалять или повторно редактировать любой проект в любое время.
7. Скачиваем, делимся и распечатываем дизайн.
Скачивание дизайна.
Кликаем «Download», чтобы скачать свой дизайн на компьютер. При этом мы можем задать имя и расширение для файла:
Делимся дизайном в социальных сетях.
Кликаем «Share», чтобы поделиться своим дизайном в Twitter, Pinterest или Tumblr:
Печать дизайна
Кликаем «Download», а затем выбираем «Print», чтобы распечатать свой дизайн:
8. Дополнительные возможности.
В нижней части экрана находятся инструменты отмены и возврата последнего действия, а также изменения масштаба холста:
Выводы.
Fotojet для дизайна – мощный инструмент с десятками шаблонов, возможностью использования сотен тысяч изображения, а также тонкой настройкой отдельных объектов. И все это бесплатно и без регистрации!
Платный аккаунт Fotojet еще больше расширяет границы для дизайна.