Эффект объемных букв стал отличительной чертой дизайна в стиле Web 2.0. Для его создания достаточно нескольких простых действий в нашем любимом фотошопе.
Шаг 1. Открываем фотошоп и создаем новый документ File --> New (Ctrl+N) нужного вам размера. В нашем примере будет 355х100 пикселей.
Шаг 2. Создаем фон. Для усиления эффекта объема фон сделаем “подсвеченым”.
Сначала выбираем нужный цвет двойным кликом по значку выбора цвета в панели инструментов
в нашем случае #003366.
После выбора цвета жмем Alt+Del - заливаем фон. Создаем новый слой Layer -->New --> Layer... (Ctrl+Shift+N), выбираем инструмент градиент (G) и настраиваем его, как показано на рисунке.
Режим наложения слоя меняем на Overlay
и применяем градиент на новом слое несколько раз, до получения подобной картинки.
Шаг 3. Выбираем шрифт и делаем надпись. Цвет шрифта - белый. Не выбирайте шрифт с нижним регистром, эффект не применим к таким буквам, как р, ф, у, g, q.
Шаг 4. Накладываем градиент на нашу надпись. Двойным кликом по названию слоя в окне Layers вызываем окно Layer Style, и настраиваем наложение градиента, как показано на рисунке.
Шаг 5. Накладываем внутреннюю тень и создаем отражение. Для этого переходим к вкладке внутренняя тень (Inner Shadow) и настраиваем её, как показано на рисунке.
Кликаем ОК.
Дублируем слой с текстом (Layer --> Duplicate layer...). Удаляем эффекты с полученного слоя (Clear layer style в контекстном меню слоя) и отражаем его по горизонтали (Edit --> Free transform). Между текстом и его отражеием оставляем небольшой зазор.
Шаг 6. Дорабатываем тень. Для этого используем инструмент Прямоугольное выделение (M) как показано на рисунке, затем сглаживаем его с помощью Select --> Modify --> Feather с параметром 10 пикселей.
Затем, не снимая выделение, выбираем слой с текстом-отражением, растризуем его (контекстное меню слоя --> Resterize Type), и применяем Edit --> Clear трижды.
Меняем режим наложения слоя на Overlay. Смотрим на результат и радуемся! :)
Скачать фотошоповский файл можно
здесь.
Перевод: Sova.
