ФорумВекторУроки Adobe Illustrator
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
 Страница 1 из 7  » следующая ОтветитьНовая темаНовое голосование
100 ответов. 61295 просмотров.
   
 женщина  avisa 6 Июля 2010, 17:13
Пост №1 * 6 Июля 2010, 17:13
Ответ с цитированием этого сообщения

Размышляющие
3 251 пост
586°
Возраст: 32
Регистрация: 27.10.2007
Проживает: Кустанай
Создание векторного фона-Боке в Illustrator

How to create a Bokeh vector background in Illustrator


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

Программа: Adobe Illustrator CS3
Сложность: средняя
Затраченное время: 30 минут – 1 час

Вот так будет выглядеть наше окончательное изображение

Создание векторного фона-Боке в Illustrator


ШАГ 1

Создайте новый документ 600 х 600 пикселей.

Создание векторного фона-Боке в Illustrator


ШАГ 2

Давайте создадим базовый фон для нашего изображения.

Выберите инструмент Rectangle Tool (M) и нажмите на холсте. Установите размеры 600 × 600 пикселей, а затем нажмите OK. Откройте окно Color (F6) и заполните прямоугольник 90% черного. Если вы не видите в градациях серого ползунка, щелкните по раскрывающемуся меню в правом верхнем углу окна и выберите пункт “Grayscale” (Оттенки серого). Убедитесь, что у вас нет обводки на прямоугольнике.

Создание векторного фона-Боке в Illustrator


ШАГ 3

Давайте выровним нашу форму с холстом.

Выделите прямоугольник, используя Selection Tool (V), затем откройте меню Align to clipboard (Выравнивание в буфер) на верхней панели меню. Теперь нажмите кнопки Horizontal Align Center и Vertical Align Center.

Создание векторного фона-Боке в Illustrator


ШАГ 4

Откройте окно Градиент и добавьте цвета, как показано ниже. Затем заполните прямоугольник градиентом под углом -45 градусов.

Создание векторного фона-Боке в Illustrator


ШАГ 5

Откройте окно прозрачности (Window > Transparency или CTRL+SHIFT+F10) и установите прозрачность прямоугольника на Overlay.

Создание векторного фона-Боке в Illustrator


ШАГ 6

Выберите Ellipse Tool (L) и нажмите на полотне. Установите ширину и высоту круга 407 пикселей. Теперь установите заливку и обводку, как показано ниже. Откройте окно Stroke (Window> Stroke) и установите Weight (обводку) 3 пикселя.

Создание векторного фона-Боке в Illustrator


ШАГ 7

Выберите созданный круг и перейдите Effects > Blur > Gaussian blur. Радиус размытия примерно 11 пикселей. Затем нажмите кнопку ОК.

Создание векторного фона-Боке в Illustrator


ШАГ 8

Переместите круг наверх и установите Transparency (прозрачность) Color Dodge с непрозрачностью 39% (CTRL + SHIFT + F10). Это должно выглядеть, как показано ниже.

Создание векторного фона-Боке в Illustrator


ШАГ 9

Повторите Шаг 6. Создайте окружность с теми же цветами, но на этот раз с обводкой 2 пикселя, и сделайте круг меньше. Создайте несколько кругов разных размеров. Теперь выберите созданные круги (используйте Selection Tool (V) удерживая клавишу SHIFT) и установите прозрачность на Color Dodge и непрозрачность 21% в окне прозрачности (CTRL + SHIFT + F10).

Создание векторного фона-Боке в Illustrator


ШАГ 10

Пока круги еще выделены, перейдите Effects > Blur > Gaussian blur и дайте им радиус размытия 2 пикселя. Нажмите "ОК". Теперь это должно выглядеть, как показано на рисунке ниже.

Создание векторного фона-Боке в Illustrator


ШАГ 11

Создать новый круг с помощью Ellipse Tool (L), как в шаге 6. Сделайте его меньше, чем первый. Теперь откройте окно прозрачности (CTRL + SHIFT + F10) и установите прозрачность на Color Dodge и непрозрачность на 24%.

Создание векторного фона-Боке в Illustrator


ШАГ 12

Выберите круги, созданные в шаге 9 с помощью Selection Tool (V) удерживая SHIFT, чтобы выбрать несколько, а затем, удерживая клавишу ALT, нажмите и перетащите их в левый верхний. Это позволит сделать копию того, что мы создали в шаге 9.

Создание векторного фона-Боке в Illustrator


ШАГ 13

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

Создание векторного фона-Боке в Illustrator


ШАГ 14

Выберите первый круг, который мы создали, а затем скопируйте его (CTRL + C) и вставить его на задний план (CTRL + F). Затем щелкните правой кнопкой мыши > Arrange > Bring to front (CTRL+SHIFT+]) ( Упорядочить> На задний план (CTRL + SHIFT +]). Можно добавить еще размытия, если вы посчитаете нужным.

Создание векторного фона-Боке в Illustrator


ШАГ 15

Теперь создадим маску обрезки.

Копируйте фон (CTRL + C), а затем вставьте его (CTRL + F). Щелкните правой кнопкой мыши> Упорядочить> На задний план (CTRL + SHIFT +]) (щелкните правой кнопкой мыши > Arrange > Bring to front), и удалить его обводку и заливку.

Создание векторного фона-Боке в Illustrator


ШАГ 16

Выделите все, щелкните правой кнопкой мыши > Make Clipping Mask. Вот и все. Можем любоваться результатом

Создание векторного фона-Боке в Illustrator

Создание векторного фона-Боке в Illustrator


Источник: How to create a Bokeh vector background in Illustrator
Перевод: avisa


Отредактировано: Dark Wood — 9 Августа 2013, 01:31
ключевые слова: боке в illustrator, Создание векторного Боке, установити фон photoshop, боке, Уроки After Effects фон боке, how to create background in illustrator, как заполнить фон в иллюстраторе, Bokeh howto, создание векторного фона в Иллюстраторе, bokeh фон
  Google

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

 мужчина  "ЭЙ" 6 Июля 2010, 21:36 (спустя 4 часа 22 мин.)
Пост №2 * 6 Июля 2010, 21:36 (спустя 4 часа 22 мин.)
Ответ с цитированием этого сообщения

Размышляющие
51 пост
12°
Возраст: 45
Регистрация: 21.05.2006
Проживает: Щучин
Спасибо, будем пробовать, как раз решил постигнуть Illustrator .
-4
 женщина  meine_kleine 6 Июля 2010, 21:42 (спустя 6 мин. 19 сек.)
Пост №3 * 6 Июля 2010, 21:42 (спустя 6 мин. 19 сек.)
Ответ с цитированием этого сообщения

Размышляющие
4 691 пост
402°
Возраст: 42
Регистрация: 31.10.2007
Проживает: Ровно
AI: переводы и уроки.
0
 мужчина  bvschool 10 Июля 2010, 15:34 (спустя 3 дня)
Пост №4 * 10 Июля 2010, 15:34 (спустя 3 дня)
Ответ с цитированием этого сообщения

Размышляющие
818 постов
73°
Возраст: 49
Регистрация: 20.03.2009
Проживает: Архангельск
avisa, Спасибо clapping.gif . Довольно простой урок, как раз для новичков. От себя хотелось бы добавить следующее. На 4-м шаге необходимо перед тем, как применять градиент, создать копию нашего прямоугольника серого цвета и расположить копию сверху. Именно для этого прямоугольника и применять градиент и наложение biggrin.gif . За результат извиняюсь. Ну нет во мне "дизайнерской жилки" dntknw.gif


Создание векторного фона-Боке в Illustrator
Зри в корень
Флэш для новичков
+3
 женщина  avisa 10 Июля 2010, 19:16 (спустя 3 часа 42 мин.)
Пост №5 * 10 Июля 2010, 19:16 (спустя 3 часа 42 мин.)
Ответ с цитированием этого сообщения

Размышляющие
3 251 пост
586°
Возраст: 32
Регистрация: 27.10.2007
Проживает: Кустанай
bvschool, пожалуйста smile.gif Рада, когда добавляют в работу какие-то изменения и улучшения, не ограничиваясь тем, что написано в уроке. Здесь можно много нафантазировать wink.gif

Кстати, результат замечательный clapping.gif +
0
 женщина  Primo4ka 11 Июля 2010, 00:02 (спустя 4 часа 45 мин.)
Пост №6 * 11 Июля 2010, 00:02 (спустя 4 часа 45 мин.)
Ответ с цитированием этого сообщения

Дебютанты
12 постов
Возраст: 31
Регистрация: 23.03.2009
Проживает: Таллинн
Мое творение))

Создание векторного фона-Боке в Illustrator

+3
 женщина  taso 12 Июля 2010, 19:22 (спустя 1 день 19 часов)
Пост №7 * 12 Июля 2010, 19:22 (спустя 1 день 19 часов)
Ответ с цитированием этого сообщения

Размышляющие
47 постов
Возраст: 36
Регистрация: 14.04.2009
Проживает: Самара
Или я - дурак (что скорее всего так и есть) или лыжи не той стороной...
Почему так?


Создание векторного фона-Боке в Illustrator Создание векторного фона-Боке в Illustrator
0
 мужчина  bvschool 13 Июля 2010, 09:06 (спустя 13 часов 43 мин.)
Пост №8 * 13 Июля 2010, 09:06 (спустя 13 часов 43 мин.)
Ответ с цитированием этого сообщения

Размышляющие
818 постов
73°
Возраст: 49
Регистрация: 20.03.2009
Проживает: Архангельск
taso, Справа, как мне кажется у вас квадрат с градиентом находится ниже серого квадрата. Выполните для него команду Монтаж - На передний план
Зри в корень
Флэш для новичков
+2
 мужчина  YemZ 13 Июля 2010, 09:12 (спустя 6 мин. 20 сек.)
Пост №9 * 13 Июля 2010, 09:12 (спустя 6 мин. 20 сек.)
Ответ с цитированием этого сообщения

Размышляющие
1 537 постов
271°
Возраст: 14
Регистрация: 26.07.2006
Проживает: Украина
Это из-за того, что в документе установлен цветовой режим CMYK.
+5
 женщина  taso 20 Июля 2010, 11:42 (спустя 7 дней)
Пост №10 * 20 Июля 2010, 11:42 (спустя 7 дней)
Ответ с цитированием этого сообщения

Размышляющие
47 постов
Возраст: 36
Регистрация: 14.04.2009
Проживает: Самара
Ну вот, что-то получилось. ))))Создание векторного фона-Боке в Illustrator
Спасибо за урок и за советы. Большое спасибо.
Осваивать иллюстратор после Корела, наверно, как пересесть на праворукую машину. Тяжко...


Отредактировано: taso — 20 Июля 2010, 11:44
+2
 мужчина  zv3n 22 Июля 2010, 12:16 (спустя 2 дня)
Пост №11 * 22 Июля 2010, 12:16 (спустя 2 дня)
Ответ с цитированием этого сообщения

Дебютанты
9 постов
Возраст: скрывает
Регистрация: 24.06.2009
Проживает: скрывает
спасибо, давно хотел узнать, как сделан фон знаменитой темы ссылка временно скрыта

что у меня получилось:

Создание векторного фона-Боке в Illustrator *

+5
 женщина  Enji 23 Июля 2010, 03:50 (спустя 15 часов 34 мин.)
  Пост №12 * 23 Июля 2010, 03:50 (спустя 15 часов 34 мин.)
Ответ с цитированием этого сообщения

Размышляющие
24 поста
Возраст: 32
Регистрация: 31.01.2010
Проживает: Киев
мое творение


Создание векторного фона-Боке в Illustrator
+6
 женщина  Mariya_Batkovna 24 Июля 2010, 19:25 (спустя 1 день 15 часов)
Пост №13 * 24 Июля 2010, 19:25 (спустя 1 день 15 часов)
Ответ с цитированием этого сообщения

Размышляющие
18 постов
Возраст: 33
Регистрация: 12.05.2009
Проживает: Москва
И у меня получилось, только на шаге 5 к прямоугольнику с градиентом я установила прозрачность не Overlay, а Darken, так как с прозрачностью Overlay получался тот же результат, что и у taso


Создание векторного фона-Боке в Illustrator
+2
 женщина  k045110 25 Июля 2010, 20:25 (спустя 1 день 1 час)
Пост №14 * 25 Июля 2010, 20:25 (спустя 1 день 1 час)
Ответ с цитированием этого сообщения

Размышляющие
64 поста
Возраст: 60
Регистрация: 25.01.2009
Проживает: Екатеринбург
Спасибо за урок.
Цитирую (avisa)
Щелкните правой кнопкой мыши> Упорядочить> На задний план (CTRL + SHIFT +])
Я вот только думаю (CTRL + SHIFT +]) это не на задний план , а на передний!
Мой вариант
Создание векторного фона-Боке в Illustrator
+9
 женщина  taso 28 Июля 2010, 14:17 (спустя 2 дня 17 часов)
Пост №15 * 28 Июля 2010, 14:17 (спустя 2 дня 17 часов)
Ответ с цитированием этого сообщения

Размышляющие
47 постов
Возраст: 36
Регистрация: 14.04.2009
Проживает: Самара
Цитирую (Mariya_Batkovna)
И у меня получилось, только на шаге 5 к прямоугольнику с градиентом я установила прозрачность не Overlay, а Darken, так как с прозрачностью Overlay получался тот же результат, что и у taso
YemZ права -- всё дело в ЦМИКЕ. Документ надо делать в РГБ, тогда и с наложением всё получится и полосок не будет.


Отредактировано: taso — 28 Июля 2010, 14:18
0
 Страница 1 из 7  » следующая
« Предыдущая тема | Уроки Adobe Illustrator | Следующая тема »
 Похожие темы
Создаем "Дождливый векторный фон"
Rainy Window Vector Background
Irdin 121 60038 +15 25 Июля 2019 - 10:00
» к последнему сообщению
Векторный фон в стиле абстрактной геометрии
Абстрактный фон в темно синем тоне
vsstor 0 493 4 Ноября 2019 - 10:48
» к последнему сообщению
Абстрактный векторный фон из ромбиков
Абстрактный векторный фон из ромбиков
vsstor 0 459 +1 5 Ноября 2019 - 09:57
» к последнему сообщению
Создание векторного заката
How to Illustrator a Luminous Vector Sun
vaskaM 92 46581 +12 1 Февраля 2019 - 15:42
» к последнему сообщению
Создание векторного текст-эффекта с блестками
Create a Vector Glitter Text Art Effect
Mangorielle 14 12050 +7 6 Февраля 2013 - 20:19
» к последнему сообщению

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