Как сделать огненную обводку в фотошопе
Стандартные шрифты Фотошопа выглядят однообразно и непривлекательно, поэтому у многих фотошперов так и чешутся руки их улучшить и украсить.
А если серьезно, то необходимость стилизовать шрифты возникает постоянно в силу различных причин.
Сегодня научимся создавать огненные буквы в нашем любимом Фотошопе.
Итак, создаем новый документ и пишем то, что необходимо. В уроке мы будем стилизовать букву «А».
Обратите внимание, что для проявления эффекта нам нужен белый текст на черном фоне.
Дважды кликаем по слою с текстом, вызывая стили.
Для начала выберем «Внешнее свечение» и сменим цвет на красный или темно-красный. Размер подбираем, исходя из результата на скриншоте.
Затем переходим в «Наложение цвета» и меняем цвет на темно-оранжевый, почти коричневый.
Далее нам понадобится «Глянец». Непрозрачность 100%, цвет темно-красный или бордовый, угол 20 град., размеры – смотрим на скриншот.
И, наконец, переходим во «Внутреннее свечение», цвет меняем на темно-желтый, режим наложения «Линейный осветлитель», непрозрачность 100%.
Нажимаем ОК и смотрим на результат:
Для комфортного дальнейшего редактирования необходимо растрировать стиль слоя с текстом. Для этого нажимаем по слою ПКМ и выбираем в соответствующий пункт в контекстном меню.
Далее идем в меню «Фильтр – Искажение – Рябь».
Фильтр настраиваем, руководствуясь скриншотом.
Осталось только наложить на букву изображения огня. Таких картинок великое множество в сети, выбирайте по своему вкусу. Желательно чтобы пламя было на черном фоне.
После того, как огонь размещен на холсте, нужно сменить режим наложения для этого слоя (с огнем) на «Экран». Слой должен находиться в самом верху палитры.
Если буква не достаточно хорошо видна, то можно продублировать слой с текстом сочетанием клавиш CTRL+J. Для усиления эффекта можно создать несколько копий.
На этом создание огненного текста завершено.
Учитесь, творите, удачи и до новых встреч!
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте эту статью, в ней будет представлен один из приемов оформления текста, а конкретно – обводка.
При условии, что вы не планируете пользоваться Adobe Photoshop на постоянной основе, следует знать, что сделать обводку текста можно и без необходимости установки подобного программного обеспечения. Отличным решением озвученной задачи является онлайн-сервис Canva, содержащий огромную библиотеку шаблонов, графических элементов, шрифтов и стилей, благодаря чему вы сможете не только создать красивую надпись, но и оформить ее на свое усмотрение, а затем сохранить на ПК в любом удобном формате.
Обводка текста в Фотошопе
Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».
Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки. Это путь дилетантов, а мы с вами настоящие профи, поэтому и действовать будем по-другому. Почему так? При помощи стилей слоя можно создать только линейную или градиентную обводку, а способ, который мы изучим в этом уроке, позволит создать борд любой конфигурации.
Итак, текст у нас есть, приступаем.
-
Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Ищем на верхней панели инструментов кнопку с названием «Уточнить край».
Здесь нам необходимо изменить только один параметр – «Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.
Затем выберем тип градиента «Зеркальный» и инвертируем его.
Итоговый результат у нас получился вот такой:
Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Еще статьи по данной теме:
достаточно интересный способ да внешне он вышел красивее чем стандартные эффекты. я думаю что ручая настройка таких вот эффектов во первых сам процесс интересней во вторых приятней делать чтото самому и можно более подробно настроить. кстати, а можно как то сохранить такой эффект, чтобы постоянно его не повторять. т.е на одной букве\слове так попробовать, а потом в других проектах его как-то использовать а не повторять все заново?
В новых версиях Photoshop имеются инструменты для автоматизации действий, так что, используя макросы, вы вполне можете сохранить порядок выполнения того или иного эффекта.
Задайте вопрос или оставьте свое мнение Отменить комментарий
Программа Фотошоп дает массу возможностей для превращения обычных фотографий в едва ли не фантастические картины, и именно спецэффекты ответственны за подобные трансформации. Итак, попробуем придать фотографии машины эффект горящих контуров. Открываем изображение. Для планируемой обработки подойдет изображение машины на однородном фоне либо придется машину вырезать и поместить на однотонный фон. Делаем копию слоя, нажав правой кнопокой мыши по слою в окне слоев.
Обесцвечиваем этот слой. Для этого заходим во вкладку «Изображение», выбираем «Коррекция» и далее «Обесцветить».
Далее переходим к созданию контуров, которые в дальнейшем сделаем горящими. Заходим во вкладку «Фильтр» выбираем «Стилизация» и далее «Свечение краев».
В открывшемся окошке задаем нужные нам параметры. Особое внимание стоит уделить параметру «Смягчение», сделав его максимальным.
Делаем копию этого слоя и снимаем видимость с двух нижних слоев, чтобы они нам не мешали в дальнейшей обработке. Для того, чтобы снять видимость слоя, нужно нажат на глазик возле слоя в окне слоев.
Теперь правой кнопкой мыши нажимаем возле верхнего слоя, вызывая контекстное меню и выбираем в нем «Параметры наложения».
В открывшемся окошке сдвигаем курсор в строке «Данный слой» так, чтобы получить выделенные контуры машины без фона.
Возвращаем видимость двум нижним слоям. Далее для верхнего слоя во вкладке «Фильтр» в «Стилизация» выбираем «Ветер».
В открывшемся окошке задаем направление эффекта ветра.
Снова копируем слой и во вкладке «Фильтр» выбираем «Искажение» и далее «Волна». Таким образом придаем эффект волны контурам машины.
В открывшемся окошке находим оптимальное сочетание показателей, чтобы волнистость была не слишком выраженной, но заметной.
Этому слою изменяем режим наложения на «Замена светлым».
Снижаем непрозрачность этого слоя до 80 % и объединяем его со слоем находящимся под ним. Для этого правой кнопкой мыши нажимаем на слое в окне слове и в контекстном меню выбираем «Объединить с предыдущим» либо использовав комбинацию клавиш Ctrl+E.
Далее во вкладке «Фильтр» выбираем «Размытие» и далее «Размытие в движении».
В открывшемся окошке задаем параметры.
Этому слою задаем режим наложения слоев «Экран» и объединяем его со слоем, находящимся под ним.
Снова вызываем окошко «Параметры наложения» (правой кнопкой мыши по слою в окне слоев) и выбираем строку «Градиент». Для того чтобы раскрыть «Редактор градиентов» нужно нажать левой кнопкой мыши по цветной строке градиента.
Создаем дополнительные контрольные точки, щелкнув левой кнопкой мыши под цветной строкой.
Далее нажимаем мышкой на каждую контрольную точку градиента и задаем ей цвет в квадратике с цветом внизу окошка.
И так для каждой контрольной точки.
Для этого слоя изменяем режим наложения слоев на «Умножение», но может подойти и другой режим в зависимости от исходника и желаемого результата.
В дополнение можно к этому слою применить ряд функций. Во вкладке «Фильтр» выбираем «Усиление резкости» и далее «резкость на краях» либо «Резкость +».
Выводим на первый план первичный вид машины. Копируем нижний слой и левой кнопкой мыши перетаскиваем его на верх и придаем ему режим наложения «Точечный свет» и снижаем непрозрачность слоя до 78%.
Чтобы устранить лишние цветовые контуры на фоне над машиной, создаем новый слой и аккуратно кистью соответствующего черно-бардового цвета закрашиваем новый слой сверху машины.
В некоторых случаях самый обычный текст – это именно то, что нужно. Но чаще всего его требуется видоизменить, чтобы сделать более привлекательным и броским или, чтобы привести к общему стилю оформления, например, в буклетах, баннерах и т.д. Одним из самых распространенных способов “украшения” текста является добавление обводки вокруг него. Давайте посмотрим, как это можно сделать в Фотошопе.
Делаем обводку текста
В качестве примера будем выполнять действия в отношении текста/символов ниже:
Способ 1: использование стандартного инструмента для выполнения обводки
Данный метод предельно прост и подойдет для тех, кто хочет получить быстрый результат.
- Создав текстовый слой с помощью инструмента “Текст”, дважды щелкаем по нему в Палитре. Кликать, при этом, нужно по свободной области строки слоя, а не по его названию или миниатюре.
- В открывшемся окне с настройками стиля слоя кликаем по пункту “Выполнить обводку” (после этого должна появиться галочка напротив него). Здесь можно указать:
- размер обводки в пикс.;
- положение (из центра, снаружи или внутри);
Способ 2: ручное создание обводки
Описанный выше метод позволяет сделать только стандартные обводки, заложенные разработчиками Photoshop в программу. Поэтому давайте посмотрим, какие действия требуется выполнить, чтобы получить полностью уникальный результат.
В целом, нашу работу по созданию обводки можно считать завершенной, но если хочется ее доработать, можно выполнить следующие шаги.
Вариант 1
Переключаемся на слой с текстом и меняем его цвет в свойствах (меню “Окно” – пункт “Свойства”). Для этого щелкаем по текущему варианту и в открывшейся Палитре выбираем тот, который понравится. Или же цвет можно задать сразу при создании текстового слоя.
Вот, что получается в итоге:
Вариант 2
Переключившись на текстовый слой для параметра “Заливка” выставляем нулевое значение. Затем двойным щелчком открываем настройки стиля слоя.
Здесь пробуем различные эффекты, например:
Примечание: продемонстрированные варианты оформления обводки не единственные. Более того, при выполнении шага 16 инструкции (и дальнейших зависимых от него действий), можно выбрать не наложение градиента, а другой эффект.
Заключение
Таким образом, сделать обводку текста в Фотошопе можно двумя способами. Либо мы пользуемся стандартной функцией программы, которая позволяет без лишних хлопот получить качественный, но довольно заурядный результат. Либо можно весь процесс от начала до конца выполнить вручную, что, конечно же, более трудоемко, но зато мы можем сделать именно то, что нам действительно хочется без ограничений по реализации творческой задумки.
D этом уроке Вы узнаете, как добавить огонь на на портретную фотографию, чтобы в итоге получить стильное и мистическое изображение.
Сложность урока: Средний
Урок навеян бестселлером “Девушка, которая играла с огнём” – детективный роман, написанный шведским писателем Стигом Ларссоном. Сегодня мы воссоздадим эффект огня, но уже с мужской фигурой. Вам необязательно использовать изображение с человеческим образом, это может быть символ или всё, что угодно, что изображает чувство стиля и мистики! Желаю приятно провести время за выполнением данного урока.
Примечание: автор использовал платные изображения, в указанном ниже архиве вы найдёте альтернативные изображения для выполнения урока.
Итоговый результат
Шаг 1
Вначале откройте исходное изображение с моделью.
Далее, нам понадобится огонь. Подберите несколько изображений с текстурой огня на чёрном фоне – лучше несколько вариантов. Поменяйте режим наложения для всех текстур огня на Осветление (Screen), чтобы удалить чёрный задний фон.
Как и где вы будете размещать огонь на своём изображении – это будет на 100% зависеть от вас. Я предлагаю начать создание эффектов на краях изображения модели или объекта. Я подобрал текстуру огня с небольшими языками пламени. С помощью трансформации, я выставил угол текстуры под внутреннюю часть руки.
Далее, я добавил слой-маску к текстуре огня, а затем скрыл отдельные участки огня, только не на внутренней части руки.
Примечание переводчика: с помощью чёрной кисти, скройте лишние участки текстуры огня.
Я повторил предыдущий шаг, добавив несколько раз ту же самую текстуру огня, единственное, некоторые текстуры я отразил по горизонтали (flip it horizontally) для разнообразия, а также я использовал отдельные фрагменты огня.
Далее, мы проведём “заполнение” огнём. Подберите текстуры огня с крупными языками пламени, чтобы заполнить большие участки изображения. Также, поменяйте режим наложения для слоёв с текстурами огня на Осветление (screen). Я использовал одну текстуру огня дважды. Попробуйте использовать несколько небольших текстур огня вместо одной большой текстуры.
С помощью слой-маски, я скрыл лишние участки огня, которые перекрывали руку модели. Это очень важный момент, т.к. мы не должны потерять форму руки среди создаваемого огня.
На скриншоте ниже, вы можете увидеть пример добавления огня. То же самое, подберите соответствующую текстуру огня, поменяйте режим наложения для данного слоя с текстурой огня на Осветление (screen), придайте соответствующий угол наклона, а затем, с помощью маски, скройте лишние участки текстуры на своё усмотрение.
Повторите действие с добавлением огня, пока вас не устроит создаваемый эффект огня. Также, я добавил маленькие фрагменты огня на глаза модели. Мой результат на скриншоте ниже:
Как только вы завершили, сгруппируйте все слои с огнём в одну группу. Назовите новую группу “Огонь”.
Шаг 2
Обычно, большинство уроков завершается на данном этапе – но в действительности, мы находимся только в середине нашего пути! Теперь, давайте придадим нашему огню более цельный вид, таким образом, он будет выглядеть более реалистичным. В данный момент, огонь выглядит слишком прозрачным.
Сфокусируйтесь на участках, где огонь выглядит слишком прозрачным. С помощью мягкого ластика, скройте какие-либо жёсткие края. На скриншоте ниже, вы можете увидеть участки прокраски кистью с эффектом огня и без:
1. Создайте новый слой поверх слоя “Задний фон для огня”. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).
2. С помощью большой мягкой кисти, цвет кисти оранжевый, прокрасьте любые участки вашего объекта, где есть огонь.
Примечание переводчика: старайтесь щёлкать кистью, а не водить.
Не забывайте про участки, куда попадает свет от огня. В моём случае, я добавил свечение оранжевого цвета на левую сторону головы мужчины. Уменьшите непрозрачность для данного слоя до 70%.
Примечание переводчика: то же самое, старайтесь щёлкать кистью, а не водить.
Далее, давайте применим функцию Наложить, если (Blend If):
1. Дважды щёлкните по слою, чтобы появилось окно Стилей слоя (Layer Style). Идём в нижнюю часть окна, в раздел Наложить, если (Blend If).
2. Идём в настройки Подлежащего слоя (Underlying Layer) и удерживая клавишу (Alt)+сместите бегунок.
Насколько вы сместите бегунок, будет зависеть от ваших предпочтений; поэкспериментируйте, подберите наилучший вид. Я сместил бегунок, как на скриншоте ниже:
Сгруппируйте вместе 4 слоя, которые мы создали. Назовите новую группу “Заливка Огнём ”.
Шаг 3
Давайте добавим световые блики. Вы можете нарисовать их либо с помощью планшета, либо с помощью инструмента Перо (pen tool), как я это сейчас сделаю.
1. Выберите инструмент Кисть (brush tool). Установите Жёсткость (Hardness) кисти 0%, Непрозрачность (opacity) кисти 100% размер кисти, примерно. 2-5 px. Диаметр кисти будет зависеть от размеров вашего исходного изображения. В своей работе я использовал диаметр кисти 2px.
2. Далее, выберите инструмент Перо (Pen Tool). Создайте одиночные контурные линии вдоль различных краёв вашего объекта. Вы можете временно отключить видимость слоёв с группами “Огонь” и “Заливка огнём”, чтобы вам было удобно работать.
Вот так выглядят мои контурные линии:
Когда вас устроит количество созданных световых бликов (я также добавил световые блики на лицо мужчины):
1. Продублируйте слой со световыми бликами. Поменяйте режим наложения для дубликата слоя на Перекрытие (Overlay).
2. Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Добавьте пару пикселей для радиуса размытия - достаточно, чтобы придать вашим световым бликам нежный эффект свечения.
1. Сгруппируйте оба слоя со световыми бликами. Назовите новую группу “Световые блики”.
2. Не забудьте включить видимость слоёв с группами “Огонь” и “Заливка огнём”.
Шаг 4
Далее, мы добавим свечение к огню.
Далее, ещё раз примените функцию Наложить, если (Blend If). Я выставил бегунок, как показано на скриншоте ниже:
Поменяйте режим наложения для данного слоя на Осветление (Screen).
Ещё раз создайте новый слой поверх предыдущего слоя, поменяйте режим наложения для данного слоя на Осветление (Screen), а затем прокрасьте кистью полностью весь участок изображения, где есть огонь.
Уменьшите непрозрачность слоя до, примерно, 27%.
Сгруппируйте три созданных слоя, назовите новую группу “Свечение”.
Шаг 5
1. Далее, мы усилим интенсивность огня, путём добавления тёмного оттенка на противоположную сторону изображения. Т.к. наш огонь- красный, то мы добавим синий оттенок.
Шаг 6
Чтобы добавить и выровнять цвет, давайте добавим несколько корректирующих слоёв.
1. Вначале добавьте корректирующий слой Цветовой Баланс (Color Balance). Установите цвета Голубой (Cyan) +15, Пурпурный (Magenta) -20, и Жёлтый (Yellow) -9.
Далее, добавьте корректирующий слой Кривые (Curves). Установите кривую красного канала, как показано на скриншоте ниже. Не забудьте переключиться на красный канал.
1. Далее, перейдите на слой-маску корректирующего слоя Кривые (curves) и с помощью мягкой чёрной кисти, скройте эффект кривых на участках, где нет огня.
2. В заключение, создайте второй корректирующий слой Кривые (Curves). Щёлкните в центре кривой RGB. Потяните кривую вниз за опорную точку, чтобы затемнить изображение. (Прим.переводчика: главное, не переусердствуйте)
3. Далее, перейдите на слой-маску данного корректирующего слоя Кривые (curves) и с помощью большой мягкой чёрной кисти, скройте эффект кривых вокруг огня.
И мы завершили урок! Надеюсь, вам понравился этот урок и вы примените данный эффект огня в своих проектах!
Читайте также: