Airbus A350-900
3d award

Необычный эффект bokeh в Photoshop + видео

 IronMouse 101.5148.5 23 августа 2011 в 22:18

Боке — (от яп. бокэ — «размытость», «нечёткость») — термин, описывающий субъективные художественные достоинства части изображения, оказавшегося не в фокусе на фотографии. На многих изображениях фон размывается фотографом намеренно, для визуального выделения главного объекта съёмки. © ru.wikipedia.org

Один из последних лучших wallpaper недели, был создан мною с помощью Pixelmator и мне очень понравился результат. Самое привлекательное то, что этого эффекта очень легко добиться в Pixelmator, но на всякий случай я решил попробовать сделать подобное с помощью Photoshop. Процесс так же прост, требуется всего несколько дополнительных шагов.

Шаг 1
Создайте новый документ в Photoshop. Как обычно мы будем использовать разрешение монитора 1920x1200 pixels. Залейте фон темно серым цветом, но не черным. Если зальёте черным, эффект не будет таким красивым. Я использовал цвет #262626.

Шаг 2
Выберите инструмент Эллипс «Ellipse Tool (U)», и нарисуйте круг. Залейте его черным цветом, а дальше щелкните «Layer>Layer Style>Blending Options». Установите непрозрачность 50%, выберите обводку Stroke. Используйте 10 пикселей как толщину контура, позиция: «Внутри (Inside)» и черный цвет заливки контура.

Шаг 3
Выделите  эллипс и перейдите на закладку «Edit>Define Brush». Назовите свою кисточку «Буке» и все, мы создали новую кисть.

Шаг 4.
Перейдите «Window>Brushes (F5)». Сначала выберите нашу новую кисть. Размер не имеет значение потому, что его можно сменить в процессе эксплуатации. Тем не менее, параметр «Spacing» очень важен. Установите значение на 100%, проставьте галочки на параметрах «Shape Dynamics»,затем «Scattering» и «Other dynamics». Настройки показаны ниже.

Шаг 5.
Перед началом рисования нашего боке, создайте новый слой и залейте его цветным градиентом (не залить с помощью инструмента «Градиент», а присвоить свойство слоя через меню «Layer Style»). Я создал слой и воспользовался стилями слоя, но вы можете сделать это по-своему. Мои настройки градиента следующие: режим смешивания: Overlay, Opacity: 100%, Style: Linear, и Angle: 45º.

Шаг 6.
Создадим новую группу на закладке слоев. Переименуем группу в «буке» и изменим режим смешивания на «Color Dodge». Дальше создадим новый слой и выберем инструмент кисть, цвет белый. Теперь просто нарисуйте несколько кругов нашей кисточкой. Для первого слоя используйте большой размер 500-600px.

Шаг 7.
Перейдите на «Filter>Blur>Gaussian Blur».Установите радиус размытия 20 пикселей.

Шаг 8
Создайте еще один слой и нарисуйте кружочки, но уже меньшего размера. Опять примените размытые по Гауссу с радиусом 4 пикселя.

Шаг 9.
Создаем новый слой и повторяем предыдущий шаг, с меньшим диаметром кисти. Применяем размытие по Гауссу с радиусом 1 пиксель.  

Итог.
Вот у нас получился wallpaper. Основной целью урока было показать всю мощь настроек кистей. Вы можете попробовать создать кисть другой формы для такого же эффекта, например шестиугольник. Так же можно поэкспериментировать с blur и добавить еще больше глубины финальному изображению. Все в ваших руках.

Источник: www.photoshoplady.com
Перевод: IronMouse

Комментарии (Всего: 8)

Online|Offline aliquebrado 68.8 142.7 23 августа 2011 в 23:32 #0

Аватар aliquebrado
IronMouse маладес)
вот тебе можно писать ©ru.wikipedia.org, а в моем переводе диабло ©translate.google в конце стёр!))) вот почему так?)

Online|Offline Аркlip 9.0 41.8 24 августа 2011 в 01:29 #0

Аватар Аркlip
простой и интересный урок который еще раз доказывает парой чтобы создать что то красивое ненужно особого труда)

Online|Offline Ё 46.9 542.0 24 августа 2011 в 05:49 #0

Аватар Ё
нормально так

Online|Offline VyacheSlav 81.6 509.6 24 августа 2011 в 11:31 #0

Аватар VyacheSlav
молодец круто!!!

Online|Offline IronMouse 101.5 148.5 24 августа 2011 в 13:39 #0

Аватар IronMouse
aliquebrado я все переводы делаю вручную, даже словарь у меня в бумажной виде, oldschool вириант понимаешь

Online|Offline STEF 92.0 686.1 24 августа 2011 в 13:58 #0

Аватар STEF
Действительно необычный эффект

Online|Offline diablo_ 389.0 3587.2 24 августа 2011 в 16:23 #0

Аватар diablo_
вот тебе можно писать ©ru.wikipedia.org, а в моем переводе диабло ©translate.google в конце стёр!))) вот почему так?)
это я дописал, а не она))) а дописал потому, что это цитата из вики.

Online|Offline Neptune 43.0 15.6 25 августа 2011 в 15:05 #0

Аватар Neptune
Уже все переведено до нас Ссылка
Что бы оставить комментарий вам необходимо войти или зарегистрироваться!

Советуем почитать

Эффект молнии

Создание эффекта молнии. Этот эффект, достигается очень просто, и вы его много где видели.

Комментарии 4 Рейтинг 1 Просмотры 18 442 Автор: diablo_ 25 августа 2006 в 00:00

Раскраска авто в стиле Speedpaint

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

Комментарии 10 Рейтинг 2 Просмотры 21 212 Автор: diablo_ 28 июля 2009 в 00:00

Текст в подтёках

Создания эффекта «подтёков» на объекте.

Комментарии 0 Рейтинг 0 Просмотры 8 953 Автор: diablo_ 11 апреля 2006 в 00:00

Рисование электрогитары в Photoshop

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

Комментарии 11 Рейтинг 3 Просмотры 22 348 Автор: IronMouse 8 июня 2011 в 20:20

Уроки рисования от Apofixx

Недавно заметила на deviantarte одного довольно интересного, на мой взгляд, художника. Знакомьтесь, Apofiss (Rihards Donskis) из Латвии. Мне очень понравилась его техника, на первый взгляд совсем простые рисунки, но интересная цветовая гамма работ, работа со светом и тенью и необычное исполнение глаз всех зверушек.

Комментарии 2 Рейтинг 7 Просмотры 16 705 Автор: IronMouse 8 февраля 2011 в 22:25

3D моделиприслатьещё

Форумещё

Блогиещё

Популярные урокиещё

Реклама

3dmir.ru - Вся компьютерная графика
      www.megastock.ru