Иллюстрации картинки: Не путай картинку и иллюстрацию

31.05.2023 Разное

Содержание

Не путай картинку и иллюстрацию

Леха, я был неправ. Прежде чем рассказывать тебе про пёсиков, я должен был объяснить матчасть. Прости меня и позволь сделать это, пока не поздно.

Смотри, есть картинки и есть иллюстрации. Это разные вещи.

Картинки — это просто прямоугольники с пикселями. Фотография, коллаж, рисунок, скриншот — всё это картинки. Даже прямоугольник с белым шумом — это картинка.

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

Непонятно? Давай на примере. Возьмем наполненную неловкостью фотографию из фотостока:

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

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

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

Такая иллюстрация работает, потому что рассматривая ее, человек лучше понимает содержание твоей статьи. Ты пишешь об одежде: «Если вы босс, одевайтесь в черное; если помощник — в светлое. Так будет понятно, кто есть кто». Я смотрю на твою фотографию, вижу черный и светлый костюм, и убеждаюсь в твоих словах. Иллюстрация работает, потому что она помогает раскрыть мысль автора с помощью обращения к чувственному опыту.

А ты хотел, наверное, как-то так?

У тебя раздел о принципе «не в порядке», а иллюстрация непонятно о чем. Какую мысль она раскрывает? Что доказывает? В чем я смогу убедиться, рассматривая твою иллюстрацию? Ни в чем. Это та же ситуация, как с твоими песиками — ты поставил картинку, чтобы отвлечь внимание, а не чтобы проиллюстрировать мысль.

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

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

Чтобы иллюстрация была мощнее, добавим антипримеры:

Теперь я не только знаю, как правильно, но и могу поймать себя на ошибке. Всё благодаря иллюстрациям. А теперь сравни со своей картинкой с фотостока. Могу ли я из нее понять всё то, что я передал на иллюстрации текстом?

В этом разница между картинкой и иллюстрацией:

Хорошая иллюстрация может быть не только картинкой, но и текстом, таблицей, схемой и чем угодно ещё. Главное — чтобы она раскрывала мысль автора

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

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

Почитай еще на эту тему:

Ваша картинка — говно
Иллюстрация или декорация

Когда не нашлось картинки на стоках. Техники быстрого создания иллюстраций — Evgeny Bondkowski на vc.ru

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

693 просмотров

1. Контурные иллюстрации по фотографиям

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

Обводим фотографию и получаем нужный контур

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

Создание серии из 12 таких иллюстраций потребовало примерно 2 рабочих дня. Здесь использованы цветная заливка контуров и переменная толщина линий.

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

Также можно совместить фото и контур, обведенный по фото.

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

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

2. Плоские векторные иллюстрации «Вид сбоку»

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

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

Примеры плоских иллюстраций

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

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

3. Изометрия

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

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

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

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

Можно начать с техники псевдо «low-poly» где все обьекты будут совсем примитивными, и состоять из кубиков и шаров. Это и быстрее, и иногда интереснее смотрится.

Пример изображения в технике геометрических примтивов.

Другой пример, с полигональными деревьями и облаками.

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

Эти наброски можно утвердить с заказчиком — и уже после начинать рисовать финальную иллюстрацию.

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

Готовые иллюстрации, сделанные по утвержденному концепту.

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

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

27+ иллюстраций | Скачать бесплатные картинки на Unsplash

27+ иллюстрации картинки | Скачать Free Images на Unsplash

ФотоФотографии 4.7k
Пачка фотографийКоллекции 10k
Группа людейПользователи 19

арт

винтаж

цветок 900 11

ботанический

живопись

рисунок

узор

птица

стена

принт

растение

коллаж

Mailchimp

Привлеките нужных покупателей и увеличьте количество заказов ↗

Связанные коллекции

Иллюстрация

270 фотографий · Куратор zenstore tanja

Иллюстрация

136 фото · Куратор Инга Каминская

иллюстрация

88 фото · Куратор: Hany Song 1

usafl2324 Central Avenue

Исторические фото и изображенияpaintingmontana

Hd цветочный обоиграфикацветочный дизайн

Hd арт обоирисунокптица

в помещенииспальнямебель

Животные изображения и картинкиколлажСова изображения и картинки

ботаническийпрофильHd фиолетовые обои

Цветы изображенияискусствомасляная живопись

картонкартонвектор

портретное искусстводвижение

изображения птицсойкасидящая

Винтажные фоныПрирода фотопечать

архитектуратворческое занятиеHd обои города

попугайпопугайсерые обои HD

Turn Photo в иллюстрации | Сделайте фотоиллюстрацию онлайн

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

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

Превратите фотографии в иллюстрации за 5 простых шагов

Мало времени? Дайте волю своему внутреннему артисту всего за несколько кликов.

Откройте свое изображение в PicMonkey.
Применение эффекта «Эскиз краев».
Добавьте художественности с помощью Posterize.
Отрегулируйте экспозицию и цвета, чтобы добиться идеального вида.
Загружайте, загружайте и делитесь со всеми. Вуаля!

Если вы ищете немного больше, мы вас нашли! Давайте пошагово пройдемся по игре, чтобы усовершенствовать вашу игру с фотоиллюстрацией.

1. Начните с правильного изображения

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

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

2. Обведите линии на изображении с помощью Edge Sketch

Инструмент PicMonkey Edge Sketch — лучший выбор для овладения искусством фотоиллюстрации. Что такое Edge Sketch, спросите вы? Ваши фотографии выглядят так, как будто они были обведены карандашом. Чтобы получить этот вид:

В редакторе PicMonkey щелкните вкладку Эффекты и прокрутите вниз до «Edge Sketch» (в группе эффектов Artsy ).
Включите Толщина и Уровень детализации ползунки вверх до упора, чтобы получить максимальное количество деталей.
Отрегулируйте ползунок Fade примерно посередине, чтобы часть цвета вернулась в изображение, а затем нажмите Apply .

Совет от профессионала: Если ваша фотография плохо трансформируется с помощью Edge Sketch, попробуйте сначала увеличить контрастность: перейдите к Редактирование > Основные правки > Экспозиция .

3. Добавьте ощущение раскрашивания с помощью Posterize

Затем проверьте эффект Posterize! Это уменьшает количество цветов в вашем изображении и смягчает детали, так что ваше изображение выглядит так, как будто оно было нарисовано. Получите вид:

В редакторе PicMonkey перейдите к Эффекты > Постеризация (который также живет в группе Artsy ).
Отрегулируйте ползунок # цветов , по крайней мере, до 15. (Не волнуйтесь, если ваше изображение все еще выглядит размытым. Когда мы настроим экспозицию на следующем шаге, цвета вернутся.) что это где-то посередине. Это сохранит большую часть ваших деталей нетронутыми, но при этом смягчит некоторые линии. Это делает ваше изображение более «нарисованным».
Установите ползунок Fade примерно на полпути, а затем щелкните Apply .

Смотри, ты идешь, Художник!

4. Добавьте цвета с помощью Exposure & Colors

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

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

Вот оно!

Повторите тот же процесс с Colors в разделе Basic Edits, регулируя ползунки, пока не получите выдающийся вид.

5. Загрузите и поделитесь

Теперь, когда вы успешно создали великолепную фотоиллюстрацию, вы можете использовать ее в публикации на Facebook, в истории Instagram, в булавке Pinterest или на миниатюре YouTube, чтобы мир мог оценить ваш художественный гений.

Просто загрузите произведение искусства с высоким разрешением в формате JPG или PNG (или PDF для подписчиков PicMonkey Pro). Если вы решили напечатать свое творение (например, повесить произведение искусства), вы можете заменить стандартную бумагу для печати на что-то более элегантное (предпочтительно матовое или глянцевое). Повесьте его в своем домашнем офисе, подарите или соберите коллекцию принтов для своего магазина Esty!

Подробнее о различных размерах печати см. в нашем удобном руководстве: Стандартные размеры фотопечати .

Больше фотографий для веселых иллюстраций

Хочешь стать экстравагантным? Попробуйте инструмент для рисования !

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

Управляйте схематичным внешним видом и проектируйте именно так, как вы хотите. Draw делает это возможным! Чтобы узнать больше о рисовании (или если вы ищете более художественные руководства), см.:

Как рисовать на фото Учебник
Создание фотоэскиза с помощью Edge Sketch
Используйте поп-арт-фильтр для создания образа в стиле Уорхола

Зачем преобразовывать фотографии в иллюстрации?

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

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

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

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

Креативное вдохновение

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

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

Comments

Leave Comment

Иллюстрации картинки: Не путай картинку и иллюстрацию

Не путай картинку и иллюстрацию

Когда не нашлось картинки на стоках. Техники быстрого создания иллюстраций — Evgeny Bondkowski на vc.ru