Эффект боке в Фотошопе
9 Январь 2010 | Спецэффекты, Уроки
Боке́ — (от яп. ぼけ бокэ — «размытость», «нечёткость») — термин, описывающий субъективные художественные достоинства части изображения, оказавшегося не в фокусе на фотографии. На многих изображениях фон размывается фотографом намеренно, для визуального выделения главного объекта съёмки.
Шаг 1
Для начала создайте новый документ. Я буду работать в размере 1920×1200 пикселей. Заполните фон тёмно-серым цветом, но не чёрным. Если вы заполните чёрным, нужного эффекта не выйдет. Я использовал цвет #262626
Шаг 2
Выберите Ellipse Tool (U), и сделайте круг. Закрасьте его чёрным, потом идём Layer>Layer Style>Blending Options. Смените Fill Opacity на 50%. После этого выберите Stroke. Размер – 10 пикселей, позиция – внутри, цвет – чёрный.
Шаг 3
Выберите наш круг, идём Edit>Define Brush. Назовите кисть… Теперь у нас есть наша собственная кисть 
Шаг 4
Идём Window>Brushes (F5). Первым делом выберем нашу кисть. Размер не имеет значения, т.к. мы его всё равно будем менять. А вот Spacing – очень важный параметр. Поставьте его на 100%. Настроим так же Shape Dynamics, Scattering и Other dynamics. Смотрим параметры ниже:
Шаг 5
Перед тем как начать рисовать, создайте новый слой и заполните его цветным градиентом. Настройки градиента: Blend Mode стоит на Overlay, Opacity 100%, Style – Linear(линейный), и угол Angle – 45º. Цвета: Желтый(#ffff85), бирюзовый (#1bdaeb), пурпурный (#9b3b81), Оранжевый(#d27e34).
Шаг 6
Создадим новую папку для слоев. Поменяйте её Blend Mode на Color Dodge. Затем создайте новый слой, выберите белый цвет и кисть (B). Теперь просто рисуйте нашей кистью… Для первого слоя возьмите большой размер, где-то 500-600px.
Шаг 7
Идём Filter>Blur>Gaussian Blur. Поставьте значение 20 pixels.
Шаг 8
Создайте ещё один слой. Но в этот раз рисуем кистью поменьше. После этого делаем Filter>Blur>Gaussian Blur. Устанавливаем значение 4 pixels.
Шаг 9
Создайте ещё один слой, но в этот раз возьмите кисть ещё меньше. Примените Gaussian Blur и к этому слою, но всего размером 1 пиксель
Завершение
Теперь просто добавьте ваше лого, если хотите. У нас получились неплохие обои 
Развивайте идею, и у вас получиться даже лучше!
Перевод – Dimezis
Источник: http://abduzeedo.com
PS. так же можете воспользоваться плагином на нашем сайте для создания эффекта боке.
18 Responses
Leave a Reply
- лиза написал: может не получаться из-за маленького расстояния м...
- aLeenka написал: cool...
- alladin написал: ...
- Андрей написал: Получше всяких квадратов Малевича...
- alladin написал: ...
- Инна написал: :)нравится...
3d Android Grunge HDR PSD Абстракт Боке Веб-дизайн Гранж Дизайн Клипарт Коллаж Коллажи Космос Креатив Несложные Новости Обработка фото Огонь Панорама Плагины Простые Ретушь Световой эффект Сложные Софт Спецэффект Спецэффекты Средние Статьи Сюрреализм Текстовые эффекты Уроки Фентези Фотоманипуляция Фотомонтаж Фотообработка Фотошоп Хинты Шрифты
Облако тегов плагина WP Cumulus для WordPress требует для просмотра или выше.
- Clipart
- favourite
- Абстракции
- Анимация
- Без рубрики
- Веб-дизайн
- Коллажи
- Новости
- Софт
- Спецэффекты
- Статьи
- Текстовые эффекты
- Уроки
- Фотообработка
Доброе время суток! Я работаю журналистом в одном из новых издательств и как раз ныне пишу статью по подобной Вашей тематике! Не могли бы Вы дать разрешение на публикацию Вашего материала в нашем печатном изданииб естественно с указанием ссылки на данную статью! Заранее благодарен!
Здравствуйте. С указанием ссылки – пожалуйста. Меня это нисколько не смутит.
а в каком фотошопе это делать?)
у меня есть пикаса и ACDSee Pro 2
вот в каком и как?)
CS3 или 4. Думаю и CS2 можно.
а можно так же сделать и на фото?)
Конечно можно. Только нужно очень аккуратно, учитывая цветовую гамму, дорисовывать боке
но есть вариант гораздо проще. к примеру плагин Bokeh
или же набор уже готовых текстур боке.
куча неточностей! Например, цвет 00085 это явно не желтый. И особенно непонятен шаг 5. Да и 6 тоже. На каком слое создавать градиент? Нужно ли этот слой помещать в папку. Если делать как вы сказали – на новом слое, белым цветом при режиме смешивания, то ничего не получается. Проверьте точность данного урока.
С цветом да, ошибся. Сейчас исправлю, там примерно ffff85.
А насчёт шагов 5 и 6, могу посоветовать только внимательней читать.
Пост очень полезный, добавил в закладки.
Или скачать готовую текстуру )
я не как не могу понять настройки градиента напишите на русском пожалуйста о градиенте,а то кисти сделал потом градиент свою создаю(не по тем настройкам что здесь) и у меня кружочки можно либо белые либо черные не очень выглядит ,помогите
Не совсем понял что вы хотели сказать… но видимо дело не в настройках градиента, а в том, что вы не сменили режим наложения (blend mode) слоя с «кружочками». Читайте внимательно следующий шаг урока.
ох, сложно это.. дружить с фотошопом)
S7evin, а вы могли бы мне обработать в таком стиле одну фотокарточку? буду очень признательна)
я надеялась, что все будет проще)
nastya, а что не получилось?
блин, у меня тлько эллипс не окрашивается. у меня окрашивается весь документ…и стили почему-то не открываются….арррррррр…….
2 Rika:
Эллипс окрашивается в панеле настроек фигуры, обычно эта панель находится ниже главного меню и появляется при выборе инструмента. Смотрите крайний квадратик справа) Удачи!
2 Rika:
Открыть стиль – двойной клик на слое в палитре слоев (не на пиктограмме и не на имени слоя)