Дизайн чего либо нарисовать

27 бесплатных сервисов для создания визуального контента без дизайнера

Лера Матвиишина, маркетолог хостинговой компании HOSTiQ, специально для блога Нетологии адаптировала статью Andrew Tate c ресурса AdEspresso и выбрала из подборки 27 бесплатных инструментов, которые помогут создавать визуальный контент без помощи дизайнера.

К 2018 году 84% маркетинговых материалов будут визуальными. Благодаря визуальному контенту любая компания сможет интересно общаться с пользователями и отстроиться от конкурентов.

Правильный визуальный контент помогает:

1. Soapbox

Что делает: создает видео.

Бесплатное расширение для браузера Google Chrome поможет создать, отредактировать и поделиться видео.

У Soapbox много опций для персонализации видео. Вы сможете:

2. Stencil

3. Canva

Canva — фоторедактор, который работает по принципу Drag & Drop. С ним вы можете создать всё — от картинок для соцсетей до красивых документов компании и презентаций. Эта особенность делает Canva одним из лучших бесплатных инструментов для дизайна в SMM.

4. Giphy

Что делает: создает гифки.

В базе данных Giphy миллионы 2-секундных видео, которые оживят имидж компании и помогут очеловечить бренд. Сделать гифку на ресурсе очень просто:

5. Bitmoji

Что делает: персонализированные эмодзи.

На платформе Bitmoji вы создадите уникальную подпись с аватаром компании в почте, которую будут видеть коллеги и клиенты при получении сообщений от вас. С расширением Bitmoji в Google Chrome ваш аватар будет выражать ваши мысли и чувства везде, где вы общаетесь в онлайне.

Таким образом вы сможете персонализировать онлайн-общение с клиентами компании, коллегами и друзьями.

6. Infogram

Сервис Infogram предлагает:

7. Piktochart

Чтобы сделать инфографику в Piktochart:

8. Ease.ly

Ease.ly предлагает ряд ключевых функций, которые помогут создать отличную инфографику:

9. BeFunky

Если кроме визиток и коллажей вам нужно отредактировать видео или фотографию, вы можете использовать программу BeFunky для этих целей.

С BeFunky очень легко редактировать фотографии:

10. Vizme

С Vizme вы получите:

11. Quozio

Что делает: создает цитаты.
Введите цитату и подпишите ее:

Нажмите на «Go» и получите картинку:

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

12. Quotes Cover

Что делает: создает цитаты.

C Quote Cover вы cделаете яркую карточку с собственной цитатой или с цитатой из базы данных программы.

13. Fotor

14. Photovisi

Что делает: создает открытки, визитки и коллажи.

Для коллажей и открыток можете использовать свои картинки или выбрать из 100 категорий шаблонов Photovisi.

15. Google Photos

Что делает: редактирует фотографии, создает коллажи и анимации.

Google Photos — отличный ресурс, чтобы хранить все фотографии в одном месте.
Из этих фотографий Google Photos поможет вам создать коллажи и анимации.

16. Adobe Spark

Что делает: создает картинки и гифки для соцсетей.

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

17. Jing

Что делает: создает скриншоты и видео.

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

Вы сделаете видео в 3 простых шага:

18. Awesome Screenshots

C Awesome Screenshots вы сможете:

19. Landscape by Sprout Social

Что делает: редактирует фотографии.

Landscape поможет подогнать размер картинок под стандарты разных соцсетей. Для этого:

20. Simple Image Resizer

Что делает: редактирует фотографии.

Вы сможете загрузить картинки и выбрать нужный размер, указав всего 3 вещи:

21. Picresize

Что делает: редактирует фотографии.

Чтобы изменить размер картинки:

22. Gifmaker.me

Что делает: создает гифки, слайд-шоу и видеоанимацию.

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

23. Imgflip

Что делает: создает гифки, мемы и графики.

Cайт поможет сжать любое видео в гифку или картинку за несколько простых шагов:

24. Makeagif

Что делает: создает гифки.

Makeagif создаст гифку из чего угодно: YouTube, Facebook, из картинки или записи с веб-камеры.

25. MemeCenter

Что делает: создает гифки и мемы.

С MemeCenter вы сделаете гифку или мем онлайн за три шага:

26. Kap

Что делает: записывает видео с экрана.

Программа Kap запишет все, что вы делаете на компьютере, сохранит запись и превратит ее в гифку. Как записать экран с Kap:

27. Logo Garden

Что делает: создает логотипы.

С помощью этой программы уже более 2 миллионов компаний создали логотипы.

Приложение сделали дизайнеры, поэтому всё на сайте: от структуры до библиотеки, выглядит привлекательно.

От редакции

А как же без рекламы? Собрали вот курсы по теме.

Источник

Скетчи — лучший способ научиться рисовать что угодно

Как превратить быстрый корявый скетч в рабочий инструмент концепт-художника? Рассказываем на примере курса «Скетчинг и форма». Упражнения и советы из статьи можно использовать вне курса.

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

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

Вот так до примитивов упрощается фигура человека:

Скетчинг позволяет художнику мыслить формой — в голове или на бумаге. Что это значит?

Мы будто загружаем себе в голову пакет трехмерной графики или устанавливаем драйвера. Когда мы не знаем, как воплотить задуманный результат, то попадаем в тупик. Выйти из него можно, думая “через форму”, и скетчинг как раз позволяет нам ее понять. Мы не только можем выражать через форму свои идеи, мы и мир вокруг можем понимать через нее

Иван не единственный, кто так думает. Вспомним Ким Джун Ги — того самого корейца, который рисует сложнейшии иллюстрации «из головы». Его часто спрашивают, как это он все рисует без построения, а он отвечает: я представляю все через кубики. То есть, все эти мегакомпозиции – это все кубики в разных ракурсах в его голове. Мысленно помещая сложный объект в куб, он представляет, как фигура ведет себя в пространстве и дальше с этим работает. По сути, тот же скетчинг — просто мысленный.

Мы поняли, какие задачи решает скетчинг и зачем он нужен художнику. Начнем его изучать.

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

Это основная, но не единственная степень сложности этого задания. Если студенту она дается легко (что бывает не часто), он может попробовать изобразить вращение сразу по нескольким осям или покрутить более сложный предмет.

При этом действуют несколько правил:

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

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

Можно пометить себе стрелочками, по какой оси будет вращаться примитив. Еще можно прибегнуть к помощи 3д-редакторов или покрутить настоящие предметы в руках. Однако важно, чтобы в результате процесс построения не превратился в простое срисовывание.

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

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

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

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

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

Пора разобраться в основах дизайна и применить полученные знания, придумав свои первые предметы.

Возможно, этот курс стоило бы назвать «Скетчинг, дизайн и форма», так как дизайну в общем и созданию пропсов в частности тут уделяется много внимания. Стоит отметить, что тему дизайна мы поднимаем на каждом курсе — от основ до погружения в специфику. Зачем? Можно ответить словами Ивана Смирнова:

У нас нет ни одного курса в рамках школы, который был бы “только про рисование, и чтобы не дай бог мы еще людей при этом думать учили”. Ни один навык не нужен в вакууме. Нет, они нужны, конечно, но если у вас далеко идущие планы — найти работу, нарисовать свой проект и т.п., то знания в вакууме вам не нужны. Вам нужно то, что вы сделаете с помощью этих знаний.

На этом этапе студенты делают несколько десятков скетчей с разными игровыми предметами: сапоги, мечи, посохи магов, щиты, кубки.

Правила в этом упражнении во многом похожи на правила предыдущего:

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

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

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

Некоторые студенты боятся рисовать пропсы сразу в объеме, минуя плоские проекции. Проблема в том, что без практики никак не получить необходимый опыт, так что как ни крути набивать шишки все-таки придется.

Лечение здесь простое и в то же время сложное: нужно просто начать это делать.

Некоторые студенты невнимательно работают с с референсами или вообще пренебрегают ими. Даже в задании, где на это идет упор. Возможно, кому-то кажется, что рефы — это “читерство”, но это не так.

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

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

Зачем нужны эти 150 набросков? Чтобы точно понимать, как самые разные формы взаимодействуют друг с другом, отточить построение и привыкнуть рисовать быстро. Закончив 150 скетчей, студенты гораздо быстрее и качественнее выполнят следующее упражнение — дизайн разных пропсов, по несколько скетчей на предмет.

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

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

Небольшой урок в помощь:

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

Отложить прорисовку деталей на самый конец поиска.

Цвет, тень и полировка вводятся в самом конце, на этом этапе. Почему? Художники с опытом могут думать обо всем сразу, начинающим же лучше разделять рабочий процесс на шаги.

Сейчас тоже действует несколько правил:

Преподаватель курса «Скетчинг и форма» Юлия Филимонова подготовила небольшой урок, где наглядно показала основные принципы финализации. Вот он:

«Иногда студенты промахиваются с выбором цветов по насыщенности/тону, что ведет к разного рода сложностям в их восприятии. Эти ошибки встречаются не очень часто, обычно студенты справляются с этим этапом хорошо». Елена Курлыкова

Это можно быстро исправить при помощи цветокоррекции опираясь на примеры из лекций или референсы.

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

С чем связаны проблемы с лайнартов у новичков? С тем, что они не понимают форму и как она себя ведет. Поэтому они не уверены, где какую линию провести, и рисуют много лишнего: штрихов, линий, изгибов. Когда ты способен выразить свою мысль формой, без многочисленных огрехов, твой лайнарт через какое-то время сам по себе станет оптимальным.

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

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

Челлендж простой по сути — выпускники должны нарисовать 300 скетчей, сдать их преподавателю и получить бонусную лекцию в подарок.

Почему триста? Ответим словами автора курса Ивана Смирнова.

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

Триста скетчей — вполне реальная цифра, учитывая что с практикой вы начнете рисовать намного быстрее. По признанию Ивана, чтобы начать быстро работать, ему нужна разминка, чтобы настроиться на нужный темп. После нее он сильно ускоряется и тратит в среднем по паре минут на поисковый скетч.

Желание! И еще несколько простых вещей:

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

Так они и должны так выглядеть. Красивыми и прикольным они получаются если их постоянно рисовать. Рисование это не талант и не божья благодать, а всего- лишь навык, который вырабатывается, как любой навык, практикой. Поэтому в курсе ты должен нарисовать триста скетчей. И то это не финальная число я уверен, а просто для затравки, для начала, чтобы у тебя более менее начало получаться. А рисовать эти скетчи ты должен пока не помрешь.

Ну да, скетчи еще важно рисовать чтобы руку набить. И чтобы понимать как фиксировать на бумаге разные объекты так, чтобы отличить сову от собаки)

Источник

Подборка бесплатных инструментов для создания картинок

Хотите сами создавать картинки и мемы? Тогда вам сюда! Мы сделали подборку бесплатных инструментов, которые помогут вам редактировать фотографии и создавать картинки для ваших блогов, сайтов и социальных сетей. Сохраняйте ссылки и пользуйтесь!

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

Все ресурсы мы разбили на категории:

Инструменты для дизайна изображений

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

Canva

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

PicMonkey

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

BeFunky

BeFunky подойдет, если хотите работать без регистрации. Кроме инструментов создания изображения, есть редактор, добавление эффектов и даже создание коллажей.

Paint.NET

Можно назвать его бесплатной альтернативой Photoshop. Имеются фотоэффекты, функция слоев, отмена действий. Можно добавлять текст, формы, изменять цвет изображений.

Инструменты для создания логотипов

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

LogoGarden

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

Logo Maker

Еще один инструмент в помощь непрофессиональным дизайнерам. Плюсы: можете сохранять логотип в разных форматах, а также архивировать его. Здесь есть более 200 пользовательских шрифтов и много разных эффектов.

Reddit

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

Hipster Logo Generator

Настоящая находка для любителей артхаусного кино, инди-рока и роговых очков. Много интересных инструментов, шрифтов, форм и типичных «хипстерских» фонов. В блоге есть примеры созданных логотипов. Очень прост в использовании.
Так выглядел бы логотип PressFoto, если бы его делали хипстеры.

Инструменты для дизайна цитат

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

Recite

«Превратите цитату в шедевр». На сайте есть множество других инструментов, которые делают вашу цитату великолепной. Просто вставьте текст и выберите шаблон.

Quozio

Нет некоторых функций, которые есть у Recite, но коллекция изображений впечатляет.

Инструменты для создания коллажей

Безусловно, каждый видел посты в социальных сетях с коллажами после какого-нибудь праздника. Они идеально подходят, чтобы рассказать историю. Вот несколько ресурсов для создания интересных фотоколлажей.

Instasize Photo Editor + Vide‪o

Приложение для редактирования фото и видео, которое позволяет превращать обычные снимки в произведения искусства одним касанием. Богатая библиотека фильтров, шрифтов и эффектов. Instasize доступен как на устройствах iOS, так и на Android.

Fotor

Один из самых удобных редакторов. Вы можете загружать фотографии с компьютера, Dropbox, Flickr, Facebook, Picasa, просто из интернета или c любой камеры, подключенной к компьютеру.

Photovisi

Довольно прост в работе: выбираете тему, загружаете фотографию, добавляете текст, форму и объединяете все в коллаж. Единственный минус — нужно будет заплатить 1,99$, чтобы делать коллажи без водяного знака.

Smilebox

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

PhotoVideoCollage

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

Инструменты для создания обложек

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

Fotor for Twitter

Делает замечательные обложки для твиттера. Просто загрузите фотографию с компьютера, интернета или любого облака, добавьте текст — и готово!

Fotor for Facebook

Fotor многофункционален. Здесь есть опция создания обложек и для фейсбука. Принцип работы тот же, что и в Fotor for Twitter.

Pagemodo

Если хотите использовать в своих обложках темы от профессиональных дизайнеров, то этот сайт для вас. Кроме того, имеется большой архив бесплатных стоковых фотографий и форм и возможность загружать собственные изображения. Также в разделе Features вы найдете такие функции, как создание рекламы и конкурсов на фейсбуке.

Инструменты для создания скриншотов

Изображение иногда можно создать всего одним нажатием клавиши Prt Sc. На представленных ниже ресурсах есть дополнительные возможности, которые здорово облегчат вам жизнь.

Позволяет делать не только скриншоты, но и записывать видео с экрана, а затем моментально делиться ими через Screencast. Также есть специальные инструменты для редактирования текста, форм и цветов скриншотов.

Awesome Screenshot

Чтобы иметь полный доступ ко всем инструментам нужно добавить Awesome Screenshot в расширения Google Chrome. Есть функции «Ознакомиться с похожими сайтами», «Сравнение цен товаров».

Skitch

Можно добавлять подписи, фигуры, стрелки, наброски маркером, выделить нужные объекты и скрыть ненужные. В Skitch для Windows есть возможность загружать карты.

Инструменты для создания GIF-изображений

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

Imgflip

Делайте GIF из своих изображений, видео или загружайте их из интернета. При этом у сайта очень простой интерфейс.

Phhhoto

Приложение для мобильных телефонов создает что-то на подобное стандартных GIF — изображения в движении.

Make A Gif

GIF-изображения из фотографий, загруженных видео, видео с YouTube и даже с веб-камеры.

Надеемся, что эти ресурсы помогут вам создавать интересные, неповторимые изображения! Если вы знаете какие-то еще сайты или программы, в которых можно редактировать или создавать картинки — поделитесь с нами в комментариях!

Источник