Содержание

Создаем комикс в ретро стиле в Adobe Illustrator

В этом мастер-классе, иллюстратор Тоби Ли покажет вам, как он разрабатывает и создает сюжетные иллюстрации в своей неподражаемой манере, добавляя современные интерпретации в старые добрые традиции британских комиксов.

Введение

В этом мастер-классе, иллюстратор Тоби Ли покажет вам, как он разрабатывает и создает сюжетные иллюстрации в своей неподражаемой манере, добавляя современные интерпретации в старые добрые традиции британских комиксов.

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

Эта часть из текущего проекта, в котором Тоби раскрывает и показывает персонажей, которых он встречает в течение дня. Сегодня- это Лондон.

«Настоящие люди и как они себя ведут в реальной жизни – самая смешная и в тоже время очень интересная основа для практически всех моих произведений» — объясняет Тоби.

«Будучи выросшим в Лондоне, я всегда был окружен различными персонажами, и всегда был очарован их чудачествами.»

Данный кадр фокусируется на персонаже, которого Тоби назвал Мистер DVD,и который работает не покладая рук, продавая (как мы предполагаем) пиратские DVD на улице Мере в Хакни, что вблизи студии Тоби.

Время создания

5 часов

Инструменты

Adobe Illustrator, Adobe Photoshop, принтер, сканер, карандаш и бумага

Шаг первый

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

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

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

Шаг второй

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

Шаг третий

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

Шаг четвертый

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

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

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

Шаг пятый

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

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

Шаг шестой

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

Шаг седьмой

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

Шаг восьмой

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

Цифровая версия тренинга ‘Создание векторных иллюстраций для микростоков в Adobe Illustrator’

Меня зовут Борис Поташник.
Я графический дизайнер и автор многих обучающих курсов и тренингов для дизайнеров-самоучек.

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

Проще говоря, вы хотите научиться создавать

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

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

Когда-то передо мной точно так же встал вопрос быстрого освоения этой программы.

До своего знакомства с Adobe Illustrator, я несколько лет проработал в другом графическом редакторе — Macromedia Freehand. Я знал его, как свои 5 пальцев и, казалось, мог сделать в нем все что угодно, даже с закрытыми глазами.

Но наступила эра гегемонии Adobe, которая поглотила Macromedia вместе со всей линейкой ее продуктов. Дизайнерские студии стали переходить на программные пакеты Adobe.

За пару лет арсенал дизайнера-верстальщика основательно преобразился: вместо PageMaker все стали использовать Indesign а, вместо Freehand — Illustrator.

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

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

Тогда я купил пару толстых книг. А потом еще дополнил их коллекцией разношерстных уроков и статей и стал всё это изучать…

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

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

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

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

Так в 2012 году я выпустил небольшой видеокурс «Adobe Illustrator на раз-два-три», который до сих пор бесплатно раздаю своим подписчикам.

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

Но времени, как назло, не было — постоянно возникали более срочные проекты.

Тем не менее, я не отказался от своих планов и постоянно обдумывал новый курс по работе в Adobe Illustrator.

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

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

Думая о проектах для курса, я все чаще приходил к мысли о векторной графике для микростоков.

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

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

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

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

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

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

После долгих поисков такой специалист был найден.

Графический дизайнер, художник и микростокер. Имеет два высших художественных образования.

Вот что онa самa о себе пишет:

«В прошлом я была дизайнером детской одежды. Приходилось работать в программе Corel Draw. Я ее очень не люблю, поскольку интерфейс Adobe Illustrator более понятен, удобен и разнообразен.

Отработав 8 месяцев, поняла, что перспектив никаких нет, все очень однообразно и не интересно. Уволившись, плотно занялась изучением Adobe Illustrator, микростоками и фрилансом.

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

На данный момент уже год работаю на 8 стоках и зарабатываю около 400$ в месяц с 1218 работ. В течение ближайшего года планирую повысить планку в 4-5 раз, поскольку знаю, что это возможно — главное желание!

Последние 5 месяцев живу с мужем, тоже художником, в Тайланде и сочетаю занятия творчеством с фрилансом.»

А вот портфолио Алисы на одном из микростоков: https://www. shutterstock.com/g/AlisaRed

Итак, автор уроков был выбран.

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

В курс вошли 30 практических видеоуроков, в которых раскрываются многие секреты и «фишки» простой и эффективной работы в Adobe Illustrator.

В каждом уроке понятным человеческим языком автор объясняет и наглядно показывает, как создавать в Adobe Illustrator графику различной сложности — от простейшей бесшовной текстуры до реалистического портрета. Никакой воды — всё исключительно по делу!

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

.

Первый месяцВторой месяц
  1. Вводный урок
    • Основные требования при подготовке векторных файлов для продажи на микростоках
  2. Форматы EPS 8 и EPS 10
    • Особенности и отличия форматов для размещения на микростоках
    • Правила сохранения файлов в формате EPS и JPEG Preview
    • Замкнутые контуры
    • Проверка на растровые элементы.
  3. Создание простых векторных иллюстраций для EPS 8
    • Требования к формату EPS 8 на микростоках.
    • Вид иллюстраций, которые подходят только для EPS 8.
  4. Использование инструмента Blob Brush (кисть-клякса) для формата EPS 8
    • Использование на микростоках работ, выполненных инструментом Blob Brush.
    • Создание цветочного бесшовного симлесса (бесшовной текстуры)
  5. Создание плоских иконок (стиль flat) для микростоков.
    • Использование инструмента Pen Tool.
    • Применение заливок цветом.
  6. Создание иконки в стиле пиксель-арт для микростоков.
    • Использование инструмента Live Paint Bucket (выборочная заливка цветом) и исходного изображения.
  7. Использование инструмента Blend Tool
    • Создание абстрактного фона для микростоков.
    • Особенности использования инструмента Blend tool для абстрактного фона.
  8. Создание иллюстрации с текстом для микростоков.
    • Особенности создания и расположения текста на иллюстрации.
    • Применение шаблонов текста (текстовой рыбы).
  9. Использование Blend Tool. Создание узорного фона.
    • Особенности инструмента Blend Tool при создании орнамента для микростоков.
  10. Создание глянцевого шрифта инструментом Pen Tool
    • Виды шрифтов, разрешенные к использованию на микростоках
    • Создание нового дизайна шрифта по образцу
  11. Создание многосложной иллюстрации, с применением некоторых из изученных ранее инструментов и графических методик
    • Создание контуров с помощью Pen Tool
    • Работаем с градиентом и меню Pathfinder
    • Добавляем эффект свечения и тени
    • Добавляем шрифт
  12. Режимы наложения, градиенты и эффекты разрешенные на стоках
    • Готовим работу с эффектами для EPS 10
    • Что можно и что нельзя использовать использовать на стоках
  13. Создание ретро картинки (орнамента)
    • Использование текстур и прозрачностей в EPS 10
  14. «Рисование» инструментом PenTool
    • Создание реалистичного объекта для продажи на микростоках
  15. Создание дизайна для бизнеса часть 1
    • Создание шаблонов (мокапов) для размещения на микростоках
  16. Создание дизайна для бизнеса часть 2
    • Дизайн визитки, бланка, диска, конверта и т. п. для размещения на микростоках
    • Использование теней, орнамента, режимов наложения и шаблонов для добавления дизайна
  1. Создание объекта с эффектом
    бумаги для микростоков с помощью инструмента Blend tool. Стрекоза
    • Создание эффекта бумаги с добавлением объема за счет теней, режимов наложения и градиентов
  2. Осваиваем технику полигональной (мозаичной) графики
    • Техника мозаичных плоскостей. Что она из себя представляет и как ее можно применять на микростоках
    • Создание яблока из полигонов с помощью инструмента Pen Tool
  3. Автоматическая трассировка изображения. Часть 1
    • Что такое автотрейс, для чего он нужен
    • Типы трейса, приемы его использования
    • Области применения трассировки
  4. Автоматическая трассировка изображения. Часть 2
    • Отрисовка акварельной картинки и превращение ее в векторное изображение
  5. Автоматическая трассировка изображения. Часть 3
    • Трассировка черно-белого орнамента и его последующая заливка цветом
  6. Создание простых контурных иконок на Хеллоуин инструментом Blob Brush
    • Создание контуров картинок инструментом Blob Brush
    • Заливка картинок цветом
    • Вписывание картинок в определенную форму
  7. Создание абстрактного фона для микростоков с помощью стандартных кистей Adobe Illustrator
    • Подбираем более подходящие кисти и работаем с прозрачностью и режимами наложения
  8. Работаем с инструментом Mesh Tool
    • Основы работы с инструментом Mesh Tool, ошибки и их исправление.
    • Рисуем болгарский перец
  9. Создаем комплект дизайнерских кистей для микростоков.
    • Как создать дизайнерские кисти?
    • Как их правильно расположить в комплекте, в каком количестве?
  10. Использование 3D эффекта в Adobe Illustrator
    • Создаем объемный текст
    • Принцип и необходимость работы с данным инструментом.
  11. Создание иллюстрации в стиле поп-арт
    • Принцип создания поп-арт иллюстраций
    • Создаем комикс-картинку с помощью инструмента Pen Tool
  12. Работаем со стандартными художественными кистями и с инструментом Pen Tool
    • Создание векторного портрета для продажи на микростоках.
  13. Создание новых кистей при помощи Pattern Brush.
    • Принцип создания кистей при помощи Pattern Brush и их дальнейшее применение
    • Рисуем ювелирное украшение
  14. Применение кистей, созданных в процессе работы
    • Рисуем новогоднюю елку.
    • Из урока вы узнаете, как создать иголки для ели, как правильно их компоновать и превратить в целое дерево

.

Елена Яковлева

«Я получила огромное удовольствие от тренинга и от общения с группой прекрасных творческих людей»

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

Первые уроки дались не просто из-за нулевого уровня владения Иллюстратором. Потом стало интересно затем увлекательно и далее весело.

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

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

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

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

Всем творческих успехов и креатива!

Наталья Разумная

«Сейчас я точно могу сказать, что благодаря тренингу мой уровень владения программой значительно повысился!»

Я очень рада, что записалась на тренинг «Создание векторных иллюстраций» и, можно сказать, открыла для себя Иллюстратор заново. Даже не ожидала, что векторная графика — это так интересно. Столько, замечательных видеоуроков! Спасибо огромное Алисе за прекрасное и чёткое объяснение материала. Спасибо, что поделились с нами своим ценным профессиональным опытом.

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

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

Оксана Михальчук

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

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

Хочу отметить, что я начинала курс, практически не имея навыков работы в программе (причём не только в Adobe Illustrator, но и в других графических редакторах). Пыталась изучать иллюстратор самостоятельно, но столкнулась с такими проблемами:

— не понимала с чего начать

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

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

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

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

В целом тренингом очень и очень довольна! Рекомендую всем, кто хочет изучить Adobe Illustrator и не знает, с чего начать, а также всем, кто, как и я, хочет рисовать для стоков и не знает, как к ним подступиться.

Огромная благодарность Борису Поташнику за идею и организацию данного тренинга, Алисе за отличные уроки и доступное объяснение, Александру за оперативность в решении технических вопросов!

Светлана Савина

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

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

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

Хотя 3 месяца для выполнения 30 заданий вроде бы достаточно, сильно растягивать выполнение Д/З я бы не советовала. С первыми уроками пришлось особенно повозиться, мне не хватало знаний программы и хотелось всё-таки, чтобы разжевали некоторые детали, на каких-то инструментах остановились подробнее. Но я понимаю, что всё разжевать невозможно.

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

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

Большое спасибо Алисе, Борису и Александру за этот курс!

..

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

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

  • Вы разберетесь во всех тонкостях редактора Adobe Illustrator. Больше он не будет для вас «темным лесом»!
  • Вы научитесь создавать красивую и профессиональную векторную графику.
  • Вы получите необходимые знания о том, как устроены микростоки, как подготавливать для них файлы, какие иллюстрации на них наиболее востребованы, как прописывать ключевые слова для файлов перед отправкой на микростоки и многое другое.
  • Вы овладеете многочисленными техниками создания векторной графики и приемами профессиональной работы в Adobe Illustrator.

$36

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

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

Для просмотра видеоуроков необходимо подключение к Интернету.

$49

Цифровая версия тренинга отличается от версии на флеш диске и от онлайн- версии только только способом доступа к видеоурокам.

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

Размеры архивов — 3,62 и 2,98 Гб.

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

© 2009- Виртуальная школа графического дизайна Бориса Поташника.

Как создается иллюстрация. Рисуем красочную иллюстрацию в фотошоп. Зачем нужны иллюстрации

Игорь Волков

29.01.2018 12:00

visibility 2023

Разобрались, как и чем иллюстрировать текст

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

В этом гайде мы разберем:

    Что такое иллюстрации, их функции и роль в тексте

    Виды иллюстраций, где их искать и как правильно использовать

    Принципы иллюстрирования: как надо и как не надо

Инструкция будет полезна всем, кто работает с текстами — журналистам, копирайтерам, редакторам.

Зачем нужны иллюстрации

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

Иллюстрации выполняют четыре важные функции.

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

На сайте blog.hubspot есть подробная статистика, демонстрирующая пользу визуального контента. Один из показателей сообщает , что люди вовлечены в контент с картинками на 328% лучше, чем в те же тексты, но без картинок.

Сравните сами:

328% так повышается вовлеченность читателя в статью с картинками

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

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

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

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

Бесплатные фотостоки. Иногда можно найти что-то приличное.

ИНФОГРАФИКА

Пример инфографики: сколько воды тратится на производство различных продуктов

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

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

Где взять. Основной инструмент для создания графиков и диаграмм — Excel. Можно еще воспользоваться другими бесплатными сервисами:

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

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

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

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

Не перегружайте

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

Признаки хорошей иллюстрации:

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

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

    Ясность. Читатель должен ясно понимать, что сообщает ему иллюстрация. Она должна быть предельно доступной и понятной.

Коротко о главном

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

    Иллюстрации раскрывают и дополняют мысли автора.

    Иллюстрируйте только самое важное.

    Виды иллюстраций: фотографии, рисунки, текст, диаграммы и графики, видео, гиф-анимация, схемы, интерактив.

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

    Подписывайте иллюстрации.

    Избегайте дешевых и некачественных иллюстраций. Не забывайте про верстку.

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

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

Теги: | |

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

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

Итак, поехали:

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

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

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

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

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц

9. Создание векторного глаза

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

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

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

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

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

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

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

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

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

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

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

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

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

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

Ландшафт и окружающая среда

25. Создание векторной картины-инфографики

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

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

В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

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

Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.

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

В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.

Для этого нужен специальный сайт:https://steam.design/ . Ищем на торговой площадке любой фон который ван нравится, и жмякаем показать в полном размере. В браузере показывается фон в полном размере и копируем ссылку. Далее вставляем в это поле, которое показано на скрине и нажимаем Change BG

Затем нажимаем кнопку, которая отмечена на скриншоте.

Затем качаем этот фон и размещаем на рабочий стол например. Там будет 2 файла Midle и Right Top они нам и понадобятся. Установить аватар вы можете по желанию. Кнопка Download ZIP

Браузер

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

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

Нажимаем в любом месте правой кнопкой мыши: Просмотреть код. И видим такую картину.

Нажимаем на кнопку Console которая выделена в рамку.
И вписываем туда такой код document.getElementsByName(«image_width»).value = 999999;document.getElementsByName(«image_height»).value = 1; жмём Enter и всё.
Нажимаем загрузить и у нас изображение получилось, как вытянутое. Повторяем те же действия с файлом Rigth Top. Если вы это всё сделали, то идём дальше.

Последний шаг. Загрузка.

Заходим в приложение стим. Нажимаем в профиле,Редактировать профиль»». Затем листаем вниз и ищем витрины. ВАЖНО! если уровень выше 20, то витрина иллюстраций должна быть на 1 месте.
Далее загружаем изображение в витрине, только само изображение не будет видно, нажимаем наугад, если широкое то попали правильно. Midle в середину. RightTop грузим вправо и самая первая ячейка. Нажимаем сохранить изменения, заходим на свой профиль и радуемся.

Завершение

Вот что должно получится после проделования данных шагов.

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

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

Рой Лихтенштейн (Roy Fox Lichtenstein; 27 октября 1923 — 29 сентября 1997) — американский художник, представитель поп-арта. Успех художнику принесли его работы на темы комиксов и журнальной графики. Википедия
Шаг 1

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

Шаг 2

Выберите Pencil Tool (N) и начните рисовать поверх фото, используя его как фон. Я начал с глаз. Для зрачков использовал Эллипс (L).

Шаг 3

Продолжайте рисовать с помощью Pencil Tool (N) и Pen Tool (P), чтобы добиться большей точности, но не увлекайтесь, т.к. здесь не требуется идеальность.

Шаг 4

С помощью Pencil Tool (N) обведите контур волос девушки:

Шаг 5

Затем, этим же инструментов добавьте немного деталей для волос:

Шаг 6

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

Шаг 7

Удалите фоновую фотографию чтобы работать только с векторными элементами:

Шаг 8

Один из моих любимых инструментов в Иллюстраторе это Width Tool (Shift+W). Он позволяет изменить ширину штриха части нашей обводки. Посмотрите, это просто фантастика!

Шаг 9

Используя тот же инструмент, измените ширину некоторых штрихов примерно как здесь:

Шаг 10

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

Шаг 11

Теперь перейдем в Фотошоп. Откройте в Фотошопе текстуру бумаги. текстуру я нашел там же где и девушку, на Shutterstock.

Шаг 12

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

Шаг 13

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

Шаг 14

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

Шаг 15

Скопируйте векторное изображение в иллюстраторе и вставьте в Фотошоп. При вставке я использовал опцию «Smart Objects», т.к. это позволяет редактировать вектор в любой момент прямо в Фотошопе.
Как вы наверное заметили, я установил прозрачнось нового слоя в 70%, благодаря чему можно установить необходимое расположение слоя:

Шаг 16

Как только вы найдете необходимое расположение, сделайте слой непрозрачным (100%):

Шаг 17

Измените порядок слоёв таким образом, чтобы фотография девушки находилась поверх векторного слоя. После этого обесцветьте фото (Image > Adjustments > Desaturate). У вас получится черно-белое фото, примерно как у меня.
Затем перейдите к редактированию уровней (Image > Adjustments > Levels).
Измените черный канал до 60 и белый до 195.
Задайте нашему слою режим наложения на Multiply:

Шаг 18

Выберите Filter > Pixelate > Color Halftone. В открывшемся окне укажите максимальный радиус 15 и значение 199 для всех каналов.
Примечание: в зависимости от размера иллюстрации пропорционально изменяйте максимальный радиус.

Шаг 19

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

Шаг 20

Поместите текстуру бумаги поверх всех слоев нашей иллюстрации и установите режим наложения Linear Burn:

Заключение

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

Это топик является переводом

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

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

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

Три картинки — три разных способа создания. Угадаете, где какой? 🙂

Это я все к тому, что меня тут как-то недавно спросили — а как удобнее обрисовывать картинку в Иллюстраторе?

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

Трейс / Image Trace

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

Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window — Image Tace) — просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) — например, sketch — и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить “мусор” — разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object — Path — Clean Up.

Трейс готов! Как говорили на одной моей прошлой работе “нажал кнопку — и в кассу”. Но, увы, все не так просто.

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

Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) — и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш — он мне нравится больше, чем сглаживающий — и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.

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

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

Плюсы и минусы трейса:

Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта

– Нужно потратить время, чтобы обработать
– Весь объект уже векторный, то есть труднее поменять толщину линий
– Линии не будут идеально ровными (это же и плюс)

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

Блоб браш / Blob Brush

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

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

Одна из моих первых картинок, нарисованная блоб брашем

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

Плюсы и минусы блоб браша:

Облегчает художникам переход с растра на вектор
+ Имитирует “живое” рисование

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

Пентул / Pentool

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

Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом — мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.

Плюсы и минусы пентула:

Чистые и аккуратные линии
+ Можно регулировать толщину нарисованных линий/картинки в любой момент за пару секунд, пока не сделан экспанд (который нужно делать перед отправкой на стоки, но лучше сохранять в рабочем файле неэкспанднутую копию)
+ Пентул — отличный способ создавать картинки на стоки для тех, кто не умеет рисовать в классическом понимании этого слова

– Все рисование сводится к расстановке точек и повороту ручек — многих креативных людей это напрягает
– Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
– Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени

Кисточка (обычная) / Brush

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

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

Плюсы и минусы кисточки:

Сохраняется возможность редактирования линий и можно рисовать руками (не точками)

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

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

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

Простые геометрические формы

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

Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:

Плюсы и минусы рисования формами:

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

– Перестроиться на «мышление формами» большинству людей очень сложно
– Все равно придется использовать дополнительные инструменты — пентул, панель пасфайндер или шейп билдер тул

Примерно 80% моих текущих картинок нарисованы плагином InkScribe — тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).

Остальные 20% — это трейс, простые формы и иногда — Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).

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

шагов для создания комикса в стиле ретро в Adobe Illustrator Из-за того, что комиксы теряют популярность, никто больше не печатает комиксы. Неизбежно, некоторые таблоиды печатают комиксы, но в наши дни их почти никто не читает. Например, серия фильмов Marvel Avengers из комиксов имела большой успех. Эпоха комиксов восходит к 1930-м годам. Итак, сегодня в этом блоге мы рассмотрим шаги по созданию комикса в стиле ретро в Adobe Illustrator.

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

Мы собираемся посмотреть отрывок, в котором мы документируем различных людей, которых мы встречаем изо дня в день в Лондоне. Итак, этот конкретный эпизод фокусируется на ком-то по имени Мистер DVD, который зарабатывает себе на хлеб, продавая пиратские DVD на Мэр-стрит в Хакни.

1. Наблюдение:

Булавка

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

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

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

2. Персонаж:

Пин-код

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

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

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

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

3. Набросок:

Булавка

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

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

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

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

4. Создание композиции:

Булавка

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

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

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

5. Сканирование композиции:

Булавка

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

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

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

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

6. Уточнение карикатур:

Булавка

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

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

7. Скопируйте рисунок в Adobe Photoshop:

Булавка

После выполнения вышеуказанных шагов вам нужно скопировать рисунок в Adobe Photoshop, чтобы начать добавление цветов и тонов. Поскольку мы нацелены на создание комиксов в стиле ретро, ​​мы можем добавить ограниченное количество цветов. Еще в 1950-х у нас не было доступа к вариациям цветов. Было много технологических ограничений. Здесь вам следует рассмотреть возможность использования красных и черных тонов, чтобы изобразить комикс в стиле ретро. Используя полутон, вы можете добиться серого и телесного розового тона.

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

8. Заключительный этап:

Pin

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

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

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

Вывод:

Была причина, по которой комиксы были разработаны и напечатаны определенным образом. Один взгляд на них, и вы вернетесь в эпоху, когда не было технологий. Это была эпоха, когда истории рассказывались только с помощью комиксов и романов. Тогда не было Kindle, Wattpad, Audible и других подобных приложений для развлечения читателя. Дети привыкли читать комиксы, будь то цветные или черно-белые полоски.

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

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

Как создать персонажа в стиле ретро в Illustrator

В этом уроке мы создадим персонажа в стиле ретро в Illustrator из простого рисунка.

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

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

Считайте этот урок своим шансом окунуться в опьяняющие воды рисования ретро-персонажей.

Вот чему вы научитесь в этом уроке:

  • Как создать персонажа в стиле ретро от эскиза до окончательного рисунка
  • Как привнести исторические штрихи в свою работу, используя справочный материал
  • Как быстро создать цветовую палитру в стиле ретро
  • Как использовать кисти и текстуры RetroSupply Illustrator для ускорения рабочего процесса (хотя и не обязательно)
  • Как добавить окончательные текстуры к вашей работе в Photoshop

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

Вот Крис…

Не борись с тем, кто ты есть. Внедряйте то, что вам нравится, в свою работу.

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

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

Недавно я слушал подкаст о музыке кантри под названием «Кокаин и стразы» и решил нарисовать ковбоя-скрипача Боба Уиллса (который не любит ковбоев)!

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

Шаг 1. Изучите стиль ретро-персонажа, который вы создаете

Я всегда начинаю с создания доски Pinterest или сохранения изображений в папку. Чтобы придать ему ретро-стиль, я поискал несколько классических постеров Hatch с изображением Боба Уиллса.

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

Кстати, если вам нравится оформление этих плакатов, обратите внимание на набор «Возрождение деревянных шрифтов» от RetroSupply.

Я также хотел нарисовать ковбоя в ретро-мультяшном стиле середины века, как Джим Флора или Клифф Робертс. У меня есть книга Лэнстона Хьюза под названием «Моя первая книга о джазе» с замечательными иллюстрациями Клиффа Робертса, поэтому я собрал их на своей доске Pinterest.

Прежде чем начать, проведите небольшое исследование.

Шаг 2. Создайте эскиз персонажа на основе ваших исследований

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

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

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

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

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

Шаг 3. Рассмотрите освещение вашего персонажа

Теперь, , подумайте, откуда исходит источник света. Обычно сверху по диагонали. Итак, представьте, что ковбой в 3D и где на него падает свет.

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

Шаг 4. Нарисуйте своего персонажа на бумаге

Итак, теперь у вас есть миниатюры, пришло время набросать их и обвести тушью.

Нет никакого секрета в рисовании вашей работы. Просто практикуйтесь.

Вот мой процесс рисования моей работы:

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

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

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

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

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

Теперь пришло время открыть Illustrator и разобраться с цветами.

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

Вот как я разбил свою цветовую палитру для этой иллюстрации:

  • Цвет фоновой бумаги
  • Темный цвет для теней
  • Текст и контуры
  • Яркий цвет, привлекающий внимание

Нарисуйте три прямоугольника с помощью инструмента «Прямоугольник» . Выберите одну коробку и выберите цвет с помощью инструмента «Пипетка» .

Повторите это для других цветов на плакате, чтобы у вас было 3 коробки разного цвета. window

Вы получите всплывающее окно и нажмите «Преобразовать процесс в глобальный».

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

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

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

Шаг 6. Обведите персонажа в Illustrator

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

Обведите свой рисунок на новом слое либо с помощью инструмента «Перо» для более точного вида, либо с помощью инструмента «Кисть» для более человечного вида (или лучше всего совместить оба).

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

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

РЕАЛИСТИЧЕСКИЕ РУЧКИ ДЛЯ ИЛЛЮСТРАТОРА

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

Возьмите это сегодня

Шаг 7. Используйте инструмент ширины для создания глубины и тени

Инструмент «Ширина» — это идеальный способ придать вашему изображению различную насыщенность.

Вот мой любимый способ использования инструмента «Ширина»:

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

Чтобы получить дополнительные советы по этому вопросу, ознакомьтесь с этой статьей о создании ретро-персонажа в Illustrator.

💡Верный совет по отрицательным тонам:

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

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

Шаг 8. Добавьте последние детали вашему ретро-персонажу

Для штанин и ботинок я только что спроектировал один, скопировал и отразил его с помощью инструмента «Отражение» (не забудьте нажать кнопку «Копировать», когда переворачиваете его по горизонтали)

Чтобы добавить немного деталей, которые предполагают сшивание Я использовал кисть с пунктирной линией из набора инструментов Dead Pen Hand Drawn Toolkit от RetroSupply.

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

Один из хороших советов — нарисовать коробку и применить кисть веревки из меню кистей.

Если углы не сходятся, перейдите к кнопке FX в окне Appearance, нажмите Stylize > Round Corners . Попробуйте 5 во всплывающем окне и настройте (дважды щелкнув Скругленные углы в меню «Внешний вид»), пока не получите желаемый эффект.

Шаг 9. Добавьте текстуры и последние штрихи в Photoshop

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

Откройте Photoshop и откройте файл Illustrator. Я планирую напечатать это, поэтому я выбрал 29Настройки 7 мм x 297 мм и 300 точек на дюйм

Как создать эффект печатных чернил в Photoshop

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

Для легкой шероховатости, которую можно получить при печати чернилами на бумаге, я добавляю Ripple. Пока слой выбран, перейдите к Filter > Distort > Ripple и добавьте 25% Large.

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

Добавление текстуры к вашей работе Illustrator в Photoshop

Теперь немного поработаем с текстурами. Те, которые я использовал здесь, взяты из Retro Effects | Комплект классической коллекции.

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

Хороший совет — окрасить текстуру так, чтобы она сочеталась с остальным вкусом. Для этого добавьте Adjustment Layer в окне Layers и кликните на Hue/Saturation.

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

Теперь у вас есть это! Ваш собственный скрипучий ковбой, Yeeeee Haaaaaw!

О ХУДОЖНИКЕ

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

На него повлияли плакаты фильмов категории B, иллюстраторы 50-х, такие как Джим Флора, Клифф Робертс, Сол Басс и Эд «Большой папа» Рот, криминальные романы и комиксы ужасов.

Вы можете увидеть больше его работ на chrissick.co.uk и купить его искусство в его магазине Etsy. Вы также можете подписаться на него в Facebook и в Instagram @chrissickmoore

.

Продукция

Посмотреть все

25 лучших ретро и винтажных уроков по иллюстратору

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

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

Прокрутите вниз, чтобы увидеть нашу тщательно подобранную подборку лучших ретро и винтажных уроков для Illustrator…

Читайте также:

  • Лучшие бесплатные кисти Illustrator для ретро и винтажных эффектов
  • 50 лучших уроков Photoshop в стиле ретро и винтаж
  • Кисти Photoshop в стиле ретро
  • : 50 лучших кистей
  • 50 бесплатных ретро и винтажных шрифтов
  • 10 лучших мест для производства вашей продукции

 

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

 

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

 

 

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

 

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

Познакомьтесь с основными формами, градиентом, режимами наложения и панелью Pathfinder в этом промежуточном руководстве по Illustrator, в котором показано, как сделать ретро 19Автомобиль 50-х годов «Смазанная молния».

Создайте набор или ретро-иконки менее чем за 20 минут с помощью этого среднего руководства по Illustrator. Рассматриваемые темы варьируются от создания базовых фигур до использования инструментов «Дуга» и «Кисть-клякса».

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

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

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

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

Создайте дизайн логотипа в стиле 1940–50-х годов с помощью этого пошагового руководства по созданию логотипа в стиле ретро в Illustrator и Photoshop.

 

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


Узнайте, как с легкостью создать эффект гравировки в Adobe Illustrator. В этом уроке вы узнаете, как быстро создать простую иллюстрацию с гравировкой глаз. Ознакомьтесь с техникой, которую они используют здесь, и никогда не бойтесь снова добавить эффект гравировки к своей работе.

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

Узнайте, как создать рисунок в стиле ретро, ​​состоящий из ограниченной цветовой палитры и большого количества квадратов и треугольников, из этого пошагового руководства по Illustrator.

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

Голландский творческий дуэт LouLou & Tummie рассказывает, как создавать идеально сбалансированных персонажей в Illustrator. Они объясняют, как отточить использование инструмента «Обработка контуров» для создания новых фигур и настройки линий, чтобы придать им ощущение плавности.


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

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

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

 

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

Художник по шрифтам Бобби Хайкалсья объясняет, как создать потрясающую ретро-типографику в Illustrator с помощью функций Blend и Offset Path.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *