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

Текст в лучах света в Фотошоп

Всем Привет! В этом уроке я собираюсь показать вам, как создать классный эффект текста в лучах света. Что нам нужно: только программное обеспечение Photoshop!

Наш финальный результат:

Начнем!

Шаг 1

В этом уроке мы будем использовать широкий фон. Создадим новый документ RGB. Для этого переходим : "Файл - Создать \ File - New". В окне задайте параметры изображения: 12 х 6 дюймов (ширина х высота); разрешение 100пикс\дюйм. Вы можете использовать любой удобный вам размер. Когда параметры будут заданы - нажмите "OK".

Залейте фон черным цветом ( если ваш изначальный фон не черный). Для этого нажмите "D" (основные цвета станут черный\белый), выберете инструмент "Заливка \ Fill" и залейте фон.

Шаг 2

Теперь выбираем инструмент "Горизонтальный текст \ Type Tool" (T) . Я использую стандартный шрифт Arial Black, размером около 190-200px (нажмите X, чтобы установить цвет текста на белый). Введите любое слово, которое вы хотите, я использовал FOX в этом уроке. Разместите текст в верхнем правом углу (как на картинке).

Шаг 3

Зажмите Ctrl и кликните по иконке текстового слоя (на иконку миниатюры текста) в панели слоев, чтобы загрузить форму букв. Создайте новый слой ("Слой1\Layer 1"). Затем переходим "Выделение-модификация-граница \ Select - Modify - Border".

Примечание переводчика : установите в диалоговом окне значение 9 - 20.

Перейдите в "Редактирование  - выполнить заливку", используйте белый цвет ( white) и режим наложения "Нормальный\ Normal".
В палитре слоев, перетащите " Слой1\Layer 1" под слой с текстом. Теперь измените режим наложения "Слой 1"  на "Затухание \  Dissolve", чтобы получить точечный эффект.

Шаг 4

Нажмите Ctrl + D, чтобы снять выделение. Затем выбираем слой с текстом, активируем инструмент "Горизонтальный текст" (Т) и меняем цвет букв на черный.

Шаг 5

Создайте новый слой (" Слой2  \ Layer 2") и поместите его под "Слой1 \ Layer 1". Выберите "Слой 1\ Layer 1" и зажав клавишу "Shift"  щелкните на " Слой2  \ Layer 2"(получим выделение двух слоев). Далее нажмите комбинацию клавиш  " Ctrl + E", чтобы объединить эти два слоя ( получим общий слой " Слой2  \ Layer 2"). Это позволит сохранить эффект "растворения" и вернет слой обратно в  режим  наложения "Нормальный\ Normal":

Шаг 6

Выберите "Слой2 \ Layer 2", затем используйте "Фильтр - Размытие - Радиальное размытие \  Filter - Blur - Radial". Количество : 100;   метод размытия : линейный. Это, пожалуй, самая сложная часть в этом уроке. В диалоговом окне размытия, нажмите на центр и поместить его в непосредственной близости от верхней части буквы "X". Используйте вашу интуицию, у меня ушло две попытки, чтобы успешно разместить центр размытия в нужном месте.

Шаг 7

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

Шаг 8

Создайте новый слой ("Слой3 \ Layer 3") и поместите его над всеми слоями. Активируйте инструмент "Градиент \ Gradient Tool" (G)".В настройках градиента (Gradient Editor), выберите цвет переднего плана от белого к прозрачному; тип градиента "Радиальный".

Шаг 9

Стоя на "Слой 3", протащите линию градиента от центра буквы "Х" до центра буквы "О". Это позволит добавить эффект свечения.

Шаг 10

Выберите слой с текстом. Нажмите на значок всплывающего меню (в верхнем правом углу панели слоев) и выберите "Преобразовать в смарт-объект \ Convert to Smart Object".

Шаг 11

После того, как вы преобразовали текст в смарт-объект, нажмите комбинацию Ctrl + J, чтобы дублировать слой, называем его  "FOX копия". Выберите слой "FOX копия" и перетащите его ниже слоя "FOX" (оригинальный текстовый слой). Далее идем:  "Редактирование - Трансформирование - Отобразить по вертикали \ Edit- Transform - Flip Vertical". С помощью инструмента "Перемещение \ Move Tool" (V) расположите "FOX копия" чуть ниже надписи FOX, так, чтобы было похоже на отражение.

Шаг 12

На данный момент, если вы думаете, что луч света не достаточно сильный, просто примените повторно "Фильтр - Размытие - Радиальное размытие \  Filter - Blur - Radial". Вы можете использовать те же настройки (из шага № 6). Повторите действие с фильтром необходимое, на ваш взгляд, количество раз. Не заполняйте весь объем изображения - оставьте пространство на краях.

Примечание переводчика: перед исполнением этого шага вернитесь на "Слой 2". Размытие достаточно повторить 2-4 раза.

Шаг 13

Перейдите на слой "FOX копия". Затем выберите: "Редактирование - Трансформирование - Деформация \ Edit -  Transform -  Distort". Исказите отражение как тень вызванную светом. (см. рисунок).

Примечание переводчика: если ваш слой с копией текста отображается как смарт-объект, перед деформацией растрируйте его:

Шаг 14

Теперь добавьте маску слоя на "FOX копия". Установите цвет переднего плана на черный и выберите инструмент "Градиент \  Gradient Tool". Я использовал цвет: от черного к прозрачному; тип градиента : линейный.

Шаг 15

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

Шаг 16

Выберите основной текстовый слой "FOX", и нажмите на иконку "Добавить стиль слоя". В нижней части панели слоев выберите параметр наложения ( "Наложить если"). Использование "Наложить если" позволяет смешивать слои на основе светимости.
Мы хотим, чтобы лучи света проступили перед текстом. Для этого перемещаем белый ползунок немного влево ( на нижней вкладке "Подлежащий слой").

Шаг 17

Становимся на  "Слой 3 \  Layer 3", затем щелкните значок "Создать новый корректирующий слой \ create new adjustment layer " (в нижней части панели слоев) и выберите "Цветовой тон\насыщенность \ Hue and the saturation". Оттенок и насыщенность подберите по собственному усмотрению. Я использовал зеленые оттенки.

Примечание переводчика: используя корректирующий слой установите галочку "тонирование".

Шаг 18

Этот шаг дополнительный. Если Вы хотите, можно сделать излучение немного интереснее. Выберите инструмент "Градиент \  Gradient Tool" и сделайте небольшие линии по краям ( я использую оттенки серого).

Мы закончили. Спасибо за внимание!

 Результат переводчика:

Автор: tutzor

Перевод: Хитрён@ (Екатерина Любимова)

           

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

Текст в лучах света в Фотошоп
24 фотографии (2000 х 1339 пикселей). Объем ~58 Мб
Текст в лучах света в Фотошоп
15 файлов, разрешение 1280х1028 и 1600х1200px, вес 5,7 Мб
Текст в лучах света в Фотошоп
В 9-ой части я забыла в архив вложить два эти шрифта (простите, голова моя садовая!)Исправляюсь. Ловите!
Текст в лучах света в Фотошоп
Подборка №01 - депресс-фотоарт от самых разных авторов.25 шт. / JPEG / App. 10.5Mb
Текст в лучах света в Фотошоп
Экшен - Жидкий Текст 1. Устанавливаем экшен в программу. 2. Запускаем экшен.   3. Если появляются диалоги, типа того, что представлен ниже, жмем "Continue".   4. Жмем "Continue" до тех пор, пока не увидим такую картину:   5. Изменяем текст на свой.   6. Переключаемся с инструмента "Текст" на любой другой. Действие экшена продолжается. Если по пути выскакивают окошки, жмите "Continue".   7. Выбирайте заливку, ставьте светлый цвет. Заливаем слой "background".   8. Результат.
Текст в лучах света в Фотошоп
Всех оллдеевцев от души поздравляю с Рождеством Христовым!
Текст в лучах света в Фотошоп
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Текст в лучах света в Фотошоп
У Вас имеются ненужные CD, DVD диски? Лежат, занимают место а выкинуть не поднимается рука. Что с ними делать? Смотрите дальше...
Текст в лучах света в Фотошоп
[b] 74 файла, разрешение от 1280х1024 и 1920х1440px, вес 33.29 Mb
Текст в лучах света в Фотошоп
56 JREG. Архив 3,55 Мб .Разрешение в среднем 600х420
Текст в лучах света в Фотошоп
70 файлов, разрешение 2653х3987px вес 60.6 Мб
Текст в лучах света в Фотошоп
Шаг 1. Создайте новый документ размером 1200px * 800px и залейте его черным цветом. Дублируйте фоновый слой один раз (хорошая привычка) и выбрать Gradient Tool (G) и выполнить заливку градиентом как показано на рисунке ниже
Текст в лучах света в Фотошоп
\"Новая форма изобразительного искусства была рождена без напыщенности и шумной рекламы. Некоторые из нас наивно полагают, что компьютерное и 3d искусство – это что-то механическое и не натльное, нечто, лишенное человеческого прикосновения. Подобное представление ошибочно, так как не компьютеры делают искусство, а люди, которые используют их. Компьютеры – это обыкновенные созидательные инструменты, только изощреннее; попробовав их один раз, ты уже не сможешь остановиться\"
Текст в лучах света в Фотошоп
30 JPG и TIF файлов. Разрешение:3072x2304. Вес:163 MB
Текст в лучах света в Фотошоп
200jpg/ от 620 до 800 по большой стороне /43,8мб
Текст в лучах света в Фотошоп
Безумно красивая подборка девушек в векторе.[JPEG].150 шт
Текст в лучах света в Фотошоп
Интересные "вторые" жизни повседневноиспользуемых вещей в совершенно ином их качестве в количестве 14 штук. Если у вас есть подобные "интересности" - предлагайте в камментах. Ведь это действительно креатив)).14 шт. / JPEG / App. 2Mb
Текст в лучах света в Фотошоп
Тщательно выстроенный мир новой кампании Diesel7 JPEG | 1000х652 | RAR 1,24 Мб
Текст в лучах света в Фотошоп
[1280х1024] 80 штук - 7,7 Мб