Porsche — Underwater road
3d award

Создание кнопки из желе

 diablo_ 388.03587.2 10 февраля 2006 в 00:00

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

Следуйте следущим трем шагам, для создания своей 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.

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

Комментарии отсутствуют, Ваш будет первым!:)
Что бы оставить комментарий вам необходимо войти или зарегистрироваться!

Советуем почитать

Красивая кнопка или аватарка

В уроке подробно – пошагово рассказывается о том, как создать собственную кнопку или аватарку для сайта или форума. Урок простой и ориентирован в первую очередь на начинающих пользователей, но может п

Комментарии 9 Рейтинг 0 Просмотры 15 382 Автор: diablo_ 25 февраля 2009 в 00:00

Имитация Штрих-кода

Урок, по созданию штрих-кода, который мы видим на упаковках, всех продаваемых товаров.

Комментарии 1 Рейтинг 0 Просмотры 14 555 Автор: diablo_ 11 августа 2006 в 00:00

Подавление муара

Давайте, на наглядном примере определим, что такое муар. Бесцеремонно заглянем девушке в рот.

Комментарии 2 Рейтинг 3 Просмотры 24 223 Автор: diablo_ 12 марта 2007 в 00:00

Раскраска авто в стиле Speedpaint

Данный пример не претендует на профессионализм и уникальность. Он всего лишь, имеет перед собой задачу заинтересовать начинающих художников и потенциальных дизайнеров всех мастей, которые иногда воспр

Комментарии 10 Рейтинг 2 Просмотры 20 870 Автор: diablo_ 28 июля 2009 в 00:00

Создание текстуры

Урок, по созданию текстур, которые вы сможете использовать в 3D программах, или где душе угодно.

Комментарии 3 Рейтинг 0 Просмотры 14 622 Автор: diablo_ 25 июля 2006 в 00:00

3D моделиприслатьещё

Форумещё

Конкурсы CGWarsещё

CG Art XXV
28.11.2016 — 07.12.2016 Комментарии8 Просмотров3 2

Блогиещё

Популярные урокиещё

Реклама

3dmir.ru - Вся компьютерная графика
      www.megastock.ru