Создаем в фотошопе воздушные цветные пузырьки с эффектом Боке
34
- Мой новый вордпресс шаблон:

Все подробности можно узнать здесь »
Наташа Клевер
Уроки / Гурманам
10-04-2010
Слово «боке» с японского переводится как «Размытость», «Нечеткость». То есть эффект Боке – это эффект размытия фона при достаточно четком изображении на переднем плане. В этом уроке от Abduzeedo мы создадим постер с таким эффектом при помощи созданной нами кисти и одной несложной операции, которую применим для трех разных размеров кисти.
Шаг 1.
Создаем в фотошопе документ достаточно большого размера 1900х1200 пикс. Заливаем его темно-серым цветом, но не черным, иначе эффекта не получится. В данном примере цвет #262626.

Шаг 2.
Отключаем бэкграунд. Берем инструмент «Овальная область» (Ellipse Tool) и создаем круг. На новом слое заливаем его черным цветом. Два раза щелкаем по слою и открываем окошко «Стиль слоя» (Layer Style). Выбираем закладку «Параметры наложения: заказные» (Blending Options: Custom). В блоке «Дополнительные параметры» ставим «Непрозрачность заливки» (Fill Opacity) 50%. Потом идем в закладку «Обводка» (Stroke) и делаем обводку вовнутрь черным, размером 10 пикс. Должно получиться как на рисунке.

Шаг 3.
Теперь идем в меню «Редактирование» (Edit) -> «Определить кисть» (Define Brush). Теперь у нас есть новая кисть.

Шаг 4.
Идем в настройки кисти «Окно» (Window) -> Кисти (Brushes) (F5). Сразу же выбираем в закладке «Форма отпечатка кисти» (Brush Tip Shape) нашу вновь созданную кисть. (Обведено красным на картинке). Обязательно отмечаем галочкой «Интервалы» (Spacing). Потом копируем настройки с картинки ниже в закладках «Динамика формы» (Shape Dynamics), «Рассеивание» (Scattering) и «Другая динамика» (Other dynamics).

Шаг 5.
Создаем новый слой и на нем делаем градиентную заливку. Выбираем цвета для градиента: желтый (#e9e21a), голубой (#1bdaeb), фиолетовый (#9b3b81), оранжевый (#d27e34). Режим наложения «Перекрытие» (Overlay), «Прозрачность» (Opacity) 100%, угол наклона 45 градусов.

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

Шаг 7.
Применим к этому слою размытие. В меню «Фильтр» (Filter) -> «Размытие» (Blur) -> «Размытие по Гауссу…» (Gaussian Blur) со значением 20.

Шаг 8.
Создаем новый слой, берем нашу кисть и уменьшаем ее размер. Проводим кистью по слою. Потом применяем размытие, как в Шаге 7, но со значением 4.

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

Финал
В результате получается такой вот замечательный эффект.

нажав кнопку "Retweet" (?). Или просто добавьте статью в социальные сервисы.
Короткая ссылка на этот пост: http://www.designonstop.com/?p=1260
Написать комментарий с помощью формы ВКонтакте
Комментариев (34)
|
@Bobo Ответить | |
|
Зачет! Обожаю всякие, так сказать, спектральные эффекты)))) Ответить | |
|
@Oleg Mykhailenko Ответить | |
|
Давай зачетку!)))))) Ответить | |
|
Бандерольку выслала! Вперед, к красному диплому )))) Ответить | |
|
На след. недельке пойду на почту)))) Ответить | |
|
Всенепременно! ))) Ответить | |
|
Ага… вот оно как!!!! Я встречал на девиант арт такие, даже себе скачал обои. Тоже нравится такая абстракция. Спасибо, обязательно попробую урок. Ответить | |
|
@Иван Я вот уже на основании этого урока сделала фон для Твиттера (N12). Тоже можно скачать. )) Ответить | |
|
Попробовал, все получилось, только мне кажется в 5м шаге напутано, там разве новый слой создавать, а не накладывать этот градиент(стиль слоя) на созданный в первом шаге серый фон? Или я ошибаюсь? Ответить | |
|
@Иван Ну а если в первом шаге заливать серым через меню, то, да, в пятом шаге проще применить стиль слоя к серому, как в твоем варианте )) Ответить | |
|
А что за мода на них пошла? Где только сейчас их не увидишь!! Ответить | |
|
@Иван Ответить | |
|
Очень понравился урок!!! спс!!!! вот только почему то не получается что бы так все светилось как тут, более бледно( Ответить | |
|
@Лена: Ответить | |
|
@Наташа Клевер: Да все именно так как написано… Ну потом еще раз попробую)) Ответить | |
|
@Наташа Клевер: Вот свечение получилось)) только остался вопрос на счет градиента. Вроде тоже делаю все как написано, но он не получается такой как на картинке, а сильно яркий… ))) Ответить | |
|
@Наташа Клевер: Ух все разобралась))))) Еще раз спасибо!!!! ))) Ответить | |
|
@Лена: Ответить | |
|
уже сколько пытаюсь сделать-ничего не получается(((( Ответить | |
|
@Анна: Во-вторых, для того, чтобы сработал эффект, обязательно нужно чтобы слой с серым цветом был включен, а поверх него перекрытием лежал слой с градиентом (тоже был включен). В общем фон должен быть точно такой же как в 6 Шаге. Обязательно! А уже поверх этих двух слоев создается папка со слоем из 6 Шага. В-третьих, когда все готово (во-первых и во-вторых), проверьте, чтобы у вас цвет переднего фона был белый. Потом нажмите F5 и проверьте, что у вас не слетели настройки кисти. Они должны быть как в 4 Шаге. Если они слетели – выставите их снова. И только потом можно один-два раза провести кистью. Кружочки займут все пространство фона из-за настройки «Рассеивание» (это когда мы F5 нажимали). Мазюкать особо не надо. Пробуйте еще раз, если опять не получится – пишите, будем разбираться )) Ответить | |
|
Спасибо огромное,буду пробовать еще ))))) Ответить | |
|
Пробовала сейчас опять)Всё получилось красиво,но вот не так как у вас всё таки…Вобщем когда я делаю заливку градиентом(режим перекрытие),то получается у меня фон яркий…а потом когда провожу кистью по слою(новому),то получаются кружки белые,но они просвечивают и виден яркий фон(мне нравится),но у вас то фон прям темный,а на нем кружки цветные….что-то опят видимо у меня не так(Жалко что здесь нельзя картинку втиснуть… Ответить | |
|
@Анна: Просто если ты так делаешь, то после этого надо щелкнуть правой кнопкой по слою и выбрать пункт «Преобразовать в новый смарт объект». Потому что на слой, на котором наложен стиль слоя, не действуют режимы наложения. Попробуй так… Ответить | |
|
а почему такой эффект получается только когда к папке осветление основы применяешь? когда без папки просто слой поверх накладываешь , с таким же режимом эффект совсем другой. почему так сильно меняется эффект из-за группировки слоев? подскажите пытливому уму Ответить | |
|
@Lena: Ответить | |
|
очень понравился эффект)) Ответить | |
|
@Аня: Ответить | |
|
Очень захотел попробовать сделать данную штуку, но в связи с моей непытностью возникли трудности. Не понял, что такое «Отключаем бэкграунд». А также в 4 шаге у меня почему то нет доступа к кистям. То есть все функции серые. Не смог сам разобраться, а жаль Ответить | |
|
@Nek: А доступа к кистям возможно нет потому, что инструмент кисть не активирован (надо нажать клавишу B) Ответить | |
|
а что за бэкграунд как это сделать Ответить | |
|
и как вообще заливать Ответить | |
|
@Ляля: Ответить | |










Ответить






Бесплатные картинки
Вордпресс шаблоны
Блоггеры-фрилансеры
Фоны для Твиттера





где то я этот урок видел уже))но все равно спасибо.
нарисовал и поставил фонофым изображением))