GamesMir Суббота, 10.01.2009, 02:59
Приветствую Вас Гость | RSS
GamesMir
Главная страница | ..::Форум GamesMir::.. | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Информация!!!

Страница 1 из 11
..::Форум GamesMir::.. » .::Дизайнерский раздел::. » Уроки PhotoShop » Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Danil_KAДата: Четверг, 24.07.2008, 11:54 | Сообщение # 1
..:::SuPeR AdmiN:::..
Сообщений: 1480
Репутация: 45 [22%]
Смайл настроения:
Статус:
Industrial Buttons
Делаем стильные кнопки для сайта


1.
Сначала создай новый документ для твоей кнопки.
Я использовал документ размером 400x300 пикселей и
установил цвет фона (background) на # 5c5947.

2.
Создай новый слой.
Layer> New> Layer
Теперь измени основной (foreground) цвет на # 4a4839,
затем инструментом Rounded Rectangle Tool :
Индустриальные кнопки для сайта
Создай прямоугольник с округленными углами примерно так :
Индустриальные кнопки для сайта

3.
Щелкни правой кнопкой мыши на кнопке слоя и выбери
Blending Options.
Нажми и применяй следующие стили слоя :
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта

В конечном результате должно получится вот так :
Индустриальные кнопки для сайта

4.
Создай новый слой затем нажав CTRL выбери иконку основного
слоя. Теперь уменьши выделение на 3 пиксела.
Select > Modify > Contract
Индустриальные кнопки для сайта
Заполни выделение черным (# 000000)
После этого перемести выделение вверх на 10 пикселов
Shift+Up Arrow
Теперь перейди Select >Modify > Feather, поставь значение 4
потом нажми клавишу delete.
Индустриальные кнопки для сайта
Измени режим наложения этого слоя на Soft Light
и снизь непрозрачность на 60%.
Индустриальные кнопки для сайта

5.
Последнее, что необходимо сделать добавить текст.
Для текста я использовал следующие стили слоя :
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта
Индустриальные кнопки для сайта


Вот, что получилось
Индустриальные кнопки для сайта

6.
Теперь ты можеш копировать эту кнопку, и добавить другой текст.
Чтобы сделать еще лучше, я сделал еще 2 кнопки, добавил немного
grunge и применил фильтр Filter > Render > Lighting Effects для
всего изображения.
Индустриальные кнопки для сайта


Автор: DesignLoser
Перевод: Валентин


 
Реклама
..::Форум GamesMir::.. » .::Дизайнерский раздел::. » Уроки PhotoShop » Индустриальные кнопки для сайта
Страница 1 из 11
Поиск:

Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Блок мини профиль.

(29)

Как что сделать?

(320)

Вопрос

(0)

Ref как сделать?

(3)

Шаблон форума MEGAsof...

(1)

помогите

(1)

Как спрятать видео в ...

(1)

Можно

(6)

Кто во что щас играет...

(76)

Драки

(6)

Как что сделать?

(320)

Скрипты для ваших сай...

(175)

>>>Обратный отсчёт<...

(148)

Игра в слова !!!

(141)

Первый конкурс на Gam...

(102)

Анекдоты

(101)

Кто во что щас играет...

(76)

Бесканечная ысторея !...

(68)

Болтание

(68)

Вырази в смайлах...

(63)


Баннеры
  Internet Map  Яндекс цитирования  веб-дизайн; оптимизация сайта поисковые машины, реклама продвижение сайта      Рейтинг сайтов TOP•MostInfo.net



Copyright Danil_KA feat SEK_TOR © 2007Хостинг от uCoz