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

tuz — Wed, 07 Sep 2011 18:35:56 GMT

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

Шаг 1. Открываем изображение в Фотошопе.

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

Шаг 3. Теперь добавляем на изображение какой-нибудь текст.

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

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

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

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

Шаг 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» следующим образом:

В итоге должен получиться такой результат:

Надеюсь, Вам понравился этот урок!!!

Эффект дождя

tuz — Mon, 05 Sep 2011 22:27:39 GMT

Создание стильного меню

tuz — Tue, 30 Aug 2011 22:25:38 GMT

Создаём документ 200х400 и заливаем его серым цветом.

Берём градиент, ставим основной цвет E8E8E8 и цвет фона DDDDDD.
Создаём новый слой, и верхнюю часть заливаем градиентом сверху вниз.

Добавляем Drop Shadow

Между фоном и слоем, который только что сделали, создаём ещё один и полностью заливаем его нашим градиентом.

Теперь берём прямоугольное выделение, ставим фиксированный размер 190х70 и удаляем с нашего слоя квадраты, будут нашими кнопками.

Применяем Drop Shadow к слою:

Получаем такую менюшку:

Добавляем текст наверх, это может быть название компании или просто надпись меню.

Добавляем полоску слева и текст:

Добавляем небольшую стрелку и собственно меню готово.

При создании меню можете получить другой эффект, проявив свою фантазию.

Наложение текста

tuz — Sun, 28 Aug 2011 14:53:26 GMT

Создание 3D фото

tuz — Sun, 28 Aug 2011 14:48:52 GMT

В этом уроке мы быдем создавать 3D эффект к фото.

Совмещение двух фотографий

tuz — Sun, 28 Aug 2011 14:45:32 GMT

Делаем простенькую сигнатуру

tuz — Sun, 28 Aug 2011 14:40:50 GMT

Переливающаяся надпись

tuz — Sun, 28 Aug 2011 14:37:33 GMT

Золотой текст 3D

tuz — Sun, 28 Aug 2011 14:27:36 GMT

Мигающий текст

tuz — Sun, 28 Aug 2011 14:24:41 GMT

Photoshop-master