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

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

    Создаем слой с маской, и заливаем его черно-белым градиентом На картинки все понятно расписано.

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

    Пишем что-то, правой кнопкой на слое с текстом — Blending Options — Bevel and Emboss, параметры как на картинке.

    Бейдж в стиле WEB2.0-9
    Результат
    Бейдж в стиле WEB2.0-10
  • Смотрите также:

    • Glow эффект Glow эффект так называемый, если постараться может получиться довольно симпатично. Быстренько сляпаем фон: Создаем новый документ с размерами 500х500px Выставляем […]
    • Отбрасываем тень Пытаемся отбросить объемную тень от фотокарточкиНадо постараться обрезать фотку так, что бы она была похожа на настоящую фотографию. Режем с помощью Crop Tool, как […]
    • Бронзовый текст Может и не совсем бронза, но задатки есть )Запускаем Фотошоп, создаем новый документ (Ctrl+N) произвольных размеров, пишем текст. Жмем правую кнопку на слое в панели […]
    • Градиентный текст Симпатичный эффект градиентной заливки текста. Запускаем Photoshop, создаем новый документ, произвольных размеров, с белой заливкой Пишем необходимый текст Мои цвета […]
    • Меняем цвета фотографии Довольно стильный эффект.Открываем фотографию в Photoshop, дублируем слой, перетаскиваем слой на иконку , в панели слоев. Ставим режим смешивания Screen, прозрачность […]

    Комментарии закрыты..