Рубрика: Photoshop Уроки | Урок прочитали: 702
 (голосов: 0)

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

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

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

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

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

Исходники:

Текстура бумаги
кисти "Сердца"
текстура бумаги 2

Шаг 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
Перевод: Хитрён@ (Любимова Екатерина)

           

Похожие файлы и публикации:

Создаём в Фотошоп текст ко Дню влюблённых
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Создаём в Фотошоп текст ко Дню влюблённых
Шаг 1. Создайте новый документ размером 1200px * 800px и залейте его черным цветом. Дублируйте фоновый слой один раз (хорошая привычка) и выбрать Gradient Tool (G) и выполнить заливку градиентом как показано на рисунке ниже
Создаём в Фотошоп текст ко Дню влюблённых
В этом уроке я покажу вам как создать красивый цветочный текст из роз. Для работы мы будем использовать стили слоя, текстуры и PNG изображение розы. Как результат у нас получится красивый праздничный текст. Вы сможете дополнить его , украсить или изменить по настроению и необходимости. Единственное ограничение - ваша фантазия! Я надеюсь, этот текст станет хорошим дополнением ко многим из ваших творческих работ или добавит изюминку в поздравительную открытку!
Создаём в Фотошоп текст ко Дню влюблённых
Экшен - Жидкий Текст 1. Устанавливаем экшен в программу. 2. Запускаем экшен.   3. Если появляются диалоги, типа того, что представлен ниже, жмем "Continue".   4. Жмем "Continue" до тех пор, пока не увидим такую картину:   5. Изменяем текст на свой.   6. Переключаемся с инструмента "Текст" на любой другой. Действие экшена продолжается. Если по пути выскакивают окошки, жмите "Continue".   7. Выбирайте заливку, ставьте светлый цвет. Заливаем слой "background".   8. Результат.
Создаём в Фотошоп текст ко Дню влюблённых
24 фотографии (2000 х 1339 пикселей). Объем ~58 Мб
Создаём в Фотошоп текст ко Дню влюблённых
15 файлов, разрешение 1280х1028 и 1600х1200px, вес 5,7 Мб
Создаём в Фотошоп текст ко Дню влюблённых
В 9-ой части я забыла в архив вложить два эти шрифта (простите, голова моя садовая!)Исправляюсь. Ловите!
Создаём в Фотошоп текст ко Дню влюблённых
Подборка №01 - депресс-фотоарт от самых разных авторов.25 шт. / JPEG / App. 10.5Mb
Создаём в Фотошоп текст ко Дню влюблённых
Дизайнеров часто просят взять уже существующий одно- или двуцветный логотип и придать ему измерение. В сегодняшнем уроке мы возьмем черно-белый логотип и придадим ему грубый вид камня всего за несколько шагов с использованием текстур и стилей слоя. Давайте начнем!
Создаём в Фотошоп текст ко Дню влюблённых
Шаг 1. Возьмите новый файл 400х400 пикс., разрешение (resolution) 72 точек на дюйм в режиме RGB.
Создаём в Фотошоп текст ко Дню влюблённых
В этом уроке мы будем рисовать анимацию летающего ангела.
Создаём в Фотошоп текст ко Дню влюблённых
В этом уроке я покажу вам, как создать в Photoshop текст укрытый листвой.
Создаём в Фотошоп текст ко Дню влюблённых
Стили слоя являются мощным инструментом в Photoshop,  которые позволяют быстро создавать эффекты, которые можно применить к дополнительным объектам.
Создаём в Фотошоп текст ко Дню влюблённых
Всех оллдеевцев от души поздравляю с Рождеством Христовым!
Создаём в Фотошоп текст ко Дню влюблённых
В этом небольшом и быстром уроке, демонстрируется, как улучшить текстовую надпись, создав  матовый фон, который может улучшить вид Ваших фотографий или проектов.
Создаём в Фотошоп текст ко Дню влюблённых
В этом уроке Вы узнаете, как создать в Photoshop художественный текст с металлической текстурой. Мы будем использовать стандартные круглые кисти и научимся манипулировать текстурой придавая ей различные формы. Вот заключительный результат этого урока: