1. Создать изображения # 1. Создай свою собственную графику
2. Создание изображений № 2. Полезные графические утилиты
3. Создание изображений № 3. Инструменты визуализации данных
4. Создание изображений № 4. Инструменты для социальных сетей
5. Создание изображений № 5. Где найти изображения
6. Создание изображений № 6. Базовый графический дизайн: элементы и принципы
7. Создание изображений № 7. Мышление как графический дизайнер
8. Создание изображений № 8. Как улучшить свои способности с помощью графического дизайна
9. заключение

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

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

Посмотрим правде в глаза: фотография действительно стоит тысячи слов. Но это самодельный образ?

У него нет цены.

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

Короче говоря, создание изображений преобразует.

Вы хотите доказательства?

Учтите, что фотографии были самым большим типом постинга в Facebook, согласно исследованию, проведенному в 2014 году Socialbakers , наслаждаясь массовым уровнем взаимодействия 87%.

DemandGen обнаружили, что 39% покупателей B2B в прошлом году сообщили, что часто делятся инфографикой в ​​социальных сетях.

И когда эксперт по социальным медиа спросил маркетологов, какой контент они хотели бы узнать больше в этом году, основной ответ был создание визуальных элементов ,

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

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

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

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

Вот некоторые из моих любимых вместе с типами изображений, которые вы можете создавать с ними.

Создать изображения # 1. Создай свою собственную графику

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

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

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

Выберите тип диаграммы (инфографика, социальные сети и т. Д.) В качестве отправной точки для построения

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

Доступно большое разнообразие изображений и стилей - от графики в социальных сетях до изображений в стиле коллажей и всего остального.

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

Создание изображений № 2. Полезные графические утилиты

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

Более того, каждая секунда, которую ваши посетители тратят на ожидание загрузки вашей страницы, равна единице. конверсия или продажа потеряны ,

Каждая секунда в ожидании загрузки страницы - потенциальная конверсия или потеря продаж

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

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

Optimizilla работает как с JPG (фотографии), так и с PNG (прозрачные логотипы и изображения), поскольку оба имеют тенденцию иметь большие размеры. Все загруженные вами изображения автоматически удаляются через час, и вы можете загрузить оптимизированную версию выборочно или сразу.

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

EWWW Image Optimizer - Плагин WordPress, который позволяет вам улучшать изображения в процессе. Окончательный результат показывает, сколько места было сэкономлено, а также процент сокращения.

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

Он также работает с другими популярными подключаемыми модулями изображений WordPress, такими как Галерея NextGen. Если вам не нравится аспект изображений небольшого размера, вы можете снова оптимизировать их с другими настройками или восстановить оригинал.

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

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

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

Page2Images - Веб-сайт, который будет делать скриншоты любой страницы для вас или конвертировать несколько URL-адресов в изображения.

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

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

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

PlaceIt - PlaceIt позволяет перетаскивать ваш сайт на различные смартфоны, мониторы, планшеты и другие устройства. Нет скриншота? Не проблема Вы можете выбрать изображение и ввести его URL, чтобы на PlaceIt было изображение вашего сайта.

PlaceIt позволяет сделать ваш сайт в фокусе множества изображений и видео

Хотите показать группу людей, взаимодействующих с вашим приложением? Готово.

Хотите показать свою новую программу умных часов (smartwatch)? Легко.

PlaceIt позволяет разместить ваш сайт где угодно, от постеров до автовокзалов.

И, если вам нужно более человеческое прикосновение, PlaceIt также предлагает фотографии лиц всех возрастов и в различных ситуациях. Вы можете даже сузить область поиска до определенного жанра, местоположения, работы и т. Д.

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

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

К счастью, эти приложения создают красивый дизайн и охватывают все самые распространенные типы графики:

Создание изображений № 3. Инструменты визуализации данных

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

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

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

Поскольку графика разработана с использованием HTML5 и Javascript, она адаптирована для мобильных устройств и может быть встроена непосредственно в сторонние сайты, такие как веб-сайты и социальные сети, такие как Twitter и Facebook.

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

Доступен бесплатный план, позволяющий создавать до 30 графических изображений в виде прозрачных файлов PNG. Бесплатный план включает в себя до 5000 посещений в месяц, и ваши графики являются общедоступными.

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

Временная шкала - Временная шкала - это простой способ создания интерактивных временных шкал событий практически о чем угодно. Временная шкала может удалить медиа с сайтов, включая Twitter, Flickr, Google Maps и Wikipedia, а также Youtube, Vine, Dailymotion и Vimeo.

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

Пример интерактивного графика жизни Нельсона Манделы

Используя электронную таблицу Google, вы просто добавляете данные в заранее установленный шаблон, включая большие и меньшие события, даты и связанные медиа. Затем Timeline создает конечный продукт для вас.

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

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

К счастью, нет недостатка в инструментах, которые помогут вам добиться успеха.

Создание изображений № 4. Инструменты для социальных сетей

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

Вот некоторые из моих любимых:

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

Social Image Resizer - Этот веб-инструмент предлагает простой и удобный способ захвата существующих изображений и изменения их размера для использования в любом контексте социальных сетей. Вы можете превратить изображения в значки (даже значки), а также изображения в Google+, Facebook и Twitter.

Но что, если вам нужно больше изображений для социальных сетей, кроме Twitter, Facebook или Google+?

Social Media Image Maker - Инструмент, позволяющий создавать изображения для различных социальных сетей. В дополнение к Twitter и Facebook (фотографии профиля и обложки) вы можете создавать изображения для использования на Youtube, Flickr, Vimeo, Pinterest, Skype и других.

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

Конечно, вопрос сейчас - где вы находите графику?

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

Создание изображений № 5. Где найти изображения

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

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

Все изображения имеют разрешение 300 DPI или более, что делает их идеальными для Интернета или для печати.

Плоский значок - Flat Icon содержит более 1000 пакетов иконок различных графических элементов. Они включают в себя все обычные значки компьютерного стиля (курсоры, указатели и тому подобное), но также включают в себя значки различных других вещей, таких как люди, предметы, животные и многое другое.

Многие из этих иконок бесплатны для использования и не требуют авторского авторства.

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

The Noun Project приглашает людей со всего мира создавать и отправлять значки на повседневные вещи

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

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

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

Создание изображений № 6. Базовый графический дизайн: элементы и принципы

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

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

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

Формы - Вы, возможно, не поняли этого, но формы влияют на нашу жизнь каждый день. От восьмиугольных знаков СТОП до перекрестного сигнала, который символизирует первую помощь, формы влияют на всех нас и мир среди нас.

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

Текстура - текстуры создают широкий спектр возможностей в дизайне и остаются популярными на современных сайтах.

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

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

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

Цвет и его различные формы (см. Ниже в разделе «Цветовые значения») имеют очень разные значения для посетителей по всему миру. И в зависимости от языка и разговорной речи, цвета могут также показать чувства.

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

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

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

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

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

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

Космос - Космос - последний из принципов графического дизайна, но, конечно, не в последнюю очередь. Вы, наверное, слышали термин «пробел» раньше - это означает часть страницы без графики или цвета.

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

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

Создание изображений № 7. Мышление как графический дизайнер

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

И вы хотите лучший способ обучения, чем смотреть на то, что уже сделали другие?

Например, вы, вероятно, никогда не слышали о графическом дизайнере по имени Пол Рэнд, но вы, вероятно, видели его работы:

Во многом самоучка, лучший совет Рэнда начинающим графическим дизайнерам: «Вам не нужно быть оригинальным. Ты просто должен быть хорошим ". Даже если вы не знакомы с логотипом бренда, Пол решил, что в конечном итоге вы будете.

Один из самых известных плакатов корпоративных проектов отражает эту настойчивость:

Постер IBM, созданный в 1981 году

В одном тематическое исследование Крис Майярд для глаз Magazine, бренд Экспрессии менеджера проекта компании IBM (да, что это сектор), Рэнди Голден, полученный , как такие компании , как IBM уже работал, чтобы оставаться актуальными в дизайне карты.

Многие из логотипов, которые создал Рэнд, были первоначально разработаны в период между 1950 и 1960 годами. Возвращаясь туда, компьютер, который занимал всю комнату, обычно ограничивался выполнением нескольких базовых вычислений.

Как такая компания, как IBM, смогла сохранить идентичность бренда в течение всех этих лет.

По словам Голдена,

Наиболее сложным аспектом управления проектами для IBM является размер, масштаб и комплексный характер нашего бизнеса. Все объединяется со всем, и все является брендом.

Он продолжает,

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

В качестве примера, вот недавнее объявление от IBM, иллюстрирующее силу «Умной планеты»:

Теперь позвольте мне спросить вас,

Когда вы смотрите на это изображение, вы видите человека с биноклем или машину на улице - или обоих?

Это то, что делает хороший графический дизайн. Это заставляет вас думать умнее.

Вот еще несколько примеров повседневных объектов, превращенных в объекты, которые заставляют вас задуматься.

Два примера взяты из компании иллюстраций Post Typography. Вы можете увидеть их портфолио, чтобы найти больше примеров, таких как альбом WAKE UP и США расплавленные песочные часы вдохновлять вас.

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

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

Вот что вы должны иметь в виду, чтобы сделать это.

Создание изображений № 8. Как улучшить свои способности с помощью графического дизайна

Как только вы хорошо разберетесь в основах, вам захочется пойти и попробовать что-то новое.

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

Лучший способ начать это осмотреться. Ищите сайты как Dribbble и Behance для создания портфолио, которое вам нравится, а затем следуйте за этими дизайнерами, чтобы вы могли получать обновления, когда они добавляют новые выборы в ваши портфолио.

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

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

Если вам нравится то, что вы видите, немного расширите свои навыки и узнайте о фильтрах и слоях - ключевых компонентах инструментов графического дизайна высокого уровня, таких как Photoshop и Illustrator.

Очевидно, я не сторонник того, чтобы вы могли добровольно нарушать чьи-либо авторские права. Все, что в этом руководстве, предназначено для того, чтобы вы научились создавать собственные диаграммы без предыдущего опыта.

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

В дополнение к этим пунктам, ваш следующий лучший шаг может быть:

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

Вы беспокоитесь Не верь себе. Ты боишься критики.

Мы все были такими, и у нас был этот опыт. Не бойтесь просить обратной связи. Однако вместо того, чтобы сказать «Что вы думаете об этом?», Спросите «Как я могу сделать это лучше?».

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

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

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

Помните, все когда-то были новичками. У некоторых может быть больше таланта или творчества, чем у других, но это не то, что невозможно развить со временем.

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

заключение

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

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

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

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

Вы пробовали какой-либо из этих инструментов для создания изображений? Какой твой любимый?