Сделать стартовой  |  Добавить в избранное  |  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
 



» Текст с использованием Displace
10-06-2013, 11:05 | Уроки Photoshop » Текст-эффекты | автор: Svetik-semitsvetik | Просмотров: 1413
Текст с использованием Displace

В этом уроке Фотошопа я покажу вам неольшой красивый текстовый эффект, а также обучу основам работы с масками смещения (Displacement Masks).

Сложность урока - Простой

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

Текст с использованием Displace

Приступаем к уроку Adobe Photoshop

1. Для начала создадим наш документ. Жмем File>New из главного меню. Мы будем работать с документом размером 540px x 300px x 72dpi. Прежде, чем мы напишем текст, изменим цвет фона, это важно для следующих шагов, так что не пропускайте! Жмем Edit>Fill и в диалоговом окне из выпадающего меню выбирите 50% Gray.

Текст с использованием Displace

2. Поставьте цвет переднего плана #CAC9C9 - светло серый и выбирите инструмент Текст с использованием Displace. Я использовал шрифт Cooper Std, но вы, конечно же можете использовать любой другой, (этот шрифт бесплатно можно скачать здесь). Это хороший, толстый шрифт и наши эффекты будут на нем виднее.
Установите большой размер шрифта и напишите свой текст.

Текст с использованием Displace

3. Добавим некоторые эффекты слоя к нашему тесту, эти эффекты будут придавать форму и в будущем пригодятся при применении Displace.
Выбирите диалог Layer Styles (правый клик на текстовом слое в палитре Layers, там Blending Options). Установите все пункты, как на примерах с этими же настройками. Если в результате текст не похож на мой, отмените все и попробуйте снова - видимо вы что то пропустили.

Текст с использованием Displace

Текст с использованием Displace

Текст с использованием Displace

Текст с использованием Displace

Текст с использованием Displace

4. Если вы всё сделали правильно, текст должен выглядеть так, если этого не случилось - см шаг 3.

Текст с использованием Displace

5. Небольшое введение в Displacement Masks
Displacement Masks использует отдельно черные и белые учатки psd файла для создания искажений изображения. 50% серый (который мы сделали фоном)- нейтральный цвет, он не добавляет искажений. Выглядящее трехменрным изображение, которое мы создали добавлением эффектов к тексту будет использоваться в displace при наложении изображения (займемся этим через минуту). Более темные, чем 50% серого области будут "утаплять" изображение, более светлые - поднимать.
Что бы создать маску смещения, мы должны сохранить файл. Идем к File>Save As, называем файл Mask (ну или как захотите, лишь бы запомнили). Можете сохранить файл на рабочий стол, или в папку, местонахождение которой вы не забудете, позже нам очень понадобится этот файл.

Текст с использованием Displace

6. Итак, развлекаемся дальше. Вы должны выбрать изображение, которым будете перекрывать текст. Я решил использовать американский флаг и в гугле нашел его. Откройте изображение в ФШ, жмем Ctrl+A (выделить всё), ctrl+C (скопировть) и закрываем изображение флага. Возвращаемся к рабочему документу, Ctrl-V (вставить). Новый слой, который появился над текстом больше, чем наше изображение. Сейчас наш текст полностью закрыт флагом. Перейдем к палитре Layers и снизим Opacity слоя до 40%, теперь мы можем видеть текст сквозь флаг.
Теперь мы должны разместить наше изображение, используем для этого Free Transform (ctrl+T). Удерживая shift для сохранения пропорций за уголки уменьшаем наше изображение и размещаем его как захотим. Для завершения трансформации нажмите Enter.

Текст с использованием Displace

7. Теперь, когда изображение уменьшено и правильно размещено, поставьте Opacity слоя обратно 100%. Нажмите ctrl+A. Это очень важно, если только что уменьшеное изображение все-таки выступает за рамки холста, иначе фильтр displace применится ко всему изображению и вы будете неудовлетворены результатом.
Не снимая выделения переходим к Filter>Distort>Displace. Когда откроется диалоговое окно фильра установите Horizontal и Vertical Scale = 5 и убедитесь, что выбраны пункты Stretch To Fit и Wrap Around затем жмем OK. После этого должно появиться окно открытия файлов. в котором мы должны найти наш файл Mask.psd, созданый ранее.
ctrl+D для снятия выделения. Вы должны заметить, что на изображении появились некие колебания, но насколько хорош результат мы узнаем в следующем шаге.

Текст с использованием Displace

8. Чтобы увидеть результаты мы должны обрезать изображение по тексту, самый простой путь для этого - щелчок правой кнопкой по слою с изображением в панели Layers и в меню выбрать Create Clipping Mask. Таким образом мы замаскируем изображение вне текста, а эффекты текстового слоя применятся и к флагу. Вы заметите, что Clipping Mask обозначается небольшим отступом в панелт Layers и стрелочкой вниз, к слою, по которому идет обрезка.

Текст с использованием Displace

9. Снова откроем Layer Styles для текстового слоя (это можно сдедать двойным щелчком по иконке Layer Styles под слоем). Выбираем Bevel And Emboss. Верните бегунок Soften обратно на значение 3, а Highlight Opacity переставьте с 0 на 100. Это добавит бликов и сделает текст более глянцевым.

Текст с использованием Displace

Текст с использованием Displace

10. Пора избавитьсяот серго фона! Выбираем Background, жмем D для сброса цветов и ctrl+Backspace для заливки фона белым цветом.

Текст с использованием Displace

11. Я думаю, что этот эффект будет лучше выглядеть с отражением, которое мы сейчас создадим. При выбраном слое Background жмем кнопку Create New Layer, переименуем этот новый слой в Reflection. По умолчанию новый слой становится активным, и это хорошо! Теперь загрузим выделение по тексту (ctrl+клик по иконке текстового слоя в панели Layers).

Текст с использованием Displace

12. Теперь мы должны скопировать-вставить выделенную область двумя простыми сочетаниями клавиш. Ctrl+Shift+C скопирует содержимое всех слоев, (в отличии от ctrl+C, которое копирует только содержимое активного слоя). Затем жмем ctrl+V для вставки скопированного в слой Reflection. Так как слой находится ниже всех, вы не увидите изменений (кроме изменений в иконке слоя). Теперь развернем содержимое слоя вниз. Edit>Transform>Flip Vertical.
Берем Текст с использованием Displace и улерживая Shift перемещаем отражение вниз (перемешайте до тех пор, пока границы не встретятся, можно допустить небольшое пересечение).

Текст с использованием Displace

13. Сделаем затухание отражения при помощи Layer Mask и градиентной заливки. Добавьте к слою с отражением маску (кнопка в нижней части панели Layers). По умолчанию при создании маски она сразу становится активной, в этом можно убедиться, посмотрев на квадратные скобки вокруг миниатюры маски.
Берем Текст с использованием Displace, выбираем Foreground to Transparent, тип - Linear Gradient. Проведите градиент щелкнув в нижней части маски и отпустив кнопку вверху.

Текст с использованием Displace

14. Для завершения работы с отражением уменьшаем Opacity этого слоя до 40%

Текст с использованием Displace

15. Мы можем улучшить эффект, добавив тень в нижнюю часть букв. Это последнее, что мы будем делать.
Создаем новый слой над отражением, назовем его Shadow. Загружаем текст как выделение, как в 11 шаге. Залейте выделение черным (alt+Backspace). Вы пока опять ничего не увидите, кроме изменений в палитре Layers.
Жмем Ctrl+T, беремся за вержний средний квадрат и перемещаем его вниз, как это показано на примере.

Текст с использованием Displace

16. С помощью Filter>Blur>Gaussian Blur немного размоем тень на 2-3 pix. Снизим Opacity слоя до 60%. В случае необходимости можете подработать тень мягкой кисточкой.

Надеюсь, вы узнали что-нибудь новое!

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

Текст с использованием Displace

Источник: pshero.com
Перевод: Chaus

При копировании данного урока, активная ссылка на наш форум http://forum.photo-manual.ru/ обязательна.
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

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

  • Граффити на стене в Photoshop
  • Создаем трехмерный текст в стиле Фильма Миссия Невыполнима
  • Создаем прозрачный текст в Фотошопе
  • Создание 3D текста в Фотошопе
  • Создаем Золотой текст в Фотошопе
  • 583: Текст с использованием Displace10 июня 2013: Текст с использованием Displace!
    Текст с использованием Displace.
    Текст с использованием Displace
     

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


    Опрос

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




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