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

<a href="/lessons/548/final_large.jpg"> </a>

Для урока нам понадобится набор градиентом «Spectrums». Откройте Фотошоп и перейдите в меню Edit ? Presets ? Preset Manager. Если Вы используете версию ниже CS6, то нужно пройти в меню Edit ? Preset Manager. Выберите пункт Gradients в Preset Type. Выберите набор «Spectrums» и в открывшемся диалоговом окне нажмите на кнопку Append. Новый набор градиентов будет добавлен к текущему.

Ресурсы урока:

• Шрифт «Chivo»,
• Шрифт «akaDora».

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 750х750 пикселей и залейте фон цветом #e2e2e2, используя инструмент Paint Bucket Tool (G) или сочетание клавиш Alt + Backspace. Затем создайте копию фонового слоя (Ctrl + J).

Кликните дважды на копии фонового слоя, чтобы открыть стили. Настройте так:

Шаг 2

Выберите шрифт «Chivo» и напишите слово SCHOOL. Настройки шрифта Вы можете найти на панели Character (Window ? Character).

Создайте копию текстового слоя (Ctrl + J).

Примените к ней следующие стили:

Выберите люой градиент из набора «Spectrum».

Создайте копию текстового слоя со стилями и опустите её в самый низ на панели слоёв. Мы вернёмся к этому слою позже.

Шаг 3

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Create Work Path. Создайте новый слой на самом верху и назовите его «Laser Stroke». Выберите инструмент Brush Tool (B) и установите размер 10 пикселей.

Откройте панель кистей (F5) и настройте параметр Spacing (интервалы), как показано ниже.

Выберите инструмент Direct Selection Tool (A), кликните правой кнопкой на контуре и выберите пункт Stroke Path. В появившемся окне выберите Brush и выключите Simulate Pressure.

Нажмите Enter, чтобы убрать контур.

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Находясь на слое с чёрной обводкой, нажмите на клавишу Delete, Чтобы удалить внутреннюю часть обводки. Уберите выделение при помощи сочетания клавиш Ctrl + D.

Шаг 4

Выделите слой «Laser Stroke» и удалите его.

Создайте новый слой «Laser Stroke» и установите цвета по умолчанию (D).

Примените фильтр Clouds (Filter ? Render ? Clouds).

Примените фильтр Pointillize (Filter ? Pixelate ? Pointillize).

В результате у нас получилась блестящая обводка.

Шаг 5

К оригинальному текстовому слою примените стиль Stroke.

Кликните правой кнопкой мыши на стиле Stroke и выберите пункт Rasterize Layer Style (эта функция доступна в версии CS6 и выше). Если у Вас более ранняя версия, поместите текстовый слой в группу и сделайте из неё один слой (Ctrl + E). Обводка станет частью текста, и мы сможем создать выделение на основе общей формы.

Выделите растрированный текстовый слой.

Кликните правой кнопкой мыши на слое копии фонового слоя и выберите Rasterize Layer Style. Скопируйте выделенную часть градиента на отдельный слой (Ctrl + J).

Можете удалить растрированный слой обводки. Создайте две копии градиента, который мы только что скопировали. Назовите все три слоя, как показано ниже.

Шаг 6

Выберите слои «Laser Stroke», «Inner Stroke» и «School copy». Объедините слои (Ctrl + E) и назовите полученный «Sticker».

К слою «Sticker» примените стиль Stroke.

Объедините слои «Sticker» и «Outer Stroke».

Шаг 7

К слою «Back» примените следующие стили:

Обводка светлой и тёмной линией создаст иллюзию того, что буквы могут быть вырезаны.

Шаг 8

Выберите слой «Sticker» и инструментом Polygonal Lasso Tool (L) выделите верхний угол буквы S.

Перейдите в меню Edit ? Cut, затем в меню Edit ? Paste Special ? Paste in Place. Выделенный кусок будет вырезан на отдельный слой и при этом сохранить своё местоположение.

Перейдите в меню Edit ? Transform ? Rotate 180 и инструментом Move Tool (V) опустите вырезанную часть на несколько пикселей.

Примените стиль Gradient Overlay:

Не закрывая окна стиля, передвиньте градиент по своему усмотрению.

Благодаря теням будет казаться, что часть буквы была отклеена.

Шаг 9

Выделите отклеенный кусочек.

Создайте новый слой поверх остальных и назовите его «Top Shadow». Установите режим наложения этого слоя на Multiply. Выберите мягкую кисть цветом #898989 и нарисуйте тень на левом крае.

Выделите слой «Sticker», затем зажмите Ctrl + Alt и кликните на слое с отклеенным кусочком, чтобы убрать его из выделенной области.

Создайте новый слой «Bottom Shadow» под слоем с отклеенным куском. Установите режим наложения Multiply.

Выделите слой «Back», затем исключите из выделения слой «Sticker». Уменьшите непрозрачность кисти до 30%, также уменьшите размер. Нарисуйте тень на правом крае выделенного участка. Как закончите, верните кисти 100% непрозрачностью.

Шаг 10

Расположите текстовый слой «School», который мы создали в конце второго шага. Выделите слой «Sticker», а затем инвертируйте выделение (Ctrl + Shift + I).

Поместите слой текстовый слой в группу (Ctrl + G), а затем преобразуйте её в слой (Ctrl + E). Нажмите клавишу Delete и уберите выделение (Ctrl + D).

Примените фильтр шума (Filter ? Noise ? Add Noise).

Теперь сами буквы стали блестеть.

Шаг 11

Дополнительно можете добавить ещё надписи. Здесь я использовал шрифт «akaDora» размером 50pt,

Примените стиль Gradient Overlay:

Затем примените фильтр шума.

Результат:

Шаг 12

На самом верху создайте новый слой «Texture». Преобразуйте его в смарт-объект, чтобы у Вас была возможность изменить настройки фильтров, которые мы сейчас применим.

Установите цвета по умолчанию (D) и примените фильтр Clouds (Filter ? Render ? Clouds).

Примените фильтр шума.

Примените фильтр Torn Edges (Filter ? Sketch ? Torn Edges)/

Установите режим наложения слоя «Texture» на Multiply и уменьшите непрозрачность до 5%. На холсте появится слабозаметная зернистость.

Чтобы изменить настройки фильтров, кликните дважды на их имени.

Измените непрозрачность слоёв «Bottom Shadow» и «Top Shadow».

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

<a href="/lessons/548/final_large.jpg"> </a>