Home
Главная
Forums
Форум
Your Account
Ваш аккаунт
Web-технологии
HTML, XML, DHTML
JavaScript
SQL
PHP
Perl
SSI
ASP
CSS

Графика
Adobe PhotoShop
Adobe PhotoShop - 2
Macromedia Flash

Компьютеры
Hardware
Мобильные технологии
КПК и ноутбуки

Операционные системы
Unix/Linux
Windows 9x
Windows XP

Стоит посмотреть
  • Кумоторс качественные запчасти ford, ремонт форд по низким ценам


  • Продажа магазинов: продажа нежилых помещений на сайте.






  • эффект 'желе кнопки'

    эффект 'желе кнопки'

    "ЖЕЛЕ кнопки" или формы, напоминающие гель. Кнопка слева имеет пару дополнений, но здесь использовалась та же техника выполнения.

    Следуйте следущим трем шагам, для создания своей Jelly Button.

    1. Откройте новый документ размером 200X200. И на новом слое выделите окружность как на рис.

    эффект 'желе кнопки'

    2. Очень важный шаг! Настройка Gradient (Градиент).

    Посмотрите на мой пример справа для желтого шарика. Внимательно посмотрите на переход от чёрного к желтому.

    Заполните выбор градиентом. Небольшая подсказка, правая верхушка будет создавать эффект геля.

    Ипользуйте “straight” (прямой) градиент НЕ “circular”.

    Теперь исправим раздражающую ошибку. Снимите выделение и "заблокируйте слой". Теперь снова испоьзуйте Gradient.

    Это делается для более плавного перехода граней.

    эффект 'желе кнопки'

    эффект 'желе кнопки'

    эффект 'желе кнопки'

    3. Используйте инструмент "airbrush" (аэрограф), и выбирите мягкую кисть в пропорции давления 8-12%. И используйте Черный цвет в некоторых теневых областях, в основаниях справа и слева.

    Не забудьте снять выделение и разблокировать слой.

    эффект 'желе кнопки'
    эффект 'желе кнопки'

    Поменяйте цвет кисти на Белый и используйте эффект Hi-light. Два этапа. Первый, сделайте среднюю яркость, второй, добавьте чистый белый кругляшок.
    эффект 'желе кнопки'эффект 'желе кнопки'

    эффект 'желе кнопки'

    Вот и финальный результат. Ещё для большей красоты я добавил эффект embossed bevel на фоновый слой.

    Ниже приведены примеры, которые потребуют от вас большего мастерства, чем предыдущие.

    эффект 'желе кнопки'

    ДОПОЛНЕНИЯ - Создайте новый слой. CTRL + Клик на верхнем слое для его выделения. Раздвинтье выбор до 8 пикселов и заполните его ALT + Backspace.

    Заполните и снимите выделение слоя. Заблокируйте его, и заполните градиентом, чтобы избежать “artefacts" (поделок)(край, вызванный anti-aliasing'ом - сглаживанием).

    эффект 'желе кнопки'

    "Блокированный"слой заполнен тем же самым градиентом, что и шар наверху.

    Теперь идите в Layer->Layer style->Bevel and Eboss (в некоторых перводах фотошопа Фаска и рельеф). И делайте там все что понравиться. Эксперементируйте и не бойтесь, потому что всегда можно открыть эффект и отредактировать его.

    Здесь я также добавил простой желтый фон.

    эффект 'желе кнопки'
    эффект 'желе кнопки'

    Слева - градиенты которые я использовал для Красного и Синего. На них я использовал комбинации из Bevel Effects.

    эффект 'желе кнопки'

    эффект 'желе кнопки'эффект 'желе кнопки'

    Чтобы Jelly buttons были не просто круглыми я использовал shape tool (инструмент формы). Градиентом заполнял аналогично.

    эффект 'желе кнопки'
    эффект 'желе кнопки'эффект 'желе кнопки'
    эффект 'желе кнопки'эффект 'желе кнопки'

    Здесь я эксперементировал с инструментом Pen tool (Ручка), конвертировал выделенные пути и заполнял градиентом.

    Ниже был добавлен эффект Bevel.

    Эксперементируйте, я уверен, что у вас получится во всяком случае не хуже.

    эффект 'желе кнопки'



    Дополнительно на данную тему:

    эффект 'матрица'
    эффект 'штрих-код'
    эффект 'папирус'
    эффект 'реалистичный огонь'
    эффект 'абстракция'
    эффект 'кубический текст'
    эффект 'свечение'
    эффект 'молния'
    эффект 'огненный вихрь'
    эффект 'футуристическая печатная плата'

    Назад | Начало | Наверх
    Rambler's Top100