• Страница 1 из 1
  • 1
Эффект боке
BeSinLi
Дата: Вторник, 15.12.2009, 17:32 | Сообщение # 1
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Для начала открываем Photoshop. Создаем новый документ 1920х1200px. Меняем Image mode с 8bit на 16bit, Image > Mode > 16-Bits/Channel.

Шаг 1
Заливаем фоновый слой темным серым цветом, я выбрал #1a1a1a.

Шаг 2
Берем ellipse и создаем круг, размер значения не имеет. Цвет выбираем черный #000000. Идем к Layer > Layer Style > Blending Options, меняем Fill Opacity на 50%. Затем выбираем Stroke. Используем 10px для ширины, Inside для Position и #000000 color.

Шаг 3
Выделяем наш круг и идем к Edit > Define Brush. Выбираем название кисти, нажимаем Ок. Теперь у нас есть новая кисть.

Шаг 4
Идем к Window > Brushes (F5). Параметр Spacing очень важен, устанавливаем его на 100%. После этого изменяем Shape Dynamics, Scattering и Other dynamics так как показано на картинке ниже (с этими настройками можно поиграть, установить так как вам нравится):

Прикрепления: 4772372.png (87.7 Kb) · 2114353.png (109.0 Kb) · 2432196.png (58.0 Kb)


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Вторник, 15.12.2009, 17:55
  
BeSinLi
Дата: Вторник, 15.12.2009, 17:40 | Сообщение # 2
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Шаг 5
Перед тем как рисовать наш боке создаем новый слой и заливаем его градиентом. Я создал слой, и применил к нему стиль Gradient Overlay, залить слой градиентом можно по разному как это сделать решать вам. Параметры моего градиента: Blend Mode - Overlay, прозрачность(Opacity) 100%, Style - Linear, угол 45º. Цвета: Оранжевый#cf692b, розовый #662937, фиолетовый #34253d, синий #26394c, зеленый #7ca63a.

Шаг 6
Создаем новую папку, меняем Blend Mode на Color Dodge. Создаем в ней новый слой, выбираем brush и рисуем наши боке (цвет кисти должен быть белый). Для первого слоя используем большой размер кисти 500px - 700px.

Шаг 7
Идем к Filter > Blur > Gaussian Blur, применяем к этому слою размытие, радиус 20px.

Шаг 8
Создаем еще один слой, снова рисуем боке кастью меньшего размера, 300px примерно. Опять применяем размытие, Filter > Blur > Gaussian Blur, но уже с радиусом 4px.

Шаг 9
Повторяем действия из предыдущего шага. Для радиуса размытия используем 1px.


Финальный результат:



Словарик:

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 Клик Тут!

Переписал/перевел урок - Arones aka BeSinLi

Автор основного урока - Fabio Sasso, http://fabiosasso.com/

Прикрепления: 3882837.png (80.9 Kb) · 9630577.png (88.6 Kb) · 2734432.png (61.1 Kb) · 9754854.png (134.6 Kb) · 0823871.png (157.1 Kb) · 4972622.png (161.3 Kb)


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Вторник, 15.12.2009, 17:48
  
Duck4Fuck
Дата: Вторник, 15.12.2009, 18:11 | Сообщение # 3
болтун
Группа: Модераторы
Пользователь №: 317
Сообщений: 322
Получено оценок: 41
;)
  
UnderShot
Дата: Вторник, 15.12.2009, 19:06 | Сообщение # 4
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Прикольный эффект +1

Очень важная тема!
Filmzona — онлайн фильмы.
  
ColdFire
Дата: Вторник, 15.12.2009, 19:20 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 85
Сообщений: 123
Получено оценок: 7
Отличный результат, лови +
  
vladimir
Дата: Пятница, 18.12.2009, 20:29 | Сообщение # 6
Группа: Удаленные
в дальнейшем пожалуста переводи урок и на руский а то значения многие хз ..... кстати я не понял часть 2 тоесть как с градиентом и зделай скрин слоев
спасибо
  
viperz
Дата: Пятница, 18.12.2009, 20:35 | Сообщение # 7
молчун
Группа: Пользователи
Пользователь №: 62
Сообщений: 8
Получено оценок: 3
Quote (vladimir)
в дальнейшем пожалуста переводи урок и на руский

Cмысл тебе Русский, если ты даже его не знаешь?
Вообще, почти все юзают английскую версию.
;)
  
vladimir
Дата: Пятница, 18.12.2009, 21:20 | Сообщение # 8
Группа: Удаленные
я имею виду англ . тоесть Filter > Blur > Gaussian Blur например
  
Storm_Shadow
Дата: Суббота, 19.12.2009, 00:16 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 74
Сообщений: 116
Получено оценок: 9
мне нравится, креативненько ^_^

  
BeSinLi
Дата: Суббота, 19.12.2009, 00:22 | Сообщение # 10
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir)
я имею виду англ . тоесть Filter > Blur > Gaussian Blur например

У меня нет и не было русской версии Ps, корректно перевести эти названия я к сожалению не смогу.

Quote (vladimir)
зделай скрин слоев
спасибо

Завтра выложу.

Quote (vladimir)
кстати я не понял часть 2 тоесть как с градиентом
Что именно не понятно? Спрашивайте, объясню.


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
Aleko
Дата: Суббота, 19.12.2009, 00:43 | Сообщение # 11
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Quote (BeSinLi)
Filter > Blur > Gaussian Blur

Фильтр > размытие > размытие по Гауссу


Бесплатные обои.
  
vladimir
Дата: Суббота, 19.12.2009, 21:47 | Сообщение # 12
Группа: Удаленные
Quote (Aleko)
Filter > Blur > Gaussian Blur

ето пример все названия перевести
  
BeSinLi
Дата: Суббота, 19.12.2009, 22:16 | Сообщение # 13
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir)
ето пример все названия перевести

На ноуте поставил русс Ps, сейчас переведу...

Скрин слоев:

Прикрепления: 8494350.jpg (40.0 Kb)


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
BeSinLi
Дата: Суббота, 19.12.2009, 22:56 | Сообщение # 14
спикер
Группа: Проверенные
Пользователь №: 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
Дата: Воскресенье, 20.12.2009, 00:31 | Сообщение # 15
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Blending Options - дословно "параметры смешивания", но "наложения" в данном случае более уместно.

Бесплатные обои.
  
vladimir
Дата: Воскресенье, 20.12.2009, 22:56 | Сообщение # 16
Группа: Удаленные
я не понял шаг 5 ,6 шаг с градиентом и зачем новую папку создавать можеш пожалуста обяснить >:)
  
vladimir
Дата: Четверг, 24.12.2009, 23:24 | Сообщение # 17
Группа: Удаленные
а ти не мог би зделать видеоурок ? очень прошу
  
BeSinLi
Дата: Четверг, 24.12.2009, 23:49 | Сообщение # 18
спикер
Группа: Проверенные
Пользователь №: 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
Дата: Пятница, 25.12.2009, 15:14 | Сообщение # 19
Группа: Удаленные
BeSinLi, жду урока B)
  
vladimir
Дата: Воскресенье, 27.12.2009, 23:45 | Сообщение # 20
Группа: Удаленные
чево у тебя в папке 3 слоя вроде нужно ж 2 ?
  
BeSinLi
Дата: Понедельник, 28.12.2009, 00:36 | Сообщение # 21
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir)
чево у тебя в папке 3 слоя вроде нужно ж 2 ?

С 6 по 9 шаг мы создаем 3 слоя...


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
vladimir
Дата: Вторник, 05.01.2010, 13:34 | Сообщение # 22
Группа: Удаленные
вот смотри блин соравно не так вишло
  
BeSinLi
Дата: Пятница, 08.01.2010, 11:26 | Сообщение # 23
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (vladimir)
вот смотри блин соравно не так вишло

Цвет кисти был белый? И вообще что то я у вас не вижу единого градиента...


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
vladimir
Дата: Пятница, 08.01.2010, 11:39 | Сообщение # 24
Группа: Удаленные
все понял как делать нашол видео урок у автора
  
Storm_Shadow
Дата: Среда, 27.01.2010, 11:20 | Сообщение # 25
говорун
Группа: Проверенные
Пользователь №: 74
Сообщений: 116
Получено оценок: 9
У меня не видно обводку в кисте, что делать?

  
BeSinLi
Дата: Среда, 27.01.2010, 12:02 | Сообщение # 26
спикер
Группа: Проверенные
Пользователь №: 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
Дата: Среда, 10.02.2010, 17:57 | Сообщение # 27
молчун
Группа: Пользователи
Пользователь №: 1399
Сообщений: 3
Получено оценок: 1
кто может дать псд исходник?
  
BeSinLi
Дата: Среда, 10.02.2010, 23:07 | Сообщение # 28
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Держи.

——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
BlackLorD
Дата: Четверг, 11.02.2010, 09:58 | Сообщение # 29
молчун
Группа: Пользователи
Пользователь №: 1399
Сообщений: 3
Получено оценок: 1
BeSinLi, спасиб
  
Zoxy
Дата: Среда, 26.05.2010, 18:32 | Сообщение # 30
говорун
Группа: Модераторы
Пользователь №: 24
Сообщений: 275
Получено оценок: 17
Прикрепления: 9169645.png (546.1 Kb)


Ололо или неололо? Вот в чем пыщьпыщь...
www.zox-art.ru — Открыто, но еще дорабатывается.
  
YoRkbi
Дата: Среда, 04.08.2010, 23:28 | Сообщение # 31
молчун
Группа: Пользователи
Пользователь №: 3105
Сообщений: 2
дайте ещо один псд исходник
  
zhsch
Дата: Вторник, 10.08.2010, 19:08 | Сообщение # 32
молчун
Группа: Пользователи
Пользователь №: 3141
Сообщений: 3
Клево, видел такой эффект на нескольких сайтах (как бэкграунд используют). + тебе (за отличную обоину =)
Прикрепления: 2579753.jpg (375.2 Kb)
  
Increible
Дата: Суббота, 19.03.2011, 05:06 | Сообщение # 33
молчун
Группа: Пользователи
Пользователь №: 3787
Сообщений: 9
Отлично ))) ^_^

Не Верстальщик но любитель )))
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.