() translation by (you can also view the original English article)
Создайте импрессионистские, бесконечно-масштабируемые векторные облака с помощью инструмента Сетчатый Градиент. В этой области легко начать, но придется много потрудится, чтобы стать мастером. Существует несколько подходов в работе с Сетчатым Градиентом, возможно этот будет новым для вас. Давайте начнем!
Результат Работы
Ниже приводится картинка, которую мы получим в результате работы. Хотите получить Векторный Исходный файл и загружаемую копию каждого урока, включая этот? Присоединяйтесь к Vector Plus всего за 9$ в месяц. Вы можете увидеть финальную картинку в большем разрешении здесь.
Шаг 1
Начните с фотографии, предпочтительно с той, которую вы сняли сами, или которую вы можете использовать. Разрешение фотографии должно быть от среднего и выше. Поместите фотографию в ваш документ в Illustrator (Файл > Поместить - File > Place). Не важно будет изображение связанное или включенное. Сделайте копию фотографии и поместите ее в стороне или выше оригинала. Мы будем использовать ее потом в качестве эталона.
Шаг 2
Выделив первую фотографию, зайдите во вкладку Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh) В появившемся диалоговом окне, введите большое значение для Рядов (Rows) и Столбцов (Columns). Постарайтесь сделать элементы сетки пропорциональными соотношению сторон вашей фотографии. Это сетка, которая будет использоваться для построения наших облаков, и придется внести в нее много изменений, чтобы изображение выглядело реалистичным. Выберите Неприменять (Flat) для Подсветки (Аppearance) и оставьте значение 100% для Интенсивности (Highlight).
Шаг 3
Теперь у вас должна получится грубая сетка и копия фотографии как эталон. Измените цвет слоя (в параметрах слоя) на то, что легче видеть, если вы еще этого не сделали. Я выбрала красный, потому что моя фотография в основном голубая. Голубой цвет Illustratorа, установленный для слоя по умолчанию будет сливаться.
Шаг 4
Используя оригинальное фото (которое вы скопировали раньше) как эталон, начинайте подгонять опорные точки сетки по контурам облаков с помощью инструмента Прямое Выделение (А) (Direct Selection Tool) и вращая манипуляторы, чтобы избавиться от квадратных форм. Если начальная сетка выглядит слишком пиксельной или квадратной, отмените все и начните сначала, добавив больше Рядов и Столбцов. Прорабатывайте форму ваших облаков, постепенно ее улучшая. Это почти как лепка, где вы начав с общей массы переходите к деталям.
Шаг 5
Каждая опорная точка имеет свой назначенный цвет. Чем ближе манипулятор (handles) к точке, тем ближе к этой точке этот цвет. Представьте точку как центр аморфного радиального градиента. Если потянуть манипулятор ближе к точке, тем более резкий переход цвета будет между точками, следующими за ней.
Вы можете контролировать вид контура, управляя сразу двумя опорными точками. Сближение двух опорных точек сделает более резко-очерченный край. Сближение или удаление манипуляторов узлов сетки, позволяет настроить области, где встречаются два цвета.
Шаг 6
После того, как вы разобрались с грубыми формами для облаков, самое время проработать детали. Вот хороший совет. Откройте панель Навигатор (Окно > Навигатор), и растяните его на сколько это возможно. Так как Навигатор всегда отображается поверх рабочей зоны, вы можете приблизить вашу сетку,а вносимые изменения видеть в Навигаторе. Это избавит вас от необходимости постоянно приближать и удалять сетку, чтобы посмотреть, что вы сделали.
Шаг 7
Теперь начинается кропотливая работа. В самом деле, это может занять часы или даже дни. Тут нет никаких обходных путей, если вы хотите получить действительно реалистичную картинку с помощью Сетчатого Градиента. Вы можете импровизировать немного с краями, контрастируя более очерченные края и более тонкие формы, что бы это выглядело как облако. Используя панель Навигатора, продолжайте подгонять точки сетки.
В тех областях, где вам нужно добавить больше деталей, добавьте опорную точку используя инструмент Сетчатый Градиент (U) (Mesh Tool). Добавить току - звучит не совсем верно. Когда вы добавляете опорную точку вы на самом деле добавляете новую линию сетки, точки которой вы можете регулировать независимо. Когда вы нажмете на горизонтальную линию сетки, появится еще вертикальная линия и так далее. Эти линии сетки (или другие) могут быть удалены, если удерживать клавишу Alt, во время использования инструмента Сетчатый Градиент (U) (Mesh Tool).
Шаг 8
Будьте осторожны, и не добавьте слишком много точек. Если линии сетки накладываются, или если кривые слишком угловатые, края будут нескладные и резкие.
Заключение
Это не курс рисования, и действительно реалистичного результата добьются люди с определенным опытом и школой. Необходимо уметь наблюдать и иметь тренированный художественный взгляд, что бы справиться с таким сложным предметом. Но, я надеюсь, что в результате этого урока вам стало понятней как работать с Сеточным Градиентом, и вы продолжите свою практику. Полученное в результате изображение вы можете найти ниже, или открыть изображение с большим разрешением здесь.
Подписывайтесь на Vectortuts+ RSS рассылку, что бы быть в курсе последних уроков и статей по векторной графике.
