Световые Эффекты - это интересный способ сделать вашу типографику более интересной. В этом уроке я покажу вам, как создать текстовый эффект, который будет освещаться дорожками маленьких огней с помощью нескольких инструментов Photoshop, включая векторные фигуры, кисти, стили слоя и корректирующие слои. Давайте приступим!
Следующие исходные материалы были использованы для создания данного урока:
Создайте новый документ 1200 x 1600 px, установите Разрешение (Resolution) на 300 . Установите цвет переднего плана на #35383f , а цвет заднего плана на #1d1e23 . Выберите инструмент Градиент (Gradient Tool), установите тип градиента от Цвета переднего плана к цвету заднего плана (Foreground to Background), градиент Радиальный (Radial) а также поставьте галочку в окошке Дизеринг (Dither), чтобы создать более плавный градиент.
Откройте исходное изображение с пейзажем в программе Photoshop. Переместите данное изображение на наш рабочий документ, расположив поверх слоя Задний фон (Background). Расположите изображение таким образом. чтобы горы были расположены в нижней части документа. Поменяйте режим наложения для слоя с пейзажем на Умножение (Multiply).
Далее, идём Изображение - Коррекция - Обесцветить (Image > Adjustments > Desaturate), а затем идём Изображение - Коррекция - Уровни (Image > Adjustments > Levels). Установите значение Гаммы (Gamma) на 1.15 .
Создайте текст, используя шрифт Code Bold . Тип шрифта и размер шрифта играют решающее значение для этого текстового эффекта, поскольку они определяют параметры кисти, которую мы используем позже в этом уроке. Поэтому, вы должны использовать те же самые значения или должны изменить настройки кисти, чтобы они подошли к типу и размеру шрифта, которые вы используете.
Установите размер шрифта 60pt , цвет шрифта #422915 , значение Трекинга (Tracking) 100 , а также установите Кернинг (Kerning) на Оптический (Optical).
Продублируйте слой с текстом.
Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующие стили слоя:
Внутреннее свечение (Inner Glow)
Итак, мы стилизовали текст, используя стандартный эффект свечения. Стиль слоя Наложение узора помогает создать некое разнообразие яркости, в то время, как стиль слоя Внутреннее свечение усиливает свет в центре текста, он также станет ориентиром для добавления рабочих контуров и обработки кистью в дальнейшем.
Создайте новый документ 500 х 500 рх. Выберите инструмент Многоугольник (Polygon Tool), установите количество Сторон (Sides) на 7 , а затем создайте чёрный семиугольник 320 x 320 .
Идём Редактирование - Определить кисть (Edit > Define Brush Preset). Дайте название кисти. Далее, вы можете закрыть документ и вернуться к рабочего документу.
Выберите инструмент Кисть (Brush Tool), откройте панель Кисть (Brush), для этого идём Окно- Панель (Window > Brush). Выберите кисть, которую вы только что создали, а затем установите следующие настройки кисти, которые указаны на скриншоте ниже:
Создайте новый слой поверх всех остальных слоёв, назовите этот слой Кисть (Brush). Установите цвет переднего плана на белый. Что вам нужно сделать далее - это выполнить заливку контуров вдоль прямых и диагональных участков текста c помощью настроенной кисти.
Для заливки горизонтальных и вертикальных участков текста, щёлкните в любом месте, где вы хотите начать линию, а затем удерживая клавишу (Shift ), потяните линию до точки остановки линии.
Для заливки диагональных линий, щёлкните один раз там, где вы хотите начать линию, а затем удерживая клавишу (Shift ), щёлкните ещё один раз там, где вы хотите остановить линию.
Всегда вначале щёлкните по холсту. а затем удерживайте клавишу (Shift ), чтобы избежать привязки линий друг с другом.
Вы всегда можете отменить действие при создании любой линии, если она вам не нравится, а затем повторить действие. На этот шаг уйдёт некоторое время, но это необходимо для точности результата.
Остальные буквы мы заполним с помощью обводки рабочих контуров.
Для буквы "O ", вы можете просто использовать инструмент Эллипс (Ellipse Tool), установив в панели управления данного инструмент режим на Контуры (Path), чтобы создать рабочий контур по центру буквы.
Для остальных букв вам понадобится инструмент Перо (Pen Tool), установив в панели управления данного инструмент режим на Контуры (Path) для создания рабочих контуров.
Щёлкните один раз по холсту, чтобы добавить опорные точки, а щёлкнуть и потянуть, чтобы создать кривые. Вы можете использовать внутреннее свечение букв в качестве ориентира для добавления контуров. Вам не обязательно делать это идеально, т.к. мы ещё поработаем над обводкой далее.
Очень важно обратить внимание на то, что при создании рабочих контуров - их нужно создать для всех букв (на всех участках текста, где требуется создать) до выполнения обводки любого из них. Рабочие контуры, созданные сейчас, будут использован ещё раз позже в этом уроке. Поэтому, их нужно создать одновременно.
Чтобы вы могли разделить рабочие контуры, нажмите и удерживайте клавишу (Ctrl ), а затем щёлкните один раз за пределами контура, когда он будет готов. Таким образом, мы отделим рабочий контур, который мы создали от контура, который мы собираемся создать далее.
После создания всех рабочих контуров, выберите инструмент Стрелка (Direct Selection Tool), чтобы приступить к редактированию контуров.
Вы можете сдвигать опорные точки, чтобы переместить их или щёлкнуть по Направляющим точкам (Direction Points) на конца двух Направляющих Рычагов (Direction Handles), чтобы сместить их и изменить направление кривой или потянуть их наружу или внутрь, чтобы сделать кривую более или менее выпуклой.
При необходимости, вы также можете использовать инструменты Добавить или Удалить опорную точку (Add/Delete Anchor Point Tool(s).
Когда вас устроит результат, как выглядят контуры, ещё раз выберите инструмент Кисть (Brush Tool), убедитесь, чтобы слой Кисть (Brush) был активным, а затем нажмите клавишу (Enter ), чтобы выполнить обводку рабочих контуров.
Вы можете удалить рабочий контур, путём выделения инструментом Стрелка (Direct Selection Tool) и последующим нажатием клавиши (Enter ).
После завершения редактирования обводки, уменьшите значение Заливки (Fill) для слоя Кисть (Brush) до 0 , а затем продублируйте этот слой.
Дважды щёлкните по слою Кисть
Итак, мы стилизовали светящуюся часть лампочек (семиугольников).
Дважды щёлкните по дубликату слоя Кисть (Brush), чтобы применить следующие стили слоя:
Итак, мы создали стекло для лампочек.
Выберите инструмент Кисть (Brush Tool), а затем откройте окно Набора кистей (Brush Preset). Щёлкните по значку выпадающего меню в верхнем правом углу. Выберите опцию Квадратные кисти (Square Brushes) и в появившемся окне, нажмите кнопку Добавить (Append), чтобы добавить эти кисти к существующим кистям.
Выберите квадратную кисть 3px , а также установите настройки кисти в панели Кисть (Brush), как показано на скриншоте ниже. Возможно это будет сложно, так как нам нужно применить квадратную кисть в центре каждого семиугольника. Поэтому, необходимо отрегулировать значение Интервала (Spacing), пока вы не добьётесь нужного результата.
В этом уроке бы использован интервал 700 . Но вы конечно можете попробовать применить другие значения, если данное значение не сработает у вас.
Создайте новый слой поверх всех слоёв, установите цвет переднего плана на ярко-красный цвет. После этого, повторите те же самые шаги, которые мы применили к семиугольникам для заливки текста с помощью квадратной кисти.
Не забудьте, что кисть нужно вести точно по центру семиугольников.Примечание переводчика: автор добавляет квадратики на вертикальные и горизонтальные участки букв, для кривых участков, автор использует технику обводки контуров.
Чтобы вернуть рабочий контур, а затем выполнить обводку рабочих контуров вдоль букв, откройте панель Контуры (Paths), для этого идём Окно - Контуры (Window > Paths), а затем выберите вкладку Рабочий контур (Work Path).
Возвращаемся в панель Слои (Layers), чтобы выполнить обводку рабочего контура. Добавьте квадратики на остальные буквы текста, повторяя ранее проведённую процедуру.
Когда вы завершите добавлять квадратики, установите цвет переднего плана на #fff5e9 , выберите инструмент Заливка (Paint Bucket Tool), уберите галочку в окошке Смежные пиксели (Contiguous). Наведите курсор на один из квадратиков, а затем щёлкните, чтобы залить их цветом переднего плана.
Это не самый точный способ изменить цвет, но благодаря этому, создаются некоторые вариации.
Если вы хотите получить более точный результат, вы можете применить стиль слоя Наложение цвета (Color Overlay), используя тот же самый цвет #fff5e9, а затем растрируйте слой.
Переместите слой с квадратиками вниз, расположив ниже слоя Кисть (Brush), назовите его 0 . Трижды продублируйте этот слой, назовите дубликаты слоёв: 90 , 45 и -45 . Названия слоёв представляют значения, которые были использованы для параметра Угол (Angle) фильтра Размытие в движении (Motion Blur) для каждого слоя.
Перейдите на слой 0 , а затем идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Motion Blur). Установите Угол (Angle) на 0 , а Смещение (Distance) на 30 .
Проделайте то же самое с остальными слоями, только не забудьте использовать значение Угла (Angle) в соответствии с названием слоя.
Выберите инструмент Палец (Smudge Tool), установите мягкую круглую кисть, размер кисти 5px , а также установите Интенсивность (Strength) на 100 . Пройдитесь кистью по линиям, чтобы заполнить пустые углы.
Удерживая клавишу (Ctrl с текстом, чтобы загрузить активное выделение.
Идём Выделение - Модификация - Сжать (Select > Modify > Contract). Установите сжатие на 1 . Таким образом, мы проведём сжатие выделенной области на 1рх .
Продублируйте слой Свет (Light), а затем поменяйте режим наложения на Перекрытие (Overlay). Далее, продублируйте дубликат слоя.
Таким образом, мы усилим отражение света.
Установите цвет переднего плана на #151414 , выберите инструмент Прямоугольник (Rectangle Tool), создайте прямоугольники 11рх высотой за текстом. За каждой строчкой текста должно быть два прямоугольника. Один ближе к верху, а второй ближе к низу. Стержни по длине должны уходить за пределы текста слева и справа.
Не забудьте в панели управления инструмента. выбрать режим Объединить фигуры (Combine Shapes), чтобы создать все прямоугольники на одном слое.
Переименуйте слой с прямоугольниками в Горизонтальные (Horizontal), не забудьте расположить данный слой ниже слоя с текстом, далее, создайте новый слой ниже предыдущего слоя, назовите этот слой Вертикальные (Vertical).
Создайте два вертикальных прямоугольника 15px шириной, почти на концах горизонтальных прямоугольников, не забудьте протянуть их вниз до нижней части документа.
Создайте ещё один новый слой между слоями Горизонтальный (Horizontal) и Вертикальный (Vertical), назовите этот слой Центральный (Center), а затем добавьте ещё два новых прямоугольника шириной 11pх в середине горизонтальных прямоугольников.
Дважды щёлкните по слою Горизонтальные (Horizontal), чтобы применить следующие стили слоя:
Итак, мы стилизовали горизонтальные стержни.
Дважды щёлкните по слою Вертикальные (Vertical), чтобы применить следующие стили слоя:
Вертикальные (Vertical) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style).
Щёлкните правой кнопкой по слою Центральный (Center) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).
Удерживая клавишу (Ctrl ), щёлкните по миниатюре слоя Центральный (Center), чтобы загрузить активное выделение, а затем удерживая клавиши (Ctrl+Shift ), щёлкните по миниатюре слоя Вертикальный (Vertical), чтобы добавить к выделенной области.
Создайте новый слой поверх слоя Центральный (Center), назовите этот слой Тень (Shadow), поменяйте режим наложения для данного слоя на Умножение (Multiply). Установите цвет переднего плана на #959595 , выберите инструмент Кисть 100 - 125 px .
Щёлкните кистью один раз, чтобы добавить тень в местах, где пересекаются горизонтальные и вертикальные стержни. Когда закончите, идём (Select > Deselect).
Дважды щёлкните по оригинальному слою с текстом. чтобы добавить стиль слоя Тень (Drop Shadow) со следующими настройками:
Идём Слой- Стиль слоя - Образовать слой (Layer > Layer Style > Create Layer). Таким образом, мы поместили стиль слоя тень на отдельный слой. Удалите оригинальный слой с текстом.
Удерживая клавишу (Ctrl ), щёлкните по миниатюре слоя Горизонтальные (Horizontal), чтобы загрузить активное выделение, убедитесь, что вы находитесь на слое с тенью, а затем идём Выделение - Инверсия (Select > Inverse), далее, нажмите клавишу (Delete ), чтобы скрыть тень за пределами горизонтальных стержней.
Идём Выделение - Отменить выделение (Select > Deselect). Переименуйте слой с тенью в Тень текста (Text Shadow).
Создайте новый слой ниже слоя Тень текста (Text Shadow), назовите этот слой Свет текста (Text Light). Поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%. Установите цвет переднего плана на #c0b99d .
Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, размер кисти 250 px . Добавьте эффекты освещение за текстом.
Поменяйте цвет переднего плана на #c9b47d , установите размер кисти на самое большое значение (1800 ). Создайте новый слой поверх всех остальных слоёв, назовите этот слой Наложение света (Light Overlay). Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 70% .
В нижней части панели слоёв, нажмите значок (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Карта градиента (Gradient Map).
Поменяйте режим наложения для корректирующего слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 20% .
Чтобы создать градиент, используйте следующие цвета градиента и их позиции:
Ещё раз нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоёв в появившемся меню, выберите опцию Градиент (Gradient).
Используйте градиент от Прозрачного к Цвету чёрной заливки (Transparent to Black), белый цвет слева и справа градиента, а также установите Стиль (Style) градиента на Радиальный (Radial), поставьте галочку в окошке Дизеринг (Dither).
Расположите этот корректирующий слой ниже слоя с текстом, а затем поменяйте режим наложения Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 25% .
В этом уроке я показала, как создать светящийся текст, используя несколько техник в программе Photoshop. Надеюсь, что вы узнали сегодня что-то новое для себя из этого урока и сможете использовать техники, которые я продемонстрировала в своей работе по созданию текста.
В этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию.
Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market .
ОК. Давайте приступим!
Итоговый результат:
Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES. grd.
Создайте новый документ со следующими размерами 1280 x 720 px. Залейте задний фон цветовым оттенком #0c0101.
Добавьте текст, цвет шрифта белый, шрифт Indira K.
Оригинальный шрифт, который использовался в сериале - Benguiat (https://www.myfonts.com/fonts/itc/benguiat/). Это альтернативный вариант, который вы тоже можете использовать.
Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно - Символ (Window > Character).
Установите значение Трекинга (Tracking) на -100.
Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.
Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.
Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.
Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву.
Проделайте то же самое с последней буквой из первой строчки текста или любой другой буквой, которая вам нравится.
Расположите курсор между двумя первыми буквами, а затем поменяйте значение Кернинга (Kerning) на значение, при котором, на ваш взгляд эффект будет лучше смотреться.
В зависимости от вашего текста, а также от результата, который вы хотите получить, откорректируйте Кернинг (Kerning) для остальных букв вашего текста. Не обязательно корректировать все буквы, откорректируйте те буквы, для которых на ваш взгляд необходимо это сделать.
Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0.
Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:
Выберите стиль слоя Тиснение
Контур (Contour). Установите следующие настройки для данного стиля слоя:
Выберите следующий стиль слоя Обводка
Выберите следующий стиль слоя Внутреннее свечение
Выберите следующий стиль слоя Внешнее свечение
Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) в панели управления данного инструмента, установите Радиус (Radius) на 2. Щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольник над текстом, расстояние между текстом и прямоугольной линией должно быть примерно 7 px.
Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift).
Далее, щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольники в начале и в конце второй строки текста, или в любом другом месте, где вы хотите добавить их. Старайтесь сохранять расстояние между любой прямоугольной линией и текстом, чтобы они были одинаково удалены от текста.
Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart- object).
Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0.
Щёлкните правой кнопкой мыши по любому слою с прямоугольником и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим тот же самый стиль слоя, который мы скопировали у слоя с текстом.
После этого, дважды щёлкните по стилизованному слою с прямоугольником для изменения некоторых настроек:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
Теперь щёлкните правой кнопкой мыши по стилизованному слою с прямоугольником и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).
Выделите остальные слои с прямоугольниками, которые у вас есть, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся меню выберите опцию Вклеить стиль слоя (Paste Layer Style).
Сгруппируйте слой с текстом, включая слои с прямоугольниками в одну группу. Назовите эту группу Текстовый эффект (Text Effect).
Дважды щёлкните по слою с группой, чтобы применить следующие стили слоя:
Выберите стиль слоя Наложение градиента
Добавьте ещё раз стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
Таким образом, мы усилили эффект.
Установите цвет переднего плана на #451d08, а затем создайте новый слой поверх всех остальных слоёв, назовите этот слой Свет (Light), а также поменяйте режим наложения на Осветление основы (Color Dodge).
Выберите инструмент Кисть (Brush Tool), установите большую мягкую круглую кисть. Далее, щёлкните несколько раз по различным буквам, чтобы добавить световые блики.
Вы можете поменять размер кисти и поиграть со значением непрозрачности кисти для варьирования интенсивности световых бликов, которые вы добавляете.
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).
Установите значение Насыщенности (Saturation) на 35, а значение Яркости (Lightness) на 15, или установите другие настройки, которые вам нравятся.
Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect).
Установите цвета градиента #5c456e справа, #b26b73 в центре, и #fda982 слева. Поменяйте Стиль (Style) на Зеркальный (Reflected), Угол (Angle) на 155, а Масштаб (Scale) на 55%.
Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Цветность (Color), а также уменьшите значение Непрозрачности (Opacity) слоя до 35%.
Поздравляю! Мы завершили урок!
В этом уроке мы создали текст, а затем изменили настройки текста в панели настроек Символ (Character). Далее, мы стилизовали текст, создали прямоугольники, а также стилизовали их.
После этого, мы сгруппировали все слои и добавили ещё один стиль слоя. В заключение, мы добавили световые блики, а также корректирующий слой Градиент (gradient) для коррекции цвета заключительного результата.
Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы.
Создайте новый документ в Фотошопе (Ctrl + N) размером 1200х1600 пикселей с разрешением 300 пиксель/дюйм. Установите основной цвет на #35383f , а фоновый - на #1d1e23 . Выберите инструмент Gradient Tool (G): Foreground to Background. Протяните радиальный градиент из центра холста к одному из углов.
Вставьте фотографию гор в наш документ и расположите так, чтобы вершина горы была у нижнего края холста. Установите режим наложения Multiply.
Обесцветьте фотографию гор (Ctrl + Shift + U), а затем примените коррекцию Levels (Ctrl + L).
Выберите инструмент Horizontal Type Tool (T) и напишите текст шрифтом «Code Bold» цветом #422915 . Откройте панель Character (Window ? Character) и настройте шрифт, как показано ниже.
Создайте копию текстового слоя (Ctrl + J).
Кликните дважды на копии текстового слоя, чтобы открыть окно стилей. Примените стили, показанные ниже.
Используйте облачный узор.
Стили создадут на тексте базовое свечение. Стиль Pattern Overlay поможет создать вариацию яркости, а стиль Inner Glow усилит свет в середине букв. Эти же светлые линии станут направляющими для размещения лампочек.
Создайте новый документ в Фотошопе (Ctrl + N) размером 500х500 пикселей. Выберите инструмент Polygon Tool (U) и в настройках установите количество сторон на 7. Создайте фигуру размером 320х320 пикселей.
Перейдите в меню Edit ? Define Brush Preset. Введите имя кисти и нажмите ОК. Закройте текущий документ и вернитесь к предыдущему.
Выберите инструмент Brush Tool (B) и откройте панель кистей (F5). Выберите кисть, которую только что создали. Она будет в конце списка.
Создайте новый слой (Ctrl + Shift + Alt + N) на самом верху и назовите его «Brush». Выберите белый цвет в качестве основного. Нам нужно заполнить середину букв семиугольными фигурами. Для того, чтобы рисовать узоры строго по вертикали или горизонтали, используйте клавишу Shift.
Для рисования горизонтальных и вертикальных линий семиугольников, кликните на начальной точке (не отпускайте кнопку мыши), зажмите клавишу Shift и оттяните мышь в сторону.
Для рисования диагональных линий сначала поставьте семиугольник в начальную точку одиночным кликом. Затем зажмите клавишу Shift и кликните на конечной точке. У вас получится линия семиугольников.
Используйте сочетание клавиш Ctrl + Z, чтобы отменить изменения.
Остальные буквы будут заполнены при помощи обводки контура. Выберите инструмент Ellipse Tool (U) в режиме Paths и создайте круглый контур внутри буквы О.
Для букв более сложной формы, используйте инструмент Pen Tool (P) в режиме Paths. Сначала поставьте первую опорную точку, а затем вторую и, не отпуская кнопки мыши, потяните в сторону, чтобы создать кривую.
Когда поставите последнюю опорную точку контурной линии, зажмите клавишу Ctrl и кликните где-нибудь на холсте, чтобы не продолжать ту же линию.
После создания контурных линий выберите инструмент Direct Selection Tool (A). Поправьте форму линий, используя рычажки опорных точек. При необходимости добавьте или удалите опорные точки.
Выберите инструмент Brush Tool (B) и нажмите Enter, чтобы обвести контур. Инструментом Eraser Tool (E) сотрите наложение семиугольников. Чтобы удалить контур, выделите его инструментом Direct Selection Tool (A) и нажмите Enter.
Когда все контуры будут обведены, уменьшите заливку слоёв «Brush» до 0%.
К слюо «Brush» примените следующе стили:
Цвет #ffe1a5 .
Цвет #fffffd .
Цвет #ffeac7 .
Стили создадут светящуюся часть лампочек.
Последние стили создали стеклянную часть лампочек.
Выберите инструмент Brush Tool (B) и через верхнюю панель загрузите набор кистей «Square Brushes». В появившемся диалоговом окне нажмите на кнопку Append, чтобы добавить новый набор кистей, а не заменить им текущий.
Откройте панель кистей (F5), выберите квадратную кисть размером 3 пикселя. Установите Spacing на 700%. Когда мы будем рисовать кистью, квадратный узор будет помещён прямо в центр лампочки.
Создайте новый слой на самом верху и выберите светло-красный цвет. Расположите центр внутри лампочки, зажмите кнопку мыши и оттяните мышь в сторону.
Для букв сложной формы мы снова воспользуемся обводкой контура. Перейдите в панель Paths (Window ? Paths) и выберите рабочий контур.
Вернитесь к панели слоёв и обведите контур.
Когда закончите рисовать квадратики, выберите инструмент Paint Bucket Tool (G) и выберите цвет #fff5e9 . На верхней панели выключите Contiguous. Расположите курсор мыши внутри светло-красного-квадрата и залейте его выбранным цветом. Это не самый точный способ изменить цвет объекта, но Вы получите небольшую цветовую вариацию. Если Вы хотите полностью изменить цвет, примените стиль Color Overlay: #fff5e9 .
Опустите слой с квадратной кистью под слой «Brush» и переименуйте его в «0». Создайте три копии этого слоя и назовите их «90», «45», «-45». Эти цифры обозначают значение параметра Angle в настройках фильтра Motion Blur, который мы сейчас применим.
К слою «0» примените фильтр Motion Blur (Filter ? Blur ? Motion Blur).
Примените этот же фильтр к каждой копии, изменяя значения угла в соответствии с названием слоя. После этого выберите все четыре слоя с размытием и объедините их в один слой (Ctrl + E), назовите его «Light».
Выберите инструмент Smudge Tool и настройте его, как показано ниже. Размажьте сияния, чтобы заполнить пустые углы.
Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя).
Сожмите выделение на 1 пиксель через меню Select ? Modify ? Contract.
Инвертируйте выделение (Select ? Inverse) и нажмите Delete. Уберите выделение (Ctrl + D).
Создайте копию слоя «Light» и смените её режим наложения на Overlay. Затем создайте ещё одну копию и тоже измените режим наложения.
Свет станет ярче.
Инструментом Rectangle Tool (U) создайте прямоугольники высотой 11 пикселей цветом #151414 позади каждого слова. Все прямоугольники должны быть на одном слое. Используйте функцию Combine Shapes на верхней панели.
Слой с полосками назовите «Horizontal» и опустите его под текстовый слой. Под слоем «Horizontal» создайте новый слой «Vertical».
Создайте две вертикальные полоски шириной 15 пикселей. Нижняя часть этих полоска должна касаться основания холста.
Между слоями «Horizontal» и «Vertical» создайте новый слой «Center». Добавьте две вертикальные 11-пиксельные полоски в середине.
К слою «Horizontal» примените следующие стили:
Цвет #e1c543 .
Текстура ржавчины из секции ресурсов урока.
Горизонтальные панели после применения стилей:
Стили для слоя «Vertical».
Кликните правой кнопкой мыши на слое «Vertical» и выберите пункт Copy Layer Style.
Кликните правой кнопкой мыши на слое «Center» и выберите пункт Paste Layer Style.
Выделите слой «Center», а затем добавьте в область выделения слой «Vertical».
Создайте новый слой над слоем «Center» и назовите его «Shadow». Установите режим наложения Multiply. Выберите мягкую кисть размером 100-125 пикселей цветом #959595 . Сделайте одиночный клик в том месте, где пересекаются вертикальные и горизонтальные панели. Уберите выделение (Ctrl + D).
К оригинальному текстовому слою примените стиль Drop Shadow.
Перейдите в меню Layer ? Layer Style ? Create Layer. Стиль Drop Shadow будет вынесен на отдельный слой. Оригинальный текстовый удалите.
Выделите слой «Horizontal», инвертируйте выделение (Ctrl + Shift + I) и, находясь на слое с эффектом Drop Shadow нажмите на клавишу Delete. Тень за пределами горизонтальных панелей будет удалена.
Уберите выделение и переименуйте слой с эффектом Drop Shadow в «Text Shadow».
Создайте новый слой «Text Light» под слоем «Text Shadow». Установите для него режим наложения «Soft LIght» и уменьшите непрозрачность до 50%. Выберите цвет #c0b99d .
Выберите мягкую кисть размером 250 пикселей и нарисуйте свет позади текста.
Увеличьте размер кисти до 1800 пикселей и выберите цвет #c9b47d . На самом верху создайте новый слой «Light Overlay». Установите для него режим наложения Overlay и уменьшите непрозрачность до 70%. Кликните один раз в центре холста, чтобы добавить свет. Это освещение поможет выделить текстуры и детали.
Создайте корректирующий слой Gradient Map.
Правовая информация ».
Переведено с сайта design.tutsplus.com , автор перевода указан в начале урока.
Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.
Начинаем работу. Создайте документ, выставив необходимые вам настройки. Не скупитесь на размер, чтобы при переносе текста в вашу основную работу, не испортилось качество текста. Я взял такие настройки:
Следующий шаг - создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:
Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав CTRL+SHIFT+N . Используя большую мягкую кисть, нарисуйте большое пятно по центру на новом слое. Установите значение Opacity (Непрозрачность) на 55%, это создаст хороший эффект свечения для нашего фона.
Теперь мы готовы к работе над текстом. Напишите нужное слово в центре нашей работы. Выберите шрифт, который вам по душе.
Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень ). Выставляем настройки, как показано ниже:
Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет # f0 ebc5 ):
Satin (Глянец). Настройки (цвет #f5ca2d ):
И последнее - градиент. Настройки следующие (градиент от #952e2f к белому):
Ну что, у нас получился красивый текст. Выглядит неплохо, да? Уже хотите вернуться к вашему проекту и применить этот текст там? Не торопитесь, наша работа ещё не закончена.
Теперь сделаем ещё одну вещь. Создайте новый слой и назовите его, как хотите, главное - убедитесь, что этот слой будет располагаться за слоем с текстом. Теперь, удерживая CTRL, щелкаем по слою с текстом - таким образом, мы создаем выделение в виде текста:
Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5 .
Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже.
ilovegraphics; Переводчик: Руслан Гильзидинов.
Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.
Начинаем работу. Создайте документ, выставив необходимые вам настройки. Не скупитесь на размер, чтобы при переносе текста в вашу основную работу, не испортилось качество текста. Я взял такие настройки:
Следующий шаг - создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:
Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав CTRL+SHIFT+N . Используя большую мягкую кисть, нарисуйте большое пятно по центру на новом слое. Установите значение Opacity (Непрозрачность) на 55%, это создаст хороший эффект свечения для нашего фона.
Теперь мы готовы к работе над текстом. Напишите нужное слово в центре нашей работы. Выберите шрифт, который вам по душе.
Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень ). Выставляем настройки, как показано ниже:
Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет #f0ebc5 ):
Satin (Глянец). Настройки (цвет #f5ca2d ):
И последнее - градиент. Настройки следующие (градиент от #952e2f к белому):
Ну что, у нас получился красивый текст. Выглядит неплохо, да? Уже хотите вернуться к вашему проекту и применить этот текст там? Не торопитесь, наша работа ещё не закончена.
Теперь сделаем ещё одну вещь. Создайте новый слой и назовите его, как хотите, главное - убедитесь, что этот слой будет располагаться за слоем с текстом. Теперь, удерживая CTRL, щелкаем по слою с текстом - таким образом, мы создаем выделение в виде текста:
Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5 .
Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже:
Повторяем предыдущий шаг, только выставляем значение Angle (Угол) не 90, а 0.
Меняем Blend Mode (Режим наложения) слоя на Vivid Light (Яркий свет).