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

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

Создаем фон боке в Illustrator

6 мая 2014 | Опубликовано в Уроки | 6 Комментариев »

В этом уроке мы научимся быстро и легко создавать фон в стиле боке. Вы увидите весь процесс создания техники, и научитесь создавать дискретные кисти. Также мы будем работать с фильтром Размытие по Гауссу и немного с градиентами.

 

 


bokeh special effect

 

1. Создайте новый документ размером 700 x 500px. В палитре Layers/Слои создайте новый слой и назовите его ‘Grayscale Background’. Возьмите инструмент Rectangle/Прямоугольник (M) и создайте фигуру по размеру холста. Укажите фигуре цвет R=26 G=26 B=26. Не используйте черный цвет, иначе эффект не будет работать.

screenshot

2. Создайте новый слой и назовите его ‘Gradient Background’. Используйте Rectangle/Прямоугольник (M) чтобы создать еще одну фигуру по размеру холста. В палитре Gradient/Градиент укажите фигуре линейный градиент следующих цветов: темно-синий (R=0 G=0 B=133), бирюзовый (R=27 G=218 B=235), темно-розовый (R=155 G=59 B=129) и светло-коричневый (R=210 G=126 B=52). Вы конечно можете добавить больше цветов или выбрать другие. Экспериментируйте.

В палитре Transparency/Прозрачность смените Blending Mode/Режим наложения слоя на Color/Цвет (Opacity/Непрозрачность 65%).

screenshot

3. Теперь нам нужно создать кисть. Выберите инструмент Ellipse/Эллипс (L) и нарисуйте круг размером 200 x 200px. Откройте палитру Appearance/Оформление укажите чистый черный цвет одводке и заливке круга (R=0 G=0 B=0). Снизьте параметр Оpacity/Непрозрачность только заливки до 50%. Не снимайте выделение с объекта и в палитре Brushes/Кисти кликните по иконке New Brush/Новая кисть. Выберите вариант Scatter Brush/Дискретная кисть. Затем в параметрах дискретной кисти укажите настройки как показано на четвертой картинке ниже.

screenshot

4. Создайте новый слой и назовите его ‘Large Bokehs’. В палитре Brushes/Кисти выберите только что созданную нами кисть. Возьмите инструмент Paintbrush/Кисть (B) и нарисуйте несколько линий от руки. В палитре Stroke/Обводка укажите размер кисти (Stroke Weight) в 1.5 — 2 pt. Выделите все линии и сгруппируйте их (Ctrl+G). Затем в меню выберите Effect > Blur > Gaussian Blur/Эффект>Размытие>Размытие по Гауссу и укажите радиус в 10 px. Смените Blending Mode/Режим наложения на Overlay/Перекрытие в палитре Transparency/Прозрачность.

screenshot

5. Создайте новый слой и назовите его ‘Medium Bokehs’. Снизьте размер кисти примерно на половину (0.75 — 1px). Инструментом Paintbrush/Кисть (B) вновь нарисуйте несколько линий как в прошлом шаге. Сгруппируйте их (Ctrl+G). В меню выберите Effect > Blur > Gaussian Blur/Эффект>Размытие>Размытие по Гауссу и укажите радиус в 4px. В палитре Transparency/Прозрачность смените Blending Mode/Режим наложения на Overlay/Перекрытие.

screenshot

6. Опять создайте новый слой и назовите его ‘Small Bokehs’. Вновь уменьшите размер кисти, примерно до 0.6px (но вы можете экспериментировать с размером). Нарисуйте линии нашей кистью и сгруппируйте их. Примените к линиями эффект Размытие по Гауссу, на этот раз указав радиус в 2px. Смените Blending Mode/Режим наложения на Overlay/Перекрытие.

screenshot

7. Теперь нам нужно наложить маску на все изображение, чтобы избавиться от лишних элементов, выпадающих за пределы холста. Создайте новый слой и перетащите в него все созданные до сих пор слои. Сверху растяните прямоугольник по размеру холста. Выделите все элементы и прямоугольник. Кликните по всему этому правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

Вот и всё!

screenshot

Автор урока Nikola Adzic

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

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




Комментарии

  1. Алексей
    Thumb up Thumb down +10

    Кружки получаются монохромные (чёрные). В чём может быть причина?

    Наталья Ответ:

    Thumb up Thumb down -2

    режим наложения Color Dodge нужен

  2. Евгения
    Thumb up Thumb down 0

    Видимо, все-таки какая-то ошибка в уроке. Если делать четко по инструкции, никак не получается нужный эффект — кружки остаются темными. Режим наложения Color Dodge не дает нужного результата. Если все же у кого-то получилось создать такой эффект, подскажите пожалуйста, как вы это сделали.

  3. Евгений
    Thumb up Thumb down +2

    Чтобы получился нужный эффект надо выделить все объекты на трех слоях с боке и сделать обводку белой.

    8df27e1ce714.jpg