Надпись X-Men в Adobe Photoshop
10 октября 2014 | Опубликовано в Уроки | 3 Комментариев »
В этом уроке мы создадим надпись X-Men в Adobe Photoshop. Этот урок подходит для новичков, которые хотят освоить премудрости стилей слоев. Большая часть эффектов будет выполняться именно в стилях. Сам урок довольно прост, он не требует особых навыков и не займет много времени. Вы научитесь создавать типографический эффект, который сможете модифицировать и применять к другим объектам.
Шаг 1
Скачайте здесь и откройте файл X-MAN Paths.psd и создайте новый слой (Layer 1). В палитре Paths/Контуры (Window>Paths/Окно>Контуры), удерживая Command/Ctrl, кликните по иконке Path 1, чтобы создать выделение по контуру.
Шаг 2
Нажмите D, чтобы выбрать в качестве фонового цвета белый. В качестве первого цвета выберите R:113, G:150, B:206. Возьмите инструмент Gradient/Градиент (G) и в настройках градиента выберите вариант от первого цвета к фоновому. Растяните градиент от верхней до нижней части выделения.
Шаг 3
Кликните по иконке Add a Layer Style/Добавить стиль слоя (fx) в нижней части палитры Layers/Слои, и выберите Bevel & Emboss/Тиснение. Настройте эффект как показано ниже.
Шаг 4
Укажите слою также стиль слоя Satin/Глянец и настройте его как показано ниже.
Шаг 5
Создайте новый слой (Layer 2) и снова загрузите выделение с контура Path 1. Смените первый цвет на R:149, G:157, B:134. Нажмите X чтобы поменять местами первый и фоновый цвета. Возьмите инструмент Gradient/Градиент, затем кликните по иконке Reflected Gradient/Отраженный градиент в палитре опций. Растяните градиент от центра выделения к краям. Смените blend mode/режим наложения слоя на Darker Color/Темнее. Снимите выделение.
Шаг 6
Создайте новый слой (Layer 3) и загрузите выделение с контура Path 2. Возьмите инструмент Gradient/Градиент, кликните по иконке линейного градиента. Растяните градиент сверху вниз выделения. Снимите выделение.
Шаг 7
Кликните по иконке Add a Layer Style/Добавить стиль слоя ив выберите вариант Inner Glow/Внутреннее свечение. Настройте стиль как показано ниже. Используйте цвет (R:128, G:128, B:128).
Добавьте слою также стиль Outer Glow/Внешнее свечение. Настройте как показано ниже, используя цвет R:128, G:128, B:128.
Шаг 8
Создайте новый слой (Layer 4) и загрузите выделение с контура Path 2. Нажмите Option-Delete/Alt-Backspace, чтобы залить выделение белым. Снимите выделение.
Шаг 9
В палитре Layers/Слои снизьте параметр Fill/Заливка для Layer 4 до 0%. Укажите слою стиль слоя Pattern Overlay/Перекрытие узора. Настройте как показано ниже. Используйте стандартный узор «Laid-Horizontal».
Шаг 10
Кликните по иконке Add Layer Mask/Добавить слой-маску в нижней части палитры Layers/Слои. Нажмите D, чтобы выставить черный и белый цвета. Возьмите инструмент Gradient/Градиент и выберите вариант от черного к прозрачному.
Шаг 7
Растяните градиент в маске два раза таким образом, чтобы черным цвет оказался слева и справа. Смотрите пример ниже.
Шаг 12
Сделайте видимым слой с текстом (если вы работаете не по файлу из примера, создайте слой с текстом). Создайте новый слой (Layer 5) и перетащите его под слой с текстом. Удерживая Command/Ctrl, кликните по иконке этого слоя, чтобы создать выделение по форме текста. Нажмите D, чтобы сделать первым цветом черный. Нажмите Option-Delete/Alt-Backspace, чтобы залить выделение черным цветом. (Так как слой находится под слоем с текстом, вы не увидите черной заливки).
Шаг 13
Нажмите Command-T/Ctrl-T, чтобы вызвать инструмент Free Transform/Свободное трансформирование. При помощи клавиши вверх перемещайте надпись выше, пока она не накроет нижнюю часть надписи X-MAN. Теперь тяните вверх нижнюю среднюю точку трансформирования, чтобы сплющить текст. Нажмите Enter.
Шаг 14
Используя ваш любимый инструмент выделения (к примеру Lasso/Лассо [L]), выделите верхнюю часть букв A и S в слове “PAST” в слое Layer 5. При помощи Free Transform/Свободного трансформирования вращайте и поместите содержимое выделения на диагональную часть буквы N. Нажмите Enter и снимите выделение. Повторите процедуру с другими буквами, пока все элементы не будут отражаться в верхнем тексте.
Шаг 16
В меню выберите Filter>Blur>Motion Blur/Фильтр>Размытие>Размытие в движении. Настройте фильтр как показано ниже и нажмите OK. Смените режим наложения слоя на Multiply/Умножение. Дублируйте слой Layer 5 и это всё!
Результат
Автор урока Felix Nelson
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
17 июля 2017 в 10:45
Вообще правильно пишется — X-MEN, а не X-MAN)))
Ответить
18 января 2021 в 10:37
F4JBRF nnunrheprxwj, [url=http://kvwsdagignqg.com/]kvwsdagignqg[/url], [link=http://cfocitirfips.com/]cfocitirfips[/link], dcejdswkmdng.com
Ответить