Тег ‘web2 0’

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

  • Надпись в стиле Web 2.0

    Продолжаем цикл уроков в стиле WEB2.0 ))Создаем документ, произвольных размеров, например 800х600px.
    Пишем текст, желательно жирным шрифтом, дублируем слой с текстом (жмем Ctrl+J), либо тащим слой на иконку в панели слоев.
    Далее идем в Edit > Transform > Flip Vertical, опускаем текст.

    Надпись в стиле WEB2.0-1

    Растрируем слой с текстом Layer > Rasterize > Type.
    В панели инструментов выбираем Rectangular Marquee Tool, изменяем Feather на 20px
    Выделяем область в половину на растрированном слое, жмем Delite несколько раз (2-3).

    Надпись в стиле WEB2.0-2

    Создаем новый слой Ctrl+Shift+N, либо тащим на иконку в панели слоев. Читать полностью »