Как создать коллаж онлайн? Легко и быстро:)

29.10.2015 Полезности   14 комментариев

Привет, друзья! Сегодня подготовила для вас обзор онлайн-сервиса, которым пользуюсь для создания коллажей. Вернее, таких сервисов у меня два – это Fotor.com и Fotokomok.ru Оба инструмента достаточно просты, их функции перекликаются, хотя я больше предпочитаю сайт Фотокомок.

Фотор у меня долго грузится, и не всегда хватает терпения.:) Основные функции по созданию коллажа здесь доступны без регистрации, ну а если вы захотите большего – разных интересных эффектов, то вам предложат зарегистрироваться.

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

Скомпоновала несколько картинок по теме статьи, добавила минимум эффектов, надпись, если нужно, и получила оригинальную картинку, которая не повторяется на других сайтах.

Вот несколько моих примеров коллажей:

пример коллажа в статье

пример коллажа для поста в фейсбуке

Смотрите видеоурок, где я показываю, как создать коллаж на сайте Fotokomok:

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

коллаж онлайн на fotokomok

Открылся редактор. Теперь кликните по вкладке «Layout» для выбора шаблона коллажа. В моем случае это шаблон на 6 фоток.

выбираем шаблон коллажа

Для добавления изображений используем значок «+».

добавляем фото в коллаж

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

Настройка «Spacing» позволяет регулировать размер границ между фотками.

«Roundness» скругляет углы изображений.

«Proportions» изменяет пропорции коллажа.

С помощью вкладки «Color» можем изменить цвет границ.

настройки коллажа

Когда все настройки на этом этапе будут сделаны, жмем по кнопке «Finished» и переходим к следующему.

Здесь мы можем добавить различные эффекты и наложить текст. Для удобства можно развернуть редактор на весь экран.

развернуть редактор на весь экран

Настроек много, поэтому нужно пробовать и смотреть, что вам подходит. Например, во вкладке «Adjustment» можно настраивать яркость, контрастность и разные эффекты изображения. А также есть возможность загрузить картинку (Add image), настроить ее размер, прозрачность. Как вариант, использовать эту опцию для наложения своего логотипа.

дополнительные настройки коллажа

Чтобы применить ту или иную настройку, нужно нажать на кнопку «Apply», а чтобы отменить – на «Cancel».

применить и отменить настройки

В разделе «Effect» можно применять различные фильтры к изображению – черно-белый, сепия, винтажный и т.д.

фильтры и эффекты для изображений коллажа

В разделе «Overlay» вы найдете еще ряд эффектов – цветокоррекция, эффект дыма, состаренной бумаги, блики, звездное небо, затемнение, наложение узоров и прочее…

цветокоррекция и эффекты для коллажа

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

выбор рамок для коллажа

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

стикеры для коллажа

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

добавление текста на коллаж

кириллические шрифты для коллажа

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

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

сохранить коллаж на компьютер

сохранение коллажа

Используйте этот онлайн-инструмент для создания коллажей, если он вам понравился. ;-)

Желаю успехов!

С уважением, Виктория

ТАКЖЕ РЕКОМЕНДУЮ:

Удобный онлайн-сервис для сжатия картинок

Где можно брать бесплатные изображения для блога

logo

Комментарии к Как создать коллаж онлайн? Легко и быстро:) (14)

  • Руслан:

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

    • Виктория Карпова:

      Пожалуйста, Руслан. Да – просто и быстро:)

  • валера:

    спасибо!

  • Kira:

    Виктория,вы знаете как можно уникализировать отдельные фото?

    • Виктория Карпова:

      На этот счет могу посоветовать статью своей коллеги:burzevao.ru/unikalnya-ne-unikalnya-kartinka-gde-proverit.html

  • Ирина Лукшиц:

    И в самом деле – удобный сервис.А то бывает проблемно сделать интересную картинку. Спасибо за подсказку! Попробую сделать коллаж!

    • Виктория Карпова:

      Ирина, пользуйтесь:)

  • Нина Лыкова:

    Виктория, спасибо за подсказку. А картинка сохраняется на комп? Или выдается только код для вставки на блог?

    • Нина Лыкова:

      Виктория, простите! Увлеклась чтением статьи, а видео сразу не посмотрела. Теперь вопрос отпал сам собой… Обязательно воспользуюсь вашим уроком для создания коллажей.

      • Виктория Карпова:

        Нина, хорошо:)

  • Ольга:

    Виктория, я часто применяю этот метод уникализации картинок для женского сайта. Мне ещё понравился сервис фотоколлаж от _http://www.photovisi.com – может кому-то пригодится)

    • Виктория Карпова:

      Спасибо за дополнение, сервис этот посмотрю:)

  • Дмитрий:

    Вика, привет! Классный и функциональный сервис! С развитием онлайн-приложений скоро на компьютере вовсе отпадет необходимость устанавливать программы, один раз поставил браузер и все! :yes:

    • Виктория Карпова:

      Привет, Дим:) Да, сейчас много разных вещей можно сделать онлайн и это очень удобно.

Оставить ответ

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)