Эффект боке
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Для начала открываем Photoshop. Создаем новый документ 1920х1200px . Меняем Image mode с 8bit на 16bit, Image > Mode > 16-Bits/Channel . Шаг 1 1a1a1a
Шаг 2 000000 Layer > Layer Style > Blending Options , меняем Fill Opacity на 50% . Затем выбираем Stroke . Используем 10px для ширины, Inside для Position и #000000
Шаг 3 Edit > Define Brush . Выбираем название кисти, нажимаем Ок . Теперь у нас есть новая кисть.
Шаг 4 Window > Brushes (F5) . Параметр Spacing очень важен, устанавливаем его на 100% . После этого изменяем Shape Dynamics, Scattering и Other dynamics так как показано на картинке ниже (с этими настройками можно поиграть, установить так как вам нравится):
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Сообщение отредактировал BeSinLi - Вторник, 15.12.2009, 17:55
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Шаг 5 Blend Mode - Overlay, прозрачность(Opacity) 100%, Style - Linear, угол 45º . Цвета: Оранжевый #cf692b, розовый #662937, фиолетовый #34253d, синий #26394c, зеленый #7ca63a
Шаг 6 папку , меняем Blend Mode на Color Dodge . Создаем в ней новый слой, выбираем белый ). Для первого слоя используем большой размер кисти 500px - 700px.
Шаг 7 Filter > Blur > Gaussian Blur , применяем к этому слою размытие, радиус 20px .
Шаг 8 Filter > Blur > Gaussian Blur , но уже с радиусом 4px.
Шаг 9
Финальный результат:
Словарик: Image > Mode > 16-Bits/Channel - Изображение > Режим > 16 бит/канал.
Layer > Layer Style > Blending Options - Слой > Стиль слоя > Параметры наложения.
Edit > Define Brush - Редактирование > Определить кисть.
Window > Brushes - Окно > Кисти.
Shape Dynamics, Scattering, Other dynamics - Динамика формы, Рассеивание, Другая динамика.
Filter > Blur > Gaussian Blur - Фильтр > Размытие > Размытие по Гауссу.
Fill Opacity - Непрозрачность заливки. Stroke - Обводка. Spacing - Интервалы. Blend Mode - Режим наложения. Overlay - Перекрытие. Style - Стиль. Linear - Линейная. Color Dodge - Осветление основы.
Клик Тут! Переписал/перевел урок - Arones aka BeSinLi
Автор основного урока - Fabio Sasso, http://fabiosasso.com/
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Сообщение отредактировал BeSinLi - Вторник, 15.12.2009, 17:48
Duck4Fuck
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
UnderShot
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Прикольный эффект +1 Очень важная тема! Filmzona — онлайн фильмы .
ColdFire
говорун
Группа: Проверенные
Пользователь №: 85
Сообщений: 123
Получено оценок: 7
Отличный результат, лови +
vladimir
Группа: Удаленные
в дальнейшем пожалуста переводи урок и на руский а то значения многие хз ..... кстати я не понял часть 2 тоесть как с градиентом и зделай скрин слоев
viperz
молчун
Группа: Пользователи
Пользователь №: 62
Сообщений: 8
Получено оценок: 3
Quote (vladimir )
в дальнейшем пожалуста переводи урок и на руский
vladimir
Группа: Удаленные
я имею виду англ . тоесть Filter > Blur > Gaussian Blur например
Storm_Shadow
говорун
Группа: Проверенные
Пользователь №: 74
Сообщений: 116
Получено оценок: 9
мне нравится, креативненько
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir )
я имею виду англ . тоесть Filter > Blur > Gaussian Blur например
Quote (vladimir )
зделай скрин слоев
Quote (vladimir )
кстати я не понял часть 2 тоесть как с градиентом
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (BeSinLi )
Filter > Blur > Gaussian Blur
Бесплатные обои.
vladimir
Группа: Удаленные
Quote (Aleko )
Filter > Blur > Gaussian Blur
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir )
ето пример все названия перевести
Скрин слоев:
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Словарик: Image > Mode > 16-Bits/Channel - Изображение > Режим > 16 бит/канал.
Layer > Layer Style > Blending Options - Слой > Стиль слоя > Параметры наложения.
Edit > Define Brush - Редактирование > Определить кисть.
Window > Brushes - Окно > Кисти.
Shape Dynamics, Scattering, Other dynamics - Динамика формы, Рассеивание, Другая динамика.
Filter > Blur > Gaussian Blur - Фильтр > Размытие > Размытие по Гауссу.
Fill Opacity - Непрозрачность заливки. Stroke - Обводка. Spacing - Интервалы. Blend Mode - Режим наложения. Overlay - Перекрытие. Style - Стиль. Linear - Линейная. Color Dodge - Осветление основы.
/* добавте этот пост в конец урока перед "Картинка с размером 1920х1200" */
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Aleko
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Blending Options - дословно "параметры смешивания", но "наложения" в данном случае более уместно.Бесплатные обои.
vladimir
Группа: Удаленные
я не понял шаг 5 ,6 шаг с градиентом и зачем новую папку создавать можеш пожалуста обяснить
vladimir
Группа: Удаленные
а ти не мог би зделать видеоурок ? очень прошу
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir )
я не понял шаг 5 ,6 шаг с градиентом и зачем новую папку создавать можеш пожалуста обяснить
В пятом шаге нужно создать новый слой, залить его любым цветом с помощью "ведра" по умолчанию G. Потом идем Слой - Стиль слоя - Наложение градиента и выставляем параметры как на картинке в 5 шаге.
В 6 шаге папку нужно создавать именно для получения такого эффекта, если просто создавать слои именно такого эффекта не получится.
Quote (vladimir )
а ти не мог би зделать видеоурок ? очень прошу
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
vladimir
Группа: Удаленные
BeSinLi , жду урока
vladimir
Группа: Удаленные
чево у тебя в папке 3 слоя вроде нужно ж 2 ?
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir )
чево у тебя в папке 3 слоя вроде нужно ж 2 ?
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
vladimir
Группа: Удаленные
вот смотри блин соравно не так вишло
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir )
вот смотри блин соравно не так вишло
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
vladimir
Группа: Удаленные
все понял как делать нашол видео урок у автора
Storm_Shadow
говорун
Группа: Проверенные
Пользователь №: 74
Сообщений: 116
Получено оценок: 9
У меня не видно обводку в кисте, что делать?
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (Storm_Shadow )
У меня не видно обводку в кисте, что делать?
И что бы понять в чем у вас проблема мне нужен ваш ПСД и кисть.
——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
Сообщение отредактировал BeSinLi - Среда, 27.01.2010, 12:02
BlackLorD
Группа: Пользователи
Пользователь №: 1399
Сообщений: 3
Получено оценок: 1
кто может дать псд исходник?
BeSinLi
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Держи .——————————-- „ Tempora mutantur, et nos mutamur in illis“ ——————————————— „ Si felix esse vis, este!“ ——————————————————————————————————————————————————————— старая аватарка
BlackLorD
Группа: Пользователи
Пользователь №: 1399
Сообщений: 3
Получено оценок: 1
BeSinLi , спасиб
Zoxy
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
Ололо или неололо? Вот в чем пыщьпыщь...
YoRkbi
Группа: Пользователи
Пользователь №: 3105
Сообщений: 2
дайте ещо один псд исходник
zhsch
молчун
Группа: Пользователи
Пользователь №: 3141
Сообщений: 3
Клево, видел такой эффект на нескольких сайтах (как бэкграунд используют). + тебе (за отличную обоину =)
Increible
молчун
Группа: Пользователи
Пользователь №: 3787
Сообщений: 9
Отлично ))) Не Верстальщик но любитель )))
и создаем круг, размер значения не имеет. Цвет выбираем черный #
и рисуем наши боке (цвет кисти должен быть белый). Для первого слоя используем большой размер кисти 500px - 700px. 
