Превью финального результата:
Создаем в Photoshop новый документ (Ctrl+N) размером 1024х768 рх с разрешением 72 рх/дюйм и белым фоном. Прежде чем начать, обращаю ваше внимание на то, что стили слоя хорошо работают для размера шрифта не более 220 pt (240 pt для заглавной буквы). Если вы используете другой шрифт, нежели у меня, то играйте с настройками. Вы можете изменить конечный размер изображения без потери эффектов после сведения всех слоев.
Разблокируем фон двойным кликом по его миниатюре, преобразуя в слой.
Теперь, открываем «Стили слоя» (Layer-Layer Style или клик по иконке «fx» внизу панели слоев) и выполняем настройки для параметра «Наложение градиента» (Gradient Overlay):
Сделаем фон полосатым при помощи диагонального узора. Загрузите мой узор в Фотошоп из ресурсов урока через меню «Управление наборами» (Edit-Preset Manager) или используйте свой. После загрузки узор должен появиться в общем наборе. Создаем Новый пустой слой (Ctrl+Shift+N или Layer-New Layer) и заливаем (Edit-Fill) его нашим паттерном. В диалоговом окне заливки укажите не цвет, а узор («регулярный» (pattern)). Нажмите Ок.
Теперь, чтобы полосочки получились изогнутыми, как шкурка зебры, перейдите в меню Фильтр-Искажение-Скручивание (Filter > Distort > Twirl) и установите угол на 200 °.
Изменяем режим смешивания (Blending Mode) узорного слоя на Перекрытие (Overlay) и снижаем его непрозрачность (Opacity) до 10%.
Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и выбираем мягкую Кисть (Brush) размером 500 рх цветом #ff0096. Ставим цветное пятно в центре холста.
Изменяем режим смешивания пятна на Перекрытие (Overlay).
Активируем инструмент «Горизонтальный текст» (Horizontal Type Tool) и загружаем в Фотошоп рукописный шрифт, предоставленный мной. В верхнем меню устанавливаем размер шрифта сначала на 240 pt и пишем заглавную букву «G», затем вводим размер 220 рt, нажимаем Enter (Ввод) и дописываем слово более мелкими буквами. Если хотите отрегулировать межзнаковый интервал (Trecking), введите его значнеие в палитре «Символ» (Window-Character) или установите курсор между нужными буквами и, удерживая Alt, сдвиньте их при помощи стрелок клавиатуры на любое расстояние.
Далее, загружаем выделение текстового слоя (Ctrl+клик по иконке этого слоя или меню Select > Load selection) и отключаем его видимость (глазик в панели слоев).
Создаем Новый слой (Ctrl+Shift+N) под слоем с текстом и переходим в меню Редактирование-Выполнить обводку (Edit > Stroke). Указываем ширину обводки в 3 рх.
Снижаем уровень заливки (Fill) слоя с обводкой до 0% и добавляем в «Стилях слоя» (Layer Style) параметр «Тиснение» (Bevel and Emboss). Выполняем настройки со скриншота ниже:
Настраиваем форму контура, выбирая из меню «Конус» (второй по счету):
Возвращаемся на текстовой слой и дублируем его (Ctrl+J) трижды. Растрируем каждый из дубликатов, нажав пр.кн.мыши по миниатюре и выбрав пункт – Растрировать текст (Rasterize). Помещаем копии выше слоя с обводкой.
На слое с первой копией снижаем уровень заливки (поле Fill) до 85% и открываем «Стили слоя» (Layer Style), добавляя следующие эффекты:
Тень (Drop Shadow):
Внутренняя тень (Inner Shadow):
Внутреннее свечение (Inner Glow):
Тиснение (Bevel and Emboss):
Контур (Contour):
В диалоговом окне контура нажмите на сам контур и измените положение кривой так, как показано ниже:
Наложение градиента (Gradient Overlay):
Для опции «Наложение узора» (Pattern Overlay) выберите из набора программы «Узоры 1» паттерн «Атлас» (Satin), нажав на стрелку справа в диалоговом окне, и загрузив его:
Переходим на вторую копию текста и снижаем уровень заливки (Fill) до 0%. Открываем «Стили слоя» (иконка «fx» внизу панели слоев) и выбираем параметр «Тиснение» (Bevel and Emboss), выполняем настройки со скриншота:
В диалоговом окне «Тиснения» открываем кривую контура, нажав по окошку, и формируем ее положение, как показано ниже:
В отдельной опции «Контур» (Contour) также изменяем положение кривой, следуя скриншоту:
Переходим на третью копию текста и добавляем к ней эффект «Глянец» (Satin), открыв окно «Стили слоя» (Layer Style).
Теперь, возвращаемся на слой с полосатой текстурой и дублируем его (Ctrl+J). Помещаем копию выше всех слоев в панели. Загружаем выделение текстового слоя (Ctrl+клик по иконке слоя) и на дубликате текстуры переходим в меню Фильтр-Искажение-Сферизация (Filter > Distort > Spherize) и устанавливаем сумму (Amount) на 50%. Нажимаем Ок, применив фильтр. Инвертируем выделение (Select-Inverse или Ctrl+Shift+I) и удаляем лишнее с дубликата текстуры клавишей Delete. Снимаем выделение (Ctrl+D).
Устанавливаем режим смешивания этого слоя на Перекрытие (Overlay) с непрозрачностью (Opacity) 20%. Теперь наши буквы приобрели красивую выпуклую форму.
Далее, дублируем (Ctrl+J) слой с полосатой текстурой текста, чтобы создать эффект блеска. Изменяем режим смешивания дубликата на «Растворение» (Dissolve) и снижаем его непрозрачность (Opacity) до 14%. Создаем Новый пустой слой (Ctrl+Shift+N) выше предыдущего и объединяем его с низлежащим слоем с эффектом растворения (Ctrl+E).
Изменяем режим смешивания для объединенного слоя на Перекрытие (Overlay), установив непрозрачность (Opacity) на 80%. Чтобы удалить блестящий эффект на краях букв, загрузите выделение текстового слоя (Ctrl+клик по иконке слоя), затем перейдите в меню Выделение-Модификация-Сжать (Select> Modify> Contract) с радиусом 2 рх, далее меню Выделение-Модификация-Растушевка (Select > Modify > Feature) с радиусом 2 рх, и Выделение-Инверсия (Select > Inverse). Удаляем лишнюю блестящую текстуру клавишей Delete или переходим в меню Edit > Clear.
В завершении, добавим сверкающую звездочку поверх текста, используя набор кистей программы «Assorted Brushes». Активируйте инструмент Кисть (Brush Tool) и в верхнем меню откройте палитру кистей, нажав на стрелку. Чтобы загрузить набор «Assorted Brushes» («Разные кисти»), в открывшейся палитре нажмите стрелку справа и выберите из списка нужный набор. Выберите кисть «Маленькая звездочка» № 50 и поместите звезду на отдельном слое (Ctrl+Shift+N) в область изгиба заглавной буквы, как на изображении внизу.
Мы закончили! Получилось блестяще и очень впечатляюще!
Рейтинг популярности: 2.7/5 (Всего оценок: 62)
![]() | ![]() |
Спасибо за хороший урок! ![]() ![]() |
![]() | ![]() |
Спасибо большое за урок! ![]() |
![]() | ![]() |
Ну просто чудесный урок! Так бы и съела этот текст. Уж очень он вкусно выглядит ;) |
![]() | ![]() |
Спасибо за добрые слова! Хотелось бы увидеть ваш результат выполненного урока. Будем ждать:) |
![]() | ![]() |
Спасибо за очень подробный и интересный урок! Я новичок, но у меня почти все получилось.)) У Вас на редкость интересный и удобный сайт. |