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

Финальное изображение:

Перед тем, как начать, посмотрите видео о том, как создавался эскиз:

Шаг 1

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

Шаг 2

Прежде всего, создайте набросок иллюстрации карандашом.

Шаг 3

Теперь прорисуйте контуры:

Шаг 4

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

Шаг 5

После нескольких часов рисования, иллюстрация выглядит так:

Шаг 6

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

Шаг 7

Нужно усилить контраст изображения при помощи команды Кривые (Изображение - Коррекция - Кривые) (Curves) (Ctrl + M). Нужно добавить изображению как можно больше белых и черных оттенков:

Шаг 8

Теперь нужно исправить некоторые неточности на иллюстрации (к примеру, удалить лишние линии). Инвертируйте изображение (Ctrl + I) - тогда легче будет увидеть те неточности, которые нужно будет исправить.

Используя инструменты Осветлитель и Затемнитель (Burn/Dodge Tool) (O). Удалите все неточности, а затем снова инвертируйте изображение.

Шаг 9

Теперь нужно отделить изображение от белого фона. Для этого, выделите изображение (Ctrl + A) и скопируйте (Ctrl + C), затем добавьте маску . Кликните по маске, удерживая нажатой клавишу ALT. Теперь, вы сможете вставить иллюстрацию на маску (Ctrl + V).

Шаг 10

Инвертируйте слой-маску (Ctrl + I).

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

Примените маску: сначала нажмите клавиши Ctrl + G , а затем Ctrl + E (этот способ позволит сначала поместить слой с изображением в группу, а затем объединить группу).

Шаг 13

При необходимости, можно скорректировать пропорции на изображении. Для этого, воспользуйтесь фильтром Пластика (Фильтр - Пластика) (Filter > Liquify).Здесь можно изменить некоторые линии и кривые.

Шаг 14

Теперь добавьте белый фоновый слой.

Шаг 15

Выделите изображение инструментом Волшебная палочка (Wand Tool) (W) и инвертируйте выделение (Ctrl + Shift + I). Сожмите выделение на 5 пикселей (Выделение - Модификация - Сжать) (Selection > Modify > Contract). Создайте новый слой (Shift + Ctrl + N) под слоем с иллюстрацией и залейте его темным цветом - это будет цвет волос.

Шаг 16

Над слоем с волосами создайте новый слой - это будет слой для лица. Для закрашивания лица используйте белый цвет и инструмент Кисть (Brush Tool) (B).

Шаг 17

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

Шаг 18

В финале, создайте новый слой с названием «Pearls» и нарисуйте жемчуг в волосах.

Шаг 19

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

Шаг 20

Теперь нужно раскрасить волосы в разные оттенки. Это можно сделать инструментом Кисть (Brush Tool) (В).

Шаг 21

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

Шаг 22

На этом этапе нужно снова усилить контраст изображения. Для этого, создайте кисть и изображения темного пятна (Редактирование - Определить кисть / Edit > Define Brush Preset).

В открывшемся окне задайте имя кисти:

Шаг 23

Откройте палитру Кисти (F5) и выберите только что созданную кисть:

Перейдите на вкладку Динамика формы (Shape Dynamics) и поэкспериментируйте с настройками пунктов Колебание размера (Size Jitter) и Колебание угла (Angle Jitter).

Шаг 24

Используя эту кисть, начните добавлять к каждому слою свет и тень. Начните с волос.

Шаг 25

Вы можете использовать дополнительные цвета, например те, которые использованы мной при раскрашивании шарфа.

Шаг 26

Жемчуг раскрасьте разными оттенками желтого и коричневого цветов:

Шаг 27

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

Шаг 28

Создайте новый слой с названием «Makeup», нарисуйте на нем макияж и измените режим наложения на Умножение (Multiply).

Шаг 29

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

Шаг 30

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

Шаг 31

Для этой конкретной части понадобятся цветные пятна, капли и т.д.

Это фотографии двух частей фона (для примера):

Шаг 32

Отсканируйте созданный фон (убедитесь, что краска на нем высохла). Желательно использовать довольно большое разрешение (около 900 пикселей).

Шаг 33

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

Шаг 34

Вы можете использовать любой понравившийся цвет в качестве фона. Я выбрал бирюзовый оттенок.

Шаг 35

Добавьте второй фон и поверните его (Ctrl + T).

Шаг 36

Создайте новый слой (Shift + Ctrl + N) под вторым слоем с фоном, залейте его черным цветом и объедините этот слой с фоном со слоем, залитым черным цветом (Ctrl + E).

Шаг 37

К объединенному слою добавьте маску и загрузите выделение (Ctrl + A). Удерживая клавишу ALT, кликните по миниатюре маски. Нажмите Ctrl + V , чтобы вставить все. Цветной фон теперь работает в качестве маски.

Шаг 38

Перейдите с маски на слой, а теперь снова перейдите на маску, только уже не нажимая клавишу Alt. Таким образом, вы можете видеть, что происходит на холсте, но на маске можно также продолжать работать. Теперь примените команду Кривые (Curves) (Ctrl + M).

Шаг 39

Яркие области на втором фоне теперь станут видны:

Шаг 40

Создайте новый слой выше всех слоев и на нем добавьте тень на плечи.

Шаг 41

Теперь добавьте больше цветных пятен. Это придаст иллюстрации ощущение стиля «street art». Каждую каплю рисуйте на отдельном слое.

Шаг 42

Уменьшите непрозрачность каждого слоя с каплей приблизительно до 33%.

Шаг 43

Выделите при нажатой клавише Shift все слои с каплями и поместите их в группу (Ctrl + G). К группе с каплями добавьте маску и на ней различными кистями удалите некоторые части капель, чтобы придать им более интересный вид.

Шаг 44

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

Шаг 45

Перенесите изображение старой бумаги в наш документ и поместите над всеми слоями и группами. Добавьте к ней корректирующий слой Цветовой тон/Насыщенность (Слой - Корректирующий слой - Цветовой тон / Насыщенность) (Layer > New Adjustment Layer >Hue/Saturation)и уменьшите яркость текстуры.

Шаг 46

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

Шаг 47

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

Перевод: Слуцкая Светлана

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

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

Для чего это нужно

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

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

Пример стиля иллюстрации

Нельзя просто взять и нарисовать

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

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

Цели

• Зачем вы хотите добавить иллюстрации?
• Каким образом вы будете оценивать проект?

Существующий гид по стилю

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

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

Ценности

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

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

Мудборды

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

При создании мудборда не стоит вдаваться в детали. Мудборды больше служат для того, чтобы задать вектор направления для дальнейшей работы. Для исследования в данной области существует масса ресурсов, таких как Behance, Dribbble, Pinterest, iStock или тот же старый добрый поиск изображений в Google. Это всё делается для того, чтобы собрать как можно больше информации прежде, чем приступить к созданию первого артборда.

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

Время засучить рукава

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

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

Пробуйте, пробуйте и еще раз пробуйте

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

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

Язык иллюстраций

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

Наши иконки

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

Иконографика

Наши текстовые иллюстрации

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

Текстовые иллюстрации

Наши иллюстрации незанятого состояния

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

Иллюстрации незанятого состояния

Иллюстрации сцен

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

Иллюстрации сцен

Наш подход

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

Придерживайтесь простоты

Так как наш продукт относится к white-label, иллюстрации будут использоваться в расчёте на самые разнообразные категории клиентов. Именно поэтому мы решили придерживаться максимально простого и пассивного стиля.

Использование персонажей

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

Цветовая схема

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

Баланс цвета

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

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

Причины

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

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

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

Иллюстрация пустого состояния

Обводка

Обычно мы используем шестипиксельную обводку. При наличии мелких деталей выбираем обводку в три пикселя. Также везде используем скругления на углах. Цвет обводки всегда один - #8A8EA0.

Итак

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

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

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

Привет! Меня зовут Hatice Bayramoglu, я художник по 3D и иллюстратор из Турции. В этом уроке я покажу, как нарисовать и раскрасить героя - иллюстрацию для детской книги. По ходу урока я буду разъяснять свой выбор тех или иных инструментов и свои мысли на счет иллюстрации. Мой урок показывает, как я создаю иллюстрацию от начального наброска до полноценного рисунка. Полагаю, что после прочтения данного урока вы найдете что-то полезное для себя. Для создания работы я буду использовать Photoshop и планшет Wacom.

Этот рисунок будет полностью создан в Photoshop CS2.

Шаг 1: Набросок
Начните с создания нового документа в Photoshop. Его размеры должны быть около 800х778 пикс. Я начала с создания быстрого наброска, отражающего мою основную идею. Вот набросок основной окружающей среды вокруг главного героя.

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

Шаг 2: Настройка кистей в Photoshop
Вот одна единственная кисть, которую я использую для раскрашивания своей героини. Для рисования я буду использовать стандартные кисти.

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

(нажмите на изображение, чтобы увеличить)

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

Шаг 4: Слои (Layers)
Создайте Новый слой (New Layer) и назовите его Sketch (Набросок). Этот набросок вы можете создать в Photoshop или на бумаге. После того, как вы создали слой с наброском, измените его Режим смешивания (Blending Mode) на Умножение (Multiply) и всегда держите его поверх всех слоев, чтобы видеть то, что вы закрашиваете.
Теперь посмотрите на мою палитру слоев. Здесь представлены отдельные слои для каждого объекта наброска. Раскрашивание каждой детали на новом слое, позволяет легко вносить коррективы в процессе рисования. Намного легче исправлять ошибки, если основные элементы вашей иллюстрации расположены на отдельных слоях. Этот шаг действительно очень важен!

Шаг 5: Работа над цветом фона
Здесь позвольте мне показать вам, как я раскрашиваю фон. Выбираем инструмент Заливка (Paint Bucket) (G). После того, как вы зальете фон, он должен выглядеть вот так. Убедитесь, что слои расположены так, как показано на изображении ниже.

Шаг 6: Раскрашивание основных фигур
Перед тем как приступить к раскрашиванию, позвольте мне снова показать порядок расположения слоев. Я его изменила, поскольку слой с наброском должен быть над всеми слоями, а также установлен в режиме Умножение (Multiply). На данном этапе мы можем начать раскрашивание наброска и можем определить основные фигуры. Используя инструмент Кисть (Brush) (B), начните раскрашивать главного героя и дерево на отдельных слоях. Убедитесь, что Жесткость (Hardness) кисти установлена на 100%. Кисть с мягкими краями может привести к несколько размытому результату.

А в этом шаге я бы хотела изменить размер своего файла, поскольку хочу добавить более тонкие детали. Поэтому я открываю Изображение (Image) - Размер изображения (Image Size) и увеличиваю размеры файла до 1500х1495.

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

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

А вот скриншот для рассмотрения деталей. Я начала добавлять еще больше деталей к своему рисунку, такие как трава и маленькие цветочки. На данном этапе я создала слой с именем Flowers (Цветы).

Я добавляю еще больше цветов и тонких детальных линий на дереве.

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

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

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

Шаг 9: Добавление бликов и контраста
Я использовала инструмент Осветлитель (Dodge) (O) для осветления участков. Вот так выглядит работа после проведения всех корректировок, сделанных инструментами Осветлитель (Dodge) (O) и Затемнитель (Burn). Продолжаю добавлять еще больше деталей на дереве, используя кисти различных размеров и цветов. Как только было добавлено достаточно деталей, я начала сглаживать их, используя кисть с мягкими краями. Я также использую инструменты Осветлитель (Dodge) (O) и Затемнитель (Burn) для придания тени веткам.

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

Шаг 10: Добавляем еще деталей
На данном этапе я заметила, что к моему рисунку нужно добавить еще цветочков. Поэтому я создаю новый слой и, как видите, рисую несколько симпатичных и простых цветочков. Продолжаю добавлять больше деталей. Добавляю немного штрихов инструментом Осветлитель (Dodge) (O), делаю это потому, что хочу добавить немного легко освещенных участков травы.

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

Теперь обратите внимание на детали, которые я добавила, используя только кисть в режиме Осветление Основы (Color Dodge).

Шаг 11: Коррекция цветов
Работа над рисунком почти закончена за исключением цветовой коррекции. Для начала Слейте (Merge) все слои. Теперь в Изображение (Image) - Коррекции (Adjustments) - Яркость/Контраст (Brightness/Contrast) изменим немного цвета. Я хочу придать иллюстрации более солнечный эффект.

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

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

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

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

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

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя 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 и образцы.

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

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

Штриховые оригиналы:

• · рисунки должны быть выполнены на гладкой белой художественной бумаге;
• · исправления должны быть выполнены с помощью закрашивания ярким белым цветом;
• · рисунок должен быть выполнен в масштабе 1:1, 1,5:1, 2:1 по отношению к будущей иллюстрации в книге и иметь соответствующую толщину штрихов. Нельзя допускать слишком тонких штрихов, которые могут пропасть при уменьшении размера;
• · штриховка пунктиром или перекрестными штрихами должна быть однородной, с постепенным переходом, и не иметь слишком тонких или коротких штрихов в текстуре. Они могут быть потеряны при уменьшении размера.

Одноцветные полутоновые оригиналы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На основе полученных выводов была достигнута поставленная цель - создана иллюстрированная книга по произведению Г. И. Юденича "Чехонтины". Эта книга предназначена для взрослой категории людей. Она создавалась с учетом предпочтений этой возрастной группы. Был разработан макет книги, систематизирующий расположение и характерную форму иллюстраций. Он позволил гармонично воссоединить шрифтовое оформление основного текста, заголовков с иллюстративным материалом и другими графическими составляющими книги, такими, как колонцифры. Стиль иллюстраций гиперболичный, с элементами гротеска, но приближенный к реальности. Он достаточно проработанный, детализированный. Для создания макета и иллюстраций использовались современные технологии. Особое внимание было уделено разработке обложки, для которой была создана иллюстрация, включающая в себя шрифтовую композицию. Все элементы, созданные для построения образа книги инновационны в своей уникальности.

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