Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

203 893 чел. 397 022 работы 4 080 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Создаём в Фотошоп текст ко Дню влюблённых

День Святого Валентина уже на пороге, и у меня есть урок для этого особого случая.

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

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

Я надеюсь, что вам понравится выполнять урок, и вы порадуете друзей красивой открыткой или обоями на рабочий стол!

Исходники:

Архив

Шаг 1 - Создаем фон

Создайте новый документ (размер определите по собственному желанию). Скачайте и установите в набор узоров "Текстура бумаги".

Создайте новый слой и заполните его цветом переднего плана (нажмите Shift + F5). Назовите его "Фон". Уменьшите заливку (fill) до 0% и добавьте стиль слоя "Наложение узора" (Pattern Overlay). Из списка узоров выбираем любую понравившуюся текстуру старой бумаги.

Добавим, так же, стиль слоя "Наложение цвета" (Color Overlay) к слою "Фон", используя следующие параметры (цвет выбран красный # ff0000).

Шаг 2 - Напишем текст

Используя простой шрифт "Arial", напишите ваше сообщение заглавными буквами. Я выбираю большой размер шрифта - 133 пикселей. Цвет, используемый для данного текста - черный (# 000000). После того как вы напишите сообщение, нажмите кнопку "Текст по центру", для выравнивания.

Откройте панель "Символ и Абзац" (Character and Paragraph) и установить расстояние между строками и пространство между буквами, как показано на рисунке:

Откройте окно "Стиль слоя" (Layer Style), для слоя с текстом, и добавьте параметр "Обводка" (Stroke), размер (size) - 13, положение - снаружи (outside).

Создайте новый пустой слой выше текстового слоя. Растрируйте (Rasterize) слой с вашим сообщением и объедините эти два слоя ( верхний слой и слой с растрированным текстом). Вы получите новый слой с текстом. Назовите его "Текст основа".

Шаг 3 - Добавим глянцевый эффект для текста

Перейдите на слой "Текст основа" и откройте меню "Стиль слоя" (Layer Style). Перейдите на вкладку "Тиснение" (Bevel and Emboss) и установите такие параметры:

Шаг 4 - Добавим сердца к тексту

Скачайте и установите кисти из набора "Сердца". Создайте новый слой и назовите его "Темные сердца". Активируйте инструмент "Кисть" (Вrush tool) и выберите из списка кистей сердечко простой формы. Перейдите в  панель кисти (вrushes рanel) и установите следующие параметры, для создания новых характеристик кисти:

Перейдите на слой "Темные сердца". Установите цвет # 7e1515 для кисти, которую мы только что создали. Нарисуйте сердца в области текста.

Добавим некоторые стили слоя к сердцам. Это будут: Внутренняя тень (Inner Shadow), Внутреннее свечение (Inner Glow) (цвет # c72625), Тиснение (Bevel and Emboss), Наложение цвета (Color Overlay) (цвета # 600b0b) и Наложение узора (Pattern Overlay) (выбираем узор из набора "Текстура бумаги 2"). На изображениях ниже указаны настройки для получения нужного эффекта:

В результате у вас получится нечто похожее:

Создаете новый слой, поверх остальных, и назовите его "Светлые сердца". Используя ту же самую кисть с сердцами, и тот же цвет, нарисуйте на новом слое дополнительные сердечки.

Добавьте к новому слою те же стили что и к слою "Темные сердца". Но следует изменить параметры Внутреннее свечение (Inner Glow) (цвет -  #cb8383) и Наложение цвета (Color Overlay) (цвет -  #921b1b)

Шаг 5 - Добавим тени

Дублируйте слой "Светлые сердца", очистите все стили слоя. Назовем этот слой "Тень сердец". Уменьшите заливку (fill) до 0%. Добавьте эффект "Тень" (Drop Shadow) и поместите этот слой между слоями "Светлые сердца" и "Темные сердца".

Создайте новый пустой слой над слоем "Тень сердец" и объедините эти два слоя (новый пустой и "Тень сердец"). Таким образом, мы растрировали слой с тенью от сердечек. Стоя на новом слое с тенью, выберите слой "Темные сердца" (CTRL + клик по иконке слоя), инвертируйте выделение (Inverse).

Примечание переводчика: для того чтобы инвертировать выделение перейдите в "Выделение - Инверсия".

Далее нажмите клавишу "Delete", это позволит удалить лишние участки тени.

На изображение ниже вы можете увидеть результат до и после удаления. Идея состоит в том, что тень от сердец падает только на буквы и детали текста, а не висит в воздухе.

Шаг 6 - Создаем эффект отражения текста

Пришло время, чтобы добавить еще один интересный эффект. Сейчас кажется, что буквы плавают в воздухе. Чтобы создать иллюзию, что текст стоит на земле мы должны добавить отражение.

Примечание переводчика: если ваш текст состоит из нескольких строк, то необходимо создать отражение для каждой строки отдельно!

Выберите слой с вашим сообщением и нажмите CTR + J ("Создать дубликат слоя" \ Layer Via Copy). Перейдите к дубликату и очистите стиль слоя. Нажмите CTRL + T (для трансформации) и "Отразить по вертикали" (filp vertical), как показано на рисунке.

Далее, уменьшите заливку (f ill) слоя-копии до 0% и добавьте стиль слоя "Наложение градиента" (Gradient Overlay) с такими параметрами: непрозрачность - 50%; тип градиента - линейный; цвета - от черного к прозрачному; угол - 90.

Повторите ту же процедуру с другими строчками вашего текста, для нового отражения используйте новый слой. Чтобы упростить процесс, вы можете просто копировать стиль слоя первой строки и добавлять его к последующим слоям с отражениями ("Скопировать стиль слоя - Вклеить стиль слоя" \ Copy Layer Style  - Paste Layer Style).
В результате вы получите такое изображение:

Шаг 7 - Добавьте отражение от деталей

Для того чтобы ваш текст выглядел более гармонично, необходимо добавить отражение и для сердец. Вы можете использовать предыдущую технику. Как только вы справитесь с этим - работа закончена!

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

Автор: John
 

Комментарии 103

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Основа урока, но добавила своего) спасибо!

Екатерина, спасибо за урок!

Спасибо за отличный урок!

I love ... ФотошопМастер ..))

Большое спасибо за урок!

Красивый урок! Спасибо!

Спасибо.Мне захотелось сделать нежнее.Обновила себе обои.

У меня вариант со звездочками)))

большое спасибо. очень понравилось делать этот урок!!!

Очень романтично получилось, спасибо вам!

Любимой своей сделал)

Спасиба за урок. Пригодится.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules