Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Создание эффекта разбитого стекла
22-09-2013, 02:52 | Уроки Photoshop » Фото Эффекты | автор: Natali | Просмотров: 2977
Create a Realistic Broken Glass Effect in Photoshop

Создание эффекта разбитого стекла


Создание эффекта разбитого стекла

В этом уроке я покажу вам, как создать эффект разбитого стекла при помощи кистей в Фотошопе.

Шаг 1

Процесс создания такого эффекта довольно прост, все, что нам нужно, это исходное изображение (чтобы скачать, нужно зарегистрироваться) и набор кистей с разбитыми стеклами (набор кистей платный, но скачать бесплатно можно 1 кисть)

Итак, я скачал панорамное изображение и открыл его в Фотошопе.

Создание эффекта разбитого стекла

Шаг 2

Теперь нам нужно провести небольшую цветокоррекцию. Для этого выбираем Image]Adjustments]Vibrance и устанавливаем значения как на картинке:

Создание эффекта разбитого стекла

Шаг 3

Теперь давайте добавим какой-нибудь текст. Автор использует шрифт Pirulen, цвет шрифта - #56767d

Создание эффекта разбитого стекла

Шаг 4

Чтобы текст лучше сочетался с фоном, выберите инструмент Eraser Tool (E) и скачайте один из наборов гранжевых кистей (кисти опять же платные, бесплатно можно скачать только одну). Выберите одну из кистей и пройдитесь ей по тексту (предварительно слой с текстом нужно растеризовать (для этого кликните на слое с текстом на панели слоев правой кнопкой мыши и выберите Rasterize type). Используйте ластик с выбранной кистью только в нижней части текста, вдоль горизонта

Создание эффекта разбитого стекла

Мне кажется, слой с текстом слишком яркий, поэтому я решил уменьшить Прозрачность до 40%:

Создание эффекта разбитого стекла

Шаг 5

Сейчас мы добавим блик Создание эффекта разбитого стекла Создайте новый слой (Ctrl+Shift+N) и залейте его черным цветом. Затем выберите Filter]Render]Lens flare. Установите следующие настройки:

Создание эффекта разбитого стекла

Измените режим наложения слоя (Blending mode) с бликом на Screen, чтобы подсветить темные области:

Создание эффекта разбитого стекла

Шаг 6

Пришло время добавить треснутое стекло. Надеюсь, вы уже скачали кисти с разбитыми стеклами, ссылка на которые давалась в начале урока Создание эффекта разбитого стеклаСоздайте новый слой (Ctrl+Shift+N) и расположите его поверх всех слоев. Не забудьте, что цвет переднего плана должен быть черным, выберите кисть с разбитым стеклом и сделайте отпечаток кисти. 

Вы можете получить тот же самый эффект, используя текстуру разбитого стекла. Но кисть использовать проще Создание эффекта разбитого стекла

Создание эффекта разбитого стекла

Я решила дополнить этот урок способом создания такой кисти "с разбитым стеклом":
 
А как же все-таки сделать кисть из текстуры или из фотографии? Покажу вам, как это делается, на двух примерах.

Возьмем вот такую текстуру:

Создание эффекта разбитого стекла
(Качество картинки оставляет желать лучшего, я нашла ее просто для примера)

1. Переводим картинку с текстурой в ч/б вариант (если она у вас еще не ч/б) – Image -] Adjustments -] Black & White.

2. Далее, сделаем картинку более контрастной, при помощи Уровней (Levels) – нажмите Ctrl+L.

У меня получилось следующее (применительно к этой картинке):

Создание эффекта разбитого стекла

Мне не очень понравились яркие черные края,поэтому я создала маску слоя (Layer -] Layer mask -] Reveal All), взяла кисть с Прозрачностью (Opacity) примерно 50% (кисть серая) и скрыла под маской слишком яркие черные участки:

Создание эффекта разбитого стекла

3. В принципе, наша кисть готова. Если вы создавали маску слоя, то кликните на ней правой кнопкой мыши и выберите “Apply mask”. Далее выбираем Edit -] Define Brush Preset, и назваем кисть по вашему желанию Создание эффекта разбитого стекла

Помните, что при создании такой кисти, сама кисть должна быть черно-белой, т.е. «трещина» - быть черного цвета а фон – белый. Т.е. если вы нашли отличное изображение вот в таком виде:

Создание эффекта разбитого стекла

То его нужно сначала инвертировать, нажав ctrl+I:

Создание эффекта разбитого стекла

...а потом уже производить вышеописанные действия.

-------------------
прим. Переводчика

Шаг 7

Чтобы эффект выглядел реалистичней, нам нужно слегка размыть задний фон, чтобы создавалось впечатление, что мы смотрим на него через стекло. Для этого на панели слоев выделите все слои (удерживая Ctrl) кроме слоя с отпечатком кисти. Нажмите ALT+Ctrl+E – таким образом мы слили все слои и получили новый слой. Перейдите на этот слой и выберите Filter]Blur]Gaussian blur, настройки следующие (радиус примерно 5 рх):

Создание эффекта разбитого стекла

Шаг 8

Все еще находясь на слое, созданном в Шаге 7, добавим ему маску, нажав вот на эту иконку (“Add layer mask”):

Создание эффекта разбитого стекла

Теперь, выбрав черную кисть и перейдя на маску слоя, вы можете скрыть области, не нуждающиеся в размытии (черная кисть скрывает часть текущего слоя, белая – снова делает видимой). Т.е. в данном случае, нам нужно скрыть под маской среднюю часть изображения.

Создание эффекта разбитого стекла

Шаг 9

Закончив работу с маской слоя, у нас станет видимой часть «резкого» изображения, эффект разбитого стекла теперь стал намного реалистичнее:

Создание эффекта разбитого стекла

Шаг 10

Теперь давайте добавим несколько корректирующих слоев. Для начала добавим корректирующий слой Gradient Map (Layer]New adjustment layer]Gradient map). Выберите градиент, который наверняка есть у вас в наборе : фиолетовый (#6f156c) – зеленый ((#00601b) – оранжевый (#fd7c00). Измените режим наложения слоя Gradient Map на Screen, и уменьшите Прозрачность (Opacity) до примерно 70%:

Создание эффекта разбитого стекла

Шаг 11

Чтобы придать изображению винтажный эффект, давайте немного «поиграемся» с корректирующим слоем Color Balance (Layer]New Adjustment Layer]Color Balance). Я скорректировал цвета в режиме «midtones» следующим образом:

Создание эффекта разбитого стекла


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

Надеюсь, вам понравился этот урок Создание эффекта разбитого стекла

Создание эффекта разбитого стекла

Автор: Sebastiano
Перевод: Mangorielle 
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Пишем текст в виде разбитого цветного стекла при помощи Фотошопа
  • Превращаем фото-портрет в картину
  • Коллаж «Амазонка»
  • Занимательный эффект акварели
  • Создаём дизайн летнего флаера в Фотошоп
  • 628: Создание эффекта разбитого стекла22 сентября 2013: Создание эффекта разбитого стекла!
    Создание эффекта разбитого стекла.
    Создание эффекта разбитого стекла
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика