Интересные онлайн-сервисы. Часть 2. Работа с изображениями
Мы с вами уже говорили о том, где можно бесплатно и легально взять фотографию для вашего сайта или блога. Но для создания хорошего контента порой нужно не только сохранить картинку и вставить ее в свою статью, но и совершить с изображением
танец с бубном какие-то дополнительные действия. Некоторые из нас умеют работать в дизайнерских программах, но что делать остальным? Я расскажу о полезных web-ресурсах, которые вам помогут.
И – готовьтесь – сегодня будет много картинок. Потому что я решила проиллюстрировать для вас возможности некоторых ресурсов, о которых рассказываю в статье. Ведь лучше один раз увидеть:)
Итак, 33 удобных ресурса для работы с картинками.
Для начала пара источников для исходников. Конечно, библиотек клипартов, фонов и иконок гораздо больше, но мне нравятся эти:
- http://lenagold.ru — очень много векторных клипартов и фонов. Сайту много лет и, как я понимаю, изначально он был просто личной коллекцией дизайнера. Сейчас периодически пополняется и обновляется. Удобный поиск по алфавитному и тематическому каталогу, фоны ищутся по цветам. Есть большая коллекция рамок, виньеток и недавно появились инструменты для photoshop. Всё бесплатно, этим особенно ценно.
- http://thepatternlibrary.com — библиотека паттернов для бесшовных фонов. Их по ссылке довольно много, и их можно абсолютно легально забрать бесплатно.
Аналогичный сервис: http://subtlepatterns.com
- http://iconmonstr.com — хранилище иконок и пиктограмм, всего более 2000 штук. Сервис бесплатный, иконки доступны для скачивания в двух форматах и разных размерах, можно редактировать их онлайн. Есть функция поиска по ключевым словам, регистрация не нужна.
Похожие сервисы:
https://www.iconfinder.com — очень классный, иконок более 300 тысяч, большой функционал, но платный.
http://www.iconsweets2.com — иконки в стиле iOS7, платный, но образцы в psd можно скачать бесплатно.
http://thenounproject.com — платный, но есть очень лояльные тарифные планы, если вам нужно не очень много.
- http://www.colourlovers.com — цветовые палитры и паттерны с раскладкой по цветам. Всего их более миллиона. Можно искать идеи и вдохновение.
А дальше — самое интересное!
- https://www.canva.com — это онлайн-сервис, в котором вы можете рисовать картинки, баннеры, инфографику. Да, значительная часть красивой инфографики, которую вы встречаете в соцсетях, нарисована именно с помощью Canva. Просто попробуйте, вас будет не оторвать:) Можно регистрироваться, а можно войти через facebook. Можно загружать фотографии со своего компьютера или со своей страницы facebook, есть бесплатные элементы и платные. В принципе, бесплатных хватает за глаза.

- http://www.fotokomok.ru/kollazh-onlajn-fotokollazh-iz-fotografij/ — онлайн-коллажи из фото и обработка фотографий. Регистрироваться не надо, просто загружаете картинки со своего компьютера или из Интернета и работаете. Довольно большой арсенал инструментов.
Можно просто обработать фото.
А можно составить коллаж.
Похожие сервисы: http://www.pizap.com/, http://ipiccy.com/
- http://pixlr.com/editor/ — онлайн-фотошоп. Особенно расписывать нечего – работает как обычный фотошоп, только онлайн. Бесплатно, без регистрации.

Похожие сервисы:
http://flavion.com — интерфейс отличается от классического фотошопа, но по функционалу похоже. http://flamingtext.com/imagebot/ — функционал поменьше.
- https://clippingmagic.com/ — удаление фона и лишних деталей. Сервис платный, но не сильно. Если вам нужно один раз удалить один фон с одной картинки – оплата месяца пользования сервисом будет дешевле, чем оплата дизайнеру за такую работу. С другой стороны, дизайнер еще и красоту на фото наведет. А если действительно периодически нужно убирать с картинок фоны (например, обрабатывать изображения для интернет-магазина), а фотошопом вы не владеете – возможно, сервис пригодится.

- http://watermark.algid.net/ru/index.php — Бесплатный сервис по наложению водяного знака. Можно сделать сразу пачку фотографий с одинаковым водяным знаком – удобно, например, для тех же интернет-магазинов.


Еще сервис позволяет изменять размеры и пропорции изображения прямо в режиме онлайн.
__
Аналогичным образом позволяют наложить водяной знак, например, сервисы http://www.watermarquee.com/, http://www.watermarktool.com/, http://www.watermark-images.com/ — англоязычные сервисы, функционал побольше, но и запутаться в них проще.
- http://www.jpegmini.com/ — сервис, позволяющий уменьшить вес jpg-фотографий без изменения качества изображения. Удобно, если у вас есть “тяжелые” фотографии, но вы хотите, чтобы сайт грузился быстро.
- https://placeit.net — помещает ваши картинки в 3D-среду (в основном на разнообразные гаджеты, хотя в библиотеке есть еще книжки и билборды). Не знаю, как объяснить лучше, но по фото должно быть понятно:) Можно вставить картинку из Интернета или с вашего жесткого диска. Бесплатно для скачивания доступны маленькие форматы, побольше – за деньги.


- http://www.spiderscribe.net — онлайн-сервис для рисования ментальных карт. Мне нравится этот сервис, потому что: бесплатный, очень простой в эксплуатации, позволяет прикреплять картинки, карты, документы, встраивать календарь. Готовая карта сохраняется как рисунок в формате .jpg или .png. Нужна быстрая и простая регистрация. Есть платные пакеты с расширенным функционалом. (Картинка с сайта сервиса)

- http://awesomescreenshot.com/ – это плагин для браузера Google Chrome – для других не знаю, подходит ли. Устанавливается моментально и позволяет делать удобные скриншоты с возможностью редактирования. Скриншот можно сохранить онлайн (на сутки) и переслать кому-то в виде ссылки, можно скачать к себе на компьютер.

Похожий сервис: http://clip2net.com/ru/
- http://evernote.com/intl/ru/skitch/ — еще одна удобная программа для скриншотов. Это именно программа, есть версии для Mac и для Windows. Позволяет легко делать скриншоты и оставлять на них заметки. В отличие от предыдущего сервиса, автоматически не генерирует онлайн-ссылки, зато картинки легко загружаются в evernote, если вы им пользуетесь (о самом evernote в следующий раз). Также позволяет сохранять файл в разных форматах.
- https://gomockingbird.com — сервис для создания простых прототипов сайтов, проще говоря, их схематичных изображений. Если пишете техзадание на сайт, хорошо бы добавить и визуализацию – то есть схему, что где на какой странице у вас будет расположено. Для тех, кто не умеет работать в дизайнерских программах, это действительно проблема: некоторые пытаются сделать прототип в экселе, некоторые от руки, а дизайнеры стонут. Сервис позволяет быстро набросать схемы разных страниц сайта.

Похожие сервисы:
http://www.protoshare.com — функционал больше, но бесплатный только 30-дневный пробный период. Впрочем, для того, чтобы сделать прототип для одного вашего личного сайта, должно хватить:)
http://www.mockflow.com — можно использовать онлайн, можно скачивать программу, есть платная и бесплатная версии, функционал позволяет создавать прототипы не только сайтов, но и мобильных приложений, полиграфии и прочего.
http://creately.com — здесь можно рисовать не только прототипы, но и блок-схемы и диаграммы. Выбор элементов небольшой, особенно в бесплатной пробной версии, но интерфейс, пожалуй, самый простой.
- http://land-book.com — ну а это не знаю, в какой раздел поставить, поэтому публикую здесь “довеском”. Это не работа с изображениями, это галерея landing pages. Их собрано довольно много (около 250 штук), ссылка пригодится тем, кто ищет удачные решения для собственных лендингов. Для вдохновенияJ
*
Ну как вам? Что собираетесь попробовать прямо сейчас? Что уже используете?
Поделитесь в комментариях полезными сервисами, о которых я забыла написать.
Напомню, что в прошлый раз я рассказывала об интересных сервисах для работы с текстами, а в следующий раз речь пойдет о тайм-менеджменте.
В закладки однозначно! Я сегодня же вечером сажусь пробовать делать картинки!
Вероника, удачного творчества!
Большое спасибо за интересный материал! Реально очень много полезных ссылок :)
Большое спасибо, отличная статья!
Про Canva слышал и еще пару сервисов, но что бы так много. Очень интересно и познавательно. Буду использовать на практике в дальнейшем
Спасибо за комментарий!