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

Текст

Смотреть другие уроки по работе с текстом.

{smooth-scroll-top}

Создадим новый документ - Ctrl+N. Мои параметры нового документа Вы видите на скриншоте.

Параметры нового документа


Выберем инструмент "Текст" и что-нибудь напишем. Параметры текста и его цвет, которые я применил, Вы видите ниже на скриншоте.

Параметры инструмента "Текст"


Удерживаем клавишу Ctrl и щёлкаем по иконке текстового слоя.

Палитра Слои


Загрузится выделение текста.

Текст


Перейдём в "Выделение - Модификация - Расширить".

Выделение - Модификация - Расширить


Поставим около 7 пикселей.

Окно "Расширить область"


Выделение букв расширилось.

Текст


Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои".

Палитра Слои


В качестве цвета переднего плана установите цвет текста (выберите пипетку и щёлкните по любой букве). Заливаем выделение - Alt+Backspace и снимаем выделение - Ctrl+D.

Текст


В палитре "Слои" щёлкаем по второй справа иконке и выбираем "Тиснение".

Палитра Слои


В окне "Стиль слоя" на вкладке "Тиснение" все параметры оставляем без изменений, за исключением глубины, размера (ставим немного больший, чем величина, на которую расширяли выделение (7 пикселов) и тени (вместо чёрной поставил серую).

Стиль слоя


Вот что получилось.

Текст


Выбираем инструмент "Произвольная фигура" (U) в режиме "Слой-фигура". В качестве фигуры выбираем "Зарегистрированная цель 2". Цвет переднего плана - светло-жёлтый.

Параметры инструмента "Произвольная фигура"


Удерживая клавишу Shift (для соблюдения пропорций) растягиваем фигуру так, чтобы она закрыла весь текст. Потом выбираем инструмент "Перемещение" (V) и располагаем фигуру так, чтобы её центр примерно совпал с центром текста.

Произвольная фигура


Правой кнопкой мыши щёлкаем по слою с фигурой и выбираем "Растрировать слой".

Палитра Слои


Вот что получилось на этом этапе.

Произвольная фигура


Загружаем выделение текста, для чего удерживая клавишу Ctrl, щёлкаем по иконке текстового слоя, делаем активным слой с фигурой.

Палитра Слои


Инвертируем выделение - Shift+Ctrl+I, нажимаем клавишу Delete и снимаем выделение - Ctrl+D.

Текст с предварительным эффектом


Вот такой красивый эффект получился. Сделаем его ещё красивее.

Красивый текстовый эффект

Точно так же как и ранее загружаем выделение текста. Создаём новый слой.

Палитра Слои


В качестве цвета переднего плана устанавливаем тёмно-коричневый цвет и заливаем выделение этим цветом - Alt+Backspace.

Текст


Сжимаем выделение - "Выделение - Модификация - Сжать".

Выделение - Модификация - Сжать


Ставим примерно около 5 пикселов.

Окно Сжать область


Растушуем выделение - Ctrl+Alt+D. В появившемся окне ставим примерно около 10-12 пикселов.

Коричневый текст


Нажмём Delete  и снимаем выделение - Ctrl+D. По краям букв появится темно-коричневое затемнение.

Текст

Правой кнопкой мыши щёлкаем по текстовому слою и выбираем "Растрировать текст".

Палитра Слои


Удерживая клавишу Ctrl, выделяем все слои, кроме нижнего.

Палитра Слои с выделенными слоями


Нажимаем Ctrl+E, выделенные слои сливаются в один.

Палитра Слои


Создадим дубликат верхнего слоя, для чего перетащим слой на вторую справа иконку в палитре "Слои".

Палитра Слои


Выберем инструмент "Перемещение" (V) и переместим копию слоя вниз. Для точного перемещения лучше использовать стрелочку вниз.

Инструмент "Перемещение" (V)


Нажмём сочетание клавиш Ctrl+T (свободное трансформирование), правой кнопкой мыши щёлкаем внутри рамки трансформации и выбираем "Отразить по вертикали".

Отражённый текст


Вот что получилось.

Отражённый текст

Выбираем инструмент линейный "Градиент", от основного к фоновому. Нажмём клавишу D (установим цвета по умолчанию).

Инструмент "Градиент"


Перейдём в режим быстрой маски - Q и проведём градиентом сверху вниз.

Проводим градиентом


Вот что получилось.

Текст в быстрой маске


Выходим из режима быстрой маски - Q.

Отражённый текст


Нажимаем несколько раз клавишу Delete, а потом снимаем выделение - Ctrl+D.

Текст с эффектом отражения


Вот такой красивый текстовый эффект с отражением мы получили (для наглядности самый нижний слой я залил серым цветом).

Текст

{smooth-scroll-top}

Комментарии  

Rybka
0 # Rybka 24.03.2013 17:52
Спасибо за урок! Всё очень понятно! :cheer:
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 10.01.2012 23:32
Ужасно я не то искала одним словом отстой.
Ответить | Ответить с цитатой | Цитировать
Целка
0 # Целка 05.10.2011 19:04
хыхы я глупая и нечего толком не поняла xD
Ответить | Ответить с цитатой | Цитировать
Лера
0 # Лера 31.07.2011 03:22
получилось неочень... но урок клевый, спасибо :D
Ответить | Ответить с цитатой | Цитировать
получилось неочень... но урок
0 # получилось неочень... но урок 31.07.2011 03:21
:D
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 17.05.2011 19:14
Смотрится очень эффектно! :cheer:
Ответить | Ответить с цитатой | Цитировать
vic
0 # vic 14.05.2011 21:36
Постоянно бываю на этом сайте (посмотрите по комментариям)! Очень классный сайт! Этот урок несколько раз делала, но всё же получилось! Не со всеми шрифтами проходит этот эффект.
Ответить | Ответить с цитатой | Цитировать
Nic
0 # Nic 14.05.2011 21:33
Мне урок и без перспективы понравился, очень красиво!
Ответить | Ответить с цитатой | Цитировать
Guest
0 # Guest 14.05.2011 11:54
отражение можно бы и немного повернуть, как бы чуток положить
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 14.05.2011 16:13
Согласен с Вами. К верхнему слою можно было применить свободное трансформирование, выбрать перспективу и слегка потянуть на себя. Смотрелось бы лучше. Спасибо за подсказку.
Ответить | Ответить с цитатой | Цитировать
Алик
0 # Алик 14.05.2011 07:06
Классный урок, очень красиво получилось! :!:
Ответить | Ответить с цитатой | Цитировать
Котик
+1 # Котик 13.05.2011 20:43
У меня получилось только с пятого раза, оказывается много зависит от выбора шрифта текста.
Ответить | Ответить с цитатой | Цитировать
Стас
0 # Стас 13.05.2011 20:37
Очень красивый эффект! :!: :!: :!:
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 309 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70