Создаём светящийся текст в Фотошоп / Creativo.one

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

Ресурсы:

Архив

Шаг 1. Создадим новый документ (Ctrl + N) размером 1280 x 1024 пикселей или любого размера, который Вам нужно в зависимости от текста, который Вы будете создавать.

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

Шаг 2. Напишем текст белым цветом. Шрифт используемый в уроке “Junegull” и размер 400 пикселей. Это достаточно большой размер, но это поможет показать детали более ясно.

Измените значение Заливка (Fill) слоя с текстом до 0%.

Дублируйте текстовый слой (Ctrl + J).

Шаг 3. Ctrl + Клик по текстовому слою (значок), чтобы создать выделение.

Создадим новый слой (Ctrl + Shift + N) между фоном и двумя слоями текста и назовите его «Back».

Перейдем Выделение-> Модификация-> Расширить (Select-> Modify-> Expand) и введем значение 5. Это позволит расширить выделение на 5 пикселей наружу.

Залейте выделение цветом # 9b7e4f, затем перейдите к Выделение-> Отменить (Select-> Deselect) или нажмите Ctrl + D, чтобы избавиться от выделения.

Загрузка контуров
Возможно, Вам придется загрузить контуры, которые  используются в некоторых стилях слоя ниже. Чтобы это сделать, перейдите Редактирование-> Управление наборами (Edit-> Preset Manager) и выберите Контуры из выпадающего меню.

Нажмите на стрелку в правом верхнем углу, и выберите Контуры (Contours).

Нажмите кнопку Добавить (Append), чтобы добавить новые существующие контуры.

Шаг 4. Двойной щелчок по слою, чтобы добавить следующие Стили слоя (Layer Style).
Внешнее свечение (Outer Glow): просто измените цвет на # 8f6f2c.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Умножение (Multiply), цвет # e4d7b2, Источник (Source) — Из центра (Center), Размер (Size) до 125, а Диапазон (Range) до 35%.

Тиснение (Bevel and Emboss): изменим Метод (Technique) — Жесткая огранка (Chisel Hard), Глубина (Depth) до 300, Размер (Size) 20, и проверьте галочку Сглаживание (Anti-aliased). Кроме того, изменим цвет Режим подсветки (Highlight Mode) на # c6a96c и цвет Режим тени (Shadow Mode) на # ddd6c1.

Контур (Contour): выберите контур Конус (Cone), проверьте галочку Сглаживание (Anti-aliased) и измените Диапазон (Range) до 70%.

Текстура (Texture): Используйте Серую текстуру (которую Вы можете скачать в начале урока), и измените Глубина (Depth) до небольшого значения, что-то около 8 пикселей. Это позволит добавить тонкую текстуру так, чтобы задняя часть была не такая мягкая и имела некоторые детали.

Обводка (Stroke): изменим Размер (Size) на 1, Тип обводки (Fill Type) – Градиент (Gradient), а Угол (Angle) до 90. Используйте градиент, показанный на картинке ниже «Золотой Металлический Градиент» который Вы также можете скачать в начале урока.

Это то, что вы должны получить.

Уменьшите значение  Заливки (Fill) до 50%, чтобы сделать заднюю часть более прозрачной.

Шаг 5. Установите цвет переднего плана на # 555555,и выберите жесткую круглую Кисть (Brush) размером в 3px. Эта кисть будет использоваться для создания проводов в середине текста.

Создайте новый слой (Ctrl + Shift + N) поверх слоя «Back» и назовите его «Wire».

Активируйте инструмент Перо (Pen Tool) и нажмите на значок Контур (Paths) в панели опций.

Шаг 6. Перо (Pen Tool) будет использоваться, чтобы добавить прямые, простые кривые, и немного более сложные кривые, в зависимости от формы буквы. Каждый случай будет демонстрироваться в отдельном шаге, используя различные буквы. Давайте начнем с прямыми, поскольку они являются самыми легкими.

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

Имейте в виду, что опорные точки добавляются последовательно, так что Вы не можете создать всю форму сразу. Мы будем идти вперед до конца буквы, создавая новые недостающие части.

Если Вы хотите, переместить путь, который Вы создали, выберите инструмент Выделение контура (Direct Selection Tool), затем нажмите одну из точек или щелкните и перетащите, чтобы выделить более чем одну точку, и переместите с помощью клавиш со стрелками.

Шаг 7. Для обводки пути, щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

Выберите Кисть (Brush) из инструментов выпадающего меню, и убедитесь, что в поле Имитировать нажим (Simulate Pressure) не стоит галочка.

Нажмите

Enter, чтобы избавиться от пути.

Используйте Перо (Pen Tool) снова, чтобы добавить недостающую часть.

И обведите ее так же, как Вы делали это для другой стороны.

Шаг 8. Для простых кривых, как в букве D, нам нужно нажать и перетащить, где мы хотим создать кривую вместо нажатия и отпускания. Перетащите параллельно направлению кривой, в этом примере, по вертикали.

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

Не забывайте, что Вы все еще можете использовать инструмент Выделение контура (Direct Selection Tool) для перемещения опорных точек.

Как только Вы создадите путь, обведите его таким же образом.

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

Как только Вы создали кривую, выберите инструмент Выделение контура (Direct Selection Tool) и выберите точку привязки (щелкнув по ней). Когда Вы это сделаете, Вы сможете настроить две маленькие ручки (направление линий), которые контролируют ее.

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

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

После обводки внутри всех букв, измените значение  Заливка (Fill) слоя «Wire» до 50%.

Шаг 10. Дважды щелкните на слое «Wire», чтобы добавить следующие Стили слоя (Layer Style):
Внешнее свечение (Outer Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # ffffbe, а Размер (Size) до 13.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # d5d5cd, а Размер (Size) 1.

Это позволит добавить очень тонкий блеск.

Шаг 11. Дублируем слой «Wire» (Ctrl + J)

Дважды щелкните на слое копии, чтобы  добавить Стиль слоя (Layer Style).
Внутреннее свечение (Inner Glow): изменим Размер (Size) до 10.

Это усилит эффект свечения.

Шаг 12. Далее, мы создадим очень простую Кисть (Brush). Для этого создадим новый документ (Ctrl + N) 16 х 16 пикселей, с прозрачным фоном.

Выберите инструмент Эллипс (Ellipse Tool) и установите его в режим Контур (Paths) в панели опций, затем создайте круг, который охватывает большую часть документа.

Активируйте 1 пиксельную  жесткую круглую Кисть (Brush) и установите цвет переднего плана черный. Затем выберите Эллипс (Ellipse Tool) снова и выполните обводку пути.

Нажмите Enter, чтобы избавиться от пути, затем перейдите Редактирование-> Определить кисть (Edit-> Define Brush Preset) и введите имя для кисти.

Шаг 13. Вернемся к исходному документу, создадим новый слой (Ctrl + Shift + N) поверх слоя «Wire копия» и назовем его «Filament».

Щелчок правой кнопкой мыши на слое «Wire» и выбираем Скопировать стиль слоя (Copy Layer Style), затем нажмем правой кнопкой мыши на слое «Filament» и выбираем Вклеить стиль слоя (Paste Layer Style).

Изменим значение Заливка (Fill) слоя «Filament» на 100%, и установите цвет переднего плана на # d0b174.

Шаг 14. Откройте панель кистей Окно-> Кисть (Window> Brush), и измените значения, как показано ниже, для кисти, которую мы создали в Шаге 12.

Шаг 15. Итак, что мы будем делать дальше, мы создадим небольшую обводку по проводам в буквах, чтобы обвести их измененной Кистью (Brush). Так что будем использовать Перо (Pen Tool) снова, и начинаем добавлять небольшие прямые или кривые по проводам. Старайтесь не делать их очень короткими, это не даст хороший эффект.

Затем щелчок правой кнопкой мыши и выберите Выполнить обводку (Stroke Path).

На этот раз, установите галочку Имитировать нажим (Simulate Pressure).

Это позволит сделать обводку Кистью (Brush) исчезающей на концах. Добавим несколько путей вдоль проводов, но не добавляйте слишком много. Нам все еще нужно добавить несколько ярких вспышек света и оставить несколько пустых областей.

Шаг 16. Создайте новый слой (Ctrl + Shift + N) поверх слоя “Filament” и назовите его «Light», а затем нажмите правую кнопку мыши и выберите Вклеить стиль слоя (Paste Layer Style).

Дважды щелкните на слое «Light» для изменения Внешнего свечения (Outer Glow): изменим Непрозрачность (Opacity) до 50%.

Шаг 17. Выберите мягкую круглую Кисть (Brush) и измените ее настройки, как показано ниже.

Шаг 18. Установите основной цвет # fffde1,  используя Перо (Pen Tool), создадим маленькие пути, которые охватывают некоторые из пустых областей, расположенных вдоль проводов.

Убедитесь, что в окне Имитировать нажим (Simulate Pressure) все еще стоит галочка.

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

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

Шаг 19. Имейте в виду, что Вы всегда можете контролировать, насколько яркими и блестящими будут эти элементы. Вы можете понизить Непрозрачность (Opacity), если необходимо. Здесь мы немного снизим до 90%.

Вы также можете изменить Внутреннее свечение (Inner Glow): эффект цвета. Для слоя «Light» установим цвет # 83591e.

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

Шаг 20. Создайте новый слой между слоями «Back» и «Wire» и назовите его «Pins», а затем измените значение Заливка (Fill) до 0%.

Дважды щелкните на слое «Pins», чтобы добавить следующие Стили слоя (Layer Style):

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # e9dcbb, Источник (Source) — Из центра (Center), а Размер (Size) до 7.

Тиснение (Bevel and Emboss): изменим Метод (Technique) — Жесткая огранка (Chisel Hard), Контур (Gloss Contour) — Двойное кольцо (Ring – Double), установите галочку Сглаживание (Anti-aliased) и измените цвет Режим тени (Shadow Mode) на # 9a8739.

Контур (Contour): изменим Контур (Gloss Contour) —  Перевернутый конус (Cone – Inverted) и проверим Сглаживание (Anti-aliased).

Шаг 21. Активируем  12 пиксельную  жесткую круглую Кисть (Brush), и начинаем добавлять точки на концах проводов в каждой букве. Поместите центр кисти на кончик провода и нажмите, чтобы добавить штифт.

Это создаст иллюзию того, что провод не плавает в буквах из ниоткуда, а входит и выходит из этих штифтов.

Шаг 22. Дважды щелкните на оригинальный текстовый слой, чтобы добавить следующие Стили слоя (Layer Style):

Тень (Drop Shadow): измените цвет на # cbcbcb, Смещение (Distance) до 0, а Размер (Size) до 10.

Внутренняя тень (Inner Shadow): измените, цвет на # c2b394, Непрозрачность (Opacity) 60%, Смещение (Distance) до 0, Размер (Size) 60, Контур (Gloss Contour) — По Гауссу (Gaussian) и проверим галочку Сглаживание (Anti-aliased).

Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 300, а Размер (Size) до 16. Снимите флажок Глобальное освещение (Use Global Light), теперь мы можем изменить значения Угол (Angle) и Высота (Altitude)не затрагивая другие стили слоя в документе, поэтому измените Угол (Angle) до 80 и Высота (Altitude) до 50. Кроме того, измените Контур (Gloss Contour) на Скругленный уклон (Rounded Slope), затем Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Перекрытие (Overlay), и цвет Режим тени (Shadow Mode) на # fefefe.

Контур (Contour): просто проверьте галочку Сглаживание (Anti-aliased).

Это позволит создать эффект света и глубины и создать базу для фактического глянцевого эффекта.

Шаг 23. Двойной щелчок по слою копии текста, чтобы применить следующие Стили слоя (Layer Style):

Внутренняя тень (Inner Shadow): измените цвет на # d1c2a4, Непрозрачность (Opacity) 50%, Смещение (Distance) до 0, а Размер (Size) до 35.

Внутреннее свечение (Inner Glow): измените цвет на # ebe3c8, Метод (Technique) — Точный (Precise), Источник (Source) — Из центра (Center), а Размер (Size) до 70.

Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 500, Размер (Size) 20 и Смягчение (Soften) на 1. Снимите флажок Глобальное освещение (Use Global Light), затем измените Угол (Angle) до 60 и Высота (Altitude) до 35 лет. Кроме того, измените Контур (Gloss Contour) на Кольцо (Ring) и проверьте галочку Сглаживание (Anti-aliased), изменим Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Яркий свет (Vivid Light), его цвет на # d6d2bc и Непрозрачность (Opacity) до 60%, а также изменим цвет Режим тени (Shadow Mode) на # fefefe.

Контур (Contour): Контур (Gloss Contour) — Двойное кольцо (Ring – Double) и проверьте галочку Сглаживание (Anti-aliased).

Это позволит создать окончательный блестящий как стекло эффект.

И это конечный результат. Надеюсь, Вам понравился урок, и Вы узнали, что то полезное.

Автор: Rose
 

Источник: psd.tutsplus.com

Как сделать свечение текста в Photoshop

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

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

Берем инструмент «Прямоугольник» и подбираем цвет для заливки. Это может быть чисто черный тон или темно-коричневый.

Полностью затеняем фотографию черным прямоугольником.

Уменьшаем непрозрачность данного фона до 60%.

В центре вставляем надпись и подбираем для нее шрифт, цвет и размер.

Теперь кликаем 2 раза правой кнопкой мыши на слой с текстом в правой стороне. Откроется окошко со стилями слоя. Выбираем «Обводку», где размер выставляем на 3 пикс. и цвет обводки ставим белой. Нажимаем «Ок».

Создаем новый слой, где выбираем «Кисть» среди инструментов и закрашиваем одним движением всю надпись. Выбираем ее подходящего размера, чтобы она закрывала всю надпись. Также очень важно подобрать мягкую кисть. Цвет пусть будет любой.

Переносим верхний слой с закрашенной линией вниз под текст. Уменьшаем заливку до 0%.

В стиле слоя выбираем «Наложение цвета», где режим выставляем «Линейный свет».

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

Ставим непрозрачность на 27% и нажимаем на «Ок».

Объединяем два слоя в один, а именно – фон в виде фотографии и черное затемнение. Разблокируем замочек и выбираем в стиле слоя «Обводка». Пусть размер будет 2 пикс., а положение – внутри. Цвет для обводки выбираем белый.

Вновь возвращаемся в свечение за надписью, чтобы скопировать цвет.

В стиле слоя фона выбираем «Внутреннее свечение». Режим наложения пусть будет «Линейный осветлитель». Непрозрачность ставим 54%. Вставляем нужный цвет в следующей графе. Также корректируем размер, оставив его на 84 пикс.

В итоге получим вот такой результат со свечением текста и картинки в Photoshop.

Как сделать тень текста в фотошопе

Автор: Ольга Максимчук (Princypessa). Дата публикации: 01 октября 2020. Категория: Уроки фотошопа текст.

Всем привет

Сегодня мы будем создавать текст со светящейся тенью.

Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп.

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

Затем поместим в документ текстуру из папки с исходниками, растянем ее на весь холст, поменяем режим наложения слоя с текстурой на Экран и понизим прозрачность слоя.

Далее установим шрифт из папки с исходниками, напишем текст и создадим дубликат текстового слоя.

В завершение урока «Как сделать тень текста в фотошопе» мы применим разные стили слоя к текстовым слоям (Внешнее свечение и Обводка), создадим несколько копий слоя с обводкой и разместим их на холсте.

 

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

В панели слоев дважды щелкаем по слою «Фон», чтобы открыть стили слоя.

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые оттенки.  Если при открытии Редактора градиентов активен градиент с более, чем двумя Контрольными точками, удалите лишние, кликнув по точке и нажав на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Левая нижняя Контрольная точка (позиция 0%) –оттенок # 1b0e50;

Правая нижняя Контрольная точка (позиция 100%) – оттенок # 910d7a.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

Результат после применения стилей слоя.

Помещаем в документ (Файл-Поместить встроенные) изображение «Текстура» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. Увеличиваем изображение так, чтобы текст внизу текстуры был за пределами холста.

В панели слоев меняем режим наложения слоя с текстурой на Экран и понижаем прозрачность слоя.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Пишем слово «Фотошоп». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

В панели слоев создаем дубликат текстового слоя (Ctrl+J). Временно скрываем видимость оригинального текстового слоя, нажав в панели слоев на «глазик» около слоя в панели слоев.

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

Во вкладке Внешнее свечение меняем оттенок на # ffffec и вводим настройки, как на рисунке ниже.

Результат после применения стилей слоя.

В панели слоев делаем видимым оригинальный слой с текстом, нажав на «глазик» около слоя, а копию текстового слоя временно скрываем.

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

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

Во вкладке Обводка меняем оттенок на # fff770 и вводим настройки, как на картинке ниже.

Результат после применения стилей слоя.

В панели слоев возвращаем видимость копии текстового слоя.

Активируем инструмент Перемещение и при помощи клавиш-стрелок перемещаем слой с обводкой влево и вниз. 1 клик клавишей стрелкой=сдвиг на 1 пиксель. 1 клик клавишей стрелкой с зажатой клавишей Shift=сдвиг на 10 пикселей.

Создаем несколько копий слоя с обводкой (Ctrl+J) и при помощи инструмента Перемещение и клавиш со стрелками располагаем на холсте. Я сдвигала каждую последующую копи на 10 пикселей влево и на 10 пикселей вниз. В зависимости от размера холста и текста вам могут понадобиться другие значения. Вот что получилось у меня в результате.

В завершение при помощи клавиши Shift выделяем все слои с текстом и немного поднимаем их вверх.

Текст со светящейся тенью готов! Урок «Как сделать тень текста в фотошопе» завершен.

Отличного настроения и творческих успехов!

 

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Преобразование текста, не доступное при обычных режимах Photoshop

Предположим, сейчас я хочу добавить к тексту эффект 3D, для этого необходимо его повернуть в перспективе и/или придать тексту перспективные искажения. Если бы я работал с обычным пиксельным слоем, я мог бы это легко сделать, применив перспективную трансформацию. Также для этого можно использовать «Искажение». Но при работе с текстовым слоем не всё всегда так просто.

Все режимы трансформирования Photoshop, можно вызвать через вкладку главного меню «Редактирование» (Edit), где выбрать пункт «Трансформирование» (Transform). Попробуйте сделать это при активном текстовом слое и увидите, что оба этих пункта не активны:

Меню «Трансформирование» (Transform) при активном текстовом слое. Пункты «Искажение» (Distort), «Перспектива» (Perspective) и «Деформация» (Warp) недоступны.

Решение: Преобразование текстового слоя в смарт-объект

Как я уже упоминал ранее, традиционным способом решения этой проблемы является растеризации текстового слоя, который преобразует текст из векторной фигуры в пиксельную. Но проблемой при этом подходе является то, что как только мы превратили текст в пиксели, он больше не доступен для редактирования. Кроме того, при трансформировании (растяжении, искажении, деформировании) пиксельной картинки мы запросто можем потерять качество изображения, особенно это скажется на границах букв, превращённых в пиксели. Обычный же текст не имеет таких недостатков, т.к. он состоит из векторов.

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

И как же это сделать? На самом деле очень просто — преобразовать текстовый слой в смарт-объект! Photoshop дает нам несколько способов преобразования слоёв (в том числе и текстовых) в смарт-объект, проще всего кликнуть по слою правой клавишей мыши м выбрать пункт контекстного меню «Конвертировать в смарт-объект» (Convert to Smart Object).

Конвертирование текстового слоя в смарт-объект.

После этого никаких видимых изменений в документе не произойдёт, но в панели слоёв, вместо миниатюры буквы «Т» , которая была там раньше, в миниатюре показано фактическое содержимое слоя (в настоящий момент текст в миниатюре смарт-объекта заметен плохо, т.к. белые буквы сливаются с серо-белыми квадратиками, обозначающими прозрачность). Кроме того, в нижнем правом углу миниатюры появился маленький значок, сообщая нам, что слой теперь является смарт-объектом:

Панель слоёв с указанием слоя, преобразованного в смарт-объект.

Теперь, когда мы превратили текстовый слой в Smart Object, давайте посмотрим, что произойдет, когда я попытаюсь применить к нему «Искажение» или «Перспективу». Я снова пройду по вкладке главного меню «Редактирование» (Edit) —> «Трансформирование» (Transform), и на этот раз мы видим, что неактивных пунктов нет! Я могу выбрать любой из вариантов трансформирования, в том числе «Искажение» и «Перспективу».

Эффект 3D текста при помощи команды Distort

Давайте теперь вкратце рассмотрим, как быстро придать тексту 3D эффект, я начну с применения команды «Искажение».

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

Режим Искажение (Distort) позволяет нам перетаскивать угловые маркеры габаритной рамки независимо друг от друга.

Эффект 3D текста при помощи команды Perspective

Вообще-то это не совсем то , что я здесь хотел сделать, поэтому я нажму клавишу Esc на клавиатуре, чтобы выйти из режима искажения.

Я хочу сделать, чтобы текст был вытянут в перспективе, примерно как титры в фильме «Звёздные войны», и для этого мне нужно применить команду «Перспектива». Конечно, для создания этого эффект можно было бы использовать и команду «Искажение» (Distort), но это займет больше времени и усилий. Применить «Перспективу» легче. Эта команда выбирается также через Редактирование —> Трансформирование (Edit —> Transform).

Команда «Перспектива» позволяет нам нажать на любой из четырех угловых маркеров и перетаскивать их по холсту. Разница заключается в том, что в режиме перспективы мы можем перетащить угловые маркеры только по горизонтали или вертикали, что вызовет изменение длины горизонтальной или вертикальной стороны рамки и изменение угла. Горизонтальная сторона будет удлинятся/укорачиваться относительно своего центра, угол напротив перетаскиваемого маркера будет двигаться вместе с ним, но в противоположном направлении.

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

Эффект, полученный перетаскиванием левого верхнего угла рамки вверх. Это одновременно перемещает левый нижний угол вниз.

Но это не тот эффект, который я хочу получить, поэтому я отменю его, нажав Ctrl+Z на клавиатуре, данное действие вернёт текст к своей первоначальной форме.

Я снова нажмите на марке в левом верхнем углу, но на этот раз, я потяну его по направлению вправо внутрь, в результате чего противоположный маркер в верхнем правом углу также сдвинется внутрь, создавая ​​псевдо-3D эффект:

Перетаскивание левого верхнего угла внутрь в то же время перемещает внутрь верхний правый угол.

Мне почти нравится полученный эффект, но всё же я думаю, что текст можно ещё немного растянуть по вертикали. Для этого мне нужно переключиться с режима «Перспектива» в режим «Масштабирование» (Scale). Самый быстрый способ переключения между режимами (а рамка трансформирования всё еще ​​активна) — это клик правой клавишей мыши в любом месте документа и выбор нужного пункта из контекстного меню. Я выберу «Масштабирование» (Scale):

Переключение из режима «Перспективы» в режим «Масштабирование» (Scale).

После переключения нажимаем на нижний центральный маркер и тянем его вниз (можно также верхний центральный маркер вверх), чтобы растянуть текст по вертикали:

Масштабирование текста методом перетаскивания нижнего центрального маркера вниз.

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

Текст после применения команд трансформирования «Перспективы» и «Масштабирование» (Scale).

Наложение текста на фон (необязательно)

На данный момент меня устраивает форма текста, но его сплошной белый цвет выглядит довольно пресным и неуместным по отношению с остальной части изображения. Я по-быстрому добавлю пару эффектов, чтобы текст органично смотрелся на фоне картинки. Это выходит за рамки данного руководства и, если не интересно, переходите к следующему разделу, он как раз очень важен и рассказывает о редактировании содержимого внутри смарт-объекта, в нашем случае, содержимое — текст.

Итак, во- первых, чтобы смешать текст с изображением, я изменю режим наложения смарт-объекта с «Обычного» (Normal) на «Перекрытие» (Overlay). Опция «Режим наложения» находится в верхнем левом углу панели слоев. Вот что получилось:

Эффект, полученный после изменения режима смешивания на «Перекрытие» (Overlay).

Сам по себе это интересный эффект, но в фоновом изображении имеются большие чёрные области, на которых текст попросту исчезает.

Чтобы это исправить, я воспользуюсь стилями слоя, а конкретнее стилем «Внешние свечение» (Outer Glow).
В диалоговом окне стиля я нажму на образец цвета и изменю цвет внешнего свечения до зеленого, примерно #296a15, чтобы соответствовать зеленому цвету в изображении. Затем изменю значение непрозрачности до 50% и увеличу параметр «Размер» до 60px (значение этого параметра зависит от размера документа):

Параметры стиля «Внешнее свечение» (Outer Glow) в его диалоговом окне. Красным обведены параметры, которые необходимо изменить, остальные значения остаются заданными по умолчанию.

Нажимаем OK, чтобы закрыть диалоговое окно стиля, теперь в изображении видны очертания букв:

Результат после применения стиля «Внешнее свечение».

Редактирование текста внутри смарт-объекта

Я уже упоминал, что одним из основных преимуществ преобразования текстового слоя в смарт-объект является то, что это сохраняет текст полностью редактируемые. Так как же нам изменить текст внутри смарт-объекта?

Обычное нажатие на текст в документе не даст результатов, потому что текст находится внутри смарт-объекта. Для того, чтобы добраться до текста, нам нужно дважды щелкнуть по миниатюре смарт-объекта в панели слоёв:

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

Это действие открывает смарт-объект в отдельном документе, что будет выглядеть как открытие нового Photoshop-документа. Бело-серые квадратики под текстом обозначают прозрачность, это делает белые буквы немного хуже различимыми, но можно, к примеру, временно сделать цвет текста более тёмным (перед сохранением цвет вернуть обратно!).

Чтобы изменить текст, ещё раз выберите инструмент «Текст» (Type Tool) на панели инструментов, затем дважды кликните по тесту для его выделения.

Я изменю слово «КОСМОС» на слово «ЧУЖОЙ»

Редактирование текста внутри Smart Object.

Чтобы сохранить изменения, нам необходимо сохранить документ, делается это точно также, как и сохранение обычного Photoshop-документа — нажмите комбинацию клавиш Ctrl+S, либо пройдите по вкладке главного меню Файл —> Сохранить (File —> Save).

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

Документ с текстом внутри смарт-объекта больше не нужен, его можно закрыть.
Это возвращает нас к основному документу, который мгновенно обновляется с изменениями, которые мы внесли в текст:

Тот же самый эффект после редактирования текста.

Таким образом, используя оболочку смарт-объекта, мы можем применить к тексту недоступные ранее виды транс формирования.

Как Сделать Свечение в Фотошопе (Photoshop)

Оцените новость / программу! 0 из 5, всего оценок — 0

---

Свечение – это испускание света каким-либо объектом. Сегодня рассмотрим, как сделать свечение в Фотошопе. Попробуем создать светящуюся надпись в Photoshop путём наложения различных эффектов и режимов. Разберём весь процесс поэтапно.

Создаём фон и надпись

1. Прежде всего создадим новый документ в фоторедакторе Adobe Photoshop СС 2020. Заходим в меню «Файл» – «Создать». Размеры документа возьмём произвольные. Допустим 30х20 см, ориентировка листа – горизонтальная.
2. Слева на панели инструментов выбираем инструмент «Заливка». В палитре устанавливаем цвет чёрный.
3. Кликаем по листу – заливаем его чёрным цветом. Это необходимо для того, чтобы лучше был виден наш эффект.
4. Теперь напишем любую надпись. Пусть это будет «Glow».

Устанавливаем цвет в палитре жёлтый. Выбираем на панели инструментов инструмент «Горизонтальный текст», кликаем по листу и пишем нашу надпись.

Вот, что получается.

А теперь непосредственно к тому, как сделать эффект свечения в Фотошопе.

Создаём эффект свечения

1. Создадим новый слой. Для этого на палитре «Слои» нажимаем на иконку «Создать новый слой» (1).
2. Выделяем надпись.

   Удерживая клавишу «Ctrl», кликаем на иконку текстового слоя в палитре «Слои». В результате текст выделяется пунктиром.

   
   
3. В верхнем меню графического редактора заходим в меню «Выделение». Выбираем строку «Модификация» – «Расширить». В появившемся окне устанавливаем значение расширения равное 4 пикселям. Нажимаем «ОК». В итоге выделение вокруг надписи увеличивается.
   
4. Теперь нам необходимо залить получившееся выделение более светлым цветом. Заходим в меню «Редактировать» – «Выполнить заливку».
   

   Обратите внимание! Чтобы вызвать окно «Выполнить заливку», необходимо нажать комбинацию клавиш Shift+F5.

   В строке «Содержание» выбираем режим «Цвет». Появляется окно «Палитра цветов». Выбираем цвет светлее того, которым залита наша надпись. Нажимаем «ОК».
   

   Важно! Не забудьте снять выделение с надписи. Для этого нажмите комбинацию клавиш Ctrl+D.

5. Залитый нами контур вышел, конечно, светлее основного текста, но где же свечение? Чтобы добиться нужного эффекта, нужно размыть наше выделение.

   Заходим в меню «Фильтр». Выбираем строку «Размытие» – «Размытие по Гауссу». Устанавливаем радиус размытия равный 8. Нажимаем «ОК».

6. Слой с размытой заливкой перемещаем под слой с надписью. Чтобы это сделать, необходимо зажать левую кнопку мыши на слое с размытием и перетащить его под текстовый слой.
   
7. Придадим тексту объёма, чтобы свечение ярче выделялось.

   Дважды кликаем по текстовому слою в палитре «Слои». Появляется окно настройки. Ставим галочку на строке «Тиснение». И меняем настройки на свой вкус. Примерные настройки на скриншоте ниже.

Вот и весь секрет светящейся надписи. А вот итог нашей работы.

Заключение

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

Видео:

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

17 великолепных текстовых эффектов*

4 — 2000

Пусть ваши слова зазвучат по-новому, в своем собственном, неповторимом стиле. Обрести это звучание им помогут текстовые эффекты, созданные в программе Photoshop.

Программа Photoshop вполне заслуженно превозносится как великолепный инструмент для манипуляций с фотографиями и для подготовки иллюстраций. И хотя она совсем не похожа на векторные графические пакеты, можно без преувеличения сказать, что эта невероятно гибкая программа может служить превосходным инструментом для создания логотипов и фирменных стилей. С выходом в свет версии 5.5, с ее новыми средствами для создания и хранения Internet-графики, программа Photoshop полностью вооружилась для того, чтобы стать главным рабочим инструментом Web-дизайнера. Как некая новая изобразительная среда Web всегда с жадностью впитывает новые идеи, уникальные логотипы, экранные заставки. Поэтому мы решили предложить вам подборку кратких обучающих материалов, посвященных созданию в этой программе захватывающих текстовых эффектов. На следующих нескольких страницах мы покажем вам, как сделать текст броским и запоминающимся, чтобы он стал похож на все что угодно — от ультрасовременной неоновой рекламы до старинной деревянной вывески, от льда до пламени. Возможно, вы не сразу найдете практическое применение всем этим эффектам, поэтому мы советуем сохранить этот номер журнала, чтобы когда-нибудь в будущем заглянуть в него еще разок. Никогда ведь не угадаешь: а вдруг понадобится текст, написанный мелом, или металлическая кокарда с тиснением, да мало ли что еще.

Этап первый. Неоновый свет

Этап второй. Школьные мелки

Этап третий. Граффити

Этап четвертый. Тиснение по металлу

Этап пятый. Огненное письмо

Этап шестой. «Придурочные» буквы

Этап седьмой. Оптический эффект

Этап восьмой. Стекло

Этап девятый. Выпиливание по дереву

Этап десятый. Ледяной текст

Этап одиннадцатый. Мощение плиткой

Этап двенадцатый. Перспектива

Этап тринадцатый. Шиферный текст

Этап четырнадцатый. Перфорация

Этап пятнадцатый. Перпендикулярные тени

Этап шестнадцатый. Трехмерный текст

Этап семнадцатый. Рельефные буквы

Этап первый. Неоновый свет

Заставьте свое сообщение сиять

1. Чтобы создать неоновый эффект, мы взяли шрифт со скругленными углами, изначально похожий на неоновую надпись. Кроме того, мы воспользовались опцией Faux bold (она появилась только в Photoshop 5.5), чтобы придать гарнитуре больший вес. (Этот нюанс не очень существенен, так что, если у вас нет последней версии Photoshop, не расстраивайтесь. Просто воспользуйтесь другой гарнитурой со скругленными углами и дайте ее в полужирном начертании.)

2. Чтобы создать эффект, сначала загрузите контур шрифта в качестве выделенной области (щелкните на значке соответствующего слоя, нажав при этом клавишу Command/Ctrl), и в новом канале прочертите вдоль выделенной области контур белого цвета шириной около 6 пикселов. Теперь воспользуйтесь фильтром Gaussian Blur (Размытие по Гауссу) с радиусом примерно 4 пиксела. Не забудьте предварительно отменить все выделение.

3. Чтобы в размытом канале создать эффект неонового свечения, в окне Curves (Кривые) постройте примерно такую зазубренную кривую, как показано на иллюстрации, и примените ее один раз. Загрузите этот канал на новый слой в качестве выделенной области и залейте ее любым цветом на ваш вкус. Чтобы усилить свечение, продублируйте этот слой, снова размойте его при помощи фильтра Blur и наложите его в режиме Overlay (Перекрытие) или Screen (Осветление). Лучше всего этот эффект смотрится на темном фоне.

Этап второй. Школьные мелки

Заставьте зрителя вспомнить свой класс и школьные деньки…

1. Поместите текст на черный фон текст, выполненный от руки или шрифтом, имитирующим рукописный. Для эффекта школьного мела больше всего подходят именно такие шрифты. Загрузите выделенную область в канал (или продублируйте один из цветных каналов).

2. Первым делом воспользуйтесь фильтром Sketch > Torn Edges (Эскиз > Рваные края). Лично мы установили следующие параметры: Image Balance (Тоновой баланс) = 24, Smoothness (Четкость) = 7 и Contrast (Контраст) = 12. Примените этот фильтр, а затем в небольшом количестве воспользуйтесь эффектом Motion blur (Размытие в движении), чтобы неровности краев были не хаотичными, а имели определенную направленность.

3. Вернитесь в текстовый слой и слегка размойте его фильтром Blur. Внесите в текст монохроматический шум (фильтр Noise с максимальным эффектом), а затем снова воспользуйтесь эффектом Motion Blur с более высоким парметром (16), чтобы на белом тексте появились диагональные черточки. Загрузите канал Torn Edges как выделенную область и воспользуйтесь ею в качестве маски для текстового слоя. Наконец создайте еще один слой для настройки параметра Levels (Уровни) и перетащите указатель точки белого влево, а гамму — вправо, в результате получится эффект самого настоящего мела.

Этап третий. Граффити

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

1. Поначалу может показаться, что это слишком сложно, но на самом деле это так же просто, как и любой другой текстовый эффект. Сначала выберите два цвета, чтобы построить стену. Подойдут темно-красный и песочно-желтый. А теперь воспользуйтесь фильтром Clouds (Облака) в новом слое.

2. В Photoshop есть встроенная текстура, имитирующая кирпичную стену. Выполните команду Filter > Texturizer (Фильтр > Текстура) и выберите вариант Brick (Кирпич). Задайте максимальный масштаб и минимальную рельефность.

3. В заключение создайте новый слой, выберите инструмент Airbrush (Аэрограф) и какой-нибудь подходящий для граффити цвет. Теперь пишите. Если воспользоваться кистью с включенным параметром Wet Edges (Мокрый край), то получится немного другой эффект. Еще можно побаловаться с различными режимами наложения. Например, мы воспользовались режимом Hard Light (Жесткий свет) и добились эффекта не совсем просохшего аэрозоля.

Этап четвертый. Тиснение по металлу

Нанесите на свой логотип штамп с металлическим оттенком.…

1. Как создать металлический эффект, напоминающий эмблему какого-нибудь автомобиля? Подберите для текста достаточно элегантный рукописный шрифт (мы считаем, что таковым является, например, старый шрифт Ford Cortina). В данном случае мы не стали связываться со слоями, а создали текст прямо в альфа-канале.

2. На новом слое (залитом белым цветом) мы воспользовались фильтром Lighting Effects (Эффекты освещения) с точечным источником света (тип Spotlight), расположенным справа вверху. Параметры Metallic и Shiny мы вывели на максимум, а в качестве текстурного канала (параметр Texture Channel) указали альфа-канал с текстом, установив для белого величину 23 (параметр White Height).

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

4. Воспользовавшись альфа-каналом в качестве выделенной области, скопируем текст из фона и вставим его на новый слой. К этому слою применим эффекты, создающие иллюзию приподнятости изображения над плоскостью. В данном случае мы воспользовались фильтром Bevel and Embossing, включив режим Outer Bevel (Внешняя кромка) и установив параметры Opacity (Непрозрачность) = 100%, Depth (Глубина) = 20 и Blur (Размытие) = 4.

5. После этого мы импортировали в Photoshop изображение (пейзаж с горизонтом), которое будем использовать в качестве отражения в хромированной стали. Это изображение мы разместили под текстом и связали эти два слоя в макетную группу (Clipping Group), нажав клавишу Option/Alt и щелкнув курсором на границе между этими двумя слоями в палитре Слои (курсор при этом меняет свою форму на значок макетной группы). После этого изображение слегка исказили: размыли фильтром Blur и применили фильтр Ocean Waves (Океанские волны).

6. Чтобы смягчить эффект и добавить градиент, свойственный хромированным поверхностям, мы добавили еще один слой, залитый повторяющимися черно-белыми градиентными полосами. Чтобы создать свой собственный градиент, нужно в палитре Gradient Options (Параметры градиента) нажать кнопку Edit (Редактор). Построенный градиент мы наложили в режиме Screen (Осветление) и присоединили к макетной группе, чтобы он влиял только на текст.

Этап пятый. Огненное письмо

Прибавьте жару!…

1. Создайте новый документ с черным фоном. Добавьте новый слой и залейте его 75-процентным серым цветом (H=0, S=0, V=25). Задайте для этого слоя режим Screen (Осветление). Введите свой текст (белого цвета), поместите его на слой и измените режим слоя на Colour Dodge (Осветление основы). Примените к тексту фильтр Gaussian Blur (размытие по Гауссу) с небольшим радиусом, и получится эффект свечения.

2. Продублируйте слой с текстом, залейте его красным цветом (при включенном параметре Preserve Transparency — Сохранить прозрачность), а затем внесите в него сильный шум (фильтр Noise). «Смажьте» текст при помощи фильтра Motion Blur (Размытие в движении), отключив режим Preserve Transparency и установив для параметра Distance (Расстояние) величину примерно 40-50, а затем деформируйте результат с помощью фильтра Wave (Волна) или Ripple (Рябь). Слегка сместите этот слой в ту сторону, куда выполнялось размытие в движении.

3. Продублируйте слой с красным текстом и измените его цвет на желтый при помощи команды Hue/Saturation (Цветовой тон/Насыщенность) с включенным режимом Colourize (Тонирование). Затем немного сместите его так, чтобы получился как можно более натуральный эффект. Попытайтесь изменить режим слоя с исходным размытым текстом на режим Difference (Разница), чтобы создать эффект обгоревших краев, а затем усильте этот эффект при помощи корректирующего слоя Levels Adjustment (Настройка уровней), наложенного поверх него. Замените черный фон на какой-нибудь другой темный цвет или вставьте вместо него изображение.

Этап шестой. «Придурочные» буквы

Скажите так, чтобы запомнилось…

1. Начнем с какого-нибудь бодрого, энергичного шрифта, затем слегка размоем его и чуть-чуть исказим при помощи фильтра Wave (Волна). Повторим эти операции несколько раз, но каждый раз с маленькой амплитудой искажения. Добавим новый слой с эффектом Bevel and Emboss. Установите для эффекта тип Pillow (Подушка), глубину (Depth) = 20, размытие (Blur) = 6, режим подсветки (Highlight) = Difference (Разница) и выберем подходящий угол освещения.

2. Включите режим Preserve Transparency (Сохранить прозрачность) и залейте слой с текстом каким-нибудь разноцветным градиентом. Теперь продублируйте слой и залейте текст облаками (фильтр Clouds) при все еще включенном режиме Preserve Transparency. В результате в этом слое градиент будет затерт, но это и хорошо.

3. Откройте окно эффектов для этого слоя (с облачным текстом) и установите величину размытия (параметр Blur) примерно 14. Теперь, нажав клавишу Option (Alt для PC) и щелкнув мышью в палитре Layers (Слои) на границе между двумя слоями с текстом, создайте из них монтажную группу (Clipping group). Таким образом будет замаскирована та часть изображения, которая вышла за границы букв в результате сильного размытия (слой-маска не будет работать так, как нужно). Затем переведите верхний слой в режим Overlay (Перекрытие) — настоящий «дурашливый» эффект создан.

Этап седьмой. Оптический эффект

Взгляните на свой текст через «рыбий глаз».

1. Для этого эффекта очень важно, чтобы документ имел квадратную форму (например 512×512 пикселов), иначе фильтр будет несимметричным. После того как вы создадите такой документ, введите текст. Особенно хорошо смотрится этот эффект, когда весь текст набран заглавными буквами, и еще неплохо было бы подобрать какой-нибудь толстый, приземистый шрифт. Если вам удастся вписать текст в квадратный блок, будет еще лучше. Мы создали два текстовых элемента и отмасштабировали их таким образом, чтобы выровнять относительно друг друга.

2. Сведите документ в один слой и примените фильтр Spherize (Сферизация) из раздела Distort (Деформация) с параметром 100%. Заставить фильтр сильнее исказить изображение невозможно, но если вам это нужно, просто примените этот же фильтр еще раз. Правда, возможно, в промежутках между операциями Spherize придется еще раз масштабировать текст.

3. Проблема этого эффекта заключается в том, что в центре край текста может стать нерезким. Чтобы исправить этот недочет, чуть-чуть размойте текст, а затем примените ко всему изображению команду Levels (Уровни). Сместите регуляторы белой и черной точки навстречу друг другу, чтобы сделать текст более четким. Правда, при этом скруглятся углы, но это легко исправить.

Этап восьмой. Стекло

В прямоугольном окне — протравленный текст.

1. Для этого эффекта понадобится фоновое изображение или текстура. Мы воспользовались изображением CMYK Balloons из каталога Goodies программы Photoshop 5.5. Вставьте текстовый слой, воспользовавшись хорошим, толстым шрифтом. Создайте новый слой, залитый черным цветом, превратите текстовый слой в выделенную область и залейте ее белым. Слегка размойте слой и сохраните это изображение в формате Photoshop (это очень важно!).

2. Спрячьте размытый текст и отдублируйте изображение на фоновом слое. Переместите его на самый верх и примените фильтр Displace (Сдвиг) с параметрами, принятыми по умолчанию. При этом откроется диалоговое окно Open/Save (Открыть/Сохранить). В этом окне нужно будет найти файл PSD, который вы только что сохранили, и открыть его. С помощью этого изображения картинка сместится.

3. Создайте макетную группу (Clipping group) из смещенного изображения и текстового слоя (щелкнув на линии, разделяющей эти слои в палитре Layers при нажатой клавише Option/Alt). Добавьте к тексту немного глянцевого свечения при помощи слоя с эффектом Bevel and Emboss. В диалоговом окне этого эффекта нужно будет установить стиль Inner Bevel, режим Highlight (Свечение) = Difference (Разница) и режим Shadow (Тени) = Overlay (Перекрытие). Добавьте тени от букв и наконец, при необходимости, измените режим наложения смещенного слоя на Screen (Осветление), чтобы осветлить внутреннюю часть стеклянных букв.

Этап девятый. Выпиливание по дереву

Безо всякого резца…

1. Внесите в новый документ побольше шума. Примените к нему фильтр Motion Blur (Размытие в движении) со смещением в горизонтальном направлении на расстояние примерно 20. Увеличьте контраст изображения при помощи инструментов Levels (Уровни) или Curves (Кривые), а затем примените к нему деформирующий фильтр Wave (Волна) с указанными здесь параметрами.

2. Продублируйте этот слой и тонируйте его в желто-коричневый цвет при помощи команды Hue/Saturation (Цветовой тон/Насыщенность) с включенным параметром Colorize (Тонирование). Инвертируйте оставшийся слой и тонируйте его в темно-коричневый цвет. Получается что-то странное. Инвертируйте желто-коричневый слой и наложите его на более темный слой в режиме Difference (Разница) — получится нечто еще более странное!. Добавьте новый корректирующий слой (Adjustment layer) типа Hue/Saturation (Цветовой тон/Насыщенность), чтобы вернуть цветам приятный «деревянистый» оттенок.

3. Создайте текстовый слой и подложите его под предыдущий. Для этого, возможно, придется отдублировать фоновый (деревянный) слой и удалить фон. Создайте монтажную группу (Clipping group) из деревянного и текстового слоев, чтобы маскировать внешнюю часть букв. Примените к слою эффект Bevel and Emboss в стиле Inner Bevel, для которого Highlight (Свечение) будет установлено в режиме Overlay (Перекрытие), а Shadow (Тени) — в режиме Hard Light (Жесткий свет).

Этап десятый. Ледяной текст

Бррр! Это по-настоящему холодный эффект.

1. Создайте текст и отдублируйте текстовый слой. Залейте непрозрачные области этого слоя текстурой с облаками (Clouds), а затем воспользуйтесь фильтром Unsharp Masking, чтобы выделить контуры символов. Примените этот фильтр дважды с указанными здесь параметрами.

2. Затем воспользуйтесь фильтром Stylize > Glowing Edges (Стилизация > Свечение краев) с парметрами Edge Width (Ширина краев) = 1, Edge Brightness (Яркость) = 4 и Smoothness (Смягчение) = 15. Измените режим наложения слоя на Screen (Осветление) или Colour Dodge (Осветление основы).

3. Измените цвет предыдущего слоя на бледно-серый с небольшим сдвигом в сторону голубого. Примените к слою эффект Bevel and Emboss в стиле Inner Bevel, для которого Highlight (Свечение) будет установлено в режиме Overlay (Перекрытие), а Shadow (Тени) — в режиме Colour Burn (Осветление основы). Помимо этого к изображению можно добавить бледные, размытые тени.

Этап одиннадцатый. Мощение плиткой

Сделайте квадратные глаза…

1. Создайте текстовый слой. Для этого эффекта сгодится любой шрифт, любой стиль. Мы собираемся покрыть текст мозаикой и обвести контуры рамкой. Сначала заполним текст шумом. (Программа спросит вас, не нужно ли сначала отрендерить слой. Ответьте на этот вопрос — OK.)

2. Выберите из подменю фильтров Texture (Текстура) фильтр Patchwork (Витраж) и установите для него интересующий вас размер ячеек и толщину границ. Мы установили средний размер ячеек и среднюю толщину.

3. Затем загрузите текст в выделенную область и в новом слое вполните операцию Stroke (Обводка) по внешнему контуру (Outside) с толщиной (Width) 5 пикселов. Внесите в этот слой шум и снова примените фильтр Patchwork, но на этот раз установите меньший размер ячеек. Полученные слои можно тонировать (Colorize) в любой цвет и добавить тени от букв.

Этап двенадцатый. Перспектива

Потянитесь текстом вдаль……

1. Построить текст с перспективой довольно легко, но к этому эффекту можно добавить эффект глубины резко изображаемого пространства (depth of field). Создайте текстовый слой и отрендерите его. Воспользуйтесь инструментом Perspective Transform (Слой > Трансформирование > Перспектива), чтобы внести в текст искажения, обусловленные законами перспективы. Для этого нажмите клавиши Command-T, а затем, нажав клавиши Command-Control-Shift, передвиньте выделяющую рамку. На PC этой операции соответствуют клавиши Ctrl-T и Ctrl-Alt.

2. Сведите документ в один слой, а затем в новом канале постройте градиент от черного к белому в направлении искажения. Загрузите слой в выделенную область и воспользуйтесь им для размытия текста — несколько раз примените фильтр Gaussian Blur (Размытие по Гауссу) с маленьким радиусом. Помните, что эти несколько операций нельзя заменить одной с большим радиусом.

3. Применив к тексту эффекты освещения (Lighting Effects), ему можно придать некоторый объем. Воспользуйтесь одним или несколькими точечными (spot) источниками света и установите в поле Texture Channel (Текстурный канал) один из цветовых каналов. Результирующий рельеф, как и текст, тоже будет не в фокусе.

Этап тринадцатый. Шиферный текст

Создайте холодный каменный эффект.

1. Создание текстурированных поверхностей — задача довольно незатейливая. Сейчас мы покажем, как создать текст, текстурированный камнем или шифером. Отрендерите в новом документе немного облаков, используя основной и фоновый цвета, принятые по умолчанию.

2. Примените функцию Image > Adjust > Posterize (Изображение > Коррекция > Постеризовать) с параметром 10 уровней. В результате будет создан эффект слоистой, хлопьевидной поверхности, похожей на кусок шифера. Однако нам необходимо вернуться и внести в фильтр Clouds (Облака) немного хаотичности.

3. Выберите команду Filter > Fade Posterize (Фильтр > Ослабить постеризацию). Измените степень непрозрачности (Opacity) примерно до 40% и установите режим наложения Multiply (Умножение). Скопируйте слой и вставьте его в канал.

4. Создайте новый слой, залитый белым цветом. Примените к нему фильтр Lighting Effects (Эффекты освещения) с источником света типа Omni, расположенным в верхней части страницы. При необходимости его можно увеличить или уменьшить в размере. В поле Texture channel укажите только что созданный вами альфа-канал с уровнем белого примерно 25.

5. Введите текст на слое, расположенном под текстурой, и создайте макетную группу (Clipping group) таким образом, чтобы шифер маскировался текстом. Постройте тени от букв и, если сочтете нужным, сделайте буквы выпуклыми — примените к слою эффект Emboss. Мы пользовались подушкообразным эффектом (Pillow emboss), чтобы создать кромку по контуру букв.

6. Небольшое тонирование в серо-голубой цвет придаст текстуре сходство с поверхностью камня. Это можно сделать либо при помощи команды Hue/Saturation (Цветовой тон/Насыщенность), либо просто с помощью варианта Colour Fill (Заливка цветом) в меню Layer > Effects (Слой > Эффект), которым мы уже пользовались. Чтобы сделать текст еще более текстурированным, можно также поэкспериментировать с режимами наложения слоя, в котором мы применяли фильтр Облака.

Этап четырнадцатый. Перфорация

Пусть у текста будет зазубренный край…

1. Введите текст. Этот эффект хорошо смотрится только на отдельной букве (она становится похожей на почтовую марку), но можно применить его и ко всему слову. Кроме того, мы использовали очень толстый шрифт без засечек. Засечечный шрифт здесь, вообще-то, не годится, но у вас, возможно, что-то и получится. Загрузите текст в выделенную область.

2. Перейдите в палитру Paths (Контуры) и выберите команду Make Work Path (Образовать рабочий контур). На экране появится диалоговое окно, в котором можно ввести величину допустимого отклонения, то есть точности при преобразовании границы выделенной области в контур. Нам нужна была хорошая аппроксимация, поэтому мы ввели значение 0,5 пиксела (хотя это зависит от разрешения документа) и нажали кнопку OK.

3. За несколько секунд текст превратится в векторный контур. Создайте свою собственную кисть. Для этого нужно из меню палитры Brushes (Кисти) выбрать команду New Brush (Новая кисть). Установите следующие параметры кисти: Diameter (Диаметр) = 8, Hardness (Жесткость) = 100 и Spacing (Интервалы) = 180.

4. Создайте для текста слой-маску, затем снова выделите контур и, выбрав новую, только что созданную кисть, выполните команду Stroke Path (Обвести контур) из меню палитры контуров. В открывшемся диалоговом окне нужно будет указать инструмент Paintbrush (Кисть). В результате вокруг текста образуется такой вот перфорированный край.

5. Чтобы усилить этот эффект, проведем внутри буквы кромку и зальем текст другим цветом. Для этого загрузите нормальный текст в качестве выделенной области и выберите команду Select > Modify > Contract (Выделение > Модификация > Сжать) с параметром 8 пикселов.

6. Залейте выделенную область в новом слое градиентом, цветом или картинкой. В данном случае мы изменили цвет текста на белый, добавили тень и залили внешнюю часть градиентом, который затем еще и текстурировали.

Этап пятнадцатый. Перпендикулярные тени

Что-то маячит там, на горизонте…

1. В большинстве случаев мы используем самые простые тени, отбрасываемые текстом на параллельную плоскость. Но что делать, если нам нужны более объемные тени? Вот простой способ построения перпендикулярных теней. Введите текст и продублируйте этот слой.

2. Воспользуйтесь инструментом Free Transform (Свободное трансформирование). Постройте с его помощью зеркальное отражение текста, а затем при нажатой клавише Command/Ctrl сдвиньте в сторону нижнюю часть получившегося рисунка. Возникает отраженная версия текста. Обратите внимание, что этим же методом можно строить отражения.

3. Размойте отраженный текст — и все готово! Если хотите добиться еще большего реализма, размойте текст с помощью градиентной маски, чтобы по мере удаления тени от текста она становилась все более размытой.

Этап шестнадцатый. Трехмерный текст

Придайте тексту глубину!

1. Это очень простой 3D-трюк, не требующий никакого трейсинга. Отрендерите текстовый слой и воспользуйтесь инструментом Free Transform (Свободное трансформирование), чтобы внести в текст искажения, задающие перспективу. Создайте дубликат этого слоя.

2. Объедините один из этих слоев с фоном, чтобы в нем не было прозрачных пикселов. Примените к слою фильтр Motion Blur (Размытие в движении) с большим сдвигом и под углом ровно 90°. Второй текст залейте каким-нибудь другим цветом (не черным) и переместите его вверх, чтобы перекрыть нижний смазанный текст.

3. На слое с размытым текстом воспользуйтесь инструментом Curves (Кривые), чтобы «уплотнить» вытянутый текст, сделать его более однородным. Сделайте кривую максимально крутой, чтобы как можно больше затемнить размытую часть. Еще раз воспользуйтесь командой Curves или Levels, чтобы привести в порядок края.

Этап семнадцатый. Рельефные буквы

Такая приятная шероховатость……

1. Для этого эффекта следует использовать какой-нибудь веселенький, кругленький шрифт, поскольку острые углы здесь не работают. Мы взяли шрифт Cooper Black и дали текст черным цветом.

2. Затем к слою с отрендеренным текстом нужно применить фильтр Sketch > Reticulation (Эскиз > Ретикуляция) с принятыми по умолчанию параметрами. (Вообще, параметры, принятые по умолчанию, — довольно неплохая стартовая площадка и для других эффектов. Поэкспериментируйте с разными фильтрами и посмотрите, чего можно добиться с их помощью.)

3. В заключение примените фильтр Sketch > Plaster (Эскиз > Гипс). Здесь мы установили следующие параметры Image Balance (Тоновой баланс) = 11, Smoothness (Смягчение) = 1 и Light Direction (Свет) = Top Left (Слева сверху). Добавьте немного объема за счет теней (при помощи эффекта слоя) и — voila! — перед вами грубый, шершавый, комковатый текст. Чтобы придать ему еще более отвратительный вид, добавьте заливку цветом в режиме Difference (Разница).

КомпьюАрт 4’2000

Как сделать обводку текста в Фотошопе • Дигмаст

В сегодняшнем руководстве я хотел бы рассказать, как сделать обводку текста в Фотошопе.

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

Мы добавим двойной контур к одному и тому же тексту. Давайте узнаем, как это сделать.

Добавляем текст в Фотошопе

Пришло время сделать первые шаги: попробуем добавить текст на белый фон. Создаем новый документ – по умолчанию у нас уже есть слой с фоном. Нажимаем на инструмент «Текст» на панели инструментов в левой части экрана (можно просто нажать клавишу Т). Теперь можно кликнуть в любом месте на холсте – там появится поле для ввода горизонтального текста.

Если вы хотите, чтобы текст шел вертикально, нужно нажать на инструмент «Текст» правой кнопкой мыши – тогда выпадет меню, в котором можно выбрать инструмент «Вертикальный текст».

Эти способы отлично подходят для создания заголовков. Однако если вам нужно сделать абзац, можно поступить немного иначе. Щелкните левой кнопкой мыши по холсту и потяните – вы увидите, что теперь появилась рамка для ввода абзаца.

Когда вы создаете новый текст в документе, он отображается в виде текстового слоя. Если вы не видите эту панель, просто нажмите F7 или откройте вкладку «Окно» – «Слои». Обязательно откройте эту панель – далее мы будем часто к ней обращаться.

Обрамление фото

В верхнем меню находим раздел «Файл» и выбираем категорию «Открыть», ищем на своем компьютере нужную фотографию и благополучно заливаем ее в фотошоп. Обычно, я просто перетаскиваю изображение из папки в программу.

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

Многие новички, в принципе, не могут ничего сделать с картинкой, которую только что залили в Photoshop. Они ищут в чем проблема, почему набор функций слишком ограничен. Вся проблема заключается в том, что нижний слой по умолчанию блокируется от редактирования. Достаточно снять замок с картинки, ситуация мгновенно изменится в лучшую сторону. Вам будет доступно больше опций.

Редактирование текста в Photoshop

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

Для того чтобы изменить размер текста, для начала нужно найти инструмент «Перемещение» на панели инструментов (значок со стрелками). Выбираем текст, размер которого нужно изменить, и просто тянем за уголок рамки. Если так сделать не получилось – убедитесь, что в верхней панели стоит галочка возле пункта «Автовыбор».

Если ваш Photoshop был выпущен до июня 2021 года, то для пропорционального изменения размера необходимо зажимать Shift.

Поменять размер текста можно другим способом – просто выберите необходимый размер шрифта. Выберите слой с текстом, а затем нажмите на инструмент «Текст» (Т). В верхней панели или в окне «Символ» появятся все необходимые параметры: чтобы изменить размер шрифта, впишите значение или выберите что-то из предложенного в меню. Здесь же вы можете выбрать шрифт – чтобы увидеть все установленные шрифты, нажмите на стрелочку.

Как сделать выравнивание текста

Чтобы настроить выключку, пользуйтесь окном «Абзац». На иконках изображены миниатюры способов выравнивания.

Как изменить текст в Photoshop

Существует два способа поменять текст:

1. Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
2. Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

Давайте теперь попробуем добавить красок – поменяем цвет заголовка. Чтобы это сделать, нажмите на инструмент «Текст», затем выберите нужный слой в панели слоев, а наверху нажмите на квадратик с цветом.

Открылась целая палитра – меняйте ползунки, и цвет текста будет изменяться в режиме реального времени. Здесь же можно вписать значения цветов, если вам необходимо задать точный оттенок.

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

Если вы хотите поменять цвет только одной буквы, просто выделите ее инструментом «Текст». Я сделала новую картинку с кукурузкой и теперь хочу покрасить первую букву в желтый цвет. Выделяю ее, а затем нажимаю на окошечко «Цвет» в любой области – у меня целых три варианта.

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

Как скопировать текст

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.

Контур текста, рамка для фотографии и обводка силуэта просто и быстро — инструкция

Здравствуйте, уважаемые читатели. Продолжаем изучать программу Photoshop и ее возможности. Сегодняшний урок относится к базовому разделу. Все будет легко и просто. Однако, благодаря этому навыку вы уже сможете выполнять интересные действия к примеру, создавать неплохие коллажи, делать красивые надписи и даже научитесь рисовать силуэты.

Сегодня я расскажу вам как в фотошопе сделать контур. Мы поработаем с изображениями, научимся делать рамки по краям картинок и выполнять обводку текста. Надеюсь, вы уже умеете работать с выделением сложных объектов. Этот навык очень пригодится сегодня. Если нет, советую начать с другой публикации из моего блога.

Конечно, это не обязательно, я расскажу про один из инструментов, который поможет выделить объект, но для повышения собственной продуктивности не помешает узнать и про остальные – лассо, волшебная палочка, быстрое выделение.

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

Создаем эффекты для текста

Photoshop – мощный графический редактор. С его помощью можно создавать красивые эффекты для текста: неоновое свечение, объемный текст или модный градиент. Давайте начнем с основ и рассмотрим несколько популярных эффектов и способов искажения текста.

Как сделать обводку текста

Чтобы сделать простую обводку текста в Фотошопе, необходимо попасть в окно «Стили слоя». Находим нужный слой на панели слоев и дважды щелкаем по нему мышью. Ставим галочку возле пункта «Выполнить обводку»: в этом окошке можно выбрать ее цвет, положение и размер.

Как сделать контур текста

Еще одна задачка, которую можно решить за пару минут. Итак, у меня уже подготовлена картинка с горами. Я хочу написать на ней контуром слово «nature». Выбираю инструмент «Текст», нажимаю куда-нибудь на холсте и пишу заветное слово.

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

Как сделать прозрачный текст

Прозрачный (вырубленный) текст я буду делать на белой плашке. Сперва нужно создать новый документ и поместить в него какую-нибудь картинку. Сегодня мне особенно нравятся черно-белые пейзажи, ничего не могу поделать. Давайте создадим новый текстовый слой и напишем любое слово. У меня это будет «mystery» – думаю, отлично подходит.

Дальше следите за руками:

1. Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами.

2. Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт).

3. Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой».

4. Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т».

5. Скрываем текстовый слой, ткнув на иконку с глазиком.

6. Выбираем слой с плашкой и нажимаем Delete.

Как изменить прозрачность текста

Чтобы изменить прозрачность букв, откройте панель «Слои». Найдите нужный вам слой и введите значение непрозрачности. Если нажать на стрелочку, появится ползунок.

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

Как сделать неоновые буквы

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

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

3. Открываем «Внешнее свечение» и выбираем цвет этого свечения – у меня малиновые буквы, и свечение от них я тоже сделаю малиновым, только чуть светлее.
4. Настраиваем непрозрачность и переходим ко вкладке «Внутреннее свечение».
5. Во вкладке «Внутреннее свечение» я выбрала светло-розовый цвет, полностью непрозрачный, а возле пункта «Источник» – «Из src=»https://timeweb.com/media/7951d88f95f21239b29a87706d46df53.jpg» class=»aligncenter» width=»1919″ height=»1038″[/img]

После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!

Как сделать градиент текста

Еще один моднейший эффект, который я буду делать через окошко «Стили слоя». Я сделаю цветной градиент на слово «mystery» – может быть, это сделает лес чуть веселее. Итак, заходим в «Стили слоя» через двойной клик по текстовому слою, а дальше – «Наложение градиента».

Если кликнуть по самому градиенту, вы увидите окно редактора, где можно выбрать цвета и выставить все настройки. Редактируйте цвет, кликнув по маленькому ползунку-квадратику, расположенному под градиентом. Если двигать ползунки по горизонтали, градиент будет меняться. Созданный градиент можно сохранить: так вы можете собрать целую коллекцию собственных градиентов. Попробуйте!

Меняем форму

Наклон

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

Потяните мышкой за любой край рамки, чтобы наклонить текст или просто впишите значение угла наклона в верхней части экрана.

Деформация

В Фотошопе есть специальное окно, посвященное деформации текста. Чтобы его открыть, нажмите на инструмент «Текст». Наверху появится кнопка, открывающая окно деформации. Здесь вы можете выбрать стиль и настроить уровень искажения текста. После этого текст все еще будет доступен для редактирования.

Есть еще один способ деформировать надпись. Если нажать правой кнопкой мышки по текстовому слою и затем на «Растрировать текст», то откроется новое поле возможностей.

Помните, что после растрирования текст нельзя будет редактировать. Растрировав его, зайдите во вкладку «Редактирование» – «Трансформирование», а там выберите, к примеру, «Искажение».

Можно тянуть слово в любую сторону, попробуйте!

Во вкладке «Трансформирование» есть и другие штучки. Обратите внимание на пункт «Деформация» – с его помощью можно делать забавные вещи. Вот что получится, если выбрать деформацию с сеткой 5х5:

Как сделать текст по кругу

Текст по кругу в Adobe Photoshop делается буквально в пару кликов. Итак, для начала нам необходимо нарисовать круг. Найдите инструмент «Эллипс». Он может прятаться за «Прямоугольником» – щелкните по нему правой кнопкой мышки, и вы сразу его увидите.

Наверху выберите пункт «Контур». Зажмите Shift, чтобы создать ровный круг, и отпустите, когда размер вас устроит. Чтобы начать писать текст по кругу, выберите инструмент «Текст» и щелкните прямо на контур нашего круга. Чтобы редактировать текст, кликните по нему дважды.

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Неоновый текст в Photoshop — Учебное пособие Adobe

Неоновый текстовый эффект в Photoshop

Неоновый текст в Photoshop легко создать, а также выглядит реалистично. Это самый яркий текстовый эффект в Photoshop . В этом руководстве сначала будет изменено изображение кирпичной стены, чтобы создать фон для Neon Glow Text . Во-вторых, мы создадим светящийся неоновый текст в Photoshop .

Вы также можете научиться создавать эффект неонового света в Photoshop.

Мы будем использовать разные стили слоя для создания неонового текста в Photoshop . Теперь для этого урока сначала выберите изображение текстуры кирпичной стены и откройте его в Photoshop.

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

Шаг 1

Откройте изображение текстуры кирпича как новый документ в Photoshop. Мы изменим это изображение, чтобы создать фон для нашего Neon Text Effect .

Щелкните «Создать новый слой заливки или корректирующего слоя» и выберите «Уровни» в списке параметров. Щелкните значок «Обрезать по слою» на панели «Свойства» и установите уровни тени, Средний и Выходной.

Шаг 2

Снова нажмите «Создать новый слой или корректирующий слой» и выберите «Оттенок / Насыщенность». Установите оттенок, насыщенность и яркость изображения. Также нажмите «Обрезать корректировку по слою».

Шаг 3

Теперь выберите инструмент «Горизонтальный текст» и введите текст.Я использовал шрифт Freestyle Script, цвет — # eb106d . Используя инструмент «Перемещение», вы можете увеличить размер текста и разместить его в любом месте фонового изображения.

Нажмите Ctrl + J , чтобы продублировать текстовый слой. Щелкните правой кнопкой мыши скопированный слой и выберите «Преобразовать в смарт-объект».

Шаг 4

Выделите скопированный текстовый слой (самый верхний слой) и щелкните значок fx на панели слоев.Затем выберите из списка Bevel Emboss. В диалоговом окне Bevel & Emboss Layer Style в разделе Structure установите Style на Pillow Emboss и Technique на Smooth. Также установите глубину, размер и смягчение.

В разделе «Затенение» установите угол, высоту и контур блеска. Затем установите Highlight Mode на Overlay с белым цветом и Shadow Mode на Overlay с черным цветом. Также уменьшите непрозрачность режима тени.

Шаг 5

Теперь мы применим стиль слоя «Обводка» к нашему тексту Neon .В диалоговом окне «Стиль слоя» выберите «Обводка». В разделе «Тип заливки» выберите «Градиент» и создайте цвет градиента, аналогичный цвету неонового текста в редакторе градиентов. Кроме того, установите стиль как Shape Burst.

В разделе «Структура» установите размер и положение обводки. Затем установите Blending Mode на Screen и поставьте галочку на Overprint.

Шаг 6

Теперь выберите Inner Shadow в диалоговом окне Layer Style. В разделе «Структура» установите для параметра «Режим наложения» значение «Экран» и выберите цвет тени, аналогичный цвету неонового текста, но более светлого оттенка.Также установите угол и размер внутренней тени.

Затем мы применим Outer Glow к нашему неоновому тексту. Установите режим наложения на Мягкий свет в разделе «Структура». Также установите элементы и качество эффекта внешнего свечения. Цвет внешнего свечения будет аналогичным оттенку неонового цвета текста.

После применения Outer Glow мы применим эффект Drop Shadow, чтобы завершить наш Neon Text Effect . В разделе «Структура» выберите цвет тени, а затем установите для параметра Режим наложения значение «Экран».Также установите Spread, Size и Angle тени.

После применения всех эффектов стиля слоя ваш Glowing Neon Text в Photoshop выглядит так:

Шаг 7

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

Итак, вот как вы можете создать Neon Text в Photoshop .Попрактикуйтесь в этом уроке Photoshop и поделитесь своими взглядами в разделе комментариев. Также поделитесь этим руководством с другими.

Подпишитесь на https://vividesigning.com, чтобы получать последние обучающие материалы по электронной почте.

Как это:

Нравится Загрузка …

Сопутствующие товары

Сложный эффект светящегося текста в учебнике 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% и проведите по нижним краям холста, чтобы общее свечение, казалось, исходит от середины.

Возможно, вы захотите увеличить яркость и контраст в зависимости от того, насколько вы переборщили. Сделайте это, нажав ИЗОБРАЖЕНИЕ> НАСТРОЙКИ> ЯРКОСТЬ / КОНТРАСТ.

Продолжайте экспериментировать со всеми описанными выше методами, чтобы каждый раз создавать уникальный образ. Если вы не понимаете шаг, просто спросите. Наслаждаться!

Совет по Photoshop: текстовая кнопка светового эффекта

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

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

Шаг 1

Загрузите PSD из учебника «Стильная металлическая кнопка» в Photoshop и откройте его.Скройте символ в центре кнопки, чтобы мы могли создать световой эффект.

Шаг 2

С помощью Horizontal Type Tool (T) добавьте нужный текст, я набрал START, используя Impact для шрифта. Цвет на самом деле не важен, потому что мы применим несколько стилей слоя для создания эффекта.

Шаг 3

Перейдите в Layer> Layer Styles> Color Overlay. Используйте для цвета синий # 5ba0c8 .

Шаг 4

Выберите Inner Glow , для Blend Mode используйте Color Dodge с 65% непрозрачностью , белый для цвета, Center для Source , 4% для Choke и 10 пикселей для Size. Также измените диапазон на 52%.

Шаг 5

Выберите Outer Glow . Используйте Screen для режима наложения , 42% для непрозрачности , синий (# 33b5ff) для цвета, 0% для Spread, 13 пикселей для размера.

Шаг 6

Выберите Inner Shadow , затем для режима наложения используйте Darker Color с черным цветом. Для Непрозрачности используйте 76%, Угол 127º. Для Distance используйте 2 пикселя, 0% для Choke и 5 пикселей для Size.

Шаг 7

Теперь очень важная часть эффекта, создание эффекта растровых линий. Сделать это довольно просто, просто создайте новый документ с шириной 10 пикселей и высотой 2 пикселя.Затем создайте черный прямоугольник размером 10×1 пиксель, чтобы одна линия была черной, а другая — белой. После этого перейдите в Edit> Define Pattern. Назовите свой образец, и готово.

Шаг 8

Создайте новый слой и залейте его фоновым рисунком, затем создайте выделение текста, щелкнув миниатюру значка, содержащего Command (MAC) / Control (PC)

Шаг 9

Перейдите к Layer> Layer Mask> Reveal Selection , чтобы узор был виден только в пределах области выделения marquee.После этого измените режим наложения на Overlay.

Шаг 10

Дублируйте текстовый слой и перейдите в Filter> Blur> Gaussian Blur . Используйте 10 пикселей для радиуса. Затем сгруппируйте слой в папку и измените его режим наложения на Soft Light.

Заключение

Вы можете объединить все слои, использованные для создания кнопки, и продублировать их дважды, а затем применить размытие по Гауссу к обоим. Для одного ниже измените режим наложения на Overlay, а для одного на верхнем используйте экран, оба с непрозрачностью 40%.После этого световой эффект почти готов.

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

Текстовый эффект пурпурного свечения | Текстовые эффекты

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

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

Примечания:

* в этом руководстве используется программное обеспечение Adobe Photoshop CS6 , но вы также можете использовать версии CS3 +.
*, возможно, вы захотите посетить страницу Basix, чтобы увидеть некоторые полезные темы по работе с основами Photoshop, такие как загрузка палитр и некоторые ярлыки.

Ресурсов:

* Текстура 206 от Sirius-sdz.

Шаг 1

— Создайте новый документ размером 1152 x 864 пикселей.Установите цвет переднего плана на # 4f4097 и цвет фона на # 0d004c, выберите инструмент Gradient Tool, щелкните значок радиального градиента на панели параметров, затем щелкните и перетащите от центра документа к одному из углов.

— Поместите изображение текстуры 206 поверх фонового слоя, измените его размер по мере необходимости, затем измените режим наложения его слоя на Overlay.

— Создайте текст, используя цвет # 4f4097. Используемый шрифт — Franks, размер — 310 пунктов, интерлиньяж — 280 пунктов.

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

Шаг 2

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

— Внутренняя тень: измените режим наложения на Мягкий свет, расстояние на 0 и размер на 24. Это добавит глубины тексту.

— Внутреннее свечение: измените режим наложения на яркий свет, технику на Точность, что сделает свечение менее переливающимся, измените Источник на Центрируйте так, чтобы свечение светилось из центра, а не из центра. края и измените размер на 35.

— Satin: измените режим наложения на Overlay, цвет на # da94ff, Угол до 25, расстояние до 93, размер до 54 и контур до кольца — Двойной.

— Внешнее свечение: измените режим наложения на яркий свет, шум на 45%, цвет # fff8be, Техника Точности, Разброс до 5, Размер на 10, а контур на конус — перевернутый.

— Это создаст яркий светящийся текст.

Шаг 3

— Сделайте слой с текстом копии видимым, щелкнув пустое поле рядом с его, затем щелкните этот слой правой кнопкой мыши и выберите «Растрировать тип».

— Убедитесь, что цвета переднего плана и фона по-прежнему установлены на # 4f4097 и # 0d004c.

Шаг 4

— Перейдите в Filter -> Render -> Fibers, затем измените Variance на 35 и Strength на 4.

— Вы должны получить результат, подобный этому.

— Перейдите в Filter -> Brush Strokes -> Accented Edges, затем измените Ширина края до 2, Яркость края до 38 и Гладкость до 5.

— Это сделает текстуру волокон более размытой и слегка светящейся по краям.

— Измените режим наложения растрированного слоя на Мягкий свет. Это добавит красивую текстуру исходному тексту.

Шаг 5

Выберите инструмент Brush Tool с мягкой круглой кистью, затем откройте Brush. панель (Window -> Brush), чтобы изменить настройки кисти, как показано ниже:

— Форма кончика кисти:

— Динамика формы:

— Двойная кисть:
Выберите кисть «Мел 17 пикселей».

Шаг 6

— Щелкните правой кнопкой мыши исходный текстовый слой и выберите «Создать рабочий контур».

— Создайте новый слой прямо под текстовым слоем и назовите его «Свечение», затем измените режим наложения на Overlay. Установите цвет переднего плана на # f9cfff и выберите инструмент «Прямое выделение».

— Щелкните правой кнопкой мыши рабочий контур и выберите «Обводка контура».

— Выберите параметр «Кисть» в раскрывающемся меню «Инструмент» и убедитесь, что флажок «Имитировать давление» не установлен.

— Нажмите Enter, чтобы избавиться от пути.

— Перейдите в Фильтр -> Размытие -> Размытие по Гауссу и установите Радиус на 3.5. Это сгладит мазок, сохранив его тонкую текстуру.

Ваш фиолетовый светящийся текст готов!

Текстовые эффекты яркого свечения | Уроки Photoshop @ Designstacks

В этом кратком руководстве вы узнаете, как создать эффект светящегося текста с нуля в Adobe Photoshop CS3 с помощью стилей слоя.

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

Начните работу с создания нового документа ( Ctrl + N ) в Adobe Photoshop CS3 с размером 1900 пикселей на 1200 пикселей ( цветовой режим RGB ) с разрешением 72 пикселей / дюйм .Используйте инструмент Paint Bucket Tool (G) , чтобы заполнить черным цветом нового фонового слоя .

На новом слое ( Create new layer ) выберем кисть Soft Round .

Используйте эту кисть, чтобы изобразить пятно в центральной части холста. Цвет кисти # 007EC7

Примените следующий фильтр к слою, содержащему пятно: Fitler> Distort> ZigZag

Мы получили следующий результат:

Установите Fill на 54% для этого слоя.

Затем мы выберем инструмент Rectangle Tool (U) , чтобы представить три белые линии, которые необходимо перевернуть с помощью команды Free Transform (Ctrl + T) .

Объедините в группу все три слоя с белыми линиями (нажмите кнопку CTRL , чтобы выбрать необходимые слои, и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на Создайте новую группу. Значок из нижней части слоев. панель ).

Выберите группу сейчас и нажмите CTRL + E от до Объединить с . К растеризованному слою применим следующий фильтр: Fitler> Distort> Wave

Мы получили следующий результат:

К тому же слою нам нужно применить также Фильтр> Размытие> Размытие по Гауссу

Мы получили следующий результат:

Установите Fill на 44% для этого слоя и измените Blending mode на Overlay .Щелкните значок Добавить стиль слоя в нижней части панели Layers и выберите Drop Shadow .

Добавить Outer Glow :

Мы получили следующий результат:

Сделайте копию недавно созданного слоя и выберите команду Free Transform (Ctrl + T) , чтобы перевернуть копию так же, как показано на картинке.

Теперь нам нужно создать новый слой , выберите здесь Soft Round brush.

Используйте эту кисть, чтобы раскрасить новый слой двумя цветами (в верхней части выберем зеленый цвет, в нижней части — синий) (Непрозрачность — 10%, ).

Как сделать экран светящимся с помощью Photoshop (светится телефон, телевизор, ноутбук)

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

Чтобы сделать экран светящимся в Photoshop, выберите голубой цвет и нарисуйте вокруг краев экрана с помощью мягкой кисти на новом слое. После настройки кисти измените режим наложения слоя с «Нормальный» на «Экран», чтобы смешать мазки кисти. Теперь ваш экран выглядит так, как будто он светится на вашей фотографии!

В зависимости от типа изображения, с которым вы работаете, существует несколько различных методов создания светящихся экранов в Photoshop.В этом уроке вы познакомитесь с двумя эффективными методами, используя инструмент «Кисть» и корректирующий слой «Кривые». Оба варианта очень легко создать, но их внешний вид может немного отличаться в зависимости от ориентации экрана.

Давайте начнем с самого простого способа создания свечения экрана с помощью Brush Tool!

Как сделать цветной экран светящимся в Photoshop (метод кисти)

Этот метод лучше всего подходит для свечения, цвет которого вы хотите контролировать. Если вы работаете над научно-фантастической фотоманипуляцией или хотите создать неоновый свет, этот вариант отлично подойдет.Поскольку вы можете выбрать точный цвет, который хотите использовать для свечения, проявить творческий подход намного проще.

Шаг 1. Создайте новый слой

Прежде чем что-либо делать, начните с создания нового слоя над слоем изображения. Это позволит вам редактировать без разрушения с помощью настроек кисти!

Шаг 2. Выберите инструмент «Кисть» и выберите цвет

Пришло время выбрать цвет для вашего эффекта свечения. Начните с выбора Brush Tool ( B ), а затем щелкните цвет переднего плана на панели инструментов.

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

Шаг 3. Закрасьте края экрана

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

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

Шаг 4. Повторите эти шаги с более светлым цветом

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

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

Уменьшите размер кисти с помощью клавиши [, рисуйте по краю экрана на том же слое, что и раньше. Теперь у вас остался двухцветный мазок кисти, идущий от экрана. Проблема в том, что это пока выглядит не очень убедительно, поэтому давайте изменим режим наложения слоев!

Шаг 5. Измените режим наложения светящегося слоя на «Экран»

Убедитесь, что ваш слой свечения выбран (он же слой с мазками кисти), и измените режим наложения слоя с Normal на Screen .Это изменит то, как настройки кисти смешиваются с вашей фотографией, и превратит их в убедительное свечение.

Шаг 6. Отрегулируйте свечение с помощью маски слоя (необязательно)

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

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

Результат

Создание свечения экрана в Photoshop с помощью кисти — один из самых простых способов сделать это. Поскольку вы можете быстро нанести кисть на фотографию, для создания эффекта не требуются какие-либо сложные инструменты.

Как сделать реалистичное свечение экрана в Photoshop (метод настройки кривых)

Для этого второго варианта вы узнаете, как сделать экран светящимся с помощью настройки кривых и инструмента «Перо».Этот метод предлагает более точный способ добавления свечения на экран, но обеспечивает только базовые настройки цвета. В отличие от предыдущего метода, корректировка кривых позволяет только слегка изменить оттенок цвета. Это может не сработать для манипуляций с фотографиями в научно-фантастическом стиле, но, безусловно, хорошо работает для того, чтобы все выглядело реалистично!

Шаг 1. Создайте контур ручки в форме вашего свечения

Для начала возьмите Pen Tool ( P ) и начните создавать путь в форме вашего свечения.Еще раз, вы хотите расширить эту форму наружу от направления экрана. Поскольку этот экран направлен прямо от камеры, я создам путь, тянущийся вверх.

После завершения пути щелкните правой кнопкой мыши в центре и выберите «Сделать выбор».

Оставьте радиус растушевки 0 пикселей и нажмите ОК. Теперь ваш путь пера станет активным выделением, представленным марширующими муравьями.

Шаг 2. Применение выделенной области к корректирующему слою «Кривые»

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

Шаг 3. Настройка яркости кривых

Щелкнув в центре кривой, перетащите вверх, чтобы сделать изображение ярче. Чем ярче вы увеличите яркость, тем ярче будет выглядеть экран. Поиграйте с этим, пока не найдете то, что подходит для вашего изображения.Не волнуйтесь; вы всегда можете вернуться и изменить это позже.

Шаг 4: Добавьте цвет с помощью настройки кривых

Над кривой находится вкладка с надписью RGB. При нажатии на эту вкладку отображаются отдельные цветовые каналы для красного, зеленого и синего. Когда вы нажимаете между этими каналами, вы можете применять разные цвета к своей фотографии. Я хочу сделать его более теплым для этого свечения экрана, поэтому я нажимаю на синий канал и добавляю желтый , затем нажимаю красный канал и добавляю красный.

Шаг 5: примените размытие по Гауссу к корректировке кривых

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

Убедитесь, что маска корректирующего слоя кривых выбрана, и перейдите к Фильтр> Размытие> Размытие по Гауссу.

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

Когда вы будете довольны результатом, нажмите OK.

Шаг 6: затемните края фотографии (необязательно)

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

Сначала создайте слой регулировки яркости и контрастности и затемните яркость всей фотографии.

Теперь все выглядит слишком темным, поэтому давайте удалим этот эффект из центральной области вокруг свечения. Лучший способ сделать это — использовать прозрачный радиальный градиент переднего плана. Выберите инструмент «Градиент» ( G ), выберите градиент от переднего плана до прозрачного в редакторе градиентов и установите тип градиента на радиальный градиент .

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

Результат

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

Теперь вы знаете два эффективных способа создания свечения экрана в Photoshop. Независимо от того, ищете ли вы быстрое решение с помощью инструмента «Кисть» или более точного варианта с помощью инструмента «Перо» и настройки кривых, вы все равно получите отличный результат.Поскольку вы освоили этот эффект Photoshop, давайте перейдем к следующему уроку и посмотрим, как сделать фотографии мягкими и сказочными в Photoshop!

Счастливого редактирования,

Брендан 🙂

Создайте эффект неонового ретро текста в Photoshop

Создание образов, отражающих определенные стили, — важный навык для любого художника-графика. Знание того, как создавать широкий спектр стилей, делает вас универсальным дизайнером, который может справиться с широким спектром проектов. Возможность управлять широким спектром проектов также делает вас более востребованными.И, будучи более востребованным, намного легче найти отличную работу. Одним из полезных навыков любого дизайнера является умение создавать отличные заголовки и текстовые эффекты. В этом уроке мы создадим ретро-футуристический текстовый эффект, используя несколько различных техник.

Сначала создайте новый документ с шириной 1024 пикселей и высотой 768 пикселей. Залейте фоновый слой черным.

Выберите инструмент «Текст» и выберите шрифт в стиле ретро. Вы можете найти бесплатные шрифты по всему Интернету, но хорошим источником бесплатных шрифтов всех стилей является dafont.com. Я выбрал шрифт Super Retro M54 от Мохаммеда Рахмана. В качестве цвета выберите белый.

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

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

Нам нужно создать собственный градиент, чтобы наша обводка выглядела правильно. Щелкните значок градиента. Убедитесь, что центр белый, а края переходят в средне-синий цвет (# 0064fb). Это даст вид округлого объемного штриха. Между белым и средним синим выберите переход между ними цвета морской волны (# 00ffea). Ни один из первых градиентов не будет работать, но последний, всплеск формы, повторяет контур самого текста.

Далее нам нужно добавить внутреннее свечение. Установите светло-голубой цвет (# 24bfff) и установите режим наложения «экран». Установите технику «мягче», а источник — «край». Установите дроссель на 45 и размер на 15. Дроссель ограничивает свечение и делает его более жестким, уменьшая затухание внутреннего свечения.

Затем создайте внешнее свечение, такое как мягкое свечение, которое обычно испускает неоновый свет. Установите свечение на средне-голубой (# 00a2ff) и установите режим наложения на «screen.»Установите непрозрачность на 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 пикселей. В случайных углах вашего типа щелкните один раз поверх текста. Это должно создать мягкий блеск на вашем тексте. Обязательно меняйте размер кисти каждый раз, когда нажимаете, потому что разные размеры будут выглядеть более реалистично.

Белый цвет немного резкий и слишком сильно выделяется, поэтому щелкните правой кнопкой мыши слой сетки, выберите «Копировать стиль слоя», выберите слой кисти, который вы только что создали, щелкните слой правой кнопкой мыши и выберите « Вставить стиль слоя.”

Заключение

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