Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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

Дизайн текста в стиле 80-х


Шаг 1: Создание основного текста
Создайте новый документ размером 1900х1200 пикселей.

Дизайн текста в стиле 80-х


Залейте фоновый слой чёрным цветом и инструментом Горизонтальный текст (Horizontal Type Tool) напишите слово “LEAVE”. Мы будем работать над фразой “Leave, but don’t leave me” из песни Pink Floyd. Второй частью фразы мы займёмся позже.

Дизайн текста в стиле 80-х


Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените Наложение градиента (Gradient Overlay):

Дизайн текста в стиле 80-х


Затем примените стиль Обводка (Stroke): Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Дизайн текста в стиле 80-х

Дизайн текста в стиле 80-х


Создайте новый слой (Create New Layer) над текстовым и назовите его “Gradient 1”. Выберите инструмент Градиент (Gradient Tool) и настройте цвет, как показано ниже.

Дизайн текста в стиле 80-х


Сделайте заливку на тексте. Она распространится на весь холст. Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность (Opacity) – 72%.

Дизайн текста в стиле 80-х


Шаг 2: Фон
Сейчас мы добавим текстуру на текст. Я использовал текстуру бумаги. Откройте её в Photoshop и сделайте выделение всего холста (Ctrl + A), скопируйте его (Ctrl + C) и вставьте в наш документ (Ctrl + V). Установите Режим наложения – Яркий свет (Blending Mode – Vivid Light)

Дизайн текста в стиле 80-х

Дизайн текста в стиле 80-х


Сейчас мы настроим кисть для создания облаков. Выберите инструмент Кисть (Brush Tool) и перейдите в палитру кистей (F5). Настройте так:

Дизайн текста в стиле 80-х


Создайте новый слой (Create New Layer) и назовите его “Clouds”. Обрисуйте края текста созданной кистью. Затем примените стиль Внутренняя тень (Layer Style – Inner Shadow): Режим – Умножение.

Дизайн текста в стиле 80-х


Теперь расположите слой с облаками прямо над фоновым. Установите его Непрозрачность (Opacity) – 56%.

Дизайн текста в стиле 80-х


Сделайте выделение текстового слоя (Ctrl + Click), перейдите на слой “Gradient 1” и добавьте к нему маску (Layer Mask). В результате градиент будет скрыт за пределами текста.

Дизайн текста в стиле 80-х


Создайте новый слой (Create New Layer) и назовите его “Clouds 1”. Расположите его над слоем “Clouds”. Установите цвета по умолчанию (D) и примените фильтр Облака (Clouds Filter). Примените стиль Наложение градиента (Layer Style – Gradient Overlay): Режим – Мягкий свет, Стиль – Линейный, Градиент – #00fff0 и #e303bb.

Дизайн текста в стиле 80-х


Установите Режим наложения – Яркий свет (Blending Mode – Vivid Light).

Дизайн текста в стиле 80-х


Теперь добавим звёзды на фон. Создайте новый слой (Create New Layer) над слоем “Clouds 1” и залейте его чёрным цветом. Примените фильтр Добавить шум (Add Noise Filter) с настройками, показанными ниже.

Дизайн текста в стиле 80-х


Перейдите к коррекции Уровни (Levels) и настройте так:

Дизайн текста в стиле 80-х


Я назвал слой со звёздами “stars”. Установите его Режим наложения – Осветление (Blending Mode – Screen). Далее нужно добавить большие звёзды. Перейдите в палитру кистей и настройте кисть:

Дизайн текста в стиле 80-х


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

Дизайн текста в стиле 80-х


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

Дизайн текста в стиле 80-х


Шаг 3: Огоньки 80-х
Создайте новый слой (Create New Layer) и мягкой кистью нарисуйте белое пятно. Сделайте копию слоя (Ctrl + J) и примените фильтр Размытие в движении (Motion Blur Filter). Сделайте ещё 3 копии и примените размытие к ним. Затем объедините все слои с белыми пятнами (Ctrl + E). Инструментом Свободное трансформирование (Free Transform) растяните пятно. Сделайте копию слоя и поверните её на 90 градусов. Объедините два слоя и назовите полученный “Twinkle”.

Дизайн текста в стиле 80-х


Сделайте пару копий огонька и расположите их на тексте.

Дизайн текста в стиле 80-х


Шаг 4: Фигуры
Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте выделение, показанное ниже. Выберите инструмент Градиент (Gradient Tool): от белого к прозрачному. Залейте выделение градиентом.

Дизайн текста в стиле 80-х


Сделайте копию слоя (Ctrl + J) и немного сдвиньте вправо инструментом Перемещение (Move Tool). Объедините два слоя и сделайте копию полученного. Копию отразите по горизонтали (Transform – Flip Horizontal).

Дизайн текста в стиле 80-х


Расположите фигуры, как показано ниже.

Дизайн текста в стиле 80-х


Повторите этот процесс ещё раз, чтобы создать фигуры меньшего размера.

Дизайн текста в стиле 80-х

Дизайн текста в стиле 80-х


Примените к боковым фигурам стиль Наложение градиента (Layer Style – Gradient Overlay): Режим – Жёсткий свет, Стиль – Линейный.

Дизайн текста в стиле 80-х


Текстовым инструментом напишите “But Don’t Leave Me” и примените стиль Обводка (Layer Style – Stroke): Положение – Снаружи, Режим – Перекрытие, Тип обводки – Градиент, Стиль – Линейный.

Дизайн текста в стиле 80-х


Если считаете, что цвета слишком яркие, создайте корректирующий слой Тон/Насыщенность (Layer – Hue/Saturation) поверх всех слоёв.

Дизайн текста в стиле 80-х


Финальный результат:

Дизайн текста в стиле 80-х



Ссылка на источник урока

написал : Юра

А как залить градиент , на текст предыдущего слоя? Шаг 1

---------------


написал : positive11

Юра, выберите инструмент Градиент (Gradient Tool), зажмите левую кнопку мыши, сдвиньте мышь и увидите линию. отпустите кнопку мыши и холст будет залит. после смены режим наложения, заливка останется только на тексте.

---------------


написал : Мирослав

все равно не могу залить градиентом текст,заливается весь фон! опишите этот процесс пошагово если можно

---------------


написал : positive11

Мирослав, сначала зальётся весь холст. Как только Вы смените режим наложения, градиентная заливка останется только на тексте.

Скриншоты:

1. Градиент на весь холст
2. После смены режима наложения

Я не настраивал градиент, как в уроке, просто выбрал похожий в стандартном наборе Фотошопа. Но суть не меняется.

---------------


написал : Евгений

Как сделать такой большой шрифт при размере 1900x1200

---------------


написал : positive11

Евгений, размер текста можно увеличить при помощи инструмента Свободное трансформирование (Ctrl + T) или через окно Символ (Окно > Символ) (Window Character). Также можно ввести значение размера шрифта вручную в настройках инструмента Горизонтальный текст (Horizontal Type Tool) (T).

---------------


написал : Евгений

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

---------------


написал : positive11

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

если у Вас снова не получится, или Вы имели в виду что-то другое, пишите, обязательно поможем Вам!

---------------


написал : РОМПА

во 2 шаге наложение градиента,не важно не где какой бигунок стоит?

откуда взять текстуру для кисти?

---------------


написал : positive11

РОМПА, насчёт градиента - ну от этого будут зависеть цвета градиента.

кисть попробуйте создать самостоятельно

---------------


написал : tr0fa

---------------


написал : Рина

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

---------------


написал : positive11

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

если снова не получится, обязательно дайте нам знать. Мы будем рады Вам помочь!

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

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

Введите код: