Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 28 » Создание векторного заката
19:53
Создание векторного заката

Создание векторного заката \ Creating a vector sunset

Программа: Illustrator CS4

Сложность: средняя
Затраченное время: 2 часа

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

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

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

Шаг 1


Запустите программу, создайте новый документ. Установите цветовую модель RGB (File > Document > Color Mode > RGB Color).
С помощью инструмента Rectangle Tool (M) создайте прямоугольник, соответствующей размерами, документу.

Залейте полученную фигуру радиальным градиентом, состоящим из четырех цветов (1-R:227, G:229, B:243; 2-R:227, G;140, B:89; 3-R:163, G:61, B:75; 4-R:70, G:20, B:43).
Расположите бегунки, как показано на изображении ниже, так же немного сожмите градиент,
для чего введите для параметра Aspect Ratio значение около 80%.

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

Шаг 2


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

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


Шаг 3


Для дальнейшей работы нам понадобится новая художественная кисть. Выберите инструмент Эллипс (L) и создайте круг.
Используя инструмент Direct Selection Tool (A), преобразуйте круг, как показано на рисунке ниже.

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


Шаг 4


Перетяните полученную фигуру в палитру Brushes, в появившемся диалоговом окне отметьте создание New Art Brush.

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


Шаг 5


Примените кисть к созданной ранее кривой, для чего выберите кривую и щелкните по названию новой кисти в палитре Brushes.
Не снимая выделения с объекта, пройдите Object > Expand Appearance, залейте форму розовым цветом (R: 233,G: 88, B: 83).

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


Шаг 6


С помощью инструмента Direct Selection Tool (A), преобразуйте объект, заставьте его выглядеть более неровным, ухабистым.

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


Не снимая выделения, пройдите Effect > Blur > Gaussian Blur, уровень размытия установите равным 57рх.

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


Шаг 7


С помощью Карандаша (N), создайте горную вершину.

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

Замкните контур с помощью инструмента Pen Tool (P), залейте полученный объект темно-синим цветом (R: 59, G: 52, B: 86).

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


Шаг 8


Скопируйте горы и вставьте копию позади оригинала, для чего нажмите сочетание клавиш Ctrl+C, Ctrl+B.
С помощью инструмента Selection Tool (V), сожмите копию гор к центру, чтобы сжатие происходило одновременно с двух сторон и пропорционально,
зажмите клавишу Alt, когда будете выполнять это действие.

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


Залейте копию линейным градиентом от фиолетового цвета (R: 127, G: 63, B: 151) к белому и обратно к фиолетовому цвету.

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


Шаг 9


Используя технику, описанную в предыдущем шаге, создайте ещё одни горы, ближе к переднему плану.
Залейте их более темным цветом (R: 12, G: 22, B: 55), для копии задайте градиент от фиолетового цвета (R: 127, G: 63, B: 151)
к темно-фиолетовому оттенку (R: 77, G: 26, B: 93).

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


Шаг 10


Приступим к созданию Солнца. С помощью инструмента Ellipse Tool (L) создайте круг, залейте его черно-белым, радиальным градиентом.
Заметьте, что срединный ползунок должен быть ближе к черному.

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

Откройте палитру Transparency (Shift+Ctrl+F10), измените режим наложения (Blending Mode) на Color Dodge.

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


Шаг 11


Чтобы создать свечение вокруг Солнца, создайте эллипс, совпадающий центром с Солнцем.
Залейте полученную фигуру радиальным градиентом от желтого цвета (R: 255, G: 194, B: 82) к черному. Для Aspect Ratio выставите значение 88-90%.

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

Измените режим наложения на Screen.

Создание векторного заката
Шаг 12


Приступим к созданию облаков. С помощью инструмента Pen Tool (P) создайте произвольное облачко (см. рис. ниже).
Выставите значение Непрозрачности (Opacity), для созданной фигуры 30%.

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


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


Перетащите объект, с помощью инструмента Selection Tool (V), в палитру Brushes. В появившемся диалоговом окне, отметьте создание New Scatter Brush.

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


Введите настройки для кисти, как показано ниже.

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

С помощью Карандаша (N) нарисуйте две кривые и примените к ним созданную кисть.

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


Не снимая выделения с полученных облаков, пройдите Effect > Blur > Gaussian Blur. Радиус размытия выставите 40рх.

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


Измените режим наложения для облаков на Overlay.

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


Шаг 13


Начнем создание Солнечных лучей. С помощью инструмента Pen Tool (P) создайте треугольник с вершиной в центре Солнечного диска.
Вы будете использовать его в качестве трафарета.

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

С помощью инструмента Прямоугольник (М) создайте черный прямоугольник, непрозрачность выставите для него 50%.

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

Не снимая выделения с объекта, пройдите Object > Create Gradient Mesh, выставите значения настроек сетки, как Вы видите ниже.

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

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

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

С помощью инструмента Rotate Tool ® вращайте прямоугольник, как показано на рисунке ниже.

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

С помощью инструмента Direct Selection Tool (A) превратите прямоугольник в треугольник. Ниже показано пошагово, как это сделать.

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


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


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


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


Создание векторного заката
Шаг 14


Удалите треугольник, который служил трафаретом. Возвратите 100% Непрозрачности (Opacity) полученному треугольнику.

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

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

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

Раскрасьте сетку так, как Вы видите ниже. Для чего, с помощью инструмента Direct Selection Tool (A) выбирайте нужную точку
и задавайте для нее необходимый цвет. Учтите, что чем ближе точка к Солнечному диску, тем более светлым должен быть цвет для неё.

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


Шаг 15


Дублируйте луч, с помощью инструмента Rotate Tool ®, вращайте копии. Так же, с помощью инструмента Selection Tool (V),
сожмите некоторые копии, чтобы придать им неоднородный вид.
В итоге у Вас должна получиться Солнечная корона, как на изображении ниже.

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


Шаг 16


С помощью инструмента Direct Selection Tool (A) переместите точки короны, чтобы придать им еще более естественный, неоднородный вид.

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


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


Сгруппируйте все треугольники, для чего выделите все фигуры и нажмите Ctrl+G. Пройдите в палитру Transparency и измените,
режим наложения для этой группы на Overlay, Непрозрачность (Opacity) выставите 30%.

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


Шаг 17


Как вы видите, некоторые объекты находятся за пределами границ документа. Для того, чтобы спрятать ненужные части,
создайте прямоугольник размером с документ, выберите все объекты (Ctrl+A) и пройдите Object > Clipping Mask > Make или нажмите Ctrl+7.

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


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

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


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


Автор: Iaroslav Lazunov
Перевод: Василий Митюков

Источник: тут

***


череп в шоколаде?
часный космопортМодель Chelsea Silvedсекретная организация ржавое золото?

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


[23.12.2024][DesiGn bLOg]
Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)
[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 1159 | Добавил: supermen | Теги: создание иллюстраци, создать закат с помощью, Adobe Illustrator CS5 уроки, закат солнца векторный, закат солнца corel draw, Создание векторного заката
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[31.05.2010][Lessons PHOTOSHOP]
Магический символ, спецэффект (2)
[17.09.2011][Lessons Adobe Illustrator]
Создание весёлой визитки, подготовка к печати (0)
[28.01.2011][Lessons Adobe Illustrator]
Создаем иконку объектива (0)
[29.05.2010][Lessons PHOTOSHOP]
BlueCracks, спецэффект (1)
[12.01.2011][Lessons PHOTOSHOP]
Синее металлическое меню (0)
[09.12.2015][Lessons PHOTOSHOP]
Создаем белый фон в Photoshop (2015) (0)
[10.01.2011][Lessons PHOTOSHOP]
Как рисовался «Сломленный Линк» (0)
[22.09.2011][PSD-files, исходники]
Cold Roses (PSD) - Холодная роза (PSD) (0)
[29.09.2011][Brushes Photoshop]
Кисти - Винтажная медицинская реклама / Vintage Medicine Brushes (0)
[12.12.2013][rastER KLipardy]
Синие новогодние композиции - Растровый клипарт | Blue Christmas Compositions - UHQ Stock Photo (0)

Статистика


Онлайн всего: 7
Гостей: 7
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Jestalil (0)
[11.01.2011][Veb DeSiGn]
Free WordPress Theme Festinil (19)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27040 (0)



Четверг
30.01.2025
00:45


Copyright artpost and semantic product zanchi 2010-2011 © 2025