Vectorboom
Советы / Короткие уроки Adobe Illustrator / Comments: 15

Как быстро создать абстрактный бумажный 3D фон

Ярослав Лазунов
09.09.2013
Цель Урока
как быстро создать абстрактный 3 д фон из снежинок

Для более углубленного изучения данного урока Вы можете скачать исходный векторный файл

В этом уроке мы научимся создавать абстрактный 3D бумажный фон. Это довольно трендовая тема сегодня, чтобы убедиться в этом, достаточно взглянуть на топы продаж любого микро стока. Для того чтобы создавать подобные фоны понадобится минимум технических знаний и совсем необязательно уметь рисовать. Давайте начнем!

Шаг 1

Создадим фон для нашей композиции. При помощи Rectangle Tool (M) создаем прямоугольник, который зальем линейным градиентом от белого к серому цвету.

Берем Gradient Tool (G) и изменяем направление градиента так, как это показано на рисунке ниже.

Шаг 2

Теперь давайте подмешаем немного голубого к серому цвету. Кликаем на сером слайдере в панели Gradient и в открывшейся панели Color выбираем режим HSB, устанавливаем оттенок, затем сдвигаем слайдер Saturation немного вправо от нулевой точки.

Шаг 3

Приступим к созданию основного объекта композиции. На самом деле объект может быть любой и чем проще будет его форма, тем лучше, на мой взгляд. Я решил создать незамысловатую снежинку. Для ее создания я буду использовать плагин MirrorMe, хотя вы можете нарисовать ее стандартными способами. Я использую плагин, потому что подобные формы создавать таким способом намного быстрее. При помощи Pen Tool (P) я создал три прямолинейных сегмента, как это показано на рисунке ниже.

Теперь переходим Object > Path > Outline Stroke.

Берем MirrorMe Tool и установив количество осей симметрии, которое равно шести, кликаем в точке A. Нажимаем на Apply to Selection в аннотационной системе.

Не снимая выделения с полученных объектов, нажимаем на Unite в панели Pathfinder.

Снежинка готова. Друзья, если вы не знаете, как создать подобную форму стандартными способами или вас заинтересовал плагин MirrorMe, пишите в комментариях к уроку. Я с радостью подробно расскажу вам об этом. Сейчас же я информирую вас о новых технологиях, которые позволяет работать более гибко и экономить наше время.

Шаг 4

Заливаем форму снежинки радиальным градиентом от светло-серого к серо-голубому цвету.

На самом деле цвета градиента могут и должны редактироваться после создания блика и тени от снежинки. Просто на данном этапе правильно подобрать цвета невозможно. Копируем форму снежинки и вставляем ее назад два раз (Cmd/Ctrl + C; Cmd/Ctrl + B 2 раза).

Перекрашиваем верхнюю копию в серый цвет, а нижнюю в белый. Выделять копии снежинки удобно в панели Layers.

Шаг 5

Выделяем серую и белую снежинки, затем используем комбинацию горячих клавиш иллюстратора Cmd/Ctrl + Opt/Alt + B для создания бленд объекта.

Два раза кликнем по иконке Blend Tool (W) в панели Tool для открытия диалогового окна Blend Options. Установим количество specified steps.

Шаг 6

Не снимая выделения с бленд объекта, устанавливаем режим смешивания Multiply в панели Transparency.

Выделяем белую снежинку в панели Layers, затем устанавливаем 0% прозрачности в панели Transparency.

Шаг 7

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

Действия, описанные в этих шагах, позволили нам создать падающую тень от снежинки. Это довольно грубый, но быстрый способ создания тени при помощи бленд объекта. Такая тень имеет определенные артефакты, которые, тем не менее, не являются возможной причиной отказа инспектора на микро стоке.

Я создал несколько подобных фонов и загрузил их на 5 микро стоков, не получив ни единого отказа. Тем, кто хочет создавать более совершенную тень, советую прочитать мою статью - Как избежать проблем при создании Blend объектов в Adobe Illustrator.

Шаг 8

Копируем форму снежинки, которая залита радиальным градиентом, затем вставляем копию назад. Заливаем новый объект белым цветом, затем смещаем его на несколько пикселей вправо и вверх. Таким образом, мы создали блик на краях снежинки.

Теперь, когда все объекты снежинки готовы, посмотрим критически на ее цвета. В случае необходимости отрегулируйте цвета радиального градиента верхней снежинке и серый цвет снежинки, входящей в бленд объект, который определяет цвет и интенсивность тени.

После коррекции сгруппируем все элементы снежинки (Cmd/Ctrl + G).

Шаг 9

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

Для тех, кому слово композиция нечего не говорит, сообщаю, что я планирую написать статью об основах построения композиции, где постараюсь простым языком изложить этот предмет, необходимый любому дизайнеру.

На этом наш сегодняшний урок закончен. Овладев техникой, создавайте множество подобных фонов. Успешных всем продаж!

Для более углубленного изучения данного урока Вы можете скачать исходный векторный файл

Почему ты, Ярослав, зимний фон рисуешь, ведь осень только началась? Давно пора, друзья, рисовать зимние темы. Это вам любой опытный стокер скажет.

Всего комментариев: 15
1
1  
Какой здоровский урок! У меня получилось, сделала несколько фонов со своими объектами! Просто влюбилась в ваш сайт - у вас столько интересного smile Спасибо!

0
2  
И вам спасибо smile

0
3  

Цитата
Такая тень имеет определенные артефакты, которые, тем не менее, не являются возможной причиной отказа инспектора на микро стоке.
Вот понадеялась и получила отказ именно по этой причине на Шаттерстоке: The vector does have jagged edges, therefore the review was correct. На остальных стоках файл приняли. Обидно.

0
4  
Интересно, Шаттер редко файлы отклоняет, еще и по этой причине - человеческий фактор, что ж тут поделать

0
5  
Здесь случайно не ошибка:"затем используем комбинацию горячих клавиш иллюстратора Cmd/Ctrl + B + Opt/Alt для создания бленд объекта"???  По-моему для создания бленда комбинация  несколько другая: Alt+Ctrl + B. И ещё момент, когда "Копируем форму снежинки, которая залита радиальным градиентом, затем вставляем копию назад" Когда я копирую эту первую форму снежинки (Ctrl+ C) и вставляю её назад (Ctrl + [), то копия у меня оказывается за блендом и на первый план выходит серая снежинка, что не так делаю?

0
6  
Да, последовательность должна быть такая Cmd/Ctrl + Opt/Alt + B
Вставить назад - Ctrl + B

0
7  
хм... у меня твкие работы не принимают. Судя по всему изза бендинга градиентов

0
9  
Ну так подкрути цвета

0
8  
Это сложнее, чек казалось раньше, но и легче. Вы всегда можете в сети найти удачную, на ваш взгляд, композицию и применить к своему случаю. Дизайнер это тот же инженер - ничего сложного

0
10  
Ярослав, здравствуйте! В конце урока Вы написали:

Цитата
Для тех, кому слово композиция нечего не говорит, сообщаю, что я планирую написать статью об основах построения композиции, где постараюсь простым языком изложить этот предмет, необходимый любому дизайнеру
Хотелось бы узнать, как продвигаются дела с этой статьей, просто беда с построением композиции, никак не могу расположить элементы так, чтобы они смотрелись «стоково». Пыталась найти в интернете, но нашла только несколько статей с теорией, даже без иллюстраций, а тем более, примеров, хотя бы из превью стоковых изображений. Тырить у успешных стокеров как-то не хочется, хотелось бы понять принципы построения.

1
11  
А вы принципы и тырьте, художественная композиция вам мало что даст - дело сложное и не ремесло, а в нашем случае ремесло, значит имеет стандартные решения

0
12  
Добрый день, Ярослав. Хочу Вам сказать, что у вас самый познавательный и интересный сайт из которых я смогла найти. Очень интересна тема с блендами, но у меня вопрос именно по стокам. Вот, например, я создаю спирограф с применением блендов и не могу понять как его экспандить. Знаю что бленды экспандить не надо, но как со строками быть - их же то обязательно экспандить. В общем запуталась немного и прошу вашего совета.

0
13  
Именно для стоков их (бленды) экспандить не надо

0
14  
Спасибо за быстрый ответ. За бленды я знаю, но как быть если изначально бленд состоит из двух одинаковых объектов с применением строк, т.е. fill у меня No, а Stroke стоит какое-то значение. И еще допустим я хочу применить бленд к тексту, как в таком случае быть?

0
15  
обводку и текст придется разобрать, до или после

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.