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


Главная » 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секретная организация ржавое золото?

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


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
 

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


Поиск






[28.02.2011][Lessons PHOTOSHOP]
Рисуем изящного хищника, Graceful Predator (1)
[15.05.2012][Lessons PHOTOSHOP]
Портрет моего друга (30)
[17.09.2011][Lessons Adobe Illustrator]
Как создать неоновый текстовый эффект (1)
[12.12.2013][3D MAX modeling]
Avshare – Food \ 3d продукты (0)
[09.12.2013][DesiGn bLOg]
Информация - это красиво! Победители конкурса Information is Beautiful Awards 2013 (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #27143 (0)
[20.09.2011][Veb DeSiGn]
Сайт ретро пластины (css) (0)
[12.02.2015][3D MAX modeling]
HDCarsCollection.Volume.02 (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #0514 (1)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 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)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
19.04.2024
16:10


Copyright artpost and semantic product zanchi 2010-2011 © 2024