Как сделать переливающийся текст в фотошопе

Создаём переливающийся текст в Фотошоп

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

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

Вот что мы можем получить в конечном результате:

Шаг 1. Создаем новый слой размером 800х 800 пикс., содержание фона: прозрачный. Далее нажимаем (D), этим мы выставляем стандартный набор 2 цветом переднего и заднего планов соответственно. Далее нажимаем (X), этим мы меняем их местами. Далее выбираем наш единственный слой и нажимаем (Ctrl+BackSpace), тем самым мы закрашиваем его черным цветом по умолчанию и назовем к примеру: Фон_1

Шаг 2. Идем в свойства этого слоя (Параметры наложения) и ищем такую галочку как градиент, и выставляем следующие настройки, как показано на рисунке ниже:

Шаг 3. Берем инструмент Текст (T) и выделяем область посередине нашего фона. Внутри этой области я написал слово РИНХ черным цветом (как выбрать стандарт я писал выше), применил к нему шрифт 28 Days Later и поставил размер этого текста в 210 пт, вот что получилось:

Шаг 4. Дальше я решил не работать с самими текстом, а с его формой, которую вырезал из картинки. Для этого необходимо загрузить любую имеющуюся картинку, переместить ее на нашу работу между слоями (Фон_1 и РИНХ), и переименовать в (Картинка), выровнять под текстом как вам угодно, далее нажать (Ctrl) + (Левая кнопка мыши на миниатюре слоя РИНХ), должно появиться выделение слоя.

Далее нужно выбрать слой (Картинка) и скопировать на нем это выделение (Ctrl + C). После этого создаем новый слой и вставляем скопированное изображение(Ctrl + V).
Дадим имя новому слою: (РИНХ_ВЫРЕЗАЛИ).
После этого удаляем слой РИНХ

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

Шаг 5. Итак, у нас есть 2 слоя. (Фон_1) и (РИНХ_ВЫРЕЗАЛИ). Для того чтобы сделать этот текст объемным, необходимо придать ему эффект тиснения и трансформацию в виде искажения.
Выделяем слой (РИНХ_ВЫРЕЗАЛИ), далее идем в Редактирование\Трансформация\Искажение. Берем нижний левый квадратик и тянем его вверх и чуть-чуть вправо как показано на рисунке:

Шаг 6. Создаем дым. Чтобы в финале наша картинка была более объемная и сияющая нам необходимо проделать следующие операции:
Создаем поверх всех слоев новый слой и назовем его ОБЛАКА.
Далее идем в Фильтр\Рендеринг\Облака и применяем к нему стиль наложения Жесткий свет. Стираем все ненужное и в результате получаем следующее:

Шаг 7. Создадим отражение.
Для того чтобы создать отражение текста необходимо продублировать один раз слой РИНХ_ВЫРЕЗАЛИ и переименовать его в РИНХ_Отражение. Далее мы отражаем это изображение по горизонтали и при помощи трансформации переворачиваем его вот таким вот образом:

Далее применяем к этому же отражению градиент, НО. На маску слоя.
Для этого возьмите слой РИНХ_Отражение, добавьте на него “маску слоя”, после чего возьмите градиент (G) 000000 — ffffff и сделайте так, как показано на рисунке:

Шаг 8. Сделаем звездное сияние вокруг текста. Для этого создадим новую кисть. Берем Мягкую круглую кисточку и создаем из неё новую. Идем в настройки этой кисти. Выставляем рассеивание, сглаживание, как вам угодно. На рисунке ниже показан пример такой кисти и мои настройки.
Это слой со звездами перемещаем чуть выше слоя ФОН_1. И если вам недостаточно сияния этим звездам примените к ним эффект внешнего свечения что находится в настройках слоя.

В итоге получается вот так:

Шаг 9. Создадим перелив тексту. Для этого я использовал кисти огня.
Я рисовал кисти белым цветом и добавлял на них градиент.

Итак по порядку:
Создадим левую часть текста. Для этого поверх всех слоев добавьте еще 1 слой и назовите его (Огонь_Л). Нарисуйте там огонь как показано на рисунке и примените к нему только градиент.

Далее продублируйте слой. Чуть-чуть уменьшите его в размерах примерно на 3% и также примените к нему наложение градиента.

В итоге я проделал эту операцию несколько раз. И в итоге получил вот что:

Шаг 10. Создаем фон. Я брал различные кисти — от цветочков до дыма. И снова я накладывал на них градиент. В итоге получается вот что:

В принципе на этом можно было бы и закончить, но я пошел дальше и сделал картинку еще более насыщенной. Для этого я создал поверх всех слоев новый. Закрасил его черным цветом. Применил к нему градиент (3f4c6b-3f4c6b, осветление основы, 90*) с режимом наложения: Насыщенность:

Добавил рамки и получилось вот что:

Также вот еще несколько вариантов таких вот манипуляций с градиентами:

Источник

Как создать блестящий ретро текст в фотошоп

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

В уроке вы научитесь:

Окончательные результаты:

Ресурсы

Шаг 1

Создайте новый документ в Photoshop. Он должен быть шириной 2100 пикселей и 3300 пикселей в высоту, разрешение — 300 точек на дюйм. С помощью инструмента Заливка (G) заполните фоновый слойчерным цветом.

Перейдите к инструменту Текст (T) и выберите шрифт Tetra с размером около 250 пт (вы можете сделать его больше, если хотите) и напишите слово «Super» в верхней части холста. Я выбрал шрифт Tetra из-за его формы, вы можете использовать любой другой шрифт.

Щелкните правой кнопкой мыши по слою с текстом и выберите Растрировать слой (Rasterize layer), чтобы сделать его доступным для редактирования.

Создайте новый слой. Загрузите выделение слоя (Ctrl + клик по иконке слоя) и возьмите инструмент Кисть (Brush (B)). Мы будем закрашивать выделение на новом слое, чтобы получить цветовые пятна. На скриншоте указаны цвета, которые мы будем использовать.

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

Измените размер кисти до 150 пикселей и выбрав самый темный зеленый цвет, сделайте легкие мазки на верхней части букв. Не забудьте оставить синий цвет. Вы также можете понизить непрозрачность кистипримерно до 40%, чтобы сделать более плавные переходы.

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

Теперь, используя белый цвет и кисть меньшего размера, добавим еще несколько бликов на светлой части букв.

Когда вы будете удовлетворены результатом перейдите в Слои-Новый корректирующий слой-Яркость и контрастность (Image-Adjustments-Brightness and contrast), чтобы сделать цвета ярче:

Результат на данный момент:

Шаг 2

Теперь мы добавим стили слоя, чтобы придать тексту глянца. Двойной щелчок на слое с текстом откроет меню стилей слоя. Поставьте галочку у параметра Тиснение (Bevel and Emboss). Введите значения, указанные ниже:

Поставьте галочку у параметра Глянец (Satin) и введите параметры, указанные ниже:

После применения стилей слоя у вас должен получиться такой результат:

Создайте новый слой и объедините его с текстовым слоем (Ctrl + E), чтобы применить эффекты на том же слое. На этом этапе вы можете изменить яркость и контрастность еще раз, если вам кажется, что цвета слишком размыты:

Усилим свечение при помощи инструмента Осветлитель (Dodge Tool). Возьмите очень маленькую мягкую кисть и установите экспозицию (exposure) на 10% и диапазон (range) на «Света» (Highlights). Кистью пройдитесь по самых ярких участках контура букв.

Шаг 3

Мы проделаем те же шаги для двух следующих текстовых слоев. Я использовал шрифт Tetra так как он имеет украшения для каждой буквы. Напишите слово, как на изображении ниже.

Для этого слова я выбрал цветовую палитру в диапазоне от темно-фиолетового до очень светло-розового.

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

Не забудьте о яркости и контрастности изображения, а также высветлить блики при помощи инструмента Осветлитель (Dodge Tool):

Для последнего слова я использовал комбинацию цветов от очень темно-коричневого до красного и светло-желтые цвета.

Скопируйте и вставьте стиль слоя с предыдущих слов:

Не забывайте об Осветлителе (Dodge Tool) и регулировке яркости и контрастности.

После завершения работы с третьим словом вы должны иметь примерно такой результат:

Шаг 4

Время добавить красочные элементы для украшения текста. Для создания светящихся линий создайте новый слой, возьмите инструмент Кисть (В) и выберите жесткую кисть, 100% твердости, 100%непрозрачности, размером около 4 пикселей, затем откройте меню кистей (F5) и в опции Динамика формы (Shape Dynamics), измените управление на «Нажим пера». После ввода этих настроек выберитеинструмент Перо (P).

Удерживая клавишу «Shift» нарисуйте контур, чтобы создать горизонтальную линию. Щелкните правой кнопкой мыши по контуру и выберите опцию Выполнить обводку контура (Stroke Path), измените параметр «инструмент» на Кисть, отметьте опцию Имитировать нажим (Simulate Pressure).

Двойным щелчком на слое откройте меню стилей слоя. Выберите стили Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay). Введите значения, указанные ниже

В Наложении градиента (Gradient Overlay) поставьте галочку у функции Инверсия (Reverse) и установите угол в 0 °.

Двойным щелчком по градиенту вызовите редактор градиентов. Измените цвета градиента, как показано ниже.

Создайте несколько копий слоя с линиями и разместите их по краях букв.

При помощи инструмента Деформация (Warp) выгните линии так, чтобы они соответствовали круглым частям букв:

Я рекомендую не создавать много деталей на данном этапе потому что в дальнейшем мы будем добавлять другие элементы и это может перегрузить композицию:

Возьмите одну из светящихся линий с первого слова и перейдите в Слои-Новый корректирующий слой-Цветовой тон/насыщенность (Image-Adjustments-Hue / Saturation), измените цвет, чтобы он соответствовал другим словам.

Расположите их так же, как на остальных 2-х слоях.

Результат на данный момент:

Шаг 5

Для световых вспышек под буквами продублируем текстовый слой и разместим его под оригинальным текстовым слоем. Перейдите в меню Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur) и установите угол 0, а расстояние до 998.

Дублируйте слой и объедините оба размытых слоя вместе, чтобы получить более сильный эффект.

Повторите этот шаг с другими текстовыми слоями:

Шаг 6

Чтобы добавить блесток, возьмите инструмент кисть с 0% твердости и размером около 120 пикселей, цвет — белый. Создайте новый слой поверх всех слоев и нарисуйте дополнительные блики над самыми светлыми участками:

Уменьшите размер кисти и добавьте маленькие блики возле больших:

Сделайте то же самое для двух других текстовых слоев:

Шаг 7

Для усиления свечения создадим крестики с помощью инструмента Перо. Установите кисть на 100% твердости и размером 4 пикселя, в Динамике формы (Shape Dynamics) измените управление на «Нажим пера», выберите инструмент Перо (P) и нарисуйте две перекрестные линии, потом обведите контур, используя кисть в качестве инструмента обводки.

Дублируйте слой с крестиками и разместите их на вершине каждого свечения из предыдущего шага.

После добавления бликов-крестиков ваше изображение должно выглядеть следующим образом:

Шаг 8

Создадим волнистые линии при помощи кисти с жёсткостью 100% и размером около 9 пикселей. Проведите длинную горизонтальную линию, затем перейдите в Фильтр-Искажение-Волна (Filter-Distort-Wave). Используйте следующие параметры для первой волны:

На новом слое проведите еще одну линию и примените фильтр Волна, экспериментируйте с настройками для достижения наилучшего результата.

Выберите слой с волной и откройте меню стилей слоя. Примените стили слоя Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay).

В окне настроек Наложение градиента (Gradient Overlay) выберите стиль градиента Отраженный (Reflected) и измените цвет градиента, чтобы он соответствовал цветовой палитре текстового слоя.

Теперь вы можете скопировать стиль слоя на другие волнистые линии.

Дублируйте и создавайте новые слои с волнами, настраивайте цвета в стилях Внешнее свечение (Outer Glow) и Наложение градиента (Gradient Overlay) чтобы цвета гармонировали с текстом.

Результат на данном этапе:

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

Трансформируйте точки растянув их на весь размер фона.

Шаг 9

В завершение добавим текстуру боке в документ. Из Sparklestock выберите изображения, которые, на ваш взгляд, подходят к иллюстрации. Установите режим наложения слоя с боке на Экран (Screen) и уменьшите непрозрачность слоя до 30%:

Теперь я использую комбинацию различных стоковых изображений для завершения эффекта. Вы можете выбрать любое изображение с боке, которые вам больше нравятся. Если вы рисуете кистью текстуру боке самостоятельно — просто берите образец цвета с текста. Изменить цвет боке текстуры можно при помощи корректирующего слоя Цветовой тон/Насыщенность (Hue/ Saturation).

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

Шаг 10

В заключительном шаге мы создадим несколько корректирующих слоев, чтобы улучшить внешний вид композиции. Перейдите в меню Слои-Новый корректирующий слой-Цветовой тон/Насыщенность (Layer-New Adjustment слой-Hue/Saturation) и увеличьте насыщенность, чтобы сделать цвета более живыми.

Тем же способом создаем корректирующий слой Яркость и контрастность (Brightness and Contrast), используем настройки выше:

Под слоем Яркость и контрастность (Brightness and Contrast) создайте корректирующий слой Уровни (Levels), чтобы соединить композицию в единое целое.

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Источник