Vectorboom
Уроки / Иллюстрации / Comments: 3

Создаем космический фон с Texturino в Adobe Illustrator

Ярослав Лазунов
11.03.2016
Цель Урока

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

Tutorial Assets

Следующие материалы вам понадобятся для выполнения этого урока:

Шаг 1

Запускаем Adobe Illustrator и создаем новый документ (Cmd/Ctrl + N), устанавливаем необходимые размеры рабочей области и выбираем цветовой режим RGB.

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

Шаг 2

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

Открываем панель Texture плагина Texturino (Window > Texturino > Texture panel) или кликнем по иконке инструмента в панели Tools, что приведет к автоматическому открытию панели. Вау! Приятное усовершенствование.

Нажимаем кнопку Import New Textures в панели и выбираем все 4 текстуры в открывшемся диалоговом окне затем нажимаем на кнопку Import.

Шаг 3

Теперь мы можем видеть наши текстуры в выпадающем списке панели Texture.

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

Выделяем окружность в левом нижнем углу, выбираем требуемую текстуру и нажимаем на кнопку Add a new texture в панели Texture.

Шаг 4

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

OK, давайте применим режим смешивания Multiply, уменьшим до требуемого размера и повернем так как это показано на рисунке ниже.

Шаг 5

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

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

Таким образом, мы создали эффект свечения атмосферы.

Шаг 6

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

Зальем окружность желтым цветом и применим режим смешивания Screen в аннотационной системе Texturino.

Шаг 7

По моему замыслу солнце должно выглядеть по-другому, поэтому потребуется цветовая коррекция растровой текстуры. Это возможно сделать при помощи плагина Phantasm, который позволит нам не покидать Adobe Illustrator, не тратя время на редактирование в Photoshop и прыжки между двумя приложениями в случае неверной коррекции. Плагин позволяет нам подбирать необходимые цвета, учитывая цвет фона и окружающих объектов. Итак, переходим Effect > Phantasm > Hue/Saturation… и изменяем оттенок солнца, как это показано на рисунке ниже.

Теперь переходим Effect > Phantasm > Brightness/Contrast… и, двигая слайдеры, добиваемся более контрастного вида пятен на солнце.

Инвертируем цвета (Effect > Phantasm > Invert…).

Обесцветим текстуру (Effect > Phantasm > Desaturate…).

Применим к окружности режим смешивания Hard Light в панели Transparency или панели Appearance.

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

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

Шаг 8

Применим текстуры Луны и режим смешивания Multiply к оставшейся окружности при помощи панели Texture и аннотации. Зальем объект радиальным градиентом от белого к сине-зеленому цвету.

Свечение в данном случае отсутствует, так как на Луне нет атмосферы.

Шаг 9

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

Теперь окружность может быть удалена. Продублируем черный фон (Cmd/Ctrl + C, Cmd/Ctrl + F) и зальем верхний прямоугольник нейтральным серым цветом. Поместим серый прямоугольник выше всех объектов.

Не снимая выделения с серого объекта, переходим Effect > Stipplism > Symbol Stipple…. Устанавливаем параметры, показанные на рисунке ниже, которые, впрочем, зависят от размеров символа и от эффекта, который вы собираетесь получить. Но вы обязательно должны выбрать символ окружности (New Symbol), опцию Colorize и светло-голубой цвет.

Шаг 10

Нам необходимо спрятать звезды, которые находятся над поверхностью планет и солнца, а также для создания эффекта мерцания у некоторых звезд нужно уменьшить непрозрачность. Быстро добиться нужных целей нам поможет другой инструмент Texturino – Opacity Brush Tool. Кликните по иконке инструмента в панели Tools, что активизирует инструмент и приведет к открытию его панели.

Устанавливаем 100% для Hardness и Opacity, выбираем удобный размер кисти в панели Opacity Brush. Теперь просто стираем кистью звезды над поверхностью небесных тел.

Этот процесс приведет к созданию Opacity Mask (маски непрозрачности).

Шаг 11

Теперь уменьшим Hardness и Opacity и, проведя кистью по выбранным звездам, уменьшим их непрозрачность.

Для справки, маскирующим объектом является растровое изображение.

Шаг 12

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

Выделим оба объекта, затем переходим Object > Bland > Make. Дважды кликаем на иконку Blend Tool в панели Tools и устанавливаем 20 шагов.

Применим к бленд объекту режим смешивания Screen в панели Transparency.

Шаг 13

Сохраним бленд объект, как Art Brush в панели Brushes.

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

Усилим свечение в голове кометы. Создадим окружность с заливкой радиальным градиентом от черного к сине-зеленому цвету и применим к ней режим смешивания Color Dodge.

Шаг 14

При помощи Type Tool (T) создадим необходимую надпись.

Применим к текстовому объекту гранжевую текстуру при помощи панели Texture. Отрегулируем ее масштаб и угол наклона при помощи аннотации.

Кстати, как и любой другой эффект, Texture эффект после применения появляется в панели Appearance.

Теперь применим к текстуре режим смешивания Lighten для того чтобы элементы текстуры прорезали буквы насквозь.

Космический фон готов. В конце, хочу сделать небольшое, но важное замечание. Если вы будете передавать векторную работу, созданную при помощи Texturino, заказчику или другим лицам, то кроме файла в формате .ai или .eps вы должны передать все используемые текстуры. Вы можете экспортировать текстуры из файла, нажав на кнопку Export… в диалоговом окне Texture Manager.

Надеюсь, вам пригодится это.

Всего комментариев: 3
1  
Не пойму зачем такие сложности? В фотошопе это все в 4 раза быстрее делается. Чтобы только на печати немного почетче картинка была? Хотя бы объясните мне, зачем в иллюстраторе так намудрили с интерфесом и ядром, гипотетический переход с фотошопа на иллюстратор кажется непомерно тяжелым занятием. Вообще все не так, даже кривых не вижу, всю прогу обыскал, ну нет их там! При рисовании с планшета все время настройка кисти сбивается на дефолтную и даже не применяется к 1му вектору. Что за бред)) 3 года фотошоперства и знакомство с этим чудом подбило мне нервы)

0
2  
Лень читать ваш длинны комментарий.
1. Фотошоп ведь купить надо, алле?

3  

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.