Необычный стиль текста из пересеченных линий в фотошопе
Необычный стиль текста
из пересеченных линий в фотошопе
Всем привет!
Сегодня мы будем создавать текст из пересеченных линий.
Текст из пересеченных линий отлично будет смотреться на визитках и логотипах.
Сначала мы создадим новый документ и зальем фоновый слой темно-серым цветом.
Затем установим шрифт из папки с исходниками, напишем текст с помощью одноименного инструмента и применим к текстовому слою стиль слоя Обводка.
Далее при помощи инструмента Перо нарисуем линии, добавим к слою с линиями маску слоя и создадим новый градиент.
В завершение урока "Необычный стиль текста из пересеченных линий в фотошопе" мы дополним фон: создадим дубликат слоя с линиями, увеличим слой, уменьшим его прозрачность и изменим цвет линий с помощью дубликата корректирующего слоя Градиент и градиента, что мы создавали ранее.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Активируем инструмент Заливка. В панели цвета в качестве цвета основного плана устанавливаем оттенок # 1a1a1a. Кликаем мышью по холсту, чтобы залить слой «Фон» цветом основного плана.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Активируем инструмент Текст. Пишем слово «Жизнь». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текстовый слой по центру холста.
В панели слоев создаем дубликат текстового слоя (Ctrl+J). Переименовываем дубликат слоя в «Обводка». Скрываем в панели слоев видимость слоя «Обводка», нажав на «глазик» около слоя.
В панели слоев понижаем заливку слоя «Обводка». После этого слой станет невидимым, но в дальнейшем мы это исправим.
В панели слоев дважды щелкаем по слою «Обводка», чтобы открыть стили слоя.
Во вкладке Обводка используем белый оттенок (# ffffff) и вводим настройки, как на картинке ниже.
Результат после применения стилей слоя.
Активируем инструмент Перо. В верхней панели настроек инструмента Перо устанавливаем тип инструмента «Фигура», меняем цвет обводки на белый (# ffffff) и вводим настройки, как показано ниже. Делая клики мышью на холсте, рисуем пересекающиеся линии. Проводим линии под разными углами. Когда закончим, зажимаем клавишу Ctrl и кликаем по холсту. Вот что получилось у меня в результате.
В панели слоев переименовываем слой с линиями в «Линии».
В панели слоев создаем дубликат слоя «Линии» и переименовываем дубликат слоя в «Линии 2». Скрываем видимость слоя «Линии 2», нажав в панели слоев на «глазик» около слоя.
Зажимаем клавишу Ctrl и кликаем в панели слоев по иконке слоя «Обводка», чтобы загрузить выделение слоя.
При активном выделении добавляем маску слоя к слою «Линии», нажав на соответствующую иконку в панели слоев. Маска слоя скроет ту часть слоя, что находится за пределами выделения. Чтобы скрыть видимость контуров, нажимаем клавишу Enter.
В панели слоев при помощи клавиши Ctrl выделяем слои «Линии» и «Обводка» и нажимаем сочетание клавиш Ctrl+G, чтобы добавить слои в группу. Переименовываем группу в «Текст».
Если у вас самые ранние версии программы Adobe Photoshop, которые не поддерживают применение обтравочных масок к группам, лучше всего будет не добавлять слои в группу, а слить их в один. Для этого выделяем слои и нажимаем сочетание клавиш Ctrl+E.
Выше группы «Текст» в панели слоев создаем корректирующий слой Градиент. В окне корректирующего слоя кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.
Создаем градиент с такими параметрами:
Левая Контрольная точка (позиция 0%) – оттенок # 9e0acf;
Правая Контрольная точка (позиция 100%) – оттенок # ffea00.
Для верхних Контрольных точек устанавливаем 100% прозрачность.
В окне корректирующего слоя Градиент вводим настройки, как на картинке ниже.
На данный момент холст должен выглядеть так.
В панели слоев кликаем ПКМ по корректирующему слою Градиент и выбираем «Создать обтравочную маску». После этого к корректирующему слою Градиент добавится значок в виде стрелочки. А корректирующий слой Градиент будет виден только в пределах нижележащего слоя/группы, не затрагивая остальные слои.
В панели слоев возвращаем видимость слою «Линии 2», нажав на «глазик» около слоя. Перетаскиваем слой «Линии 2» ниже группы «Текст».
Вызываем Свободное трансформирование (Редактирование-Свободное трансформирование или Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.
В панели слоев создаем дубликат корректирующего слоя Градиент (Ctrl+J) и перетаскиваем дубликат слоя выше слоя «Линии 2». Добавляем к дубликату корректирующего слоя Градиент обтравочную маску (ПКМ-создать обтравочную маску).
В панели слоев понижаем прозрачность слоя «Линии 2».
Текст из пересеченных линий готов.
Отличного настроения и вдохновения!
Урока "Необычный стиль текста из пересеченных линий в фотошопе" завершен.
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Подробнее...