ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
 Страница 1 из 9  » следующая ОтветитьНовая темаНовое голосование
121 ответ. 60046 просмотров.
   
 мужчина  Irdin 18 Августа 2009, 05:08
Пост №1 * 18 Августа 2009, 05:08
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
3 229 постов
619°
Возраст: 19
Регистрация: 12.12.2006
Проживает: Прокопьевск
How to Create a Rainy Window Vector Background


Дождливый Векторный Фон


Создаем "Дождливый векторный фон"


Шаг 1.

Создаем новый документ 11 inches на 8.5 inches. Это может быть CMYK или RGB, на ваше усмотрение. Создаем цветовую группу из 5 оттенков. Именуем цвета "1" для самого светлого, "8" для самого темного, и остальные соответственно тоже.
Создаем "Дождливый векторный фон"

Шаг 2.

Рисуем прямоугольник на нашем рабочем поле, и заливаем средним синим, из нашей группы цветов. Следуем Object > Create Gradient Mesh, и вводим 6 строк и 6 колонок.
Создаем "Дождливый векторный фон"

Шаг 3.

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

Шаг 4.

Блокируем слой с задним фоном, и создаем новый выше. Рисуем круги разных размеров и в разном порядке размещаем их на документе. Заливаем круги светлыми оттенками из группы цветов, и изменяем уровень Opacity 60% - 80%.
Размещаем светлые круги, на светлых областях мешевого фона, и более прозрачные на более темные области. Выделяем все круги и следуем Effect > Blur > Gaussian Blur. Вводим значение 4 pixels. Выделяем чуть меньше кругов, и меняем значение 6 pixels.

Это придаст глубины светлым участкам. Иллюстрация должна выглядеть, как показано ниже.
Создаем "Дождливый векторный фон"
Создаем "Дождливый векторный фон"

Шаг 5.

Блокируем слой с кругами и создаем новый. Рисуем эллипс, и заливаем четырех шаговым градиентом, как показано ниже. Регулируем градиент так,чтобы белый цвет был по краям эллипса. Gradient Annotator в Illustrator CS4 сделать это гораздо легче, чем в более поздних версиях.
Создаем "Дождливый векторный фон"

Шаг 6.

Применим Inner Glow к эллипсу.
Создаем "Дождливый векторный фон"

Шаг 7.

Рисуем вытянутый эллипс, и заливаем светлым цветом из цветовой группы (Синий #1). Следуем Effect > Warp > Arc, и вводим значения как показано ниже. Помещаем эллипс поверх градиента, который мы только что создали.
Помещаем на верх и вращаем вне центра . Уменьшим или увеличим, чтобы соответствовать размерам капли. Следуем Object > Expand Appearance. Применяем радиальный градиент, как ниже, и режим смешивания на Screen.
Создаем "Дождливый векторный фон"
Создаем "Дождливый векторный фон"

Шаг 8.

Дублируем оригинальный эллипс, размещаем позади, и заливаем тонким темным линейным градиентом. Режим смешивания на Multiply и значение Opacity на 80%. Это будет тень для капель.
Создаем "Дождливый векторный фон"

Шаг 9.

Дублируем каплю дважды. Регулируем градиенты на них; Одна должна быть светлее чем оригинал, другая темнее.
Создаем "Дождливый векторный фон"

Шаг 10.

Перетаскиваем каплю в панель Символов (Symbols panel). Выбираем Graphic как Type, и называем новый символы как вам нравиться.Я назвал "Droplet Light," "Droplet Medium" и "Droplet Dark."
Создаем "Дождливый векторный фон"

Шаг 11.

Теперь у нас есть созданные символы, берем Symbolism Tools кликнув и удержав Symbol Sprayer Tool (Shift + S). Перемещаем мышь через вертикальный tearoff бар, затем отпускаем. Это облегчит использование различных инструментов символа. Все инструменты символики начинаются с буквы 'S.'
Создаем "Дождливый векторный фон"

Шаг 12.

Выбираем Symbol Sprayer Tool,кликаем на светлый символ с каплями, и тянем курсор через треть иллюстрации. Распылим несколько символов, потом Ctrl-click чтобы снять выделение и начать другую группу.
Свободно покройте треть иллюстрации каплями. Проделайте тоже самое для средней трети, и нижнюю треть, используя соответствующие символы и капельки для тех секций (средний и темный).
Меняйте диаметр инструмента если это необходимо, нажимая левые или правые скобки. Когда вы закончите, иллюстрация должна выглядеть как показано ниже.
Создаем "Дождливый векторный фон"
Создаем "Дождливый векторный фон"

Шаг 13.

Выбираем Symbol Sizer Tool. В разброс кликаем по символам, изменяя их размер. Зажмем Alt key чтобы уменьшить размер. Нужно наловчиться к таким действиям. Попытайтесь щелкать непосредственно сверху капли, чтобы изменить ее размер. Чтобы продолжить рандомизировать символы,используйте Symbol Shifter Tool чтобы переместить их.
Создаем "Дождливый векторный фон"

Шаг 14.

Вы можете дублировать отдельные символы, и изменять их размеры как у целой группы. Вам решать насколько дождливый фон вы хотите, дублируйте группы, и размещайте в хаотичном порядке.
Как только вы закончили с каплями,следуем Object > Expand. Это результат для индивидуальных символов, далее следуем Object > Expand снова, чтобы вернуть символы к объектам.
Создаем "Дождливый векторный фон"
Создаем "Дождливый векторный фон"

Шаг 15.

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

Шаг 16.

Создаем новый слой выше слоя "circles", и ниже чем слой "drops". Используем Blob Brush Tool (Shift + B ) и рисуем несколько капель вверху страницы.
Заливаем формы темным градиентом (от Синий 8 до Синий 6), и меняем режим в панели Transparency на Soft Light. Регулируем градиенты.
Создаем "Дождливый векторный фон"

Финальный результат:
Создаем "Дождливый векторный фон"

Автор:Cheryl Graham
Перевод:Irdin


Отредактировано: meine_kleine — 8 Августа 2013, 11:05
ключевые слова: vector background, векторный фон, дождливый день, дождливый фон для фотошопа, Вектор - Фон Цветов, создаем фон, Векторные фоны для фотошопа, векторный, векторные фоны с кругами, фоны для фотошоп вектор
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 женщина  N_Leona 18 Августа 2009, 13:13 (спустя 8 часов 4 мин.)
Пост №2 * 18 Августа 2009, 13:13 (спустя 8 часов 4 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Графиков»
157 постов
51°
Возраст: 49
Регистрация: 16.08.2008
Проживает: Омск
Irdin, спасибо за интересный урок!


Создаем "Дождливый векторный фон"

Отредактировано: N_Leona — 18 Августа 2009, 13:15
"Есть истины, но нет Истины. Я могу с абсолютно полным основанием утверждать две совершенно противоположные вещи и быть правым в обоих случаях. Одно понимание не должно подавлять другое - они оба имеют право на существование" Роберт Музиль
+9
 мужчина  Irdin 18 Августа 2009, 14:36 (спустя 1 час 23 мин.)
Пост №3 * 18 Августа 2009, 14:36 (спустя 1 час 23 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
3 229 постов
619°
Возраст: 19
Регистрация: 12.12.2006
Проживает: Прокопьевск
N_Leona, вам спасибо за работу wink.gif хорошенькая
я бы внизу капельки которые ярки, потемнее сделал. Градиент то внизу у вас темнее rolleyes.gif
0
 мужчина  Maksyun 18 Августа 2009, 17:12 (спустя 2 часа 36 мин.)
Пост №4 * 18 Августа 2009, 17:12 (спустя 2 часа 36 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
41 пост
18°
Возраст: 31
Регистрация: 14.01.2009
Проживает: Катайск
Спасибо, у меня вот что получилось.....как то не естественно, ну да ладно) потеки тоже не понял чем делать, кистью или пером?
Создаем "Дождливый векторный фон"
Каждый из нас ангел, но только с одним крылом. И мы можем летать, только обнявшись друг с другом;)
+3
 мужчина  Irdin 18 Августа 2009, 21:12 (спустя 3 часа 59 мин.)
Пост №5 * 18 Августа 2009, 21:12 (спустя 3 часа 59 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
3 229 постов
619°
Возраст: 19
Регистрация: 12.12.2006
Проживает: Прокопьевск
Maksyun, можно и кистью и пером wink.gif
0
 женщина  N_Leona 18 Августа 2009, 22:02 (спустя 49 мин.)
Пост №6 * 18 Августа 2009, 22:02 (спустя 49 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Графиков»
157 постов
51°
Возраст: 49
Регистрация: 16.08.2008
Проживает: Омск
Irdin, спасибо за комментарий, действительно, с цветом надо было наверное четче поработать mda.gif как то сюжетом увлеклась ...


Отредактировано: N_Leona — 18 Августа 2009, 22:02
"Есть истины, но нет Истины. Я могу с абсолютно полным основанием утверждать две совершенно противоположные вещи и быть правым в обоих случаях. Одно понимание не должно подавлять другое - они оба имеют право на существование" Роберт Музиль
0
 женщина  Selfhome 19 Августа 2009, 02:06 (спустя 4 часа 4 мин.)
Пост №7 * 19 Августа 2009, 02:06 (спустя 4 часа 4 мин.)
Ответ с цитированием этого сообщения

Размышляющие
78 постов
14°
Возраст: 55
Регистрация: 31.10.2008
Проживает: Москва
Огромное спасибо за волшебный урок! Испытывала чувство, похожее на счастье, выполняя его biggrin.gif


Создаем "Дождливый векторный фон"

Отредактировано: Selfhome — 19 Августа 2009, 03:54
+3
 женщина  skvoznyak 19 Августа 2009, 14:30 (спустя 12 часов 24 мин.)
Пост №8 * 19 Августа 2009, 14:30 (спустя 12 часов 24 мин.)
Ответ с цитированием этого сообщения

Дебютанты
5 постов
Возраст: 31
Регистрация: 17.12.2008
Проживает: Волгоград
Урок просто прелесть)
Распылитель у меня как-то странно настраивается.... а так очень здОрово! только недавно начала осваивать илюстратор, так что не судите строго))


Создаем "Дождливый векторный фон"

Отредактировано: skvoznyak — 19 Августа 2009, 14:31
+5
 женщина  gelveta 19 Августа 2009, 15:45 (спустя 1 час 14 мин.)
Пост №9 * 19 Августа 2009, 15:45 (спустя 1 час 14 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Художников»
1 237 постов
264°
Возраст: 43
Регистрация: 26.10.2008
Проживает: Москва
Irdin, clapping.gif !!!


Создаем "Дождливый векторный фон"

Отредактировано: gelveta — 19 Августа 2009, 15:46
+4
 мужчина  Irdin 19 Августа 2009, 16:25 (спустя 40 мин.)
Пост №10 * 19 Августа 2009, 16:25 (спустя 40 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
3 229 постов
619°
Возраст: 19
Регистрация: 12.12.2006
Проживает: Прокопьевск
Selfhome, по вашей иллюстрации видно в каком вы были счастье rolleyes.gif солнышко
спасибо за работу!

skvoznyak, и не плохо получается его осваивать wink.gif продолжайте

gelveta, милое спасибо pooh_lol.gif хорошая иллюстрация
0
 женщина  gelveta 19 Августа 2009, 18:06 (спустя 1 час 40 мин.)
Пост №11 * 19 Августа 2009, 18:06 (спустя 1 час 40 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Художников»
1 237 постов
264°
Возраст: 43
Регистрация: 26.10.2008
Проживает: Москва
Irdin,спасибо blush.gif давно мечтала сделать подобное) Мечта осуществилась rolleyes.gif
0
 мужчина  zv3n 20 Августа 2009, 22:54 (спустя 1 день 4 часа)
Пост №12 * 20 Августа 2009, 22:54 (спустя 1 день 4 часа)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: скрывает
Регистрация: 24.06.2009
Проживает: скрывает
спасибо, освоил symbol stainer


Создаем "Дождливый векторный фон"
+3
 мужчина  r13s 21 Августа 2009, 11:44 (спустя 12 часов 49 мин.)
Пост №13 * 21 Августа 2009, 11:44 (спустя 12 часов 49 мин.)
Ответ с цитированием этого сообщения

Размышляющие
311 постов
10°
Возраст: 34
Регистрация: 4.10.2006
Проживает: Усть-Илимск
Хочу повернуть элипс после применения warp, а поворачивается сам эффект а не объект, подскажите
Создаем "Дождливый векторный фон"
Люк, я твой Котэ
0
 мужчина  YemZ 21 Августа 2009, 12:20 (спустя 36 мин.)
Пост №14 * 21 Августа 2009, 12:20 (спустя 36 мин.)
Ответ с цитированием этого сообщения

Размышляющие
1 537 постов
271°
Возраст: 14
Регистрация: 26.07.2006
Проживает: Украина
Object->Expand Appearance, а уже потом поворачивайте.
+1
 мужчина  r13s 21 Августа 2009, 13:01 (спустя 40 мин.)
Пост №15 * 21 Августа 2009, 13:01 (спустя 40 мин.)
Ответ с цитированием этого сообщения

Размышляющие
311 постов
10°
Возраст: 34
Регистрация: 4.10.2006
Проживает: Усть-Илимск
YemZ, спс =)
Люк, я твой Котэ
0
 Страница 1 из 9  » следующая
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Создаем элегантную векторную ручку
How to Create an Elegant, Vector Pen
Knife 18 17036 +7 11 Ноября 2015 - 11:47
» к последнему сообщению
Создаем реалистичные, векторные пузыри.
How to Create Realistic, Vector Bubbles
Knife 156 79136 +30 12 Июля 2018 - 20:07
» к последнему сообщению
Создание векторного фона-Боке в Illustrator
How to create a Bokeh vector background
avisa 100 61291 +17 23 Марта 2015 - 21:22
» к последнему сообщению
Создаем красивый векторный туман
A Simple Way to Create Vector Fog
vaskaM 65 34522 +8 22 Сентября 2018 - 15:12
» к последнему сообщению
Векторный фон в стиле абстрактной геометрии
Абстрактный фон в темно синем тоне
vsstor 0 497 4 Ноября 2019 - 10:48
» к последнему сообщению

0 посетителей в этой теме