Как сделать текст из молнии в фотошопе
Обновлено: 08.07.2024
В этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию.
Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market .
ОК. Давайте приступим!
Итоговый результат:
Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES.grd.
1. Создаём задний фон и текст
Шаг 1
Шаг 2
Добавьте текст, цвет шрифта белый, шрифт Indira K.
Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно – Символ (Window > Character).
Шаг 3
Установите значение Трекинга (Tracking) на -100.
Шаг 4
Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.
2. Меняем дизайн букв
Шаг 1
Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.
Шаг 2
Далее, нам необходимо изменить значение Смещение базовой линии (Baseline Shift), чтобы сместить большую букву вниз, при этом верхний уровень всего текста должен остаться на том же уровне.
Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.
Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву.
Шаг 3
Проделайте то же самое с последней буквой из первой строчки текста или любой другой буквой, которая вам нравится.
3. Корректируем Кернинг
Шаг 1
Расположите курсор между двумя первыми буквами, а затем поменяйте значение Кернинга (Kerning) на значение, при котором, на ваш взгляд эффект будет лучше смотреться.
Шаг 2
В зависимости от вашего текста, а также от результата, который вы хотите получить, откорректируйте Кернинг (Kerning) для остальных букв вашего текста. Не обязательно корректировать все буквы, откорректируйте те буквы, для которых на ваш взгляд необходимо это сделать.
Шаг 3
Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0.
4. Применяем стилизацию к слою с текстом
Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:
- Стиль (Style): Обводящее тиснение (Stroke Emboss)
- Глубина (Depth): 220
- Размер (Size): 3
- Уберите галочку в окошке Глобальное освещение (Global Light)
- Угол (Angle): 156
- Высота (Altitude): 37
- Контур глянца (Gloss Contour): Перевёрнутый конус (Cone – Inverted)
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 35%
- Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%
Шаг 2
Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:
- Контур (Contour): Глубокая выемка (Cove – Deep)
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
Шаг 3
Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
Шаг 4
Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:
Шаг 5
Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:
Шаг 6
Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).
5. Создаём прямоугольные фигуры
Шаг 1
Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift).
Далее, щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольники в начале и в конце второй строки текста, или в любом другом месте, где вы хотите добавить их. Старайтесь сохранять расстояние между любой прямоугольной линией и текстом, чтобы они были одинаково удалены от текста.
Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart-object).
Шаг 2
Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0.
Эта 2-ая часть данного урока. В 1-ой части мы создали кисть молнию, обвели основной текст, в стиле молнии.
В этой части мы собираемся продолжить добавлять остальные элементы, затем добавим ползунок (язычок) и стиль.
Ресурсы:
Примечание: Вам может потребоваться загрузить Контуры (Contours) использующиеся в уроке, так что если Вы не знаете как это сделать, можете посмотреть тут.
Заключительный результат 1 части урока:
Далее, мы будем добавлять Стили слоя (Layer Style) к различным обводкам слоев сверху вниз, начиная со слоя “20″.
Шаг 8
Дважды щелкните на слой “20″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): Просто используйте значения по умолчанию.
Текстура (Texture): выберите текстуру “Малые кресты” (Вы можете скачать ее в начале урока), измените Масштаб (Scale) на 50%, а Глубина (Depth) до 1000%.
Этим мы добавим тонкую линию в центре.
Шаг 9
Дважды щелкните на слое “40” копия чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Размер (Size) до 1, снимите флажок Глобальное освещение (Use Global Light), установим Угол (Angle) до -32, Высота (Altitude) 42, установим галочку Сглаживание (Anti-aliased) и изменим Непрозрачность (Opacity) - Режим подсветки (Highlight Mode) до 20%.
Текстура (Texture): выберите текстуру “Бриллианты” и измените Глубина (Depth) до 1000%.
Это будет стиль “Лента”.
Шаг 10
Дважды щелкните на слой “40″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Стиль (Style) - Контурное тиснение (Stroke Emboss), Размер (Size) 1, установим галочку Сглаживание (Anti-aliased) и изменим Непрозрачность (Opacity) - Режим подсветки (Highlight Mode) до 20%.
Вы увидите эффект этого шага, когда мы добавим обводку позже.
Текстура (Texture): выберите текстуру “Бриллианты” и измените Глубина (Depth) до 1000%.
Это позволит добавить внешнюю Ленту.
Шаг 11
Дважды щелкните на слое “70″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 62, Размер (Size) 1, снимите флажок Глобальное освещение (Use Global Light), изменим Угол (Angle) до -86, Высота (Altitude) 16, установим галочку Сглаживание (Anti-aliased) и изменим Режим смешивания (Blend Mode) - Режима подсветки (Highlight Mode) на Мягкий свет (Soft light).
Текстура (Texture): выберите текстуру “ Волокно”, измените Масштаб (Scale) на 50%, а Глубина (Depth) до 1000%.
Это стиль слоя вокруг Ленты.
Шаг 12
Дважды щелкните на слое “75″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): просто используйте значения по умолчанию.
Текстура (Texture): выберите текстуру “ Маленькие кресты ”, измените Масштаб (Scale) на 50%, а Глубина (Depth) до 1000%.
Этот стиль будет внешняя часть предыдущего слоя.
Ctrl + Клик на миниатюре слоя “70″, чтобы создать выделение.
Убедитесь в том, что слой “75″- это выбранный (активный) слой, затем нажмите клавишу Delete на клавиатуре, чтобы удалить выбранную часть. Перейдите Выделение-> Отменить выделение (Select-> Deselect) (Ctrl + D), чтобы избавиться от выделения.
Шаг 13
Дважды щелкните на слое “100″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Размер (Size) на 1, Непрозрачность (Opacity) -
Режим подсветки (Highlight Mode) до 35%.
Текстура (Texture): выберите текстуру “Диагональ шума”, и измените Глубина (Depth) до 1000%.
Тень (Drop Shadow): просто измените Размер (Size) до 13.
Вот что у нас получилось!
Шаг 14
Вы можете удалить некоторые зубчики и заново добавить их, но мы выполним более простой вариант, а именно добавим заклепки.
Дважды щелкните на слое “Заклепки″, чтобы добавить следующие Стили слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Метод (Technique) - Жесткая огранка (Chisel Hard), и Глубина (Depth) до 50.
Контур (Contour): выберите Инверсия - по Гауссу (Guassian – Inverse).
Тень (Drop Shadow): используйте значения по умолчанию.
Это стиль заклепки.
Шаг 15
Далее, мы создадим замок.
Используйте инструмент Стрелка (Direct Selection Tool) для выбора опорной точки в нижней части круга, затем перейдем в меню Редактирование-> Трансформирование-> Масштабирование (Edit -> Transform -> Scale). Нажмите и удерживайте нажатой клавишу Alt, а затем щелкните и перетащите одну сторону внутрь, и затем вниз.
Нажмите Enter, чтобы переместить точку вниз.
Затем выберите две точки на сторонах круга и переместите их вверх.
Продолжайте изменять форму до тех пор, пока не получите форму, которая Вам нравится. (Что-то близкое к форме гитарного медиатора ^_^).
Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), убедитесь, что значение Радиус (Radius) равен 5 в панели параметров, затем нарисуйте прямоугольник, как показано ниже.
Нарисуем еще один прямоугольник.
Затем выберите инструмент Эллипс (Ellipse Tool) и в панели параметров установите Объединить фигуры (Combine Shape). Создайте эллипс в конце большого прямоугольника.
Убедитесь, что Эллипс (Ellipse Tool) все еще активен, в панели параметров установите Вычесть переднюю фигуру (Subtract Front Shape), и нарисуйте эллипс меньше, внутри существующего, чтобы удалить внутреннюю часть.
И, наконец, выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), в панели параметров установите Вычесть переднюю фигуру (Subtract Front Shape), затем нарисуйте прямоугольник, внутри большого, чтобы удалить внутреннюю часть.
Вы можете использовать инструмент Стрелка (Direct Selection Tool), чтобы переместить точки вокруг, если это необходимо.
Далее мы будем применять Стили слоя (Layer Style) различных форм снизу вверх.
Шаг 16
Дважды щелкните на главной части замка и примените эффект Тиснение (Bevel and Emboss): изменяя Размер (Size) на 4.
Дважды щелкните на слой с небольшим прямоугольником и примените эффект Тиснение (Bevel and Emboss): изменяя Размер (Size) на 9.
Дважды щелкните на слой с последней фигурой и примените следующий Стиль слоя (Layer Style):
Тиснение (Bevel and Emboss): изменим Метод (Technique) - Жесткая огранка (Chisel Hard), Размер (Size) 10, Непрозрачности (Opacity) Режим тени (Shadow Mode) до 39%, и установите галочку Сглаживание (Anti-aliased).
Контур (Contour): выберите Конус (Cone) и установите галочку Сглаживание (Anti-aliased).
Вот что получилось.
Шаг 17
Выделите все слои-фигуры которые у Вас получились, затем перейдите Слой-> Дубликат слоев (Layer -> Duplicate Layers), и выберите имя исходного документа из выпадающего меню.
Убедитесь в том, что дубликаты слоев расположены поверх всех остальных слоев. Затем перейдите на каждый слой-фигуру отдельно, а далее перейдите Слой-> Растрировать-> Стиль слоя (Layer -> Rasterize -> Layer Style).
* Примечание: Это работает только для CS6. Если у Вас более старая версия, Вы должны будете добавить слои в группу (выделите слои, удерживая клавишу Ctrl, а затем перетащите слои на иконку Создать новую группу (Create a new group) нижней части палитры слоев), затем перейти Слои-> Объединить группу (Layer -> Merge Group).
Этим мы сделаем стили слоя, частью самого слоя.
Как только все слои-фигуры растрированы, выберите их все, затем перейдите Редактирование-> Свободное трансформирование (Edit-> Free Transform).
Изменим размер, повернем и расположим замок в конце текста. Не забудьте нажать Enter.
Тень (Drop Shadow): используйте значения по умолчанию.
Вот что должно получиться.
Шаг 18
Дважды щелкните по слою, чтобы применить следующие Стили слоя (Layer Style):
Контур (Contour): выберите Пикки (Peaks).
Внутренняя тень (Inner Shadow): измените Смещение (Distance) до 0, а Размер (Size) 3.
Тень (Drop Shadow): просто измените Смещение (Distance) до 3.
Затем, Вы можете перемещать прямоугольник, чтобы поместить его так, как Вам нравится.
В этом уроке вы узнаете, как создать электрический текстовый эффект, используя текстуры и кисти. Этот эффект можно использовать как для обычного текста, так и для различных фигур.
Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
1. Создаем текстурный фон
Шаг 1
Открываем в Фотошоп темную текстуру стены. Переходим Edit – Define Pattern (Редактирование – Определить узор) и сохраняем текстуру в качестве узора. Теперь можете закрыть документ.
Шаг 2
Создаем новый документ и добавляем новый слой, который называем «Фоновая текстура». Заполняем его любым цветом. Затем добавляем к слою стиль Layer – LayerStyle – Pattern Overlay (Слой – Стиль слоя – Наложение узора), используя узор, который мы создали в предыдущем шаге.
2. Создаем виньетку
Шаг 1
Добавляем к фону стиль слоя Inner Glow (Внутреннее свечение), используя черный цвет в настройках стиля. Размер свечения зависит от размера рабочего полотна.
Шаг 2
Шаг 3
К текстовому слою добавляем следующие стили: Drop Shadow (Тень), Inner Shadow (Внутренняя тень), Inner Glow (Внутреннее свечение) и Bevel and Emboss (Тиснение). Также устанавливаем параметр Fill (Заливка) слоя на 0%.
3. Добавляем текстуру электричества
Шаг 1
Создаем новый слой и называем его «Электрическая текстура». Загружаем текстуру с молниями и вставляем ее на этот слой.
4. Применяем параметр Blend If (Наложить, если)
Шаг 1
Параметр Blend If (Наложить, если) определяет, каким образом тональные области верхнего и нижнего слоев смешиваются вместе. Эта функция находится в окне со стилями слоя. Внизу этого окна вы найдете две черно-белые полосы с черным и белым ползунками. Перемещая ползунки в противоположном направлении (вправо/влево), вы смешаете определенные тональные области верхнего слоя с нижним.
Шаг 2
Открываем окно стилей слоя для слоя «Электрическая текстура». Перемещаем черный ползунок вправо, как показано ниже. Обратите внимание, что темные тона теперь скрыты.
5. Добавляем свечение
Шаг 1
Автор: Ирина Кокшарова. Дата публикации: 31 марта 2014 . Категория: Уроки фотошопа текст.
в виде молнии на одежду
Очередной урок, посвящённый созданию оригинального текста в фотошопе.
Этот урок сделан в фотошопе CS5 , но можно выполнить практически в любой версии фотошопа, начиная с CS3 .
Мы будем делать вот такие буквы-молнии .
Текстуры и шрифт, которые использованы в уроке можно скачать в конце страницы.
Для начала нам надо сделать один элемент, из которых состоит молния. Создадим новый документ.
Для удобства, можно добавить сетку, но это не обязательно (" Просмотр - Показать - Сетку ")
С помощью инструмента Фигура (« Прямоугольник со скругленными краями », радиус я взяла 10 пикселей) создадим вот такую фигуру.
Возьмем перо и вырежем с краю до середины по высоте вот такую фигуру.
Дальше удаляем этот кусок (правой кнопкой мыши щелкаем на фигуре, в контекстном меню выбираем " Образовать выделенную область ", растушевка - 0, галочку « Сглаживание » не ставим и нажимаем Delete ), и удаляем справа точно такой же участок (не снимая выделение с удаленного участка, идем в меню – « Выделение - Трансформировать выделенную область », отражаем по горизонтали и перетаскиваем вправо), или просто, после удаления выделите, и скопируйте левую половину и отразите по горизонтали, заменив не обрезанную половину. В результате вы должны получить фигуру.
Скопируйте эту фигуру, отразите по вертикали ( Ctrl+T , правой кнопкой мыши – « Отразить по вертикали »), и расположите их рядом, но не слишком близко.
Дальше создайте кисть из полученного результата (« Редактирование - Определить кисть »).
Создаем новый документ.
Создаем корректирующий слой – « Градиент » с такими настройками, цвета по желанию.
Скопируйте " Текстуру 1 " в наш документ, трансформируйте по размеру документа, режим наложения – « Линейный свет », заливка - 40 %.
С помощью инструмента « Текст », напишите желаемое, задайте нужный размер текста, увеличьте пространство между буквами, оно нам понадобится для бахромы, цвет любой, расположите по центру.
Дальше мы немного сгладим острые углы у букв. Для этого растрируйте текст (встаньте на слой с текстом, щелкните правой кнопкой мыши, выберите пункт меню – « Растрировать текст »). Применяем фильтр (« Фильтр-Шум-Медиана »), размер радиуса зависит от размера текста. У меня вот так.
Дальше настроим нашу кисть.
Интервал зависит от того, как вы далеко друг от друга расположили элементы, а размер кисти от размера ваших букв.
Возьмите перо и сделайте контуры по центру букв, выполните обводку по контуру (кисть уже должна быть настроена, должен быть активен инструмент Перо, щелкаем правой кнопкой мыши на контуре, выбираем пункт меню «Выполнить обводку», галочку « Имитировать нажим » не ставим), на новом слое, не удаляйте контур, создайте под слоем с молнией еще один слой, возьмите обычную твердую, круглую кисть и выполните еще раз обводку по контуру .
К слою с подложкой под молнию применим такие стили слоя.
Текстуру возьмите любую тканевую, а масштаб в зависимости от размера букв, на глаз.
Для молнии применяем вот такие стили.
Размер тиснения в зависимости от размера молнии.
Откройте файл с текстурой 2, и сделаем из нее узор (меню « Редактирование - Определить узор »).
Для слоя с Буквами применим стили.
Текстуру выбираем - созданную нами, масштаб в зависимости от размера букв, только масштаб должен быть и в " Текстура " и в " Наложение узора " должны быть одинаковыми, и нажимаем и там и там " Привязать к началу координат ", чтобы не было сдвига.
Создаем рабочий контур букв. Зажимаем Ctrl и щелкаем по миниатюре слоя с текстом. Создается выделение контура букв. Идем в палитру контуров и нажимаем кнопку создания контура из выделенной области.
Далее берем кисть - " Травинку ", и настраиваем ее.
Цвета переднего и заднего плана выставляем по вкусу, или как у меня светло-голубой и темно-синий и на новом слое под слоем с буквами выполняем обводку, создаем еще 2 слоя, немного меняя цветовые оттенки, и немного размер кисти, так же выполняем обводку. К этим слоям применяем стиль.
Над каждым слоем с бахромой создайте его же копию, применяем режим наложения – « Разделить », и непрозрачность - 70%.
Дальше мы создадим саму собачку у замка, делать это можно в том же документе, где мы делали кисть. Создаем фигуру-круг.
С помощью инструментов " Стрелка " и " Выделение контура " деформируем контур вот так.
Создаем еще одну фигуру - " Прямоугольник с скругленными углами ".
Сделаем 3 - ю фигуру.
Встаньте на слой с 3 - й фигурой, создайте обычную маску, сделайте выделение 4 - й фигуры инвертируйте его (« Ctrl+ Shift+I »), возьмите черную кисть и скройте часть которая внутри круга.
Тут же сделайте прямоугольное выделение, инструментом " Прямоугольная область ", и пройдитесь кистью внутри выделения.
К первой фигуре применяем стиль.
3-ю и 4-ю фигуру объединяем в один слой и перетаскиваем его под 2-ю фигуру и применяем стили к полученному слою.
Объединяем все слои с "собачкой", перемещаем в наш документ, трансформируем ( Ctrl+T ) и размещаем, как надо и применяем стили.
Слои с бахромой объединяем и добавляем тени.
Дальше сделаем строчку по краю. Загрузите выделения букв, и сожмите выделение – « Выделение - Модификация – Сжать », размер зависит от размера букв.
Создайте контур так же, как ранее. Создадим кисть для строчки. Сделайте прямоугольник со скругленными краями (можно в том же документе, где создавали собачку, только отключите видимость других слоев - нажать на глазки напротив слоев), определите кисть и настроим ее.
Делаем обводку по контуру этой кистью, размер и интервалы на глаз, на новом слое над слоем с буквами. Сделайте копию этого слоя, к верхней копии примените стиль.
У нижней копии сделайте Заливку - 0%, и стиль.
Мы с Вами сделали создание текста в фотошопе в виде молнии на одежду.
Исходные материалы можно скачать здесь
Читайте также: