00:12
ОбновитьСмайлыУправление мини-чатом
Главная | Регистрация | Вход |Музыкальный плеер|Администрация| Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила сайта и форума · Поиск по форуму · RSS · Скрыть/Показать информеры ]
Самые популярные темы:


Последние обновлённые темы:


Самые активные на форуме:


Самая высокая репутация:



  • Страница 1 из 1
  • 1
Форум » Для Веб мастера » Уроки » Рисуем "деревянную кнопку"
Рисуем "деревянную кнопку"
MasterДата: Понедельник, 07.06.2010, 21:35 | Сообщение # 1

Группировка:
Долг [Глава]

Группа: Администратор
Сообщений: 601

Награды:
[ 390 ]
Этот Фотошоп урок покажет вам, как создать кнопку на сайт с деревянной текстурой внутри.
Итог:

Шаг 1.

Создайте новый документ, размеры 95x95, фон - черный.
Масштабируйте документ до 200%
Возьмите и создайте ровное выделение.
Установите основной цвет на светло-серый (#BCBCBB), а фоновый на темный (#504F4F).
Возьмите инструмент , в настройках выберите радиальный градиент. Протяните градиент из центра к краю, как показано на рисунке a), чтобы результат был как на б).

a)
б)

Далее выберите в меню Select > modify > contract (Выделение - Модификация - Сжать) и установите параметр сжатия на 9 пикселей. Создайте новый слой и залейте выделение черным цветом.

в)
г)

Шаг 2.

Создайте небольшое овальное выделение наверху черного круга, создайте новый слой и установите основной цвет на серо-коричневый #746D66.
Возьмите , в настройках выберите линейный градиент. Через редактор градиента выберите тип - от основного цвета к прозрачному.

Протяните градиент как показано красной стрелкой. Должно получиться вот так:

a)
б)

Сделайте выделение - зажмите Ctrl и щелкните по черному кругу в палитре слоев. Создайте новый слой. Установите основной цвет на коричневый #C08653, возьмите радиальный градиент и протяните его как показано на рисунке:

в)
г)

Шаг 3.

Нарисуйте коричневый овал на новом слое - цвет #A17F5C.

Далее сожмите выделение (select > modify > contract) на 1 пиксель, а затем нажмите Delete. Останется у вас только линия.

Повторите те же действия на этом слое, чтобы нарисовать маленький овал.

a)
б)

в)
г)

Шаг 4.

Создайте последний овальчик еще меньше чем предыдущие.

a)
б)

Теперь дублируйте слой с овальными линиями дважды. Разместите как показано на рисунке и слейте все три слоя в один. Загрузите выделение от черного круга, перейдите обратно на кольца, нажмите Shift+Ctrl+I, чтобы инвертировать выделение, затем клавишу Delete, чтобы обрезать кольца.

в)
г)

Шаг 5.

Измените режим наложения слою с кольцами на Overlay (Перекрытие)
Ну вот и всё :)
Источник урока



Ранг:
ProgrammerДата: Пятница, 11.06.2010, 18:15 | Сообщение # 2

Группировка:
ДОЛГ [Боец штурмовик]

Группа: Pro-User
Сообщений: 1432

Награды:
[ 34 ]
Репутация:
[ 307 ]
Замечания:
0%
У меня получилось что то. Спасибо



Ранг:
Форум » Для Веб мастера » Уроки » Рисуем "деревянную кнопку"
  • Страница 1 из 1
  • 1
Поиск:

Реклама на сайте
Design by STALKER-WAR.RU
Game's TOP-100 Counter Яндекс цитирования