Тег ‘satin’

Бейдж в стиле WEB2.0

Довольно много движений, если нет желания возится — можете воспользоваться готовыми стилямиВыбираем готовую форму
Создаем документ, произвольных размеров, например 800х600px
В панели инструментов выбираем Rectangle Tool
Сбрасываем цвета на черный и белый клавишей D
Рисуем квадрат, дублируем квадрат.
Жмем Ctrl+T для свободной трансформации объекта, разварачиваем его
В общем, путем дублирования квадрата и его трансформации у вас должно получиться 3 слоя с черными квадратами и фигура, вроде моей.
После чего объединяем все слои, удерживая кнопку Shift жмем первый и последний слои с квадратами (Background не трогаем)

Бейдж в стиле WEB2.0-1

Далее меняем цвета Foreground #ff8400 и Background #ff4900
Удерживая кнопку Ctrl кликаем по объединенному слою с фигурой, тем самым, выделяя его.
Выбираем инструмент Gradient Tool (G)Удерживая клавишу Shift ведем градиентом с правого края в центр фигуры.
Жмем Ctrl+D для снятия выделения

Бейдж в стиле WEB2.0-2

Жмем на слое с фигурой правую кнопку, выбираем Blending Options

  • Ставим галку на Drop Shadow, параметры как на картинке
    Бейдж в стиле WEB2.0-3

    Bevel and Emboss, параметры как на картинке

    Бейдж в стиле WEB2.0-4

    Satin, параметры как на картинке

    Бейдж в стиле WEB2.0-5

    Stroke, параметры как на картинке

    Бейдж в стиле WEB2.0-6

    Создаем новый слой (Ctrl+Shift+N), самый верхний
    Режим смешивания ставим Lighten
    Прозрачность слоя (Opacity) — 20%
    Выбираем инструмент Elliptical Marquee Tool (M)Скидываем цвета на черный и белый (D), если они не скинуты )
    Выделяем круг, в левом верхнем углу фигуры, и заливаем его белым цветом, в новом слое. Читать полностью »

  • Объемный текст

    Можно один раз проделать урок и сохранить как стиль. Так.. на всякий случай )Лично мне очень нравится подобный прием.
    Используемый шрифт — Academia

    Отмечаем галкой Drop Shadow

    — Inner Shadow

    — Satin

    — Gradient Overlay

    Тут обращаем внимание на градиент, есть нычка в виде треугольничка, после клика на который, становится доступным поле Opacity. Это ключевой момент, на самом деле ) Установите прозрачность 60% — и прием можно считать законченным )

    После подобных качелей, можно готовые стили хранить в Photoshop и по желанию быстро и четко использовать.
    Попробуйте, после всего проделанного выше, активировать слой с текстом и кликнуть на иконку Create new style.

    Причем текст — всегда остается текстом.. Его можно менять в размерах, в виде и т.д.

    Йоу!