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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иллюстрация или декорация

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

Ключ в том, что автор путает декорацию и иллюстрацию.

Декорация — это просто красивая картинка, которая разбавляет текст без особой привязки к смыслу всей статьи. Часто декорация дублирует какой-то фрагмент статьи по смыслу.

Иллюстрация — это изображение, которое более раскрывает смысл статьи, то есть дополняет ее.

Декорация дублирует, иллюстрация дополняет.

Допустим, человек пишет статью о танцах. Заголовок «Как научиться импровизировать в танцах». Что там сейчас по тексту — не важно. Посмотрите на текст по диагонали и решите для себя, какой вариант статьи вам интереснее:

Смотрим на левую картинку с негритенком. Она не раскрывает смысл своего раздела. Из этой картинки понятна только эмоция: «Я ничего не понимаю». Это декорация.

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

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

Если заглянуть глубже в текст, мы поймем, зачем тут негритенок. Он иллюстрирует фразу «всё равно что говорить на незнакомом языке»:

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

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

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

Чтобы статью было интересно читать,

в ней должны быть иллюстрации по теме

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

См. также: почему ваша картинка к статье — говно

P. S. Статья в примере — одна из работ участника продвинутого курса Главреда. Подписывайтесь на вариант с домашними заданиями, и о вашей работе тоже может появиться статья в блоге.

Фото vs иллюстрации — что использовать на сайте?

Когда нужны фотографии

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

Есть несколько способов найти фотографии для сайта.

Фотосессия

Для потребителя важны качество и уникальность контента. А фотографии на сайте — это визитная карточка компании.

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

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

Фотографии показывают реальный вид товаров — потребитель знает, что получит после покупки

UGC-контент

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

Как использовать UGC на сайте? Как вариант, можно подгрузить модуль с фото из Instagram и пригласить пользователей подписаться на страницу.

UGC делает лендинг более живым

Проверенные фотостоки

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

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

Бесплатные фотографии с лицензией можно искать через сервис Loon — мы пользуемся им при создании брендбуков. Loon собирает картинки и фотографии сразу с четырех надежных стоков — Unsplash, Pexels, Pixabay и Flickr.

Когда нужны иллюстрации

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

1. Привлекают внимание. Они цепляют взгляд пользователя и заставляют его остановится на цельном смысловом блоке. Когда страница сайта состоит из полотна текста, пользователю сложно вникнуть в его суть.

   Скорее всего, читатель даже не остановится на этой странице

   Однако с иллюстрацией сайт становится более легким, а иллюстрация цепляет взгляд пользователя

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

   Иллюстрации помогают UserX Analytics наглядно показать возможности продукта

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

   Горизонтальные линии переводят взгляд на ключевые цифры компании

   А точеные иллюстрации, такие как стрелочки, направляют пользователя в нужное место на экране, снижая процент отказа

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

   Иллюстрации на сайте Epicstars являются частью фирменного стиля компании

Можно ли совмещать фото и иллюстрации

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

На сайте Puzzle English гармонично совмещаются фотографии и иллюстрации, но за основу берется все-таки второе.

Резюмируем

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

Определиться с тем, что использовать — фото или иллюстрации — помогут основные правила:

• если ваш продукт можно сфотографировать, используйте фото;

• если необходимо наглядно объяснить сложный процесс, используйте иллюстрации;

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

Подпишитесь, чтобы получать полезные материалы о платном трафике

Иллюстрации к роману «Анна Каренина» Толстого, картинки, рисунки

Роман «Анна Каренина» Толстого — это выдающееся произведение русской литературы XIX века.

В этой статье представлены иллюстрации к роману «Анна Каренина» Толстого: картинки, рисунки.

Смотрите: 
Все материалы по роману «Анна Каренина»
Все материалы по творчеству Толстого

Иллюстрации к роману «Анна Каренина» Толстого: картинки, рисунки

Художник К. Рудаков

Встреча Анны Карениной с сыном

Алексей Каренин

Анна Каренина

Анна Каренина

Объяснение Анны Карениной с мужем

Анна Каренина, Алексей Каренин и Вронский на вокзале

Художник М. Щеглов

Стива Облонский

Анна Каренина и Долли Облонская

Алексей Вронский в ресторане

Константин Левин и Кити на катке

Алексей Каренин с женой на скачках

Алексей Каренин с новорожденной Анной

Анна Каренина и Вронский

Константин Левин и его больной брат Николай

Константик Левин (справа) и его брат Кознышев

Иллюстрация к роману «Анна Каренина»

Кити (слева) и ее подруга Варенька

Это были иллюстрации к роману «Анна Каренина» Льва Толстого: картинки, рисунки к произведению.

Смотрите: 
Все материалы по роману «Анна Каренина»
Все материалы по творчеству Толстого

Иллюстрации для сайта — необычные и запоминающиеся примеры

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

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

Для чего нужны иллюстрации?

Выделим три основные функции:

• для придания сайту индивидуальности. Мы уже писали об основных трендах веб-дизайна 2018-2019 года — там полный список того, что делает сайт модным и современным. Но если присмотреться — везде будет одно и то же в разных вариациях. Контрасты, градиенты, крупные шрифты, стильные картинки — все это здорово, но одинаково. Не говоря уже о сайтах, сделанных на конструкторе или шаблоне — там, увы, индивидуальностью и не пахнет. Иллюстрации, особенно нарисованные вручную, сделают ваш сайт неповторимым. К тому же они будут крафтовыми (изготовленными вручную) — а это сейчас в моде. Пользователи сразу поймут, что над сайтом работали реальные люди, вкладывали в него душу, старались;
• для повышения узнаваемости бренда. Мы уже рассказывали про фирменный стиль — иллюстрации тоже входят в его составляющую наряду с корпоративными цветами, шрифтами, логотипом. Чаще всего картинка — это какой-то персонаж компании (его еще называют маскотом) или символ. Но даже если фирменный стиль еще не разработан, в качестве иллюстраций можно выбрать абсолютно любую графику или анимацию. Если одна и та же иллюстрация или ее варианты кочует с сайта в соцсети, из соцсетей — на визитки, рано или поздно ее начнут ассоциировать с вашим брендом. Можно создавать серии иллюстраций, чтобы не повторяться и не приесться клиентам;
• для того, чтобы проиллюстрировать деятельность компании. Логично, что если компания занимается разработкой сайтов, наиболее подходящими по смыслу будут изображения компьютеров, бородатых программистов и так далее. А если продает женскую одежду — посетителям понравятся рисованные модные девушки;
• для привлечения внимания. Иллюстрация может даже не подходить по смыслу, но быть выполненной с таким чувством стиля, что украсит любой ресурс. И уж точно привлечет внимание посетителей! Кстати, такой вид иллюстраций — просто красивые — часто используются в блогах, личных онлайн-дневниках.

Виды иллюстраций

Оформление меню

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

Рассказ о деятельности компании

Можно написать словами, чем занимается бренд, а можно все то же самое нарисовать. Вот как сделала компания Pieoneers Software Inc:

Кстати, и другие иллюстрированные элементы сайта тоже оформлены в этом же стиле.

Руководство для пользователей

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

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

Рассказ о создателе сайта или команде

Очень жаль, что многие сайты и интернет-магазины молчат, как партизаны, о своей команде. В разделе “О нас” — краткое описание истории и деятельности компании — ни слова о том, какие классные специалисты там работают. А где их имена, где фото? Это делают единицы, меж тем такая личная информация повышает степень доверия к фирме и увеличивает тем самым прибыль. Так вот, об иллюстрациях. Можно сделать рисованные портреты сотрудников, дружеские шаржи и разместить их на сайте. Это еще круче, чем фото!

Если сайт не копоративный, а личный — тем более нужно познакомиться с посетителем. Фотография или рисунок подходит для этого как нельзя кстати. Вот, например, наш коллега — лондонский парень занимается веб-дизайном сайтов и мобильных приложений. Сайт начинается с приветствия (да он и назван Hey Indy — то есть продвижение личного бренда в действии) и рассказа о себе. А вот и сам автор — точнее, его рисованная копия. И все его клиенты.

История, кейс

“Однажды мы с друзьями решили создать интернет-магазин…” — если ваша история начиналась так (или любым другим способом) — расскажите о ней! Если вы придумали вымышленную историю, связанную с вашим товаром, тоже не молчите! Обычно истории рассказывают в виде комиксов — компании не жалеют денег и рассказывают обо всем на свете. Маркетологи давно просекли фишку и рекламируют с помощью комиксов любые товары. Например, жвачку:

Смешные картинки

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

Продающие иллюстрации

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

Больше, больше примеров!

Рекламное агентство Srburns

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

“Евросеть”

Этого желтого терьера знают все: именно он стал символом “Евросети” в 2011 году. До этого компания не имела собственного персонажа — только корпоративные цвета: желтый и синий. В 2011 году началась кампания по ребрендингу, которую вело английское агентство Wolff Olins. Фирменный стиль поменялся полностью, и самым главным отличием “Евросети” стал желтый пес — альтер эго “Евросети”. По словам руководства “Евросети”, он олицетворяет верного друга и персонального помощника для пользователей. А еще собакен игривый, любознательный и очень любит всех покупателей “Евросети”. Не правда ли, отличный образ?

Вот уже 7 лет желтый терьер сопровождает “Евросеть” во всех ее проявлениях. Кстати, у него и имя есть — Гаджет. Говорят, что в конце этого года бренд перестает существовать — но возможно, Гаджет еще напомнит о себе. Жаль терять такого удачного персонажа!

Магазин детских товаров “Насяня”

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

Сайт художника Бэнкси

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

Сайт художника Блу

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

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

TASK4U

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

Блог немецкого парня

Германец Тил, молодой парень 24 лет, ведет блог. Ну ведет и ведет, скажете вы, ничего особенного. Вот только он отличается удивительными картинками — которые изображают самого Тила. Вот такой он — задумчивый, чуть меланхоличный, мечтательный… Записи блога только подчеркивают эти черты характера, образуя вместе с картинками одно целое. Однозначно хороший пример!

Coca-Cola

Это не официальный сайт “Кока-Колы” — один из ее интернет-проектов. На первый взгляд иллюстрации совсем простые, но если присмотреться, становится понятно: все они выдержаны в корпоративных цветах; сразу дают понять тематику — кулинарное направление, а шрифты напоминают о старинных сказках, пряничных домиках и прочих чудесах. Сразу создается определенное “теплое ламповое” настроение!

Atelier Anonyme Design

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

Сайт Design Zillas

Еще один пример яркой индивидуальности. Это уже не просто картинка монстрика, как в первом примере. Это целая философия. “Мы — самое свирепое digital-агентство Орландо. Мы боремся изо всех сил, чтобы получить чудовищные результаты для наших клиентов, — сообщают создатели рекламного агентства в разделе “О нас”. — Наша команда цифровых вдохновителей неустанно работает над созданием свирепых решений для вашего бренда в интернете. Наше цифровое племя дино-клещей готово работать с вами и погрузить наши зубы в веб-маркетинговую стратегию, которая вращается вокруг одной цели: максимизации ROI вашего бренда”. Сильно, ничего не скажешь!

Сайт Ben the Bodyguard

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

Egopop

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

Где взять иллюстрации для сайта?

1. Привлечь знакомых художников. Наверняка в вашем окружении есть пара-тройка человек, которые отлично рисуют. Попросите их помочь и обязательно укажите авторство.
2. Заказать у фрилансера. В сети найдутся тысячи иллюстраторов — как талантливых, так и не очень. Посмотрите портфолио и выберите того, чьи работы вам созвучны по духу или отражают тематику вашего сайта.
3. Обратитесь в студию веб-дизайна. Как правило, студии и агентства сотрудничают с иллюстраторами и привлекают их к работе, когда возникнет такая необходимость. Важно! Иллюстратор от студии будет работать в связке с другими специалистами студии (веб-дизайнером, программистом), в результате чего иллюстрации впишутся на сайт как родные.

И, конечно, ни в коем случае не пользуйтесь чужими работами и не берите стандартные картинки из стоков и фотобанков. Если уж украшать сайт — то выбирать действительно уникальные авторские картинки. Удачи в продвижении!

Как и где делать изображения для социальных сетей

Время чтения ~7 м

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

 

Как выбирать графику

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

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

Релевантность. Изображение ради изображения постить не стоит. Читатель должен видеть связь иллюстрации с текстом. Связь может быть явной или завуалированной, но без нее никуда.

Где брать и делать графику

В работе вам пригодятся и фото, и собственноручно сделанные картинки.

Онлайн-сервисы для создания иллюстраций

Здесь собраны только инструменты, которые по плечу новичкам. Никаких фотошопов.

Desygner.com. Благодаря этому сервису не придется ломать голову по поводу привлекательных картинок. YouTube, Facebook, Twitter – здесь есть шаблоны для всех западных соцсетей.

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

Internet Marketing Ninjas. Многофункциональный сервис. Нас интересует инструмент для обрезки изображений. Можно обрезать самостоятельно или по шаблонным размерам.

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

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

Quozio. Не всегда работа требует графических заморочек. Иногда нужно просто добавить на картинку цитату.

Фотостоки

Предлагаем подборку бесплатных стоков:

• FreeStockImages. Еще один сервис на русском языке. Более 50 000 качественных фото и видео.
• Gratisography.
• Picjumbo.
• Unsplash.
• Pexels.
• StockSnap.
• DesignersPic.
• Life of Pix. Фотографий не очень много, но попадаются интересные изображения.

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

• DepositPhotos. Около 100 млн изображений.
• Istockphoto.
• Shutterstock.

Требования к размерам изображений в соцсетях

Все размеры указаны в пикселях.

Facebook

Фото профиля – не менее 320х320.

Обложка – 820х360 (при просмотре на ПК) и 640х360 (при просмотре на смартфоне).

Картинка для поста – 1200х630. В ленте изображение масштабируется до ширины 470.

 

Для мобильной версии,/strong> — 828х475.

Изображение для поста со ссылкой – 1200х627.

ВКонтакте

Фото профиля – 200х300 или 200х500. Максимальное разрешение – 7000х7000.

Обложка – 1590х400 (при просмотре на ПК) и 1196х400 (при просмотре на смартфоне).

Картинка для поста – 700х500. Максимальный размер – 1000х700.

Изображение для поста со ссылкой – 537х240.

Instagram

Фото профиля – 110х110. Аватар отображается круглым – даже если вы не соблюдете рекомендованные размеры, придерживайтесь указанных пропорций.

Изображение для поста – 1080х1080. В ленте картинка отображается с разрешением 510х510.

Сторис – 1 080х1920. Минимальный размер – 1067х600.

Одноклассники

Фото профиля – 190х190. Предельный размер – 1680х1680.

Обложка – 1340х320.

Изображение для поста – 1680х1680.

YouTube

Фото профиля – 80h20х800. Сервис сожмет исходник до 98х98.

Обложка – 2560х1440. Чтобы изображение корректно отображалось на всех устройствах, придерживайтесь размера 1546х423 (считая от центральной точки).

Изображение поверх видео — 1280х720.

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

#smm

Как должны выглядеть иллюстрации в детских книжках

Книги, которые мы прочли в детстве, так сильно повлияли на нас благодаря запоминающимся картинкам с любимыми героями. Образы Незнайки или Дюймовочки мы легко можем воспроизвести в памяти спустя десятилетия. Но теперь хорошую книгу с картинками выбрать сложнее. Заходя в магазин, мы просто теряемся и в итоге берём книжку с самой ядовитой обложкой, от которой ребёнку делается дурно. В чём секрет удачной иллюстрации и как выбрать для ребёнка хорошую книжку с картинками, Ангелине Грин и Илье Маркину рассказала Александра Балашова, иллюстратор и преподаватель Школы рисования Вероники Калачевой.

Полезная рассылка «Мела» два раза в неделю: во вторник и пятницу

3 правила для создания хороших детских рисунков

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

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

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

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

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

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

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

Если не знаете, как выбрать из многообразия книг что-то стоящее, и теряетесь среди ассортимента книжных магазинов — обратите внимание на небольшие издательства («Поляндрия», «Самокат», «Розовый жираф»). Маленькие издательства часто более тщательно подходят к выбору книг и качеству иллюстраций.

Какими бывают детские иллюстрации

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

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

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

В качестве примера объединённых сюжетом иллюстраций можно привести рисунки Фредерика Пийо в книгах «Лулу и рассеянный Аист» или «Лулу и праздник влюблённых». На рисунках мы видим как раз те ситуации, которые описываются в тексте.

Иллюстрация Фредерика ПийоИллюстрация Фредерика Пийо

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

Виммельбухи — идеальный вариант для читателей помладше: дети учатся, играя и читая. Яркий пример — книга «В цирке» Доро Гебель и Петера Кнорра. Несколько сюжетов, каждый из которых разворачивается на территории цирка.

Иллюстрация Доро Гебель и Петера Кнорра

Картинки иногда объединяются и по стилистическому принципу. Иллюстратор рисует уже знакомые образы, адаптируя их под свой уникальный стиль. Например, перерисовывает персонажей книги, серии книг, серии фильмов или мультиков так, чтобы они, оставаясь узнаваемыми героями, отражали видение художника. На рисунках финского графического дизайнера Йирки Ваатайнена можно узнать диснеевских принцесс, хотя они и выглядят непривычно. Детям, которые любят «Холодное сердце» и «Белоснежку и семь гномов», книжка с подобными иллюстрациями очень понравится.

Иллюстрации Jirka Väätäinen

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

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

Иллюстрация Олега Береснева

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

Вот яркий пример иллюстрации в акварели от токийского художника Матеуша Урбановича.

Иллюстрации Mateusz Urbanowicz

А вот рисунки гуашью от Динары Мирталиповой.

Иллюстрации Dinara Mirtalipova

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

Иллюстрации Michaela Mihalyiová

Такую же технику взяли на вооружение авторы книги «Звучит»: Татьяна Деваева, Елена Эрлих и Алексей Ляпунов.

Иллюстрация Татьяны Деваевой, Елены Эрлих и Алексея Ляпунова

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

Иллюстрация Ольги Ежовой-Денисовой

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

Иллюстрация Morgana Meredith Wallace

Классическая векторная иллюстрация, как в работе ирландского иллюстратора Питера Доннелли, примечательна, прежде всего, тем, что напоминает мультипликацию.

Иллюстрация Питера Доннелли

Лучшие иллюстраторы

Если вы не вполне доверяете собственному вкусу, обратитесь к работам прославленных художников. Гуру иллюстрации очень много, и у каждого человека свой список фаворитов. Я составила подборку своих любимых авторов. Все они повлияли на детскую иллюстрацию, а многие даже стояли у её истоков.

Мирослав Шашек — детский писатель и иллюстратор из Чехии, известный благодаря красочным путеводителям. Серия ярких изданий включает в себя гиды «Это Нью-Йорк», «Это Париж», «Это Лондон» и многие другие.

Зденек Милер — ещё один чешский художник, чаще работавший с анимацией. Известен как автор мультфильмов о Кротике, которые многие с удовольствием смотрели в детстве.

Беатрис Поттер — английская художница и автор детских книг. В основном она рисовала животных и растения.

Лев Токмаков — советский художник-иллюстратор, сотрудничавший с журналом «Мурзилка». Его работы хранятся в Третьяковской галерее и Музее изобразительных искусств имени Пушкина.

Виктор Чижиков — художник, подаривший миру образ медвежонка Мишки, талисмана летних Олимпийских игр 1980 года в Москве.

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

Ольга и Андрей Дугины — российские художники, переехавшие в Штутгарт. Их работы напоминают средневековые миниатюры. В 2007 году супруги были награждены Золотой медалью Общества иллюстраторов США за рисунки к сказке «Храбрый портняжка».

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

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

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

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

Квентин Блейк — английский иллюстратор. Его рисунки украшают более 300 книг признанных классиков: Льюиса Кэрролла, Редьярда Киплинга, Жюля Верна, Сильвии Плат, Роальда Даля и многих других.

---

Руководство от фотографий к иллюстрациям | ПРУЖИНА

Введение

Важность высококачественных визуальных изображений

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

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

Цель данного руководства

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

Это руководство Photo-to-Illustration (PTI). выделяет особую технику создания высококачественных иллюстраций посредством процесса, включающего отслеживание эталонной фотографии, а затем сканирование и импорт полученного штрихового рисунка в компьютер для добавления цвета, затенения и узоры. Руководство PTI Guide предназначено для ориентирования менеджеров по социальным изменениям и поведению (SBC) на основные принципы, задействованные в процессе PTI, и преимущества использования этого метода при разработке визуальных материалов для питания и других программ SBC.Кроме того, он призван предоставить общий обзор различных связанных с PTI ресурсов, которые могут понадобиться менеджерам SBC для приобретения и включения высококачественных иллюстраций в свои информационные материалы и программы вмешательства.

Контекст данного руководства

Руководство PTI служит дополнением к Консультационному пакету по вопросам кормления детей грудного и раннего возраста (C-IYCF), всеобъемлющему глобальному ресурсу, разработанному ЮНИСЕФ для продвижения основных методов питания.Консультационный пакет C-IYCF предоставляет заинтересованным сторонам в области питания несколько инструментов, в том числе общий набор консультационных карточек и брошюр, которые можно забрать домой, с высококачественными изображениями и ключевыми сообщениями, основанными на фактах. В пакет также включено руководство по адаптации, чтобы помочь заинтересованным сторонам адаптировать весь пакет к своей конкретной национальной политике и культурному контексту. Методика, представленная в руководстве PTI Guide , расширяет основные этапы процесса PTI для разработки иллюстраций, изложенных в руководстве по адаптации ЮНИСЕФ.(Дополнительную информацию об этом пакете см. В Приложении 1.)

В рамках проекта «Укрепление партнерства, результатов и инноваций в области питания во всем мире» (SPRING), финансируемого USAID, было создано несколько дополнительных ресурсов в дополнение к PTI Guide и C-IYCF Counseling Package . Во-первых, SPRING создала Photo-to-Illustration Tutorial , видео, в котором объясняется процесс PTI. В этом видео используется пример из реальной жизни, чтобы запечатлеть этапы создания иллюстрации с полным объемом и цветами.

Второй ресурс, IYCF Digital Image Bank , был создан в рамках партнерства между SPRING и UNICEF и предоставляет постоянно растущий репозиторий образов, созданных с использованием процесса PTI. Банк цифровых изображений IYCF содержит более 100 изображений из стандартного пакета консультирования UNICEF C-IYCF , а также несколько вариантов этого пакета, которые были созданы для конкретных стран и контекстов. Пользователям рекомендуется загружать, использовать и адаптировать эти изображения для некоммерческих целей SBC, в зависимости от ситуации, или они также могут служить ориентиром для вашей команды при адаптации или создании новых изображений для вашей программы.(Пожалуйста, свяжитесь с SPRING по адресу [email protected], если вы хотите отправить изображения в банк для использования другими людьми, работающими в SBC по питанию.)

Как использовать

PTI Guide

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

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

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

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

Планирование иллюстраций

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

Выбор стиля изображения

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

Мультфильмы или картинки

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

Преувеличенная идея стопки материалов лучше всего соответствует мультяшному стилю.

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

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

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

Фотография

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

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

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

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

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

Процесс преобразования фото в иллюстрацию (PTI)

Процесс PTI пытается использовать гибкость иллюстрации с деталями фотографии.

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

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

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

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

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

В качестве дополнения к Консультационному пакету UNICEF C-IYCF , одна из целей PTI Guide — расширить базовое руководство по процессу PTI, впервые представленное в адаптационном компоненте этого пакета. Таким образом, хотя все три стиля можно использовать при разработке высококачественных визуальных материалов SBC, оставшаяся часть PTI Guide посвящена только процессу PTI.Однако вы можете обнаружить, что большая часть рекомендаций, представленных в следующем разделе, может быть применена также к проявлению изображений в стилях мультфильмов или фотографий.

Введение в файлы графического дизайна

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

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

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

Плоские изображения

Плоские изображения представлены в файлах нескольких типов, включая JPG (или JPEG), PNG и BMP.Эти типы файлов могут различаться по качеству изображения, размеру файла и второстепенным функциям, но все они являются «плоскими» изображениями. Это означает, что изображения простые и включают только линии и цвета, которые видны на изображении. Чтобы отредактировать плоское изображение, художник должен стереть часть и перерисовать или перекрасить ее.

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

Многослойные изображения

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

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

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

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

Многослойные изображения могут быть сохранены с использованием файлов нескольких типов, таких как TIF или PSD, для которых может потребоваться профессиональная программа графического дизайна, чтобы иметь возможность открывать и полностью изменять их позже. Поскольку многослойные изображения могут содержать десятки слоев, они обычно намного больше плоского изображения и не могут быть легко использованы в документе без преобразования в меньший размер.Например, средний размер многослойного изображения в банке цифровых изображений IYCF составляет 37 МБ. Однако эти файлы можно в любой момент преобразовать в плоское изображение меньшего размера (<1 МБ) с помощью программы графического дизайна. Этот процесс, называемый «сведение», удаляет невидимые слои и объединяет видимые слои в один слой или плоское изображение. Поэтому художнику всегда лучше работать с многослойным изображением, а затем делиться сплющенными копиями с командой для проверки. После того, как команда предоставит свой отзыв, изображение можно отредактировать и доработать в многоуровневой версии, а затем снова скопировать и сгладить для использования в макетах.Важно помнить, что вы не можете «снять сглаживание» плоского изображения и восстановить его слои, поэтому всегда сохраняйте сохраненную копию многослойного изображения для будущих адаптаций . Менеджеры SBC должны будут тщательно спланировать, как передавать и хранить большие файлы, содержащие многоуровневые изображения, поскольку даже одно многослойное изображение может быть слишком большим для отправки по электронной почте.

Составление бюджета для иллюстраций

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

Время художника

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

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

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

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

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

Дизайн / верстка

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

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

Бюджетирование печати

Совет эксперта

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

Наем художников

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

Чтобы выразить свои ожидания, используйте в качестве примеров существующие иллюстрации, созданные с использованием процесса PTI, и предоставьте художнику фактическую справочную фотографию, если она уже доступна. Также неплохо показать потенциальным художникам PTI Guide и / или сопутствующее обучающее видео. (Приложение 3 содержит конкретные инструкции по созданию объема работ или технического задания для художника.)

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

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

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

Тайм-менеджмент для иллюстраций

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

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

(Дополнительные инструкции по отслеживанию процесса разработки изображений и / или запроса изменений у художников см. В образце средства отслеживания версий в Приложении 4.)

Этапы процесса от фотографии до иллюстрации

Необходимое оборудование и другие ресурсы

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

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

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

Художникам-графикам также нужен компьютер с как минимум 4 ГБ ОЗУ (предпочтительно 8 ГБ) для правильной работы графической программы.

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

В этом разделе описывается процесс PTI, от создания изображения до готовой иллюстрации для макета. Эти шаги являются расширением шагов, подробно описанных в Руководстве по адаптации Консультационного пакета CI-IYCF, которое мы воспроизвели в Приложении 5. Хотя менеджеры SBC напрямую участвуют только в некоторых из этих шагов, важно, чтобы менеджеры понимали полные процессы, чтобы помочь подчеркнуть мощь технологии в процессе PTI и дополнительную ценность этого инструмента для создания иллюстраций.Эти знания помогут в устранении неполадок и устранении узких мест во время производства и последующей адаптации.

Этапы PTI включают:

• Разработка концепции
• Справочная фотография
• Подбор и подготовка фотографий
• Карандаш и трассировка чернил
• Очистка рисования линий в Photoshop
• Добавление плоского цвета
• Создание Создание тома
• Добавление узоров
• Другие элементы

Разработка концепции

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

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

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

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

Справочная фотография

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

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

Этика и процесс PTI

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

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

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

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

Освещение

Этот снимок в Гвинее был сделан днем ​​при легкой облачности, что дало нам яркие цвета, избегая резких теней.

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

Выбор модели

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

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

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

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

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

Размещение модели

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

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

Обрамление фотографии

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

Уголок

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

Дополнительная фотография

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

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

Подбор и подготовка фотографий

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

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

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

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

Карандаш и трассировка чернил

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

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

Художники часто могут добиться того же результата с окном на солнце.

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

Художник должен игнорировать элементы фона на этом этапе и обводить только самые дискретные линии на фотографии. Некоторые линии должны быть четко очерчены, например, очертания тела модели или ее одежды.В других областях иллюстрации могут не потребоваться линии; Классический пример — нос модели, у которого часто нет острых краев. Вместо того, чтобы рисовать гребень посередине лица модели, художник может нарисовать только ноздри модели. Затем можно создать форму носа путем добавления бликов и теней (см. Раздел «Создание объема»). Если необходимо или желательно для завершения сцены, элементы фона можно нарисовать как отдельный файл изображения и добавить в сцену как отдельный слой.

Это законченный рисунок карандашом. Обратите внимание, как линии немного зернистые.

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

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

Рисование линий в Photoshop

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

При сканировании трассировки художник должен выбрать настройку сканирования с высоким разрешением (не менее 300 точек на дюйм) для обеспечения высокого качества. Мы рекомендуем сканировать в цвете, даже если рисунок черно-белый. Цветное сканирование содержит более подробные данные изображения, и им легче управлять, чем сканированием в оттенках серого или черно-белым сканированием. Попав в Photoshop, изображение можно преобразовать в оттенки серого.

Обведя изображение карандашом, вы получите более четкие и однородные линии.

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

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

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

Очищая линии в Photoshop, художник может исправить линии и пятна, а также добавить детали.

Добавление плоского цвета

Color оживляет иллюстрацию.

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

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

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

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

Художник должен продолжать этот процесс, пока все области не будут окрашены.Каждый цвет должен быть добавлен на свой особый слой и НИКОГДА не на слой с рисунком линии.

При выборе цветов обычно лучше выбирать из образцов в предустановленной цветовой палитре программы, чем создавать определенный уникальный цвет. Это поможет художнику вернуться назад и выбрать тот же цвет для добавления в другой раздел или другое изображение, если это необходимо. Это особенно важно для оттенков кожи, которые должны оставаться одинаковыми для каждой отдельной модели в серии изображений.После того, как к изображению добавлен плоский цвет, рекомендуется снова экспортировать сплющенную версию иллюстрации для быстрой обратной связи от технической команды и / или предварительного тестирования в сообществе. (См. Раздел «Технический обзор и отзывы».)

Создание тома

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

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

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

Объем кожи субъектов был добавлен. Свет и тени добавляют изображению глубины и оживляют.

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

Художник может применять блики и тени с помощью пары инструментов: инструмента Dodge (для света) и инструмента Burn (для тени), хотя метод использования каждого инструмента одинаков. Используя мягкую кисть, художник должен установить для каждого инструмента низкую экспозицию (около 10 процентов.Затем художник может сначала применить общие блики и тени, например, свет на лбу модели и тени под подбородком. Затем художник может увеличить масштаб, использовать кисть меньшего размера и продолжить работу с деталями, такими как блики и тени вокруг носа модели.

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

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

Добавление узоров

Узоры помогают изображению выглядеть более ярким и реалистичным.

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

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

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

Затем художник может расположить и изменить размер слоя с рисунком на желаемом слое одежды. Используя инструмент Photoshop под названием Free Transform, художник может использовать функцию деформации, чтобы искажать форму узора, чтобы он выглядел так, как будто он напечатан на одежде. Для стиля слоя можно установить значение «Наложение», чтобы объем, который уже был применен к одежде, также отображался на выкройке. Эти два метода заставляют рисунок реалистично выглядеть так, как будто он есть на одежде модели (при этом у вас есть возможность удалить или заменить рисунок позже, поскольку рисунок находится на отдельном слое от одежды).После этого выкройку можно вырезать по размеру слоя одежды.

Эту технику можно повторить с другими выкройками и одеждой.

Прочие элементы

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

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

Просмотр, тестирование и хранение иллюстраций

Сценарий поля

Для работы SPRING по мытью рук в Сьерра-Леоне команда создала образ женщины, нюхающей свои чистые руки. ВЕСНА проверила рисунок линии с членами общины в Сьерра-Леоне, которые интерпретировали изображение как молящуюся женщину. В результате сотрудники в Сьерра-Леоне запросили модификацию и отправили быстрый снимок камеры телефона с альтернативным положением. Затем художник разработал новое изображение, которое было раскрашено, протестировано и одобрено сообществом.

Технический обзор и отзывы

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

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

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

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

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

Полевые испытания / адаптация

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

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

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

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

Хранение иллюстраций

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

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

SPRING призывает менеджеров SBC также подавать свои иллюстрации, связанные с IYCF, через банк цифровых изображений IYCF. Вклады в банк доступны для всех в Интернете и каталогизированы по странам происхождения, секторам, темам и ключевым словам, так что любую иллюстрацию можно легко найти для повторного использования или для будущей адаптации. Кроме того, добавление изображений в банк цифровых изображений IYCF позволяет другим организациям в дальнейшем использовать и адаптировать иллюстрации для других некоммерческих целей, с признательностью к оригинальным создателям.SPRING и ЮНИСЕФ надеются, что банк цифровых изображений IYCF может служить цифровым хранилищем изображений, связанных с IYCF, со всего мира. Добавление ваших недавно созданных или адаптированных изображений является важной частью превращения банка изображений в успешный «живой» ресурс. Чтобы внести иллюстрации в Банк цифровых изображений IYCF, посетите сайт здесь или свяжитесь с SPRING по адресу [email protected].

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

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

Превратите фотографию в иллюстрацию | Как сделать фотоиллюстрацию

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

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

---

Сделайте фотоиллюстрацию за 4 шага

1. Откройте изображение в PicMonkey.

2. Примените эффект Edge Sketch.

3. Добавьте художественного акцента с помощью Posterize.

4. Отрегулируйте экспозицию и цвета для получения безупречного вида.

---

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

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

---

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

Инструмент Edge Sketch — отличная отправная точка для превращения фотографий в иллюстрации, поскольку он заставляет ваши изображения выглядеть так, как будто они нарисованы карандашом. Если ваша фотография плохо трансформируется с помощью Edge Sketch, попробуйте сначала увеличить контраст: перейдите в меню Edits> Basic Edits> Exposure .

• В PicMonkey щелкните вкладку Effects и прокрутите вниз до «Edge Sketch» ​​(в группе эффектов Artsy ).

• Поверните ползунки Thickness, и Level of detail до упора, чтобы запечатлеть максимальное количество деталей.

• Отрегулируйте ползунок Fade примерно на полпути, чтобы часть цвета вернулась в изображение, а затем нажмите Применить .

---

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

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

• Эффект «Постеризация» удобно расположен также в группе Artsy.

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

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

• Снова отрегулируйте ползунок Fade примерно на полпути и затем нажмите Применить .

---

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

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

• В меню редактирования нажмите Exposure .

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

• Когда все будет готово, нажмите Применить .

Повторите тот же процесс с Colors в разделе Basic Edits, регулируя ползунки до тех пор, пока вы не добьетесь желаемого результата.

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

---

Больше фото к иллюстрации веселье

Хотите стать более вычурным? Испытайте инструмент Draw !

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

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

---

Что вы хотите сделать дальше?

Что мне делать, если кто-то делает иллюстрацию или рисунок на основе моей фотографии?

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

Так что, если вы считаете, что кто-то имитировал или скопировал одно из ваших фотоизображений?

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

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

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

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

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

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

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

Использование фотографии при создании картины не нарушение авторских прав

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

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

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

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

Добросовестное использование

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

Суды, как правило, оценивают добросовестное использование по этим четырем пунктам (иногда называемым «зубцами»), изложенным в §107 Закона об авторском праве:

1. цель и характер использования, включая то, имеет ли такое использование коммерческий характер или в некоммерческих образовательных целях;
2. характер работы, защищенной авторским правом;
3. количество и существенность использованной части по отношению к работе, защищенной авторским правом, в целом; и
4. влияние использования на потенциальный рынок или стоимость работы, защищенной авторским правом.

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

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

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

Производные работы.

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

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

Что делать, если вы хотите создать иллюстрацию или картину из своей фотографии? Хорошо; потому что вы владеете авторскими правами на свое изображение. Но у вас также будет авторское право на картину или иллюстрацию, поскольку это «новая» работа. Чтобы произведение было «новым», оно должно быть достаточно разным. Простое внесение незначительных изменений в оригинальную работу, защищенную авторским правом, не означает создание новой работы в соответствии с законом об авторском праве.Подчеркнем: это не означает, что кто-то другой может внести незначительные изменения в вашу работу и заявить, что они не нарушили первоначальные авторские права — это определение копирования!

Рекомендуемое изображение Alex Mihis

ХОТИТЕ ПОДЕЛИТЬСЯ ЭТИМ ЗАПИСЕМ ИЛИ СОХРАНИТЬ ЕГО ПОЗЖЕ? Прикрепите это изображение!

Детская книжная иллюстрация I: Мыслить картинками

Детская книжная иллюстрация I: Мыслить картинками

У вас есть идея для детской книги? Или вы всегда задавались вопросом, как оживить историю с помощью искусства?

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

Предлагаемых кварталов: Зима (онлайн) | Лето (онлайн)
Стоимость курса: 395 долларов
Предварительные требования: Рисование: Сосредоточение внимания на восприятии или эквивалентный опыт.
Следующий курс: Детская книжная иллюстрация II: Сосредоточьтесь на стиле
Контактное лицо: Для получения дополнительной информации об этом курсе отправьте электронное письмо в академический отдел по адресу [email protected].

Примечание: участников SCBWI могут получить скидку 25 долларов за «раннюю регистрацию» после окончания периода ранней регистрации. Максимальная скидка, которую может получить участник, составляет 25 долларов США за класс. Это предложение не суммируется с другими скидками, за исключением выпускников / студентов / сотрудников. Пожалуйста, отправьте подтверждение членства по адресу без регистрации @ ucsd.edu и зарегистрируйтесь по телефону, когда будет предложено.

Номер курса: ART-40634
Кредиты: 3,00 единицы
Соответствующие программы сертификации: Детская книжная иллюстрация, Детское написание книг

В данный момент нет запланированных разделов этого курса. Пожалуйста, свяжитесь с отделом искусств, гуманитарных наук, языков и цифровых искусств по телефону 858-534-5760 или [email protected] для получения информации о том, когда этот курс будет снова предложен.

Иллюстрации и чертежи — CHASS IT

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

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

Поиск группы значков иллюстраций

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

Рисунок 4-1

Как показано в Рис. 4-1 выше, к группе значков Иллюстрации можно получить доступ, щелкнув вкладку ВСТАВИТЬ прямо над значками в меню ленты.

Добавление изображений

Шаг 1. Чтобы вставить изображение, сохраненное на жестком диске, сначала выберите значок Изображения в меню ленты.

Рисунок 4-3

Шаг 2. Появится новое окно, предлагающее указать, где на жестком диске находится изображение, которое вы хотите вставить. Как только вы найдете изображение, нажмите кнопку Insert .

Рисунок 4-4

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

Рисунок 4-5

Шаг 4. Когда изображение выбрано, ленточное меню вверху изменится, чтобы открыть набор опций Picture Tools . Используя это меню, вы можете изменить способ обтекания текста вокруг только что вставленного изображения, щелкнув значок Перенести текст , чтобы открыть раскрывающееся меню. Для целей этого урока мы выберем опцию обтекания текстом Tight .

Рисунок 4-6

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

Рисунок 4-7

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

Наконечник. Если инструменты Picture Tools не отображаются в меню ленты, дважды щелкните изображение.

[Вернуться к началу]

Вставка ClipArt

Если ваша сеть или подключение к Интернету активно, вы можете вставить ClipArt из онлайн-базы данных Microsoft.

Рисунок 4-8

Шаг 1. Чтобы вставить ClipArt, щелкните вкладку INSERT и выберите Online Pictures .

Рисунок 4-9

Шаг 2. В диалоговом окне введите тему в Office.com Clip Art и нажмите Введите .

Рисунок 4-10

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

[Вернуться к началу]

Вставка фигур

Рисунок 4-11

Шаг 1. Чтобы вставить фигуру, щелкните вкладку ВСТАВИТЬ . Щелкнув Фигуры , выберите нужную форму из раскрывающегося меню. Поскольку этот параметр используется довольно часто, для целей данного руководства мы выберем Текстовое поле в разделе «Основные формы » .

Рисунок 4-12

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

Рисунок 4-13

Шаг 3. После того, как форма была создана, инструменты рисования теперь появляются в меню ленты, позволяя вам изменять форму относительно окружающего текста. Щелкните значок Перенос текста , чтобы отобразить различные варианты переноса. В случае текстового поля вы можете щелкнуть в любом месте внутри самого поля и начать вводить текст.

Рисунок 4-14

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

Рисунок 4-15

Шаг 5. Теперь, когда вы выбрали способ обтекания формы текстом, переместив курсор к краю, вы можете щелкнуть и перетащить, чтобы переместить или изменить его размер. Если это текстовое поле, вы можете щелкнуть внутри него и ввести текст, при необходимости отформатировав его.

Фиг.4-16

Шаг 6. Как только фигура достигнет желаемого размера и положения на странице, вы можете отформатировать ее дальше. Например, вы можете изменить цвет заливки формы или контура либо сделать оба прозрачными.Для целей этого урока мы выберем No Outline .

Рисунок 4-17

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

[Вернуться к началу]

Часто используемые формы

Теперь, когда мы рассмотрели основы вставки фигур, мы рассмотрим наиболее часто используемые фигуры, доступные в Word 2013.

Линии

Рисунок 4-18

Шаг 1. Чтобы начать рисовать линию, сначала щелкните вкладку ВСТАВИТЬ над значками в меню ленты, а затем Фигуры , выбрав линию, которую вы хотите вставить. В этом уроке мы выберем самый простой вариант — крайнюю левую линию.

Рисунок 4-19

Шаг 2. Затем направьте перекладину в желаемое место на странице, куда вы хотите вставить свою линию.Щелкните и удерживайте левую кнопку мыши и проведите по странице, чтобы нарисовать линию. Когда он достигнет желаемой длины, отпустите кнопку мыши.

Наконечник. Удерживая нажатой клавишу Shift во время рисования линии, она будет оставаться ровной, диагональной или вертикальной.

Рисунок 4-20

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

[Вернуться к началу]

Стрелки

Рисунок 4-21

В Word 2013 есть два типа стрелок, а именно линейных стрелок и блочных стрелок . И то, и другое можно найти в меню Shapes, , щелкнув вкладку INSERT (см. Fig. 4-18 выше). Блочные стрелки группируются в одном меню.Единственная разница между рисованием стрелок и линий заключается в том, что нужно помнить, что стрелка будет указывать в сторону от начальной точки. В остальном процедура рисования стрелок такая же, как и рисования линий (см. Линии, , , выше).

Прямоугольники

Рисунок 4-22

После выбора опции прямоугольника в меню Фигуры (см. Рис. 4-18 выше), щелкните и перетащите из одного угла в другой, чтобы создать прямоугольник.Рисование прямоугольников аналогично рисованию любой другой формы, за исключением того, что нажатие клавиши Shift сделает его идеальным квадратом. Заливку прямоугольника можно изменить, щелкнув опцию Shape Fill в разделе Drawing Tools . Если они не видны сразу, к этим инструментам можно получить доступ, дважды щелкнув сам прямоугольник.

[Вернуться к началу]

Овалы

Рисунок 4-23

После выбора опции овал в меню Фигуры (см. Рис.4-18), перетащите курсор из одного угла в другой, удерживая левую кнопку мыши. Как и в случае с прямоугольниками, рисование овалов с удержанием клавиши Shift улучшит форму, в данном случае сделав ее идеальным кругом.

Текстовые поля

Рисунок 4-24

Текстовые поля — это свободно плавающие поля, которые могут отображать текст без изменения форматирования основного текста за ним или вокруг него. Чтобы вставить текстовое поле, просто щелкните вкладку ВСТАВИТЬ и выберите Текстовое поле , чтобы получить доступ к раскрывающемуся меню (см. Рис.4-24а ниже). Для получения дополнительной информации о вставке текстовых полей и других фигур см. Вставка фигур ). После того, как вы нарисовали рамку, просто щелкните внутри нее, чтобы добавить текст. Вводимый текст можно отформатировать так же, как и основной текст.

SmartArt

В дополнение к функции текстового поля Word 2013 также включает функцию под названием SmartArt , которая позволяет представлять идеи в формате диаграммы.

Рисунок 4-25

Шаг 1. Чтобы вставить SmartArt, щелкните вкладку INSERT и выберите SmartArt в группе значков Иллюстрации в меню ленты.

Рисунок 4-26

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

Рисунок 4-27

Шаг 3. Отформатируйте текст графического элемента SmartArt, щелкнув текст или используя контур слева от рисунка.

Рисунок 4-28

Шаг 4. Использование меню ленты при выбранном графическом элементе SmartArt позволит вам дополнительно отформатировать его, изменяя различные элементы его дизайна. Чтобы переместить или изменить размер изображения или изменить способ обтекания текста текстом, см. Шаги 3-5 в разделе Добавление изображений .

[Вернуться к началу]

Графики

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

Рисунок 4-29

Шаг 1. Чтобы вставить диаграмму, щелкните вкладку ВСТАВИТЬ , выбрав Диаграмма под группой значков Иллюстрации в меню ленты.

Рисунок 4-30

Шаг 2. Выберите тип диаграммы, которую вы хотите вставить, а затем нажмите ОК .

Рисунок 4-31

Шаг 3. После вставки диаграммы вы можете использовать всплывающее окно Excel для редактирования различных полей. Чтобы отформатировать что-либо на диаграмме, просто щелкните то, что вы хотите изменить. Вы также можете использовать ленточное меню. Если вы хотите переместить или изменить размер диаграммы или изменить способ обтекания окружающим текстом, см. Шаги 3-5 в разделе Добавление изображений .

[Вернуться к началу]

Скриншоты

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

Рисунок 4-32

Чтобы вставить снимок экрана в документ, щелкните вкладку ВСТАВИТЬ , выбрав Снимок экрана под группой значков Иллюстрации в меню ленты.Появится раскрывающееся меню, в котором будут показаны скриншоты всех открытых окон. Чтобы выбрать один, щелкните по нему. После того, как он будет вставлен, вы можете отформатировать его дальше. Если вы хотите переместить или изменить размер снимка экрана или изменить способ обтекания его текстом, см. Шаги 3-5 в разделе Добавление изображений .

Вставка обрезки экрана

Если вы не хотите вставлять снимок экрана всего окна в документ, вы можете сделать вырезку экрана.Параметр Screen Clipping находится в нижней части раскрывающегося меню Снимок экрана (см. Рис. 4-32, выше).

Рисунок 4-33

После того, как вы выбрали опцию Screen Clipping в нижней части раскрывающегося меню Screenshot (см. Рис. 4-32 выше), Word 2013 свернется, и экран станет серым. Также появится перекладина, позволяющая щелкнуть левой кнопкой мыши и перетащить курсор, чтобы охватить область экрана, которую вы хотите вырезать.Как только вы отпустите левую кнопку мыши, в вашем документе появится вырезка экрана (см. Рис. 4-34 ниже).

Рисунок 4-34

WordArt

WordArt — еще одна популярная функция Word, которая позволяет вводить свободно плавающий текст без текстового поля. Эта функция наиболее полезна для плакатов, листовок, объявлений и т. Д.

Рисунок 4-35

Шаг 1. Чтобы вставить WordArt, щелкните на вкладке INSERT и выберите WordArt , чтобы открыть раскрывающееся меню, в котором представлены различные стили WordArt для использования в документе.

Рисунок 4-36

Шаг 2. После вставки WordArt вы можете ввести текст и отформатировать его дальше. Вы можете изменить внешний вид вставленного объекта WordArt, открыв параметры стилей WordArt в меню ленты, которые отображаются при выборе объекта WordArt.

[Вернуться к началу]

Форматирование

Хотя многие параметры форматирования фигур и иллюстраций доступны в Word 2013, вам могут потребоваться более сложные параметры форматирования.

Рисунок 4-37

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

Рисунок 4-38

Шаг 2. В правой части экрана появится меню форматирования, дающее доступ к расширенным параметрам форматирования.

[Вернуться к началу]

Перенос текста

Существует множество различных способов обтекания текстом фигур или иллюстраций. Ниже приведены некоторые из различных методов обтекания текстом, доступных в Word 2013. Параметры обтекания текстом наиболее легко доступны с помощью значка, который появляется рядом с фигурой или иллюстрацией (см. Рис.4-39 ниже), или выбрав вкладку FORMAT и щелкнув значок Wrap Text . Оба становятся доступными при нажатии на фигуру или иллюстрацию.

Рисунок 4-39

Для еще более расширенного форматирования нажмите Просмотреть больше опцию в нижней части меню ПАРАМЕТРЫ РАЗМЕЩЕНИЯ .

[Вернуться к началу]

Способы переноса текста

В строке с текстом

Рисунок 4-40

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

S quare с текстом

Рисунок 4-41

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

Плотный

Рисунок 4-42

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

Верх и Низ

Рисунок 4-43

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

За текстом

Рисунок 4-44

Этот метод предотвращает влияние друг друга на объект и текст и заставляет объект помещаться за основным текстом документа.

Перед текстом

Рисунок 4-45

Этот параметр заставляет объект вести себя аналогично параметру за текстом, только он помещается перед текстом, а не за ним.

[Вернуться к началу]

Типы иллюстраций — стили и приемы

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

Давайте взглянем на

Какие типы иллюстраций бывают?

Техники — традиционные и современные
1. Деревообработка
2. Травление металла
3. Карандаш
4. Рисунок углем
5. Литография
6. Акварельная иллюстрация
7. Иллюстрация, гуашь
8. Иллюстрация акриловыми красками
9. Коллаж
10. Иллюстрация пером и тушью
11. Цифровая иллюстрация от руки
12. Векторная графика

Стили
1. Концепт-арт
2. Детские книжные иллюстрации
3. Графический роман / комиксы
4. Книги, публикации, редакция
5. Реклама
6. Упаковка
7. Брендинг и логотип

Теперь мы более подробно рассмотрим отдельные разделы:

• Иллюстрация
• Виды иллюстраций
• Стили и приемы

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

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

Майк Редман — Гостиная-студия

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

Узнайте разницу между «дизайнером» и «иллюстратором»

Очень трудно отличить их друг от друга, но вы не будете далеки от истины, если скажете это:

Daniel Tan — целевая страница приложения Sportify

Дизайнер

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

Лулу и Тумми — Миллениалы

Иллюстратор

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

Тем не менее, многие иллюстраторы и дизайнеры поменялись бы шляпами и действовали бы наоборот.

Хорошо, тогда каково же определение иллюстрации?

Источник: Freepik

Одно из определений, которое нам нравится, взято из VisualArtsCork.com:

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

Как иллюстрация стала тем, чем она является сегодня…

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

давайте поговорим о типах иллюстраций в зависимости от используемой техники.

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

Методы создания иллюстраций менялись с течением времени, так как материалы также меняются и развиваются. Художники полагались на бумагу, краски, карандаши, но с развитием цифровой эры даже художники, привыкшие к традиционным средствам и материалам, начали работать в цифровом формате — например, с помощью программного обеспечения 2D и 3D, такого как Photoshop, 3DMax и Maya . Цифровые инструменты и методы имитируют традиционные материалы и эффекты, достигаемые с их помощью. и легко переключать различные материалы и экспериментировать.

Несколько слов о традиционных видах иллюстраций…

Одним из старейших видов иллюстраций была рисованная. Другой популярный метод был:

.

1. Лесозаготовка

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

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

Вот видео, которое покажет вам немного работы, которая стоит за такой иллюстрацией — техника гравюры на дереве:

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

2.Офорт по металлу

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

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

Очень интересное видео, показывающее процесс создания такой иллюстрации, можно посмотреть здесь:

Теперь давайте посмотрим на тип иллюстрации, который не требует особой подготовки для начала работы, а именно:

3. Карандашные иллюстрации

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

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

Вы можете посмотреть видео, в котором художник рассказывает о работе с карандашом, о своем процессе, и вы можете наблюдать, как он работает:

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

.

4. Рисунок углем

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

На приведенных выше иллюстрациях вы можете увидеть, как уголь помог создать грубый, свободный набросок лошади. Затем другой художник сделал очень тонкую детализацию человеческого лица в другом произведении. И наконец, что не менее важно, иллюстратор создал мягкие тени, смешивание и текстурирование.Наверное, главное отличие от иллюстрации карандашом в том, что линия угля всегда немного толще, мягче и темнее по качеству. Причина, по которой примеры 2 и 3 так различаются, заключается в способе производства древесного угля: угольные карандаши , , состоящие из спрессованного порошка древесного угля и связующего вещества жевательной резинки, которые образуют тонкую, острую линию ; Уголь для лозы обеспечивает более гладкую и мягкую линию.

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

Говоря о мягкости иллюстрации и плавных переходах в штриховке, следует упомянуть в качестве следующей техники в нашем списке типов иллюстраций:

5.Литография

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

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

Посмотрите видео об этой технике гравюры:

Еще один тип иллюстраций, с помощью которых можно добиться мягкости, плавных переходов и множества нюансов:

6.Акварельные иллюстрации

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

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

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

7. Рисунки гуашью

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

Замечательную демонстрацию иллюстрации гуашью можно посмотреть здесь:

Следующий тип иллюстраций, который мы рассмотрим, — это

.

8.Акрил иллюстрация

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

Вы можете увидеть процесс создания акриловой иллюстрации здесь:

Немного отличается от последних рассмотренных нами методов — модель

.

9. Коллаж

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

Еще одно отличное видео процесса для этого типа иллюстраций; затем иллюстрация используется для обложки книги:

И, наконец, что не менее важно,

10. Иллюстрация «Перо и чернила»

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

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

Следующее видео представляет собой красивую демонстрацию шведского мастера чернил:

Современные стили и виды техники иллюстрации

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

Мы можем разделить иллюстрации, созданные в цифровом виде, на две большие группы:

1. Цифровые иллюстрации от руки

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

2. Векторная графика

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

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

Хорошо, на данный момент вам, вероятно, будет интересно узнать еще больше.

Возможно, вам будет интересна эта статья по теме: 300+ бесплатных иллюстраций для вашего следующего дизайн-проекта

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

Стили в иллюстрации

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

Концепт-арт

Концептуальная иллюстрация для браузерной игры, созданная GraphicMama

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

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

Иллюстрации для детей

Книжная иллюстрация Джеймса П. Дэвиса

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

Некоторые из авторов детских иллюстраций, которых вы, возможно, захотите увидеть:

Комиксы / Графические романы

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

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

Книги / Публикации / От редакции

Иллюстрация обложки книги Кэти Харнетт

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

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

Некоторые авторы книжных иллюстраций, которых вы, возможно, захотите увидеть:

Реклама

Иллюстрация Рлона Ванга

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

Некоторые рекламные иллюстрации, которые вы, возможно, захотите увидеть:

Упаковка

Аптекарь Aureum — иллюстрация упаковки

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

Некоторые из иллюстраций упаковки, которые вы, возможно, захотите увидеть:

Брендинг / логотип

Мультяшные персонажи сотрудников отдела недвижимости, от GraphicMama

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

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

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

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

Ура!

Вас также могут заинтересовать эти статьи по теме:

Могу ли я использовать изображение, чтобы создать из него иллюстрацию или вектор?

Сегодня технология

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

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

Разрешают ли лицензии преобразовать фотографию в иллюстрацию или вектор?

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

Как изменить фотографию на иллюстрацию или вектор?

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

Ваша новая иллюстрация или векторное изображение

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

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