Иллюстрации картинки: Не путай картинку и иллюстрацию
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Привлеките нужных покупателей и увеличьте количество заказов ↗
Sponsored
Hd yellow wallpaperstitletest
Boston Public LibraryHd art wallpapersdrawingavian
Europeana 9001 1портретное искусство движение
Бостонская публичная библиотекаroadstreetvintage cars
Jason LeungТекстуры фоныHd узоры фоткиHd обои
Boston Public Library0011 Логотип Unsplash Unsplash+В сотрудничестве с Getty Images
Unsplash+
Разблокировать
wl images & images
Milad FakurianHd abstract wallpapersrendersapphire
British LibraryВинтажные фоныПрирода фотопечать
Chris LeeрастениеЗеленый hd картинкиЛистья фоны
EuropeanabotanicalprofileHd фиолетовые обои
Логотип Unsplash Unsplash+В сотрудничестве с Getty Images обои
usafl2324 Central Avenue
EuropeanaЦветочные изображенияпроизведение живописи маслом
Бостонская публичная библиотекаИсторические фотографии и изображенияpaintingmontana
Нью-Йоркская публичная библиотекапопугайпопугайСерые обои HD
Публичная библиотека Нью-ЙоркаЦветочные обои HDграфикацветочный дизайн
Логотип Unsplash Unsplash+В сотрудничестве с Getty Images
Unsplash+
900 10 Unlockкартонкартонвектор
Родион КуцаевHq фон фотопродукт3d обои hd
Hd желтые обоиtitletest
портретарт движение
Текстуры фоныHd узор обоиHd обои
в помещенииспальнямебель
абстрактные обои Hdрендерингsapphire
растениезеленые обоифоны с листьями
Hq фоновые изображенияпродуктHd 3d обои
Hd арт обоирисунокавиан
дорогаулицастаринные автомобили
Птицы фотосойкасидя
Животные изображения и картинкиколлажСова изображения и картинки
Винтажные фоныПрирода фотопечать
архитектуратворческое занятиеHd город обои
usafl2324 центральный проспект
011
Связанные коллекции
Иллюстрация
270 фотографий · Куратор zenstore tanjaИллюстрация
136 фото · Куратор Инга Каминскаяиллюстрация
88 фото · Куратор: Hany Song 1usafl2324 Central Avenue
Исторические фото и изображенияpaintingmontana
Hd цветочный обоиграфикацветочный дизайн
Hd арт обоирисунокптица
в помещенииспальнямебель
Животные изображения и картинкиколлажСова изображения и картинки
ботаническийпрофильHd фиолетовые обои
Цветы изображенияискусствомасляная живопись
картонкартонвектор
портретное искусстводвижение
изображения птицсойкасидящая
Винтажные фоныПрирода фотопечать
архитектуратворческое занятиеHd обои города
попугайпопугайсерые обои HD
Похожие коллекции
Иллюстрация
270 фото · Куратор zenstore tanjaИллюстрация
136 фото · Куратор Инга Каминскаяиллюстрация
88 фото · Куратор Хани СонгHq background imagesproductHd 3d обои
Логотип UnsplashСделайте что-нибудь потрясающее
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, загрузите изображение и начинайте играть! Или, если вам нужен небольшой толчок, воспользуйтесь нашим миллионов бесплатных стоковых фотографий для творческого направления.
Leave a Comment