Как Создать Ночное Небо с Облаками Используя Adobe Illustrator и Photoshop
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

В этом уроке вы узнаете как использовать Сеточный Градиент и плагин Mesh Tormentor, а так же как сделать, что бы ваша картинка выглядела лучше, использовав несколько простых трюков с панелью Прозрачность - и все это во время создания прекрасной и мистической иллюстрации с настоящими облаками.
Если вы захотите пропустить этот урок и приобрести картинку которая получится в результате, зайдите на GraphicRiver чтобы купить Night Nature Sky Background With Moon, Cloud and Stars.

Прежде чем начать проходить этот урок, вам необходимо установить плагин Mesh Tormentor. Зайдите на сайт Mesh Tormentor и загрузите этот бесплатный плагин для вашей версии Иллюстратора. Затем распакуйте загруженный архив, закройте Иллюстратор и копируйте файл с расширением .aip в папку "Extenstions" (или Расширения) на вашем диске. (Например, это C:\Program Files\Adobe\Adobe Illustrator CS6\Plug-ins\Extensions папка на моем компьютере). Снова откройте Иллюстратор и зайдите в Окно > Mesh Tormentor (Window > Mesh Tormentor).
1. Как Создать Облака
Шаг 1
Мы начнем с создания реалистичных облаков. Для этого нам нужно запустить Фотошоп.
Вы можете нажать на кнопку Download attachment справа от окна с этим уроком, чтобы загрузить мою фотографию облака, которую я буду использовать; или вы можете использовать вашу собственную фотографию.
Откройте фотографию в Adobe Photoshop, и затем зайдите в Выделение > Цветовой Диапазон (Select > Color Range).

Шаг 2
В появившемся диалоговом окне возьмите белую Пипетку и нажмите на самую белую часть облака. В результате предпросмотр вашего выбора должен выглядеть примерно как на скриншоте ниже. Нажмите кнопку ОК.

Шаг 3
Откройте новый файл в Adobe Photoshop и убедитесь, что фон является Прозрачным.

Шаг 4
Перенесите выбранное облако из первого файла, в только что созданный нами файл.

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

Шаг 6
К этому моменту у вас должно получиться что-то вроде этого.

Шаг 7
Возьмите инструмент Ластик (E) (Eraser Tool), выберите Слой 1 (с облаком) и удалить все ненужные артефакты на картинке. Должна остаться только основная форма облака.

Шаг 8
Наконец возьмите инструмент Размытие (R) (Blur Tool) и размойте края облака. Это для того, чтобы оно не выглядело пиксельным, когда мы будем конвертировать его в векторный формат.

Шаг 9
Когда вы останетесь довольны результатом, удалите голубой слой и сохраните файл с расширением .png.
Откройте файл .png в Adobe Illustrator.

Шаг 10
Создайте эллипс поверх облака.
Зайдите в Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh) и установите значение для Рядов и Столбцов - 50.

Шаг 11
Теперь вступает в игру Mesh Tormentor. Если вы еще его не установили, сделайте это и зайдите в Окно > Мesh Tormentor.

Шаг 12
Выберите наш эллипс и на панели Mesh Tormentor, нажмите на пятую слева в шестой строке иконку Increase Mesh Density.

Шаг 13
Результат должен выглядеть вот так.

Шаг 14
Теперь выберите облако, которое мы сделали в Adobe Photoshop и Эллипс - Сетку. Эллипс должен быть над облаком! Нажмите на значок «Mona Lisa» в панели Mesh Tormentor, чтобы перенести цвета с изображения на сетку.

Шаг 15
Удалите исходное растровое изображение и вуаля — у вас есть ваше поразительно реалистичное векторное облако!

2. Как Создать Фон
Шаг 1
Создайте темно синий квадрат и, используя Сетчатый Градиент (U) (Mesh Tool), для создания сетки 5 x 6.

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

Шаг 3
Теперь с облаками. Создайте какой нибудь голубой прямоугольник и поместите наше облако поверх него. Разместите его над нижней правой границей.

Шаг 4
Создайте пару копий и разверните их немного, а потом поместить как на картинке ниже.

Шаг 5
Разместите другую копию над левым облаком.

Шаг 6
Завершите добавив маленькую копию по середине в нижней часть прямоугольника.

Шаг 7
Теперь поместите голубой прямоугольник над облаками (Shift-Control-]), выделите все объекты, щелчок правой кнопкой и выберите Создать Обтравочную Маску (Make Clipping Mask).

Шаг 8
В итоге наши облака выглядят следующим образом:

Вы можете их поместить на фон, который мы создали раньше.
3. Как Создать Луну и Лучи Света
Шаг 1
Создайте форму луны выбрав две накладывающиеся друг на друга окружности и нажмите на кнопку Исключение (Exclude) на панели Обработка Контуров (Pathfinder). Разгруппируйте полученный результат и удалите верхнюю часть.

Шаг 2
Создайте три копии получившегося объекта. Возьмите первую копию, поставив другие две в стороне. Залейте ее белым цветом и затем создайте еще одну копию и переместите ее немного вверх и влево от оригинала. Залейте ее #95A5BC
. Наконец перетащите среднюю опорную точку голубой формы немного влево.

Шаг 3
Установите Прозрачность для голубой фигуры на 0%.
Зайдите в Объект > Переход > Параметры Перехода (Object > Blend > Blend Options). Установите Интервалы на Заданное число Шагов и количество шагов задайте 30.

Шаг 4
Выделите оба объекта и нажмите Объект > Переход > Создать (Object > Blend > Make).

Шаг 5
Для второй копии которую мы создали на Шаге 2, повторите Шаги 2-4.

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

Шаг 7
Создайте окружность с Радиальным Градиентом (Белый - #4AF0F8
-#0888D5
- #054B87
- Черный).

Шаг 8
Создайте пару различных копий этого объекта.

Шаг 9
Установите Прозрачность для всех этих объектов, включая первую окружность на Осветление (Screen).

Шаг 10
Создайте из градиентов три фигуры.

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

Шаг 12
Создайте другую фигуру эллипса с Радиальным Градиентом от #274F7B
к #000000
.
Установите Прозрачность на Осветление.

Шаг 13
Используя Шаги 9 и 10, создайте другие объекты с эллипсами с градиентами. Самые важные элементы - это с тонкими лучами.
Поместите их поверх друг друга.

Шаг 14
Поместите второй объект поверх первого.

Шаг 15
Поместите лучи поверх фона с небом с облаками и луной.
Мы почти закончили!

4. Как Создать Звезды
Шаг 1
Создайте три маленьких окружности с радиальным градиентом от белого к черному, 80% Непрозрачностью и режимом наложения - Осветление. Окружности должны быть разного размера, и такого, какого будут звезды у вас на картинке.

Шаг 2
Забросьте все три окружности в панель Символы (Symbols), чтобы создать три разных символа.

Шаг 3
Возьмите инструмент Распыление Символов (Shift-S) (Symbol Sprayer Tool), выберите один из символов на панели Символы, и проведите по монтажной области, создавая множество звезд.

Шаг 4
Повторите это для всех трех символов. Когда вы будете удовлетворены результатом, выберите каждый объект со звездами и зайдите в Объект > Разобрать Оформление (Object > Expand Appearance).
Обрежьте изображение нарисовав поверх прямоугольник, выбрав все элементы, и нажмите Создать Обтравочнкую Маску.

Шаг 5
Теперь мы создадим последнюю парочку звезд. Создайте окружность с радиальным градиентом от белого к черному, 80% Непрозрачностью и режимом наложения - Осветление.

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

Шаг 7
Создайте другую звезду с параметрами, приведенными ниже.

Шаг 8
Соберите все части, одна поверх другой.

Шаг 9
Поместите несколько больших звезда на фон.

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

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post