Статьи

Создание затененного, стилизованного текстового эффекта в Photoshop

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

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

Ресурсы:

Тонкий набор шаблонов

Давайте посмотрим на наш окончательный дизайн, прежде чем мы начнем.

плавник

( Загрузите готовый многослойный PSD-файл .)

Шаг 1:

Откройте Photoshop и создайте новый файл с шириной 1000 пикселей и высотой 600 пикселей. Или вы можете настроить размер, как вам нравится.

Шаг 1

Шаг 2:

Теперь мы начнем с фона, поэтому создайте новый слой. Затем выберите инструмент заливки и залейте фон цветом # 006d68.

Шаг 2

Шаг 3:

Выберите фоновый слой и нажмите «Слой»> «Стили слоя»> «Наложение градиента» (или дважды щелкните на выбранном слое) и добавьте «черный 7 белый» градиент. Уменьшите непрозрачность до 8% и установите масштаб на 115%.

Шаг 3

Шаг 4:

Выберите фоновый слой и нажмите «Слой»> «Стили слоя»> «Наложение рисунка» (или дважды щелкните на выбранном слое) и добавьте один из тонких рисунков из указанных выше ресурсов. Измените режим смешивания на «Divide» и установите масштаб образца на 15%.

Шаг 4

Шаг 5:

Теперь нажмите на инструмент ввода текста и добавьте нужный текст с цветом # 070707. Затем нажмите «Слой»> «Стили слоя»> «Тень» (или дважды щелкните на выбранном слое) и добавьте тень с настройками, показанными на рисунке ниже.

Шаг 5

Шаг 6:

Повторите тот же процесс и добавьте дополнительный текст, используя тот же цвет. Затем нажмите «Слой»> «Стили слоя»> «Тень» (или дважды щелкните на выбранном слое) и добавьте тень к тексту с теми же настройками, что и выше.

Шаг 6

Шаг 7:

Опять же, выберите инструмент «Текст» и добавьте текст, используя цвет # 161d21. Затем переместите текст на левую сторону.

Шаг 7

Шаг 8:

Повторите тот же процесс и добавьте остальную часть текста и переместите его еще раз влево.

Шаг 8

Шаг 9:

Выберите инструмент «Текст» и добавьте текст, используя цвет # bc4232; убедитесь, что вы немного уменьшили размер текста. Затем переместите текст немного влево. Выберите текстовый слой и нажмите «Слой»> «Стили слоя»> «Обводка» (или дважды щелкните выбранный слой) и добавьте обводку размером 1 пиксель, используя цвет # d43926. Оставьте настройки такими же, как показано на рисунке ниже.

Шаг 9а

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

Шаг 9б

Затем нажмите «Слой»> «Стили слоя»> «Тень» (дважды щелкните на выбранном слое), уменьшите непрозрачность до 75% и оставьте остальные настройки такими же, как показано на рисунке ниже.

Шаг 9с

Шаг 10:

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

Шаг 10

Шаг 11:

Снова, выберите инструмент типа и добавьте текст; сделать размер текста меньше предыдущего. Затем выберите перемещение текста немного влево. Выберите текстовый слой и нажмите «Слой»> «Стили слоя» (или дважды щелкните на выбранном слое), чтобы добавить обводку, градиент, наложение и тень.

Добавьте обводку, используя следующие настройки:

Шаг 11а

Добавьте градиент, используя эти настройки:

Шаг 11б

Наконец, добавьте тень, используя настройки ниже.

Шаг 11с

Шаг 12:

Теперь дублируйте основной текстовый слой и уменьшите заливку до 0%. Затем нажмите «Слой»> «Стили слоя»> «Наложение рисунка» и добавьте один из тонких рисунков из приведенных выше ресурсов. Отрегулируйте непрозрачность до 43% и масштабируйте до 25%.

Шаг 12

Шаг 13:

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

Теперь выберите инструмент заливки и залейте выделение цветом # 000000. Затем уменьшите непрозрачность слоя до 20%.

Шаг 13

Шаг 14:

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

Шаг 14

Шаг 15:

Теперь давайте добавим некоторые элементы к нашему фону и тексту. Выберите инструмент «Линия» и добавьте несколько линий с весом 3 пикселя и # 161d21 в качестве выбранного цвета.

Шаг 15

Шаг 16:

Повторите тот же процесс и добавьте больше линий, используя инструмент линии снова, на этот раз, используя цвет # bb4231.

Шаг 16

Шаг 17:

Еще раз, создайте еще несколько линий, на этот раз с сильно варьирующимися длинами, используя цвет # 0e1111. Затем нажмите «Слой»> «Стили слоя», чтобы добавить немного обводки. Оставьте настройки такими же, как показано на рисунке ниже.

Шаг 17

Шаг 18:

Выберите инструмент эллипса и добавьте маленькие круги, используя цвет # 161d21. Затем нажмите «Слой»> «Стили слоя»> «Обводка». Используйте настройки, показанные ниже.

Шаг 18

Шаг 19:

Теперь давайте создадим тень; мы будем играть с размещением теней, поэтому создайте новый слой и выберите инструмент пера, чтобы создать путь тени. Нажмите «Сделать выбор» и залейте его цветом # 161d21.

Шаг 19

Шаг 20:

Теперь уменьшите непрозрачность тени до 30%, и все готово.

плавник

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