Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Волшебный зимний фон в Adobe Illustrator

24 января 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать волшебный зимний в Adobe Illustrator. Начнем с создания фона, для этого используем сетчатый градиент и палитру из холодных оттенков. После этого нарисуем снежинки и раскидаем их сверху. Далее нам предстоит создать разные фигуры с градиентами и в разных режимах наложения, которые позже станут символами, и мы распылим их поверх работы. Финальным аккордом станут кисти снега.

 

1. Создаем новый документ

В Adobe Illustrator создайте новый документ (File>New/Файл>Создать) и укажите ему следующие параметры:

01

2. Создаем фон

Шаг 1

Инструментом Rectangular/Прямоугольник нарисуйте прямоугольник по размеру рабочей области. Укажите фигуре цвет заливки #E3E8EE.

02

Шаг 2

Инструментом Мesh tool/Сетчатый градиент создайте новые точки, как показано ниже.

03

04

Теперь давайте добавим цветов. Начнем с создания палитры — это сделает процесс проще и быстрее. Мы используем холодные цвета. Нарисуйте шесть небольших квадратов (70x70px) и укажите им разные цвета заливки.

05

Разместите ваши квадраты рядом с сетчатым градиентом.

06

Теперь раскрасим каждую точку сетки. Инструментом Direct Selection/Прямое выделение (A) выделяйте точку, и инструментом Eyedropper/Пипетка копируйте цвет с квадратиков.

07

08

09

Должно получиться нечто похожее на это:

10

Теперь вы можете удалить квадратики палитры. Откройте палитру Layer/Слои (Windows>Layers/Окно>Слои), создайте новый слой, поместите в него наш сетчатый градиент и заблокируйте слой. Создайте еще один новый слой и назовите его “Lights and objects (огни и объекты)”. В нем будут огоньки и снежинки.

11

12

3. Рисуем снежинки

Шаг 1

Инструментом Segment/Отрезок линии нарисуйте горизонтальную линию, затем вертикальную, обе длиной в 120px и толщиной в 5px. Выделите обе линии и отцентруйте их. В палитре Stroke/Обводка (Window>Stroke/Окно>Обводка) укажите скругленные концы обводке.

13

Дублируйте обе линии (Ctrl c+ Ctrl F). Затем поверните копии на 45º (Object>Transform>Rotate 45º/Объект>Трансформировать>Повернуть на 45º).

14

Инструментом Start/Звезда нарисуйте звезду из 16 точек с толщиной обводки в 5px и без заливки. Укажите звезде параметры как на картинке ниже.

15

Выравниваем все по центрам.

16

Сделайте копию звезды и увеличьте ее до 86x86px. Сделайте еще одну копию звезды и увеличьте ее до 138x138px.

17

18

Нарисуйте короткую линии толщиной в 5px. Выделите ее и выберите в меню Transform>Reflect vertical 90º/Трансформировать>Отразить вертикально на 90º. Поместите копию справа. Выделите обе линии и сгруппируйте их (Object>Group/Объект>Сгруппировать). Выровняйте всё по центру. Дублируйте группу с линиями и отразите е горизонтально.

19

20

21

Выделите обе группы с линиями и сгруппируйте их вместе. Дублируйте группу и поверните ее на 90º. Выделите и сгруппируйте с остальными линиями, после чего отцентруйте всё.

22

Выделите всю снежинку, сгруппируйте ее и разберите. Наша первая снежинка готова!

23

24

Шаг 2

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

25

Шаг 3

Раскидайте копии снежинок по фону. Вам не нужно слишком много снежинок, потому что будут и другие элементы. Выделите все снежинки над фоном и укажите им blending mode/режим наложения Soft Light/Мягкий свет. После этого сгруппируйте их. Теперь мы заблокируем группу со снежинками, чтобы она не мешала нам в работе (Object>Lock>Selection/Объект>Заблокировать>Выделенное).

26

4. Рисуем огоньки

На этом этапе мы создадим объекты и трансформируем их в символы, чтобы было удобно распылять их по фону.

Шаг 1

Инструментом Ellipse/Эллипс нарисуйте круг размером 54x54px, укажите ему радиальный документ от светло-голубого к черному.

27

Шаг 2

Создайте еще один такой же круг, но размером в 225x225px, и смените blending mode/режим наложения круга на Screen/Осветление.

28

Шаг 3

Нарисуйте еще один круг, размером 120x120px, и укажите ему градиент от белого к темно-серому, и смените режим наложения на Color Dodge/Осветление основы.

29

Шаг 4

Нарисуйте эллипс размером 10x12px с градиентом от темно-серого к черному. Смените режим наложения на Color Dodge/Осветление основы.

30

Шаг 5

И еще один эллипс, размером 7x6px, которому нужно указать градиент от синего к черному и режим наложения Color Dodge/Осветление основы.

31

Шаг 6

Нарисуйте круг размером 21x21px и укажите ему градиент от белого к черному в режиме наложения Screen/Осветление.

32

Шаг 7

Создайте последний элемент. Инструментом Star/Звезда нарисуйте звезду из 5 точек, размером 20x20px, и укажите ей радиальный градиент от синего к черному в режиме наложения Color Dodge/Осветление основы.

33

Шаг 8

Создаем символы. Откройте палитру Symbol/Символ (windows>Symbol/Окно>Символ) и перетащите по очереди каждый эллипс и звезду, которые мы только что создали. В параметре Type/Тип в диалоговом окне выбирайте Graphic/Графика.

34

Теперь ваша палитра символов должна выглядеть примерно так.

35

Шаг 9

Пришло время добавить огоньки на фон. Возьмите инструмент Symbol Sprayer/Распыление символов и первый символ, который мы создали. Начинайте рассеивать символы по фону. Не переживайте за то, что они выходят за пределы рабочей области.

36

Повторите процедуру с другими символами — так мы получим разные размеры и прозрачность элементов.

37

В выпадающем меню инструмента Symbols Sprayer/Распылитель символов вы найдете инструменты по редактированию символов. Используйте их, чтобы добиться идеального результата и разнообразить работу.

39

5. Маскируем лишнее

Шаг 1

Выделите все распыленные символы и кликните по иконке Break link to Symbol/Разорвать связь с символом. Это позволит нам редактировать символы по отдельности.

40

Шаг 2

Создайте прямоугольник по размеру рабочей области. Выделите этот прямоугольник и все символы и в меню выберите Object>Clipping Mask>Mask/Объект>Обтравочная маска>Создать. 

41

6. Рисуем кисти снега

Шаг 1

Нарисуйте белый овал размером 5x6px aи откройте палитру кистей (Window>Brushes/Окно>Кисти) перетащите в палитру овал и выберите Scatter Brush/Дискретная кисть. После этого укажите кисти настройки как на картинке ниже.

42

43

Давайте создадим еще одну кисть с неправильными формами. Примерно как показано ниже. Пусть ваши фигуры не превышают размера в 5px.

44

Выделите эти фигуры, перетащите их в палитру кистей и укажите следующие параметры:

43

Шаг 2

Инструментом Paint Brush/Кисть (B) нарисуйте изогнутые линии поверх нашей работы, как показано ниже и примените наши кисти.

45

Результат

Вот и всё!

46

Автор урока LauraMM

Перевод — Дежурка

Смотрите также:




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]