Светящиеся буквы в фотошопе: Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера
Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера
В этом уроке мы будем создавать текстовую надпись с эффектом свечения в Photoshop. В уроке будем использовать инструменты Градиент, Текст и Blending Options.
Используя знания и навыки этого урока вы без труда сможете создавать свои собственные интересные работы. Итак, за дело!
Создание холста и градиентного фона
При создании документа зададим размер холста 1080 на 720 пикселей.
Затем, переведем фон в слой Layer> New> Layer From Background . И добавим этому слою эффект Gradient Overlay , как показано на рисунке ниже:
Теперь создадим градиентную заливку, перейдя к Layer> New Fill Layer> Gradient . Установите параметры градиента примерно как у меня и задав этому слою параметр прозрачности равный 51%:
Еще раз создадим градиентную заливку, также перейдя к
Создание светящегося текста
Теперь, когда основные приготовления закончены, приступим к созданию непосредственно самой светящейся надписи. Для этого, инструментом Type Tool создадим букву (в моем случае “G”):
И установим уровень заливки для нее равной 0% :
Теперь, добавим эффекты. И начнем с внешнего свечения (Outer Glow), все параметры выставьте как на скриншоте ниже:
Следующим эффектом у нас станет контур (Stroke), параметры, также, установите как и у меня:
После этого продублируйте текстовый слой (Ctrl + J
Создав таким образом пять слоев с разным начертанием буквы, сделаем из них группу – выделив все текстовые слои и нажав (Ctrl + G). Затем, продублируйте эту группу и переместите правее. Измените, во вновь созданной группе, букву на следующую (для меня это “L”). После этого – снова продублируйте группу и, переместив ее правее, измените букву (у меня это “О”).
Должно получиться нечто подобное:
Последний штрих
Немного размоем овал используя Filter> Blur> Gaussian Blur со значением радиуса размытия в 10 пикселей и нажимаем ОК. Не уходя со слоя применяем к нему Filter> Blur> Motion Blur со значениями как на рисунку снизу:
Вот и все! Наша надпись с эффектом свечения готова. Надеюсь, что вы поняли базовый принцип и без труда сможете создавать свои неповторимые дизайны.
Как всегда, я готов ответить на все вопросы, которые вы можете задавать через комментарии.
Автор здесь.
Похожие уроки и статьи
Оценка посетителей
[Всего: 1 Среднее: 5]PhotoshopSunduchok — Светящийся текст в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.
Всем привет!
Сегодня мы будем добавлять тексту эффект светового взрыва.
Для создания такого эффекта не нужно никаких дополнительных текстур и специальных кистей, потому что мы будем использовать только возможности фотошопа.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками, при помощи инструмента Текст напишем текст и применим к текстовому слою стили слоя.
Далее создадим три копии текстового слоя, сольем слои в один и применим к образовавшемуся слою фильтр Радиальное размытие.
В конце урока «Светящийся текст в фотошопе» мы добавим в работу изображение со звездами, применим к слою корректирующий слой Уровни и понизим прозрачность слоя со звездами.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Light». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, меняем цвет текста на белый (# ffffff), увеличиваем размер текста и вводим настройки, как на рисунке ниже. В верхней панели настроек инструмента Текст кликаем по иконке панели символов и меняем настройки на следующие. При помощи инструмента Перемещение располагаем текст по центру холста.
В панели слоев дважды кликаем по текстовому слою, чтобы открыть стили слоя.
Во вкладке Наложение градиента щелкаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим следующие значения: для левой Контрольной точки оттенок # 1c4672, для правой – оттенок # 00f2f3. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне. Для верхних Контрольных точек устанавливаем 100% прозрачность. Полные настройки для вкладки Наложение градиента на втором скриншоте.
Во вкладке Тиснение вводим настройки, как на изображении. Используем оттенки, установленные по умолчанию – черный (# 000000) и белый (# ffffff).
Результат после применения стилей слоя.
В панели слоев создаем три дубликата текстового слоя (Ctrl+J). В панели слоев при помощи клавиши Ctrl выделяем все три копии текстового слоя, кликаем по ним ПКМ и из выпадающего списка выбираем «Растрировать текст». Не снимая выделения, снова кликаем ПКМ по слоям и выбираем «Объединить слои». Переименовываем образовавшийся слой в «Размытие».
Переходим в меню Фильтр-Размытие-Радиальное размытие. Применяем фильтр с настройками, как на картинке, к слою «Размытие».
Нажимаем сочетание клавиш Ctrl+F, чтобы применить последний примененный фильтр еще раз.
В панели слоев меняем режим наложения слоя «Размытие» на Линейный осветлитель (добавить).
В панели слоев создаем дубликат слоя «Размытие» (Ctrl+J).
Помещаем в документ (Файл-Поместить встроенные) изображение «Звезды» из папки с исходниками. В панели слоев перетаскиваем слой со звездами выше слоя «Фон».
Вызываем Свободное трансформирование (Ctrl+T). Зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.
Выше слоя со звездами в панели слоев добавляем корректирующий слой Уровни. В окне корректирующего слоя вводим настройки, как на рисунке ниже и нажимаем на иконку обтравочной маски, отмеченную стрелочкой. Обтравочная маска «прикрепит» корректирующий слой к нижележащему слою (со звездами) и коррекция будет влиять только на слой «Звезды», не затрагивая остальные слои.
В панели слоев понижаем прозрачность слоя «Звезды».
Эффект светящегося взрыва для текста готов! Урок «
Отличного настроения и творческих успехов!
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
Понравилось? Поделитесь:
Вконтакте
Одноклассники
Добавить комментарий
Создаем в фотошопе светящийся цветной эффект для текста | DesigNonstop
Создаем в фотошопе светящийся цветной эффект для текста
18
Спасибо Textuts за идею замечательного урока, в котором мы будем делать светящийся цветной эффект для текста. Сначала мы напишем текст, растрируем его и применим пару стилей слой. Затем уже к дубликату слоя применим еще пару стилей. На следующем этапе воспользуемся кистями со звездами и в произвольном порядке украсим ими текст. Далее размоем звезды в движении. И в конце, используя несколько насыщенных цветов, нарисуем яркие цветные пятна и поменяем режим наложения для этого слоя.
Шаг 1.
Создаем новый документ, заливаем его черным цветом. Крупным шрифтом (в данном случае это шрифт Futura, цвет #fffd00, размер 110 пикс) пишем какое-нибудь слово или фразу и красиво располагаем текст на холсте. После этого растрируем слой с текстом. Сразу делаем дубликат слоя, которые пока отключаем.
Шаг 2.
Важно! Находясь на нижнем слое с текстом устанавливаем ползунок параметра «Заливка» (Fill) на 0%. Этот ползунок находится в правом верхнем углу контейнера со слоями. Потом открываем стиль слоя и выбираем закладку «Внешнее свечение» (Outer Glow). Настройки как на рисунке ниже, цвет #fff43e.
Шаг 3.
Теперь выбираем закладку «Внутреннее свечение» (Inner Glow). Настройки как на рисунке ниже, цвет #fff43e.
Шаг 4.
Должен получиться такой вот результат.
Шаг 5.
Переходим на верхний слой с текстом и включаем его. Также как в Шаге 2 устанавливаем для этого слоя ползунок параметра «Заливка» (Fill) на 0%. Открываем стиль слоя и выбираем закладку «Внутреннее свечение» (Inner Glow). Настройки как на рисунке ниже, цвет дефолтовый #ffffbe.
Шаг 6.
Теперь выбираем закладку «Тиснение» (Bevel and Emboss). Настройки как на рисунке ниже.
Шаг 7.
Переходим в подменю «Контур» (Contour) и ставим такие настройки.
Шаг 8.
Должен получиться такой результат.
Шаг 9.
Теперь выбираем какую-нибудь кисть со звездами и на новом слое в произвольном порядке ставим белые звезды на текст.
Шаг 10.
Создаем два дубликата слоя со звездами. Для первого слоя со звездами выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) и ставим угол размытия 90° и смещение 60.
Шаг 11.
Для второго слоя со звездами выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) и ставим угол размытия 0° и смещение 60.
Шаг 12.
Теперь создаем новый слой, выбираем большую мягкую кисть и, используя четыре ярких цвета, произвольно раскрашиваем слой.
Финал
Теперь меняем режим наложения слоя с цветными пятнами на «Цветность» (Color) и все, наш эффект для текста готов.
Создание слоистого светящегося текстового эффекта в Фотошопе
В этом уроке мы создадим слоистый светящийся текстовый эффект, используя очень простые инструменты Photoshop и эффекты наслаивания. Этот урок достаточно прост для понимания новичком, но в этом уроке используется очень много активных текстовых слоев, что потребует интенсивного использования памяти вашего компьютера. Итак, давайте попробуем нарисовать очень красивый светящийся текст.
Шаг 1
Создайте новый документ размером 2000 на 1200 пикселей. Затем создайте новый корректирующий слой Градиентная заливка с линейным градиентом, который идет от темно-серого (#464646) снизу до черного (#000000) вверху. Это будет наша основная база.
Шаг 2
Сделайте еще один корректирующий слой Градиентная заливка над предыдущим и разукрасьте его радугой цветов на свое усмотрение. Есть несколько ярких настроек, которые вы можете выбрать в палитре градиентов или же создайте свой собственный.
В примере используются следующие цвета (в порядке следования): #007088, #2f2661, #8a2f60, #8e352a, #939a33, #136d3c.
Установите уровень заливки слоя до 25%. Затем установите режим смешивания слоя на «Цветность».
Совет: когда вы устанавливаете режим наложения на Цвет, он делает так, чтобы слой влиял только на цвет всего, что ниже, оставляя только свет/тень.
Шаг 3
Наконец, сделайте еще один корректирующий слой Градиентная заливка над предыдущими двумя. Это будет радиальный градиент. Установите так, чтобы 2 цвета в градиенте были только черными, а затем сделайте прозрачность от 100% на одном конце и 0% на другом конце.
Если вы видите, что черный покрывает центр изображения, установите флажок «Инверсия». Затем сделайте так, чтобы черный цвет шел по нижнему краю холста. Установите непрозрачность слоя в 65%. Я немного переместил рычажок прозрачности в левой контрольной точке градиента, чтобы получить нужный эффект.
Шаг 4
Теперь давайте начнем работать над текстом. Нажмите в английской раскладке T для выбора инструмента Текст и сделайте один клик на холсте. Затем введите свою букву, в моем случае – S. Затем выберите инструмент «Перемещение» и потом нажмите Ctrl+T, чтобы трансформировать букву до тех пор, пока она не станет нужного вам размера. Снова нажмите T для выбора инструмента Текст, и, если это еще не так, то залейте букву черным, щелкнув в поле цвета текста в панели свойств. Установите режим смешивания слоя на Экран. Буква исчезнет.
Шаг 5
Двойным щелчком мышки справа от названия слоя буквы в палитре слоев вы сможете вызвать палитру стилей слоев. Выберите Внешнее свечение и Обводка с точными настройками, которые вы видите ниже. Теперь вы сможете увидить очень слабый образ буквы.
Давайте используем эту первую букву как отправную точку для всего текста на изображении. Когда мы наложим несколько разных букв друг на друга, наш эффект оживет.
Шаг 6
Продублируйте слой с буквой, нажав горячие клавиши Ctrl+J. Выберите инструмент текста T, а затем измените шрифт на новом слое. Если новый шрифт вас не устраивает, нажмите Ctrl+T, чтобы трансформировать новую букву. Убедитесь, что вы всегда придерживаетесь базовой линии букв. Вы можете переместить опорную точку на базовую линию, когда трансформируете ее, чтобы она была правильно выстроена.
Теперь повторите этот шаг 15-20 раз, каждый раз используя другой шрифт, — можете использовать различные шрифты из семейства serif. Или же просто трансформировав букву под разными углами и с разными размерами шрифта.
Шаг 7
Выберите все текстовые слои, которые вы создали ранее. Затем нажмите Ctrl+G, чтобы сгруппировать их. При выбранной группе в палитре слоев, нажмите V для инструмента перемещения. Затем (удерживая ALT), щелкните и перетащите буквы на холсте, чтобы их продублировать. Перетащите их вправо туда, где вы хотите, чтобы была следующая буква. Теперь в палитре слоев должно быть 2 группы с текстом. Выключите все слои букв в новой группе (кроме нижней), щелкнув на значок «глаз» рядом с каждым слоем.
Теперь выберите текстовый инструмент T и выделите одну «включенную» букву. Затем измените ее на следующую нужную букву, в моем случае на E. Наконец, выключите слой E. Затем включите следующий слой с буквой и выполните то же самое. Повторяйте это, пока все буквы в вашей новой группе не будут изменены. После этого включите все слои в группе.
Повторите этот шаг для каждой новой буквы, которая вам нужна.
Шаг 8
Выберите инструмент эллиптического выделения и сделайте очень тонкий эллипс в основании ваших букв. Затем Растушуйте выделение на около 20 пикселей (вверху в настройках). Войдите в режим быстрой маски с помощью клавиши Q. Затем перейдите в Фильтр > Размытие > Размытие в движении. Сделайте угол 0o и смещение в 700 пикселей и нажмите OK. Это дает нам размытие влево и вправо. Затем выйдите из режима быстрой маски нажав клавишу Q.
Теперь сделайте корректирующий слой Кривые над градиентами, но ниже групп букв. Затем примените кривую, которая выглядит так, как показано ниже. Это просто добавит нашим буквам некую «подставку». Уменьшите непрозрачность этого слоя до 50-60%.
Шаг 9
Создайте новый документ размером 300 на 300 пикселей. Дважды щелкните на фоновом слое, чтобы сделать его активным (если он заблокирован). Если слой не заблокирован (нет «замочка»), нажмите на слое правой кнопкой и нажмите Выполнить сведение, а после этого дважды кликните, чтобы разблокировать слой. Снова дважды щелкните справа от имени слоя, чтобы открыть палитру стилей слоя. Примените Наложение цвета, чтобы залить слой черным. Затем добавьте стиль Обводка, с белым цветом, чтобы создать рамку. Вы можете увидеть мои настройки на картинке ниже.
Перейдите в «Слои», далее в «Выполнить сведение». Нажмите Ctrl+A, чтобы выделить все, а затем выберите «Редактирование» > «Определить узор».
Шаг 10
Вернитесь к предыдущему документу. Сделайте новый пустой слой выше уровня слоя с кривыми, нажав кнопку «Новый слой» в нижней части палитры слоев. Далее в меню «Редактирование» > «Выполнить заливку» и выберите в поле «Использовать» черный квадрат, который должен быть в конце списка, и нажмите OK.
Теперь нажмите Ctrl+T, чтобы трансформировать слой так, чтобы он вписывался в пространство переднего плана под буквами. Затем щелкните правой кнопкой в любом месте окна преобразования и выберите Перспектива. Перетащите нижний правый конец сетки, чтобы получить вид перспективы на буквы, нажмите ОК. Установите режим наложения слоя на Экран и задайте непрозрачность в 15%.
Шаг 11
И вот настал черед добавить последний штрих. Выберите все текстовые слои и продублируйте их с помощью горячих клавиш Ctrl+J. После этого выберите новые группы и нажмите Ctrl+T, затем кликните правой кнопкой на поле трансформации и выберите «Отразить по вертикали». Сдвиньте буквы вниз с помощью инструмента Перемещение (V), чтобы они выглядели как зеркальное отражение.
Когда все группы отражений выбраны, нажмите Ctrl+G, чтобы поместить их в другую группу. Установите непрозрачность этой группы на 25%. Переместите группу ниже всех текстовых слоев. Добавьте маску для этой группы, нажав кнопку «Добавить слой-маску» внизу палитры слоев. С выбранной маской нажмите G для инструмента Градиент и нарисуйте линейный градиент от черного к белому, чтобы достичь эффекта исчезающего отображения по мере достижения края изображения.
Заключение
В этом уроке были описаны некоторые простые шаги и эффекты, которые позволяют получить, например, вот такой яркий эффект, как на картинке ниже. Если у вас есть какие-либо вопросы или замечания, напишите их в раздел комментариев ниже. Надеюсь, вам понравился урок!
финальный результат
Урок подготовлен на основе перевода специально для Tuts+
Как в Photoshop создать с нуля светящуюся яркую надпись
Что мы будем создавать
Если вы когда-либо пытались создать слова, используя традиционные методы живописи светом фотографии, то наверняка знаете, как это сложно. В этой статье мы покажем, как можно создать подобный эффект без камеры и штатива.
Давайте начнем в Photoshop. Запустите программу и создайте новый документ. Если вы создаете эффект с нуля, то я советую задать большие размеры документа. Например, формат А2, который впоследствии мы сможем подрезать и подогнать под любой другой.
Поэтому мы начнем создавать иллюстрацию в формате A2, а затем обрежем ее под А3. Итак, создайте новый документ со следующими параметрами: ширина — 42.5 см, высота — 59.4 см, разрешение — 300 пикселей на дюйм, цветовой режим — CMYK.
Мы хотим, чтобы вся композиция имела приблизительную форму сердца, поэтому нарисуйте его очертания:
Используйте этот контур, чтобы на планшете вписать в фигуру сердца текст, как показано на рисунке ниже. Если вам удобнее сделать это на бумаге, напишите текст на бумаге, а затем отсканируйте его:
Для выполнения этого шага я перейду в Illustrator. Мне удобнее писать буквы в нем, но вы можете сделать это и в Photoshop. После того, как вы закончите, скопируйте объект (Command/Ctrl-C):
Вставьте объект в Photoshop, как контур (Command / Ctrl + V и выберите в диалоговом окне «Контур»):
Выберите инструмент «Кисть» (B) с мягкими краями, «Диаметр» — 10 пикселей. Выберите инструмент «Перо» (P), кликните правой кнопкой мыши и выберите из выпадающего меню пункт «Обводка контура». Убедитесь, что в диалоговом окне флажок для опции «Эмуляция нажима» снят и нажмите ОК:
Перейдите в Фильтр> Размытие> Размытие в движении. Задайте для «Угла» значение 60 градусов, для «Силы» — 20. Нажмите OK:
Уменьшите непрозрачность слоя букв примерно до 50% и продублируйте его. Примените к новому слою «Маску слоя» (Слой> Маска слоя> Показать все) и скройте части букв большой черной кистью:
Выберите инструмент «Перо» и прочертите первую световую линию в режиме «Путь»:
Так же, как мы делали раньше, обведите контур кистью с диаметром 10 пикселей. Это лучше сделать вручную, чтобы внешний вид был реалистичным. Периодически меняйте размер кисти на 5, 10 и 15 пикселей и уровень непрозрачности:
После того как вы создали обводку, вам нужно скрыть концы линии. Используйте маску слоя и зарисуйте черным цветом каждый из концов:
Используйте оригинальные линии только в качестве ориентира. Постепенно делайте буквы толще, сохраняя классический вид шрифта. Верхние и нижние изгибы должны быть тонкими, средние части — жирными:
Затем постарайтесь сделать толще левую сторону каждой буквы. Это позволит сохранить интервал между буквами:
Не забывайте создавать эффект исчезновения для конца каждой линии. Иначе они не будут выглядеть реалистичными:
Обработайте контуры всех букв, пока не получите следующий результат:
Поверх всех слоев добавьте корректирующий слой «Карта градиента» (Слой> Новый корректирующий слой> Карта градиента). Используйте следующие цвета: #000000; #54000c; #D69f0a; #fffee9:
Разметите корректирующий слой в палитре сверху всех остальных слоев. Теперь добавим эффект свечения. Повторите процесс создания контура, но на этот раз используйте большой размер кисти (100-200 пикселей) и включите опцию «Эмуляция давления». В качестве цвета используйте серый 50% (#8c8c8c). Измените режим смешивания слоя на «Экран»:
Обведите все толстые части букв аналогичным образом:
Теперь мы добавим еще более толстые линии с включенной опцией «Эмуляция движения» и белым цветом. Используйте линии разной ширины (25-75 пикселей):
Добавьте толстые «мягкие» линии белого цвета вдоль всех букв:
Скачайте изображение вспышки и перетяните его в основной документ. Поверните его так, чтобы угол между лучами составлял 90 градусов. Установите режим смешивания – «Экран»:
Создайте копию вспышки и увеличьте ее в два раза. Поверните копию на 45 градусов:
Перейдите в Фильтр> Размытие> Размытие по Гауссу, и используйте значение «Радиуса» в 30 пикселей, чтобы смягчить увеличенную часть вспышки:
Создайте несколько дубликатов слоев со вспышками и разместите их по всему изображению:
Повторите предыдущие шаги, чтобы достичь того же эффекта для текста внизу:
Создайте несколько линий вокруг сцены, которые следуют вдоль изгибов основных. Используйте для них белый цвет и разные значения непрозрачности:
Откройте изображение рассеянных огней и перетяните его в основной документ. Установите режим смешивания слоя «Экран»:
Добавьте к этому слою маску и скройте под ней некоторые участки изображения размытых огней. Убедитесь, что те огни, которые остались, не обрезаны маской:
Чтобы добавить огням изображения контрастность, добавьте корректирующий слой «Карта градиента» (черно-белый градиент) и установите его в качестве обтравочной маски для огней. Измените режим смешивания этого слоя на «Перекрытие»:
Продублируйте изображение огней и разместите копии по всей композиции. Примените смешивание в точках соединения больших и малых огней:
Разместите огни в различных частях изображения. Постарайтесь, чтобы они не располагались слишком густо:
Теперь мы объединим эти огни с пользовательской кистью, чтобы создать собственную кисть. Создайте новую кисть и измените ее параметры, как показано на рисунке ниже:
Оставьте включенной опцию «Динамика формы», а для «Рассеивания» задайте значение 550:
Включите опцию «Другая динамика» и задайте для ее параметров следующие значения:
Используйте созданную кисть, чтобы нарисовать более тонкие рассеянные огни вокруг букв:
Повторите этот процесс:
Теперь нам нужно добавить шум, не исказив цвета и яркость композиции. Выберите серый цвет 50% и залейте им пустой слой. Он будет отображаться коричневым, потому что находится под слоем «Карты градиента»:
Перейдите в Фильтр> Шум> Добавить шум и установите для фильтра максимальное значение «Количества»:
Примените размытие с «Радиусом» 0,8 пикселей (Фильтр> Размытие> Размытие по Гауссу):
Измените режим смешивания слоя на «Яркий свет», «Непрозрачность» — 5%:
Перейдите в Слой> Новый корректирующий слой> Фото фильтр. Выберите «Красный» фильтр:
Поделитесь в комментариях результатами своей работы:
Данная публикация является переводом статьи «Create Light Painted Typography From Scratch in Photoshop» , подготовленная редакцией проекта.
Светящийся текст в фотошопе. |
С помощью средств фотошопа, можно делать красивый текст с различными эффектами. В этом уроке будем использовать , в основном , «стиль слоя» и создадим вот такой светящийся текст.
1-Вначале откроем новый документ. Файл-создать, размер 600 на 150 px, фон черный.
2-Выбрать на вертикальной панели инструментов «текст» . Вверху, на панели параметров подобрать шрифт, размер для текста и написать какое-нибудь слово.
3-В окне слоев, кликнуть по слою текст левой кнопкой мыши, потом правой и выбрать «растрировать текст».
4-Теперь сделаем копию слоя с текстом. Слой-создать дубликат.
5-Активировать первый слой с текстом, кликнув по нему левой кнопкой мыши. Слой станет синим.
6-Слой -стиль-слоя. В появившемся окне выбрать:
— «внешнее свечение», цвет — f6f64f ,» внутреннее свечение», цвет тот же и нажать «ok».
7-В окне слоев уменьшить заливку слоя до нуля.
9-Перейти на верхний слой с текстом и активировать его.
10-Слой-стиль слоя. Выбрать три параметра — внутреннее свечение, тиснение (здесь поставить контур глянца-перевернутый конус), контур, нажать «ok».
11- Перейти в окно слоев и заливку слоя тоже уменьшить до нуля. И вот — светящийся текст.
12-Слой -новый-слой.Придадим тексту красочность.
13- На панели инструментов выбрать кисть ,с мягким краем , диаметр — 150-200 и делать разноцветные пятна по тексту.
Чтобы менять цвета, нужно кликнуть на панели инструментов по кнопке «выбор цвета» и в появившемся окне палитры цветов выбрать цвет.
14-В окне слоев выбрать режим наложения «цветность» ( верхний слой активен). Получился разноцветный красивый текст.
15-Слой -объединить видимые.
16-Сейчас удалим черный фон,чтобы можно было пользоваться созданным текстом. Выделение-цветовой диапазон. Как выделять смотрите здесь.
15-Delete. Фон удалился, остался только текст.
Чтобы тест использовать и в других работах,его нужно сохранить в png. Файл-сохранить для web и устройств . В окне сохранения выбрать png.
16-Сделаем текст ярче. Слой-дубликат слоя.
17-Слой- объединить видимые.
Теперь можно вставить текст в фото и посмотреть ,что получиться.
18-Открыть фото , на которое нужно поместить текст. Файл-открыть.
19-Выбрать инструмент «перемещение» , кликнуть по тексту и, не отпуская левую кнопку мыши, перетащить его на фото.
20-Сохраняем документ . Файл-сохранить для Web и устройств ( в ipg)
Спецэффект удивительного свечения, в уроке Photoshop
В этом уроке я объясню вам, как сделать эффект рельефного свечения при помощи стилей, кистей, режимов смешивания и кривых. Так же вы узнаете несколько полезных приемов.
§1. Вначале я создал новый документ 600?600 пикселей и закрасил его радиальным градиентом (Radial Gradient) от светло-коричневого (#922f00) к черному (#000000).
§2. Нам нужно выделить центр окружности, для этого мы копируем слой с созданной окружностью и изменяем режим смешивания на «Color Dodge».
§3. Теперь нам нужно добавить светящийся эффект, для этого мы будем использовать слой с подходящим фоном. Создадим новый слой и применим на нем фильтр Filter > Render > Clouds.
§4. Изменим режим смешивания этого слоя на «Overlay» и уменьшим непрозрачность (Opacity) до 30%. Похоже мы добились предполагаемого эффекта, но нам надо добавить еще немного «дымки». Для этого примените фильтр Filter > Sketch > Chrome со свойствами по умолчанию, кончено вы можете поиграться со свойствами, но нам вполне подходят свойства по умолчанию. Результат вы можете увидеть на следующем скриншоте.
§5. Чтобы сделать несколько светящихся линий мы будем использовать инструмент «Pen tool».Будет лучше, если вы не станете злоупотреблять опорными точками, это поможет добиться гладкости линий. Мы можем добиться подходящей кривой, изменяя мышкой углы ее наклона. На скриншоте снизу стилизованная буква S опирается всего на три точки. Две точки в начале и конце, и одна точка по середине, чтобы придать кривой изогнутость.
§6. Как только вы добились подходящей кривой, создайте новый слой Потом нажмите на paintbrush tool (, и измените кисть на кисть диаметром 3 пикселей без сглаживания по краям.
§7. Теперь вернитесь к pen tool (P), и нажав правой кнопкой мыши на кривой, выберите свойство «Stroke Path». Перед вами появится диалоговое окно, в котором вам надо изменить инструмент на кисть (Tool: Brush), и убедиться в том, что у вас отмечено свойство «Simulate Pressure». Это очень важно, поскольку именно это свойство создает сужение по краям нарисованной линии. Теперь опять нажмите правой кнопкой мыши на кривой и удалите ее (Delete path).
§8. Вы должны получить похожую узкую кривую.
§9. Теперь надо добавить к кривой свечение Самый простой способ — это изменить свойства слоя (layer style). Во первых используем свойство Outer Glow со стандартными параметрами. Еще один способ который мы использовали чтобы добавить свечение — это свойство Drop Shadow. Ко всему прочему, я использовал свойство Color Overlay чтобы выделить белым цветом центр полученного свечения.
§10. Теперь у вас есть одна светящаяся линия, но будет здорово, если мы создадим еще несколько линий похожим методом. Прелесть layer style в том, что для того чтобы использовать одни свойства на нескольких слоях, нам достаточно скопировать стиль исходного слоя на новый. Для этого нажимаем правой кнопкой мыши на слое со стилем, выбираем пункт «Copy Layer Style», затем нажимаем правой кнопкой мыши на новом слое и присваиваем ему скопированный стиль, выбрав пункт «Paste layer style».
§11. Теперь, используя описанные методы, создайте еще несколько изогнутых линий. В примере я сделал одну линию толще других, использовав кисть большего диаметра, и добавил одну линию как бы соединяющую две фигуры.
§12. Теперь добавим текст с тем же layer style, что и в примерах с линиями. Очень важно будет уделить внимание оформлению текста. Вам надо будет подобрать подходящий шрифт, размер, расстояние между буквами. Здесь я оформил три слова, уменьшив размер и увеличив расстояние между буквами в словах «ADVANCED и FX».
§13. Сейчас, пожалуй, добавим на рисунок частицы. Для этого будем использовать кисть диаметром 3 пикселя без сглаживания по краям. Создайте новый слой и нарисуйте в нем точки. Эффект свечения будет нагляднее, если вы будете использовать в центре точек больше и делая их более жирными, используя двойной клик.
§14. Теперь мы можем разукрасить полученное свечение. Для этого создайте новый слой, закрасив его радиальным градиентом от голубого к прозрачному.
§15. Затем измените режим смешивания нового слоя на «Color» и уменьшите непрозрачность до 50%.Теперь вы видите как часть свечения стала синеватой. Добавим еще несколько разноцветных слоев с похожими свойствами, чтобы получить разноцветное свечение.
§16. И теперь вы получили результат которого ждали.: цветное свечение покрытое дымкой. Запомните этот урок, вы можете применять похожие приемы где-угодно, можете экспериментировать со свойствами, чтобы получить что-то по-настоящему превосходное! Удачи!
уроке фотошоп, уроки фотошопа, урок Photoshop
Сложный эффект светящегося текста в уроке Photoshop
В этом уроке мы собираемся создать действительно четкий эффект светящегося текста в Photoshop, шаг за шагом объясняя его. Я использую комбинацию стилей слоя, инструмента «Перо» и смешивания цветов.
Конечный эффект впечатляет, если у вас есть вопросы, просто спросите, и я отвечу.
Настройка холста
Прежде всего, необходимо настроить рабочее место. Это руководство сделано для CS3, но главный экран должен быть очень похожим.Я решил работать с холстом формата А4, но вы можете настроить его любого размера. Если вы планируете распечатать готовую иллюстрацию, убедитесь, что разрешение установлено на 300 точек на дюйм, если вы создаете картинку для экрана, придерживайтесь 72 точек на дюйм. Если вы занимаетесь профессиональной печатью, установите цветовой режим на CMYK, иначе RGB подойдет, разница обычно не заметна на стандартной струйной печати. Перед тем, как перейти к шагу 2, вы можете повернуть холст в альбомную ориентацию. Сделайте это, выбрав ИЗОБРАЖЕНИЕ> ПОВОРОТ ХОЛСТА> 90 ° CW (по часовой стрелке).
Нанесите базовый градиент
Следующее, что вам нужно сделать, это нанести основной цвет на холст.Для этого сначала выберите инструмент градиента на панели инструментов (1.) Затем выберите базовые цвета и постарайтесь оставаться как можно более темными. Я выбрал темно-фиолетовый (цвет фона) с черным (цвет переднего плана). Затем вам нужно убедиться, что градиент установлен на линейный (2.), а непрозрачность — на 100%. Наконец, перетащите градиент линию от верха страницы к низу (3.) Я считаю, что это выглядит более естественно, если вы не идете точно по вертикали, помните, что эффект, который мы пытаемся достичь, — это имитация реального движения света, которое почти никогда точный.Как только у вас появится красивый темный градиент на странице, переходите к шагу 3.
Напишите свой свет
Теперь нам нужно проложить путь вниз, который в конечном итоге станет вашим «движущимся световым текстом». Сделайте это, выбрав инструмент «Перо» (1.) на панели инструментов. Вверху под строкой меню должно быть несколько параметров, убедитесь, что вы выбрали второй, называемый контурами (2.) Теперь вы готовы начать рисование. Щелчок мышью добавит точку привязки и автоматически соединится с последней, поэтому вместо того, чтобы отпускать кнопку мыши каждый раз, когда вы щелкаете, удерживайте ее и перетаскивайте, пока не получите правильную кривую.Вы пытаетесь добиться плавного движения, как если бы вы писали свое имя в воздухе с помощью факела или бенгальского огня. Вы можете обнаружить, что на этом этапе нужно немного попрактиковаться, не волнуйтесь, вы можете настроить все кривые после завершения полного пути (Alt + Drag откорректирует кривую, Apple + Drag переместит точку). После освоения убедитесь, что путь совпадает с начальной точкой, она будет удалена, когда мы проведем линию.
Включите
Теперь у вас есть ваш путь, создайте новый слой и перейдите в главное меню, выберите EDIT> STROKE, затем выберите белый цвет и ширину обводки около 5 пикселей.Нажмите OK, и ваш путь будет красивой белой тонкой линией (1.) Вы можете потратить немного больше времени, чем я, на кривые, это поможет вашему тексту выглядеть немного лучше, но не будьте точны, помните, что мы моделируем реальность! Теперь у вас есть белая линия, щелкните правой кнопкой мыши на том же слое и перейдите в ОПЦИИ СМЕШИВАНИЯ. Слева выберите ВНЕШНИЙ СВЕТ, щелкните галочку и надпись рядом с ней. Теперь вы можете настроить свечение, поиграть с цветами и ползунками, пока не получите естественный свет (2.) Примечание: НАТУРАЛЬНЫЙ. Наконец, выберите большую мягкую кисть-ластик (3.) и уменьшите непрозрачность до 35%, сотрите прямую соединительную линию и протрите некоторые из более длинных линий, чтобы разбить фиксированную ширину штриха в 5 пикселей, придав ей больше реализма.
Двигайтесь
Хорошо, теперь мы готовы смоделировать некоторые размытия при естественном освещении. Сначала продублируйте текстовый слой дважды, выбрав СЛОЙ> ДУБЛИКАТИРОВАТЬ СЛОЙ. Выделите оба слоя и нажмите Apple + E, чтобы объединить их (1.) Перетащите новый комбинированный слой под основной текст.Теперь у вас должно быть 3 слоя, фон, ваш текст и двойной дубликат текста. Затем перейдите в главное меню и выберите ИЗОБРАЖЕНИЕ> НАСТРОЙКИ> ОТТЕНОК / НАСЫЩЕННОСТЬ. Как только это меню появится, сдвиньте ползунок оттенка, пока не получите приятный дополнительный оттенок (это может помочь сделать основной текстовый слой на короткое время невидимым для этого). Я выбрал розовый, но это действительно зависит от того, с каких цветов вы начали. Наконец, снова перейдите в главное меню (убедитесь, что вы находитесь на новом комбинированном слое) и нажмите FILTER> BLUR> RADIAL BLUR, установите значение 23 и убедитесь, что выбрана радиальная настройка.Затем объедините слои текста и размытия, как описано выше.
Создайте немного глубины
Пока все хорошо, но нам нужен фокусный свет в частичном стиле, чтобы имитировать большую глубину и добавить больше интереса к изображению. Для этого я рекомендую создать 4 пустых слоя над текстом. Вы можете сделать больше, если хотите, вам решать, как далеко вы продвинетесь с этой частью изображения. На первом слое выберите инструмент ROUND MARQUEE на панели инструментов. Удерживая Shift, создайте множество случайных кругов (1.) теперь залейте их одним из ваших светлых оттенков (например, розовым, синим, белым или любым другим цветом, который вы использовали). Сделайте это разными цветами на каждом из 4 слоев. Теперь, используя инструмент BLUR в главном меню (FILTERS> BLUR> GUASSIAN BLUR), размывайте каждый слой с кругом (2.) на разную величину. (например, слой 1 — 10 пикселей, слой 2 — 5 пикселей и т. д.). Поэкспериментируйте с различными оттенками, непрозрачностью и цветами, пока не добьетесь нужного результата. Возможно, вы даже захотите сделать еще несколько радиальных размытий, чтобы имитировать еще какое-то движение, выбор за вами!
ОтполироватьХорошо, теперь изображение нуждается в доработке.Как вы это сделаете, полностью зависит от вас, но это то, что я рекомендую для хорошего эффекта. Сначала выберите мягкую кисть в меню инструментов, установите непрозрачность на 35% в строке меню и на новом слое рассыпьте пятна разного размера ваших более светлых оттенков рядом с основными линиями. Затем выберите инструмент «Осветление» в меню инструментов и с непрозрачностью 50% нарисуйте несколько точек на пересечении линий, чтобы имитировать то, что произошло бы с реальным светом. Наконец, выберите инструмент затемнения в меню инструментов, выберите большую мягкую кисть (чем больше, тем лучше) с непрозрачностью 35% и проведите по нижним краям холста, чтобы общее свечение, казалось, исходит от середины.
Возможно, вы захотите увеличить яркость и контраст в зависимости от того, насколько вы переборщили. Сделайте это, нажав ИЗОБРАЖЕНИЕ> НАСТРОЙКИ> ЯРКОСТЬ / КОНТРАСТ.
Продолжайте экспериментировать со всеми описанными выше методами, чтобы каждый раз создавать уникальный образ. Если вы не понимаете шаг, просто спросите. Наслаждаться!
Flaming Hot Fire Text в Photoshop
Автор Стив Паттерсон.
В этом уроке я покажу вам шаг за шагом, как создать текстовый эффект огненный в Photoshop, охватывающий ваши буквы раскаленным пламенем. Мы начнем с добавления начального текста, а затем подожжем текст, используя фильтр ветра Photoshop, фильтр «Пластика», корректирующие слои и эффекты слоя! Мы смешаем текст с пламенем с помощью инструмента «Кисть» и маски слоя. И мы улучшим эффект огня, используя пару текстур, которые мы создадим с нуля.
Вот как будет выглядеть текстовый эффект огня, когда мы закончим:
Окончательный эффект.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Часть 1: Добавление текста
Начнем с создания нового документа и добавления исходного текста.
Я использую последнюю версию Photoshop CC, но каждый шаг полностью совместим с Photoshop CS6.
Шаг 1. Создайте новый документ Photoshop
Начните с создания нового документа Photoshop. Подойдите к меню File в строке меню и выберите New :
Переход к файлу> Создать.
Для этого урока установите Width вашего документа на 1600 пикселей , Height на 1000 пикселей и разрешение от до 72 пикселей / дюйм . Оставьте для параметра Background Contents значение white на данный момент. Затем, чтобы создать документ, нажмите «Создать» или «ОК» в зависимости от того, какую версию Photoshop вы используете:
Новые настройки документа.
Шаг 2: Залейте новый документ черным цветом
Измените фон документа с белого на черный, перейдя в меню Edit и выбрав Fill :
Идем в меню «Правка»> «Заливка».
В диалоговом окне «Заливка» установите для Contents значение Black , а затем нажмите OK:
Установка черного цвета для содержания.
Photoshop заполняет фон черным цветом:
Огненный текст будет красиво выделяться на черном фоне.
Шаг 3. Добавьте текст
Чтобы добавить текст, возьмите инструмент Type Tool на панели инструментов:
Выбор инструмента «Текст».
На панели параметров выберите шрифт.Я выберу что-нибудь простое, например Times New Roman Bold . Установите размер шрифта на 72 pt , чтобы получить наибольший предустановленный размер на данный момент:
Выбор шрифта и размера шрифта на панели параметров.
По-прежнему на панели параметров установите цвет шрифта на белый , щелкнув образец цвета :
Изменение цвета шрифта.
А затем выберите белый цвет в палитре цветов. Нажмите ОК, чтобы закрыть:
Установка белого цвета шрифта.
Выбрав шрифт и цвет шрифта, щелкните внутри документа и добавьте текст. Я наберу слово «ОГОНЬ». Текст будет выглядеть слишком маленьким, но мы исправим это дальше:
Добавление текста.
Чтобы принять его, щелкните отметку на панели параметров:
Щелкните галочку.
Шаг 4. Измените размер и переместите текст с помощью Free Transform
Чтобы изменить размер текста, перейдите в меню Edit и выберите Free Transform :
Идем в Edit> Free Transform.
Затем нажмите и удерживайте клавишу Shift и перетащите любую из угловых маркеров наружу. Удерживание клавиши Shift фиксирует формы букв на месте, чтобы вы не исказили их. Когда вы закончите, отпустите кнопку мыши, и , затем отпустите клавишу Shift:
Удерживая Shift, перетащите угловые маркеры, чтобы изменить размер текста.
Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Освободите место для огня в верхней части букв, перетащив текст вниз в нижнюю половину документа:
Перетаскивание текста на место.
Чтобы принять его, еще раз щелкните отметку на панели параметров:
Щелкните галочку, чтобы закрыть Free Transform.
Загрузите это руководство в виде готового к печати PDF-файла!
Часть 2: Рисование пламени вокруг текста
Шаг 5: Растеризация типа
На панели «Слои» мы видим наш текст на слое «Тип» над фоновым слоем:
Панель «Слои», отображающая слой «Текст».
Преобразуйте текст в пиксели , щелкнув правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкнув (Mac) на слое «Тип» и выбрав Растрировать тип из меню:
Выбор команды «Тип растеризации».
Photoshop преобразует текст в обычный слой:
Тип преобразован в пиксели.
Шаг 6: Дублируйте текстовый слой
Сделайте копию слоя, перетащив ее на значок New Layer внизу панели «Слои»:
Дублирование текстового слоя.
Шаг 7. Выключите копию
Копия появится над оригиналом. На данный момент отключите копию, щелкнув ее значок видимости :
Отключение верхнего слоя.
Шаг 8: Выберите исходный текстовый слой
Затем щелкните исходный текстовый слой, чтобы выбрать его:
Выбор исходного текстового слоя.
Узнайте все о слоях с нашим полным учебным руководством!
Шаг 9. Поверните текст на 90 ° по часовой стрелке.
Мы готовы создать пламя и начнем с применения фильтра ветра в Photoshop. Проблема в том, что фильтр ветра работает только слева направо или справа налево. Это не работает по вертикали, и нам нужно, чтобы наше пламя выглядело так, будто оно поднимается над буквами.Итак, прежде чем применить фильтр, нам сначала нужно повернуть текст. Поднимитесь в меню Image , выберите Image Rotation , а затем выберите 90 ° по часовой стрелке :
Переход к Изображение> Поворот изображения> 90 ° по часовой стрелке.
При этом весь документ, включая текст, будет повернут на бок:
Текст после поворота изображения по часовой стрелке.
Шаг 10: Применение фильтра ветра
Повернув текст, перейдите в меню Filter , выберите Stylize , а затем выберите Wind :
Идем в Фильтр> Стилизация> Ветер.
В диалоговом окне Ветер установите Method на Wind и Direction на Слева , а затем нажмите OK:
Установите метод «Ветер» и направление «Слева».
Если вы присмотритесь, вы увидите маленькие полосы или шипы, идущие наружу вдоль правых краев каждой буквы. Здесь я увеличил букву F, чтобы их было легче увидеть:
Маленькие полосы появляются по правым краям.
Шаг 11. Повторно примените фильтр ветра еще два раза
Чтобы сделать полосы длиннее, снова примените фильтр «Ветер».Вернитесь в меню «Фильтр», и, поскольку ветер был последним фильтром, который мы применили, вы найдете его вверху списка:
Включите фильтр ветра во второй раз, выбрав «Фильтр»> «Ветер».
После второго запуска полосы становятся более заметными:
Эффект после повторного запуска фильтра ветра.
Примените фильтр ветра в третий раз, снова выбрав его в верхней части меню «Фильтр»:
Третий запуск ветрового фильтра.
И теперь полосы столько, сколько нам нужно:
Эффект после трех проходов фильтра ветра.
Шаг 12. Поверните текст на 90 ° против часовой стрелки
Мы закончили с фильтром ветра, поэтому поверните текст обратно в исходную ориентацию, перейдя в меню Изображение , выбрав Поворот изображения , и на этот раз выбрав 90 ° против часовой стрелки :
Переход к изображению> Поворот изображения> 90 ° против часовой стрелки.
При повороте текста полосы теперь поднимаются вверх по направлению к верху:
Теперь изображение вернулось в исходное положение.
Шаг 13: примените фильтр «Размытие по Гауссу»
Чтобы смягчить полосы, примените размытие. Поднимитесь в меню Filter , выберите Blur , а затем выберите Gaussian Blur :
Идем в Фильтр> Размытие> Размытие по Гауссу.
В диалоговом окне «Размытие по Гауссу» выберите низкое значение Радиус около 1 пиксель , а затем нажмите «ОК»:
Размытие эффекта фильтра ветра, чтобы смягчить его.
Полосы теперь выглядят мягче:
Эффект после применения Gaussian Blur.
Шаг 14: Дублируйте фоновый слой
Вернувшись на панель «Слои», сделайте копию фонового слоя, перетащив ее на значок Новый слой :
Дублирование фонового слоя.
Копия появляется над оригиналом:
Новый слой «Фоновая копия».
Шаг 15: Объедините слои текста и фоновой копии
Объедините текстовый слой со слоем «Фоновая копия», щелкнув текстовый слой, чтобы выбрать его:
Выбор текстового слоя.
И затем , щелкнув правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкнув (Mac) на слое и выбрав Объединить вниз из меню:
Выбор команды «Объединить вниз».
Объединяет оба слоя в один слой:
Слои текста и «Фоновая копия» теперь объединены в один.
Шаг 16: Переименуйте объединенный слой «Пламя»
Дважды щелкните по названию «Фоновая копия», чтобы выделить его, а затем переименуйте слой «Пламя».Нажмите Введите (Win) / Верните (Mac), чтобы принять его:
Переименование объединенного слоя «Пламя».
Шаг 17: Нарисуйте огонь с помощью фильтра Liquify
Выбрав слой «Flames», перейдите в меню Filter и выберите Liquify :
Идем в Фильтр> Пластика.
Выберите инструмент Forward Warp Tool
В диалоговом окне фильтра «Пластика» убедитесь, что инструмент Forward Warp Tool выбран на панели инструментов слева:
Выбор инструмента прямой деформации.
Установите размер кисти
Затем в параметрах инструмента кисти справа установите размер вашей кисти примерно на 100 пикселей :
Начиная с кисти размером 100 пикселей.
Искажение полос
Первое, что нам нужно сделать, это придать полосам, которые мы создали с помощью фильтра ветра, более легкий вид . Щелкните внутри полос в разных местах и перетащите указатель мыши на небольшое расстояние влево или вправо, чтобы плавно деформировать их и создать тонкие случайные кривые.Просто щелкните, перетащите, отпустите кнопку мыши, а затем снова щелкните и перетащите в другую область. Постарайтесь пока не щелкать внутри самих букв. Просто деформируйте и покачивайте полосы:
Перетаскивайте полосы влево и вправо, чтобы деформировать их.
Исправьте ошибки с помощью инструмента восстановления
Если вы допустили ошибку, отмените последний шаг, нажав Ctrl + Z (Win) / Command + Z (Mac). Или выберите инструмент Reconstruct Tool на панели инструментов и затем закрасьте область, чтобы отменить примененное деформирование.Как только вы устранили ошибку, вернитесь к инструменту Forward Warp Tool и продолжайте деформировать полосы:
Вы можете отменить деформацию с помощью инструмента реконструкции.
Не забудьте включить полосы в средней и нижней частях букв. Если вам нужно отрегулировать размер кисти, нажмите клавиши левой и правой скобок на клавиатуре. Левая скобка ([) делает кисть меньше, а правая скобка (]) — больше. Когда вы закончите, у вас должно получиться что-то похожее на то, что у меня здесь:
Полосы после добавления начальной деформации.
Уменьшите размер кисти и нарисуйте небольшой огонь
Вернувшись в Параметры инструмента кисти, уменьшите Размер вашей кисти примерно до 20 пикселей :
Уменьшение размера кисти.
На этот раз, чтобы создать небольшое пламя, щелкните внутри букв и перетащите вверх по полосам. Попробуйте перетащить в разные стороны для разнообразия или даже следуйте по пути полос для дополнительного эффекта:
Нарисовать огоньки по верхним частям букв.
Опять же, если вы ошиблись, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить последний шаг. Когда вы закончите с верхними частями букв, проделайте то же самое с нижней и средней частями. Результат должен выглядеть примерно так:
Результат после прорисовки маленького пламени.
Увеличьте размер кисти и нарисуйте пламя большего размера
Увеличьте размер кисти примерно до 50 пикселей :
Выбираем кисть большего размера.
Затем щелкайте по случайным точкам внутри букв и перетаскивайте их вверх, чтобы разжечь пламя большего размера. Снова тащите в разные стороны для разнообразия:
Рисуем пламя большего размера с помощью кисти большего размера.
Вот мой результат после добавления пламени большего размера:
Добавлено пламя большего размера.
Увеличьте размер кисти и нарисуйте самый большой огонь
Наконец, увеличьте размер кисти примерно до 70 пикселей :
Устанавливаю размер кисти 70 пикселей.
А затем щелкните и перетащите, чтобы добавить еще несколько больших огней вдоль вершин. По одному на письмо:
Добавляем несколько больших огней для усиления эффекта.
Когда вы закончите, нажмите OK, чтобы закрыть фильтр Liquify, и вот мой результат:
Результат фильтра «Пластика».
Часть 3: Раскрашивание пламени
Шаг 18: Добавьте два корректирующих слоя Цветовой тон / Насыщенность
На данный момент наше пламя просто белое, так что давайте добавим ему немного цвета.
Добавьте первый корректирующий слой оттенка / насыщенности
На панели «Слои» щелкните значок Новая заливка или корректирующий слой внизу:
Добавление нового корректирующего слоя.
Затем выберите Hue / Saturation из списка:
Выбор оттенка / насыщенности.
Корректирующий слой появляется прямо над слоем «Пламя»:
Добавлен первый корректирующий слой оттенка / насыщенности.
И элементы управления и параметры для корректирующего слоя появляются на панели свойств Photoshop .Сначала включите опцию Colorize . Затем установите значение Hue на 40 и Saturation на 100 :
.Элементы управления оттенком / насыщенностью на панели свойств.
Добавляет теплый желтый цвет вершинам пламени:
Результат с первым корректирующим слоем оттенка / насыщенности.
Добавьте второй корректирующий слой оттенка / насыщенности
Добавьте второй корректирующий слой оттенка / насыщенности, снова щелкнув значок Новая заливка или корректирующий слой на панели «Слои»:
Щелкните значок «Новая заливка или корректирующий слой».
И выбрав Hue / Saturation из списка:
Снова выбираем оттенок / насыщенность.
На панели «Свойства» на этот раз оставьте опцию Colorize не отмеченной и просто установите значение Hue на -15 :
Установка оттенка -15.
Это изменяет цвет пламени с желтого на оранжевый:
Результат со вторым корректирующим слоем Hue / Saturation.
Шаг 19: Измените режим наложения на Overlay
Чтобы смешать цвета двух корректирующих слоев Hue / Saturation, измените режим наложения второго с Нормального на Overlay :
Изменение режима наложения слоя на Overlay.
Это смешивает оранжевый и желтый вместе:
Результат после изменения режима наложения.
Шаг 20: Добавьте коррекцию уровней над слоем «Пламя».
Чтобы изменить оставшиеся белые области на желтые, выберите слой «Пламя»:
Выбор слоя «Пламя».
Затем щелкните значок Новый слой заливки или корректирующий слой :
Щелкните значок «Новая заливка или корректирующий слой».
И на этот раз выберите уровней :
Добавление корректирующего слоя уровней.
Photoshop добавляет корректирующий слой «Уровни» непосредственно над слоем «Пламя»:
Добавлен корректирующий слой «Уровни».
Шаг 21: Уменьшите максимальную яркость Выходной уровень
На панели «Свойства» вы увидите два значения для выходных уровней ; один установлен на 0, а другой на 255. Первое значение контролирует минимальный уровень яркости слоев ниже корректирующего слоя, а второе — максимальную яркость. Чтобы уменьшить цвет пламени и текста от белого до желтого, уменьшите второе значение с 255 до 185 :
.Снижение максимальной яркости Выходной уровень до 185.
И вот результат. Белые области теперь желтые, но оранжевые блики по-прежнему остаются на вершинах пламени:
Результат после понижения уровня вывода.
Загрузите это руководство в виде готового к печати PDF-файла!
Часть 4: Раскрашивание текста
Теперь, когда мы добавили цвет пламени, давайте раскрасим сам текст. И мы сделаем это с помощью эффектов слоя Photoshop.
Шаг 22: Выберите и включите верхний слой
Вернувшись на панель «Слои», щелкните верхний слой (слой «FIRE copy»), чтобы выбрать его, а затем включите слой, щелкнув его значок видимости :
Выбор и включение текстового слоя.
Шаг 23: переименуйте слой
Так как это наш основной текстовый слой, дважды щелкните его имя, чтобы выделить его, а затем переименуйте слой «Текст». Нажмите Введите (Win) / Верните (Mac), чтобы принять его:
Переименование верхнего слоя «Текст».
Шаг 24: Добавьте эффект слоя Gradient Overlay
Выбрав слой «Текст», щелкните значок Стили слоя (значок «fx») в нижней части панели «Слои»:
Щелкните значок «Стили слоя».
Затем выберите Gradient Overlay из списка:
Добавление эффекта слоя Gradient Overlay.
Сброс значений градиента по умолчанию
Откроется диалоговое окно «Стиль слоя» Photoshop, в котором заданы параметры «Наложение градиента». Сначала нажмите кнопку Reset to Default , чтобы убедиться, что мы начинаем с настроек по умолчанию:
Сброс наложения градиента к настройкам по умолчанию.
Редактирование градиента
Чтобы изменить градиент, щелкните образец цвета :
Щелкните образец цвета.
В редакторе градиента дважды щелкните точку цвета под левым концом градиента:
Редактирование левого цвета.
Затем в палитре цветов выберите темно-красный, установив значение Hue (H) на 7 , значение Saturation (S) на 100 и значение Brightness (B) на 27 . Нажмите ОК, чтобы закрыть палитру цветов:
.Установка темно-красного цвета левого градиента.
Вернувшись в редактор градиентов, дважды щелкните точку цвета под правым концом градиента:
Правка нужного цвета.
И в палитре цветов выберите более яркий оранжевый, установив оттенок от до 30 , насыщенность от до 95 и яркость от до 96 :
Установка оранжевого цвета правого градиента.
Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым.Текст теперь окрашен градиентом:
Результат после добавления градиента к тексту.
Шаг 25: Добавьте стиль слоя Outer Glow
В диалоговом окне «Стиль слоя» выберите Outer Glow из списка эффектов слева:
Добавление эффекта слоя Outer Glow.
Затем в параметрах Outer Glow щелкните образец цвета , чтобы изменить цвет свечения:
Щелкните образец цвета Outer Glow.
И в палитре цветов выберите ярко-красный. Я установил значение Hue на 0 , насыщенность с на 95 и яркость на 95 . Затем нажмите OK, чтобы закрыть палитру цветов:
.Выбор ярко-красного цвета для внешнего свечения.
Вернувшись к параметрам Outer Glow, настройте Opacity, чтобы управлять яркостью свечения, и Size, чтобы контролировать расстояние, на которое свечение распространяется наружу от текста.Я установил непрозрачность на 60% и размер с на 40 пикселей :
Установка непрозрачности и размера внешнего свечения.
Вот эффект красного свечения вокруг букв:
Результат с применением внешнего свечения.
Шаг 26: Добавьте внутреннее свечение
По-прежнему в диалоговом окне Layer Style выберите Inner Glow слева:
Добавление эффекта слоя Inner Glow.
В параметрах внутреннего свечения щелкните образец цвета :
Изменение цвета внутреннего свечения.
И в палитре цветов выберите ярко-оранжевый. Я установил Hue на 20 , Saturation на 100 и Brightness на 90 . Когда закончите, нажмите OK, чтобы закрыть палитру цветов:
.Выбор апельсина для внутреннего свечения.
И, наконец, вернувшись к параметрам Inner Glow, увеличьте непрозрачность до 100% , затем установите Size примерно на 24 пикселя :
Установка непрозрачности и размера внутреннего свечения.
Мы закончили со стилями слоев, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style. Вот результат со всеми тремя эффектами слоя, примененными к тексту:
Результат с примененными эффектами всех трех слоев.
Часть 5: Смешивание текста с пламенем
На данный момент текст выглядит так, как будто он находится перед огнем. Мы смешаем текст с пламенем , используя маску слоя.
Шаг 27: Добавьте маску слоя к текстовому слою
При активном слое «Текст» щелкните значок Добавить маску слоя в нижней части панели «Слои»:
Добавление маски слоя к слою «Текст».
Белая миниатюра маски слоя появляется рядом с миниатюрой предварительного просмотра слоя «Текст»:
Миниатюра маски слоя.
Шаг 28: Выберите инструмент Brush Tool
.Возьмите инструмент Brush Tool с панели инструментов:
Выбор инструмента «Кисть».
Шаг 29: Установите цвет кисти на черный
Нам нужно закрасить маску слоя черным цветом, поэтому убедитесь, что ваш Foreground color (цвет кисти) установлен на черный :
Установите черный цвет кисти.
Шаг 30: Закрасьте края букв, чтобы смешаться с пламенем.
Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа, чтобы открыть параметры кисти. Затем уменьшите Hardness до 0% , чтобы рисовать мягкой кистью, и установите Size на 30-40 пикселей . Нажмите Enter (Win) / Return (Mac), чтобы закрыть параметры кисти:
Установите размер и жесткость кисти.
Затем начните с рисования по верхним частям букв. Острые края текста исчезнут в огне. Попробуйте рисовать более волнистой, чем прямой линией:
Закрасьте верхнюю часть первой буквы, чтобы края слились с пламенем.
Если вы допустили ошибку, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить ее. Затем продолжайте рисовать, пока верхняя часть каждой буквы не будет выглядеть так, как будто она тает в огне:
Результат после смешивания верхних букв.
Когда вы закончите с верхними частями, проделайте то же самое со средним и нижним краями букв, закрашивая их вдоль них, чтобы смешать их с пламенем. Используйте левую и правую скобки на клавиатуре, если вам нужно отрегулировать размер кисти:
Прокрасьте остальные края, чтобы они также смешались с пламенем.
Чтобы добавить эффекта, используйте кисть большего размера (нажмите правую скобку несколько раз) и закрасьте другие края букв, чтобы добавить свечения в эти области.Держите большую часть курсора кисти за пределами буквы, чтобы над ней проходил только внешний край:
Закрашиваем случайные части краев, чтобы добавить свечения.
Вот мой результат после рисования по краям. Мы почти закончили:
Эффект после смешивания текста с пламенем.
Часть 6: Добавление текстуры к эффекту
Давайте добавим текстуру как самому тексту, так и пламени.
Шаг 31: Добавьте новый слой
При активном слое «Текст» щелкните значок Новый слой в нижней части панели «Слои»:
Добавление нового слоя.
Новый пустой слой появляется над слоем «Текст». Мы собираемся создать текстуру с помощью фильтра «Облака» в Photoshop, поэтому дважды щелкните имя слоя, чтобы выделить его, а затем переименуйте его в «Облака». Нажмите Введите (Win) / Верните (Mac), чтобы принять его:
Переименуйте новый слой в «Облака».
Шаг 32: Примените фильтр «Облака».
Убедитесь, что на панели инструментов для цветов переднего плана и фона установлены значения по умолчанию (черный и белый).Если это не так, нажмите D на клавиатуре, чтобы сбросить их:
Цвета переднего плана и фона по умолчанию.
Затем перейдите в меню Filter , выберите Render , а затем выберите Clouds :
Идем в Filter> Render> Clouds.
Photoshop заполняет слой случайными черно-белыми «облаками», временно закрывая вид текста:
Документ после запуска фильтра «Облака».
Чтобы смешать текстуру облака с текстом и пламенем, измените режим наложения слоя «Облака» с нормального на Overlay .Затем отрегулируйте интенсивность текстуры, снизив непрозрачность слоя примерно до 70% :
Смешивание текстуры облака с текстом.
И вот результат с добавленной текстурой. В основном это видно в тексте, но вы также можете увидеть едва различимые блики и тени в огне:
Эффект с добавлением текстуры облака.
Шаг 33: Добавьте еще один новый слой
Мы добавим еще одну текстуру, на этот раз, чтобы усилить пламя.Снова щелкните значок New Layer в нижней части панели Layers:
Добавляем еще один новый слой.
Новый слой появится над слоем «Облака». Мы создадим эту вторую текстуру, используя фильтр «Волокна» в Photoshop, поэтому переименуйте этот слой в «Волокна»:
.Слой «Fibers» будет использован для добавления текстуры пламени.
Шаг 34: примените фильтр «Волокна».
Убедитесь, что цвета переднего плана и фона по-прежнему установлены на черный и белый:
В фильтрах «Облака» и «Волокна» используются цвета переднего плана и фона.
Затем перейдите в меню Filter , выберите Render , а затем выберите Fibers :
Идем в Filter> Render> Fibers.
В диалоговом окне Fibers просто примите настройки по умолчанию и нажмите OK:
Будут работать настройки волокон по умолчанию.
Photoshop заполняет слой случайным рисунком волокон, снова блокируя текстовый эффект от просмотра:
Текстура, созданная с помощью фильтра «Волокна».
Шаг 35: Размытие текстуры с помощью Gaussian Blur
Смягчите текстуру, перейдя в меню Filter , выбрав Blur , а затем выбрав Gaussian Blur :
Идем в Фильтр> Размытие> Размытие по Гауссу.
В диалоговом окне «Размытие по Гауссу» установите значение Радиус на 2 пикселя , а затем нажмите «ОК»:
Добавляем небольшое размытие к волокнам.
Шаг 36: Измените режим наложения на Soft Light
Затем, чтобы смешать волокна с пламенем, измените режим наложения слоя «Волокна» на Soft Light :
Изменение режима наложения слоя «Волокна» на «Мягкий свет».
Проблема в том, что это смешивает текстуру не только с пламенем, но и с текстом, который выглядит неправильно:
Результат после изменения режима наложения текстуры «Волокна».
Шаг 37: Добавьте маску слоя с черной заливкой
Чтобы исправить это, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните значок Добавить маску слоя на панели «Слои»:
Удерживайте Alt (Win) / Option (Mac) и добавьте маску слоя.
Это добавляет маску слоя к слою «Fibers» и заполняет маску черным , что скрывает всю текстуру от просмотра:
Клавиша Alt (Win) / Option (Mac) заполняет маску черным вместо белого.
Шаг 38: Закрасьте текстуру пламени
Измените цвет кисти с черного на белый , нажав клавишу X на клавиатуре, чтобы поменять местами цвета переднего плана и фона:
Нажмите X, чтобы установить белый цвет кисти.
Затем используйте клавиши левой или правой скобки на клавиатуре, чтобы изменить размер кисти по мере необходимости, и закрасьте пламя, чтобы вернуть текстуру волокон:
Закрасьте пламя, чтобы восстановить текстуру.
Если вы допустили ошибку и случайно закрасили текст, нажмите X , чтобы поменять цвет кисти с белого на , черный , а затем закрасьте ошибку, чтобы скрыть ее. Затем снова нажмите X , чтобы снова поменять цвет кисти на белый и продолжить рисование поверх пламени. И вот, после отрисовки текстуры, мой окончательный результат «огненного текста»:
Окончательный эффект.
И вот оно! Вот как поджечь текст с помощью Photoshop! Вы также можете узнать, как превратить текст в золото, как создать ретро-текст 80-х, как создать восхитительный текст из леденцов и многое другое в нашем разделе текстовых эффектов Photoshop!
Как создать эффект пылающего текста с помощью Adobe Photoshop
В этом уроке мы исследуем фантастический Flame Filter в Adobe Photoshop.Фильтр создает процедурные эффекты пламени и огня, которые можно заставить изгибаться и повторять любую произвольную форму. Мы также добавим несколько реалистичных огненных искр, благодаря совету кисти Photoshop, сделанному вручную.
Вот что мы будем делать с этим уроком.
Шаг 1
Откройте подходящее фоновое изображение, на котором вы хотите создать эффект пылающего текста. В этом примере мы будем использовать потертую металлическую текстуру, но любая достаточно темная фоновая текстура будет работать одинаково хорошо:
30+ высококачественных металлических текстур, узоров и кистей Photoshop30+ высококачественных металлических текстур, узоров и кистей для Photoshop
Большинство текстур и узоров не выглядят привлекательно в сыром виде или в автономном режиме, а также в этих металлических… Читать далее
Шаг 2
Мы добавим оттенки и настройки цвета, чтобы создать эффект сдержанности на нашем фоне. Выберите инструмент Elliptical Marquee Tool (M). и нарисуйте большой овал над центром фона.
Шаг 3
Используйте Cmd / Ctrl + Shift + I, чтобы выбрать инверсную область в документе:
Шаг 4
Перейдите в меню Layer > New Adjustment Layer > Curves command.Щелкните , добавьте точку пользовательского среднего тона на линию кривой и перетащите вниз , чтобы затемнить изображение:
Шаг 5
Чтобы смягчить края виньетки, мы добавим размытие к маске корректирующего слоя. Перейдите в меню Filter > Blur > Gaussian Blur . Увеличьте значение Радиуса по мере необходимости, чтобы создать красивое мягкое растушевывание краев эллипса.
Шаг 6
Перейдите в меню Layer > New Adjustment Layer > Hue and Saturation .Установите флажок Colorize и примените следующие значения: Hue ( 30 ), Saturation ( 50 ), Lightness (-40 )
.Шаг 7
Выберите инструмент Текст (T) и щелкните холст, чтобы создать текстовый слой. Используйте панель Options , чтобы установить требуемый размер и цвет шрифта и ввести требуемый символ.
В приведенном здесь примере мы использовали следующие значения символов: Шрифт: MetroBlack LT Two Regular, Размер: 400 пикселей, Цвет: 474747.Когда вы закончите, используйте сочетание клавиш Cmd / Ctrl + Enter, чтобы подтвердить изменения текстового слоя.
Шаг 8
В меню Window > Layers Panel выберите фоновый слой, содержащий изображение текстуры металла. Используйте сочетание клавиш Cmd / Ctrl + J, чтобы продублировать слой и перетащить его над текстовым слоем на панели.
Шаг 9
Выделив новый слой текстуры, используйте сочетание клавиш Cmd / Ctrl + Alt + G, чтобы замаскировать копию изображения на текстовый слой ниже.
Шаг 10
Выбрав слой текстуры, перейдите в меню Image > Adjustments > Curves command. Добавьте точку среднего тона к линии кривой и потяните вниз, чтобы затемнить слой наложения текстуры.
Шаг 11
Теперь мы добавим несколько стилей слоя к текстовому слою, чтобы отделить его от фона. На панели Layers щелкните меню «FX» и примените следующие стили слоя:
- Падающая тень
- Непрозрачность:
- Расстояние: 20 пикселей
- Размах: 0 пикселей
- Размер: 20 пикселей
- Наклон и тиснение
- Глубина: 1000%
- Размер: 5px
- Угол: 130
- Высота: 48
- Цвет выделения: fa8b09
- Непрозрачность выделения: 95%
- Цвет тени: 000000
- Непрозрачность тени: 85%
Шаг 12
Теперь мы создадим немного цифрового огня, чтобы деформировать нашего персонажа, используя фантастический новый фильтр пламени Photoshop CC и несколько пользовательских контуров, чтобы указать расположение и направление пламени.
Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой под названием «Flames» . Выберите инструмент Pen (P) и нарисуйте в документе путь вверх с одной стороны от текстового символа, где вы хотите, чтобы появилось пламя:
Шаг 13
Когда вы дойдете до точки, где вы хотите, чтобы пламя закончилось, удерживайте нажатой клавишу Cmd / Ctrl и щелкните в любом месте документа вдали от точек пути. Чтобы создать другое пламя, нарисуйте еще один сегмент контура, используя те же шаги, но не забудьте нажать Cmd / Ctrl + щелчок в конце каждого сегмента контура, чтобы пламя отображалось индивидуально:
Шаг 14
Перейдите к фильтру > Render > Flame Filter.В диалоговом окне установите следующие значения ключей:
- Тип пламени: одно пламя вдоль пути
- Ширина: 37 пикселей
- Линии пламени: 9
- Турбулентный: 66
- Jag: 0
- Непрозрачность: 49
Шаг 15
Диалоговое окно «Фильтр» обеспечивает почти бесконечный диапазон эффектов пламени и огня, поэтому вам также следует поэкспериментировать с настройкой вышеуказанных параметров, чтобы создать желаемый вид пламени. После настройки значений нажмите OK , чтобы применить эффект фильтра:
Шаг 16
Затем мы добавим дополнительную штриховку, чтобы усилить свечение вокруг нашего пламени.
В окне > Layers Panel выберите слой пламени и используйте сочетание клавиш Cmd / Ctrl + J, чтобы продублировать его.
Шаг 17
Переименуйте слой-копию на «Flame Glow» и переместите его под слоем «Flames» в списке панелей.
Шаг 18
Измените Blending Mode на панели Layers Panel на Color Dodge . Используйте инструмент Move , чтобы сместить копию изображения немного вправо и вниз.
Шаг 19
Перейдите к команде Filter > Blur> Gaussian Blur . Отрегулируйте радиус размытия, чтобы смягчить края эффекта свечения. В используемом здесь примере было использовано значение 8,0:
.Шаг 20
Чтобы уменьшить силу эффекта Color Dodge по сравнению с фоновым изображением, перейдите в меню Изображение > Корректировки , > Оттенок и насыщенность .
Шаг 21
Опустите ползунок Насыщенность , чтобы убрать часть интенсивности цвета в свечении.
Шаг 22
Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой. Назовите его «Extra Glow» . На панели слоев переместите его ниже слоя Flames Glow .
Шаг 23
Измените режим наложения слоя на Color Dodge .
Шаг 24
Выберите инструмент Brush (B). На панели инструментов щелкните образец Foreground Swatch и измените цвет Color на CAAF50 .
Шаг 25
Используйте большую мягкую кисть, чтобы нарисовать некоторые дополнительные детали свечения по краям пламени и поверх текстового символа.
Режим Color Dodge действительно хорошо работает для создания ярких эффектов свечения, но он чрезвычайно чувствителен к небольшим изменениям цвета краски. Если эффект свечения слишком сильный или вызывает нежелательные цветовые сдвиги, попробуйте уменьшить значения яркости и / или оттенка для цвета краски в панели инструментов, пока не получите правильный результат.
Шаг 26
В качестве завершающего штриха мы добавим несколько искр к основанию пламени с помощью специальной кисти. Используйте сочетание клавиш Cmd / Ctrl + N для создания нового документа. В диалоговом окне установите следующие свойства и затем нажмите OK:
- Имя: Spark Prototype
- Ширина: 50 пикселей
- Высота: 20 пикселей
- Цветовой режим RGB
- Содержание фона: Белый
Шаг 27
Выберите инструмент Прямоугольная область (M) и нарисуйте небольшой горизонтальный прямоугольник в документе.
Шаг 28
Используйте сочетание клавиш Cmd / Ctrl + I, чтобы инвертировать эту область на черный . Используйте сочетание клавиш Cmd / Ctrl + D, чтобы удалить выделение.
Шаг 29
Чтобы добавить движения к прототипу искры, перейдите к Filter > Blur > Motion Blur Filter . Установите расстояние 13 пикселей, Угол 0 градусов и нажмите ОК. Чтобы сохранить пользовательскую кисть из изображения Spark, перейдите в меню Edit > Define Brush Preset command:
Шаг 30
Теперь вернитесь к текстовому документу Flaming.Выберите инструмент Brush (B), который теперь должен показать наш прототип Spark как активный кончик кисти. Нам нужно будет настроить некоторые свойства обводки краски для этого настраиваемого наконечника, чтобы создать реалистичные эффекты, похожие на искры.
Перейдите в меню Window > Brush Панель и примените следующие значения к свойствам кисти:
- Форма кончика щетки
- Размер: 10 шт.
- Округлость: 35%
- Шаг: 350%
- Динамика формы:
- Джиттер размера: 100%
- Угловой джиттер 3%
- Угловой джиттер: направление
- Рассеяние:
- разброс: 300%
- Обе оси: Тикан
Шаг 31
Используйте сочетание клавиш Cmd / Ctrl + Shift + N, чтобы создать новый слой под названием « Coloured Sparks» .
Шаг 32
Установите цвет переднего плана на Белый на панели инструментов. В окне документа начните рисовать искры вокруг основания пламени. Начните рисовать мазки с основы и нарисуйте в том направлении, в котором вы хотите, чтобы они двигались по прямой линии или по изогнутым дугам. Поскольку мы установили для параметра Angle Jitter Control значение ‘Direction’ , искры всегда должны совпадать с направлением движения вашей мыши:
Шаг 33
В качестве последнего штриха мы изменим цвет некоторых искр.На клавиатуре нажмите клавишу ‘/’ от до Заблокируйте прозрачные области слоя Sparks Layer от изменений. Выберите мягкую круглую кисть , предварительную настройку , установите размер на 50 пикселей.
Шаг 34
На панели инструментов установите цвет переднего плана на EB7E13 . Начните рисовать по краям искр с помощью инструмента «Кисть», чтобы добавить искрам некоторый цветовой оттенок.
Вы можете продолжать раскрашивать искры разными оранжевыми и желтыми оттенками, чтобы при необходимости создать более сложную цветовую палитру.
Шаг 35
Полюбуйтесь своими результатами.
Примечание редактора : Написано Беном Ричардсоном для Hongkiat.com. Бен является директором acuitytraining.co.uk , компании по обучению ИТ, базирующейся в Гилфорде, Великобритания, и делится некоторыми советами, которые делегаты сочли более полезными из своих курсов Photoshop.
Волшебный светящийся сверкающий текст | Уроки Photoshop
Волшебный светящийся сверкающий текст
Из этого туториала Вы узнаете, как превратить обычный текст в волшебные светящиеся искры.Используя контур обводки и стиль слоя, не так сложно получить этот текстовый эффект
.Начните, напечатайте текст и подготовьте его, чтобы высвободить искры.
Создайте новый документ размером 400 x 300 пикселей и залейте его черным цветом.
Введите текст «Edwardian Script ITC», размер шрифта 160 pt. Установите для метода сглаживания значение «Сглаживание», цвет не имеет значения, если он не совпадает с цветом фона.
Удерживая нажатой клавишу Ctrl (mac: Cmd-щелчок) в палитре слоев на миниатюре слоя текстового слоя, выделите текст.
Перейдите к палитре контуров и нажмите кнопку «Создать рабочий контур из выбора».
Приготовьте кисть, чтобы сделать блестки.
Теперь текст представляет собой контур, который можно обвести кистью. Но перед этим нужно изменить параметры кисти.
Активируйте инструмент кисти и нажмите F5, чтобы открыть палитру кистей.
Нажмите на Размер кончика кисти:
Динамика формы:
Рассеяние:
Теперь кисть готова обводить текст.
Перейдите в палитру слоев и удалите текстовый слой или сделайте его невидимым.Создайте новый слой.
Установите белый цвет в качестве основного цвета.
Перейдите к палитре контуров, щелкните правой кнопкой мыши рабочий контур и выберите «Обводка контура».
В появившемся окне выберите «Кисть» и убедитесь, что флажок «Имитировать давление» не установлен.
Обводка немного сложна, чтобы улучшить ее:
Измените в палитре кистей следующие параметры:
Размер кончика кисти: Диаметр до 4 пикселей и Интервал до 130%.
Scattering: Scatter 600%
Обведите траекторию еще раз, но на этот раз с установленной опцией Simulate pressure.
Щелкните по траектории палитры на пустом месте. Таким образом, путь становится неактивным.
Заставьте искры светиться.
Перейдите к палитре слоев и нажмите на миниатюру слоя с блестками, чтобы открыть окно стиля слоя.
Перейдите в Drop Shadow и измените значения, как показано ниже:
(не забудьте изменить Blend Mode на Lighter.)
Перейдите в Outer Glow и измените значения, как показано ниже:
(не забудьте изменить режим наложения на Lighter.)
Фон.
Для облегчения работы слой блесток перевернуть.
Активируйте фоновый слой.
Измените цвет фона на # d5b19b, а цвет фона на # 3b0f05.
Активируйте инструмент градиента, перейдите к параметру (вверху в окне фотошопа) и установите его так, чтобы градиент переходил от цвета фона к цвету фона, введите «Отраженный градиент».
Нарисуйте градиент, как показано ниже.
Создайте новый слой, измените тип градиента на Радиальный градиент и нарисуйте градиент, как показано ниже.
Измените режим наложения этого слоя на Overlay и снова сделайте слой с блестками видимым.
Последние штрихи
Убедитесь, что слой блесток активен.
Создайте новый слой и залейте его черным цветом. Поскольку слой блесток был активен, новые черные слои располагаются над шипами.
Перейдите в Filter> Render> Lens flare. Переместите солнце так, чтобы оно стояло на первой букве, и измените Lenstype на 105 мм.
Измените режим наложения этого слоя на «Мягкий свет».
Дублируйте слои с блестками и поместите их над слоем солнца.
Опубликовано 7 февраля, 12 в категорииТекстэффекты.
Neon Glow TeXt | Учебное пособие по Photoshop | Как сделать светящийся текст в Photoshop
Мы нашли одни из лучших онлайн-руководств по Adobe Photoshop как для продвинутых, так и для начинающих пользователей.
Neon Glow TeXt | Учебное пособие по Photoshop | Как сделать светящийся текст в Photoshop
?? ПОДПИСАТЬСЯ? Https: // goo.gl / 16yECE
АКЦИИ Имиджевый кредит = https://hammadghouri.blogspot.com/2019/07/neon-glow-text-photoshop-tutorial-how.html
? Следуй за мной
Facebook? https://goo.gl/hkmt6z
Twitter? https://goo.gl/fL5LU1
Instagram? https://goo.gl/mdUq66
Блог? https://goo.gl/4oLK3c
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Не забывайте ставить лайки, делиться и подписываться
Спасибо за просмотр.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Hammad Ghouri находится в ведении компании Hammad и предоставляет БЕСПЛАТНЫЕ видеоруководства по Adobe Photoshop и Adobe Photoshop Lightroom и Adobe After effect сообществу графических дизайнеров и фотографов.Как профессионал сообщества Adobe,
Независимо от того, чему вы хотите научиться в Photoshop, вы обязательно найдете это в нашей библиотеке из более чем 800 руководств. Темы включают: обработка фотографий в Photoshop, композиция фотографий, ретушь фотографий, основы Photoshop, дизайн в Photoshop, специальные эффекты и многое другое! В то время как новые видеоролики будут обучаться с использованием последней версии Photoshop, вы найдете видеоролики, посвященные Photoshop CC, Photoshop CS6, CS5, CS4 и CS3.
Теги,
уроки фотошопа,
уроки фотошопа,
фотошопы,
фотошоп,
фотошоп cc,
Adobe Photoshop,
фотошоп,
фото,
фоторедактор,
редактирование изображений,
фото манипуляции,
фотохудожники ,
программное обеспечение для редактирования фотографий,
восстановление фотографий,
редактирование фотографий,
редактирование фотографий,
фотография,
фотоэффектов,
фоторедакторов,
редактирование фотографий,
бесплатное редактирование фотографий,
редактирование фотографий онлайн,
редактирование изображений,
редактирование фотографий ,
уроков по фотошопу,
тренингов по фотошопу,
онлайн-классов по фотошопу,
по фотошопу,
тренингов по фотошопу,
онлайн фотошопов,
замечательных уроков по фотошопу,
тренингов по фотошопу,
Adobe Photoshop курсов,
уроков по графическому дизайну фотошоп,
источник
Создание эффекта светящегося текста Учебное пособие по Photoshop -DesignBump
Вы можете создать эффект светящегося текста в Photoshop с помощью инструментов градиента, текстовых инструментов и параметров наложения, чтобы создать специальный учебник по созданию эффекта светящегося текста в Photoshop.В сегодняшнем руководстве Photoshoper вы узнаете, как создать потрясающий учебник по Photoshop «Создание светящегося текста» с помощью основных инструментов для начинающих. Из этого туториала Вы узнаете, как важны текстовый инструмент, параметры наложения и параметры градиента.
В этом руководстве по созданию эффекта светящегося текста в Photoshop используются повседневные инструменты для создания стильного и красочного текстового эффекта. Создание таких волшебных учебных пособий по Photoshop действительно поможет вам стать лучше в Photoshop и позволит узнать больше об инструментах и эффектах.Вы можете научиться создавать свои собственные текстовые эффекты в Photoshop с помощью этого урока.
Ниже приводится краткое описание обучающего видео по созданию эффекта светящегося текста в Photoshop:
1. Создание холста и градиентного фона
При создании фотоманипуляции важно создать новый холст с правильными настройками. Затем создается задний план с помощью Gradient Overlay в Blending Options и Gradient Tool.
2.Ввод текста
Затем текст добавляется вместе с некоторыми параметрами наложения, чтобы создать начало текстового эффекта. Вы можете проявить творческий подход, выбирая разные типы шрифтов и стилей.
3. Повторяющиеся текстовые слои
Затем текстовый слой дублируется несколько раз с использованием различных других шрифтов для создания сюрреалистического эффекта светящегося текста.
4. Завершение эффекта свечения текста
Добавлены дополнительные буквы, чтобы завершить слово эффекта светящегося текста вместе со светящейся тенью, которая создается с помощью инструментов Elliptical Marquee Tool и Gaussian Blur Tool.
В этом уроке Photoshoper проведет вас через процесс создания драматического эффекта светящегося текста в Photoshop и покажет, как создать красочный неоновый светящийся текстовый эффект. Давайте приступим!
Создание эффекта неонового ретро-текста в Photoshop
Создание внешнего вида, отражающего определенные стили, является важным навыком для любого художника-графика. Знание того, как создавать широкий спектр стилей, делает вас универсальным дизайнером, который может справиться с широким спектром проектов.Возможность управлять широким спектром проектов также делает вас более востребованными. И, будучи более востребованным, намного легче найти отличную работу. Одним из полезных навыков любого дизайнера является умение создавать отличные заголовки и текстовые эффекты. В этом уроке мы создадим ретро-футуристический текстовый эффект, используя несколько различных техник.
Сначала создайте новый документ с шириной 1024 пикселей и высотой 768 пикселей. Залейте фоновый слой черным.
Выберите инструмент «Текст» и выберите шрифт в стиле ретро.Вы можете найти бесплатные шрифты по всему Интернету, но хороший источник бесплатных шрифтов всех стилей — dafont.com. Я выбрал шрифт Super Retro M54 от Мохаммеда Рахмана. В качестве цвета выберите белый.
Чтобы произвести правильное визуальное впечатление, нам нужно уменьшить заливку текстового слоя до 0. Ваш шрифт будет временно невидимым, пока мы не начнем добавлять стили слоя к нашему тексту.
Дважды щелкните текстовый слой, чтобы открыть диалоговое окно стилей слоя.Сначала мы добавим обводку к тексту, что добавит определения. Выберите внутреннюю обводку и, в зависимости от размера вашего шрифта, сделайте обводку размером от 8 до 10 пикселей. Нам нужно установить градиентную заливку обводки.
Нам нужно создать собственный градиент, чтобы наша обводка выглядела правильно. Щелкните значок градиента. Убедитесь, что центр белый, а края переходят в голубой цвет (# 0064fb). Это даст вид округлого объемного штриха.Между белым и средним синим выберите переход между ними цвета морской волны (# 00ffea). Ни один из первых градиентов не будет работать, но последний, всплеск формы, повторяет контур самого текста.
Далее нам нужно добавить внутреннее свечение. Установите светло-голубой цвет (# 24bfff) и установите режим наложения «экран». Установите технику «мягче», а источник — «край». Установите дроссель на 45 и размер на 15. Дроссель ограничивает свечение и делает его более жестким, уменьшая затухание внутреннего свечения.
Затем создайте внешнее свечение, такое как мягкое свечение, которое обычно испускает неоновый свет. Установите свечение на средне-голубой (# 00a2ff) и установите режим наложения на «экран». Установите непрозрачность на 75%. Установите разброс от 3 до 5 пикселей и установите размер от 7 до 10 пикселей. Возможно, вам придется отрегулировать размеры каждого свечения в зависимости от размера вашего шрифта.
Затем мы собираемся создать светящуюся сетку, которая будет видна сквозь шрифт, придав ему каркасно-футуристический вид, который был типичен несколько десятилетий назад.Откройте новый документ и выберите инструмент прямоугольной формы. Удерживая Shift, нарисуйте идеальный квадрат. Поднимитесь на панели параметров и щелкните обводку, добавив обводку от 3 до 5 пикселей. Чтобы наш эффект сработал, нам нужно удалить фон. Дважды щелкните фоновый слой и либо отключите его видимость, либо удалите его полностью. На слое квадратной формы уменьшите величину заливки до 0%.
Затем, удерживая клавишу Command, щелкните слой квадратной формы, чтобы загрузить его как выделение. Photoshop CS6 автоматически добавит обводку как часть выделения, что нам и нужно.Перейдите в «Правка»> «Определить шаблон». Назовите свой узор описательным словом, например «сетка» или «линии сетки».
Вернитесь в типографский документ, создайте новый слой и залейте его белым цветом. Установите заливку на 0%. Дважды щелкните слой, чтобы отобразить стили слоя без заливки. Выберите опцию наложения узора и залейте слой полым квадратным узором, который мы только что создали. Измените размер так, чтобы сетка имела разумный размер и равномерно заполняла слой. Я спрятал текстовый слой, чтобы его было легче увидеть.
Чтобы сохранить возможность редактирования рисунка, щелкните правой кнопкой мыши слой рисунка и выберите «Преобразовать в смарт-объект». Теперь, когда слой является смарт-объектом, мы можем применить к нему новый набор стилей слоя. Выберите «Inner Glow», используйте голубой цвет (# 00e4ff) и измените режим наложения на «Hard Light». Оставьте размер 5 пикселей.
Затем примените внешнее свечение, используя светло-голубой (# 009cff), и измените режим наложения на «Жесткий свет». Установите размер от 15 до 16 пикселей.
Это создаст светящуюся сетку, которую мы собираемся замаскировать внутри нашего шрифта.Вы можете отрегулировать размер внешнего свечения, чтобы получить больший и сильный эффект свечения.
Затем выберите типовой слой и, удерживая Command / Ctrl, щелкните значок слоя, чтобы загрузить текст как выделенный. Подойдите к «Select»> «Modify»> «Contract» и установите сжатие на 5 пикселей. Это сделает выделение в форме вашего текста, но достаточно сузит его, чтобы не повлиять на область, где отображается внешняя обводка.
Щелкните слой сетки с активным выделением.Затем щелкните значок маски слоя в нижней части панели слоев, чтобы создать маску слоя в форме текста.
Чтобы добавить немного блеска к самому тексту, создайте новый слой поверх всех остальных. Выберите белый цвет в качестве цвета переднего плана и выберите инструмент «Кисть». Выберите кисть с мягкими краями примерно от 15 до 20 пикселей. В случайных углах вашего типа щелкните один раз поверх текста. Это должно создать мягкий блеск на вашем тексте. Обязательно меняйте размер кисти каждый раз, когда нажимаете, потому что разные размеры будут выглядеть более реалистично.
Белый цвет немного резковат и слишком сильно выделяется, поэтому щелкните правой кнопкой мыши слой сетки, выберите «Копировать стиль слоя», выберите слой кисти, который вы только что создали, щелкните слой правой кнопкой мыши и выберите « Вставить стиль слоя ».
Заключение
Создание текстовых эффектов действительно может привлечь внимание к вашей работе. Возможность быстро и легко выполнять различные стили сэкономит ваше время, принесет больше денег и сделает каждый проект еще лучше.Сохранение редактируемости вашей работы означает, что вам не нужно возвращаться и полностью переделывать свою работу, если формулировка изменится, что также может сэкономить ваше время.
.