Тег ‘drop shadow’

Бейдж в стиле 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), если они не скинуты )
    Выделяем круг, в левом верхнем углу фигуры, и заливаем его белым цветом, в новом слое. Читать полностью »

  • Бронзовый текст

    Может и не совсем бронза, но задатки есть )Запускаем Фотошоп, создаем новый документ (Ctrl+N) произвольных размеров, пишем текст.

    Бронзовый текст-1

    Жмем правую кнопку на слое в панели слоев, выбираем Blending Options
    Выбираем пункт Drop Shadow

    Бронзовый текст-2

    Gradient Overlay цвет слева на право #8B742D > #FEEEB0

    Бронзовый текст-3

    Bevel and Emboss, цвета:
    Highlight mode: #D4B969
    Shadow mode: #FFD972

    Бронзовый текст-4

    Stroke, цвет обводки: #b8ae7f

    Бронзовый текст-5
    Получаем
    Бронзовый текст-6

    Градиентный текст

    Симпатичный эффект градиентной заливки текста.

  • Запускаем Photoshop, создаем новый документ, произвольных размеров, с белой заливкой
  • Пишем необходимый текст
  • Мои цвета текста: #e0e0e0 и #1bc0d8, соответственно.
  • Кликаем правой кнопкой мыши по слою с текстом, выбираем Blending Options
  • Выбираем строку Drop Shadow, параметры как на картинке
  • Выбираем строку Inner Shadow, параметры как на картинке
  • Выбираем строку Gradient Overlay, параметры как на картинке
  • Выбираем строку Stroke, параметры как на картинке
  • Жмем OK
  • У вас должно получиться нечто подобное)
  • Объемный текст

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

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

    — Inner Shadow

    — Satin

    — Gradient Overlay

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

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

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

    Йоу!