10+ сервисов для новичков: делаем картинки и инфографику своими силами

Время чтения: 8 минут


ПримечаниеСтатья написана в рамках статейного конкурса Serpstat и SEOnewsУсловия конкурса

Сегодня текст в широком смысле — это не простыня на N количество килознаков, а целостный продукт, который решает конкретные задачи. Писать за килознаки можно, но это скучно и почти бесплатно, а если вам важно работать над интересными проектами и доносить свою мысль максимально полно — придется не только составлять слова в предложения, но и рисовать картинки, делать инфографику, верстать, презентовать проект. Если вы амбициозный новичок, не хотите ограничивать себя узкими рамками создания исключительно текстового контента и мыслите категориями “результат”, а не “задача” — мы подобрали для вас несколько инструментов, которые помогут сделать клевую картинку и приличную инфографику, даже если вы ничего не смыслите в дизайне и иллюстрировании.

Навигация по статье:
Если нужны иллюстрации
Если нужна инфографика
Если мало и легко

Если нужны иллюстрации

Canva

Сanva — инструмент практически универсальный и удобный именно благодаря этому. Здесь есть шаблоны для различных типов визуализаций: постов и обложек для социальных сетей, заголовков и графики для блогов, баннеров для Youtube, открыток, флаеров и бог весть чего еще. Все что вам нужно — доработать их под свои нужды. Многие готовые решения и отдельные элементы (надписи, композиции, иконки) доступны по $1 за штуку, но есть возможность загружать любое количество собственного материала: от картинок и иконок до любых графических элементов. Кроме того, если вам опротивели шаблоны — всегда можете создать картинку с индивидуальными размерами и смыслами. Здесь мало кириллических шрифтов, но в остальном — это годный сервис для новичков, которые пишут куда угодно.

Fotor

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

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

Если хочется отдельных инструментов для создания симпатичных обложек для социальных сетей, Fotor и тут вам поможет:
Facebook cover maker
Twitter header maker

Creately

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

Вот эту шуточную схему про поиски копирайтера мы набросали как раз в Creately:

Monosnap

Во многих случаях лучше любой абстрактной иллюстрации — скриншот, который хорошо дополняет текст и наглядно объясняет, что вообще происходит. Есть много расширений для браузеров, с помощью которых можно заскринить старницу (тот же Lightshot, например), но иногда их возможностей не хватает. С Monosnap скринится что угодно: хоть ответ клиента, хоть разброс папок на рабочем столе. Результат можно изменять по размеру, дополнять надписями, указателями.

Imgflip.com

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

Дополнительные инструменты

Если нужна инфографика

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

piktochart.com

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

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

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

infogr.am

Чуть более сложный, но очень интересный сервис по созданию как комплексной графической работы, так и отдельных графиков всех возможных видов и форм. Здесь нет готовых шаблонов симпатичной инфографики, зато вы можете сделать ее сами и зашить туда любое доступное вам количество данных. В разделе “Инфографика” предлагаются готовые шаблоны, но это, по сути, просто блоки, куда вы можете добавлять вообще все: карты, таймер, графику, таблицы, диаграммы. Блоки можно свободно менять местами, задавать и менять цвета отдельных элементов, скрывать лишние данные (например, сетку в диаграммах). Единственное, что раздражает в инфограме лично меня — стандартная палитра для графиков: немного более разноцветная, чем хотелось бы. Для некоторых тематик смотрится особенно нелепо.

Но если смотреть на 50 разных цветов совсем невмоготу, это все можно перенастроить вручную. Привычный drag-and-drop и видеоинструкции от создателей делают infogr.am очень удобным инструментом для новичков, которые понимают, что данные в инфографике имеют первоочередное значение. Кстати, объемные дата-сеты вы можете добавлять в разных популярных форматах или подгружать из Dropbox, OneDrive и других сервисов.

Canva

Да, это опять Canva. Если вам не очень интересны все эти таблицы и диаграммы, а инфографика привлекает именно с визуальной точки зрения — используйте ее возможности. Здесь есть готовые шаблоны для инфографики, а также возможность сделать свою, используя собственные или стоковые иконки, фоны, стрелочки-полосочки и прочие милости. Фундаментальную работу с большим количеством данных с этим функционалом сделать сложно, но иногда это и не нужно.

Для тех, кому мало и легко

Если большинство перечисленных инструментов кажутся вам слишком простыми или недостаточно функциональными — возможно вы не новичок, а просто прикидываетесь и на самом деле вам нужны штуки посложнее да позаковыристее. Чтобы вы совсем не расстраивались, что доскроллили аж сюда, а толку нет — вот несколько более мощных и крутых сервисов.

Сarto.com

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

RAW

Инструмент для эффектной визуализации разных пакетов данных. Доступны разные типы и способы визуализации, в RAW можно создавать популярные Sankey и много другого. Если интересно попробовать, а датасета под рукой нет — есть библиотека: выбирайте подходящий сет, тип визуализации и перетаскивайте необходимые параметры в соответствующие поля, чтобы получить графическое отображение различных корреляций. Например, так выглядит распределение выживших и погибших пассажиров Титаника по возрастным группам и классу:

6246065695183202882762692371801771761681681281261221199474726462625852464439373434322221211413121164421110 — 9
216
0 — 9
10 — 19
356
10 — 19
20 — 29
838
20 — 29
30 — 39
488
30 — 39
40 — 49
250
40 — 49
50 — 59
101
50 — 59
60 — 69
47
60 — 69
70 — 79
12
70 — 79
80 — 89
1
80 — 89
unknown
695
unknown
1
323
1
2
554
2
3
2,127
3
no
2,023
no
yes
981
yes

Tableau public

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

Дополнительные инструменты

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


2 Комментарии

Добавить комментарий
  1. Евгений

    То что нужно! Большое спасибо за полный и подробный гайд по инструментам.

  2. ZIEX

    круто, спасибо!:)

+ Добавить комментарий