Вторник, 07.05.2024, 14:50
Приветствую Вас Гость

Скачай все что хочешь!

Меню сайта

Категории раздела


Мини-чат
Облоко тегов
Наш опрос
Опрос сайта
Чего больше добавить?
javascript:; javascript:;
Всего ответов: 198



Статистика
Статистика:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сейчас на сайте:

[Сегодня нас посетили]

Главная » Файлы » Все для Photoshop » Уроки

Красивая кнопка для сайта (изучаем)

24.01.2011, 08:17
Шаг 1. Создайте новый документ (Ctrl+N) шириной 640 рх и высотой 480 рх, залейте получившийся слой «Задний план» черным цветом.

Причина, по которой мы не создали документ размером с саму кнопку, состоит в том, что в последствие наша кнопка будет размещена на Веб - странице. Поэтому, я думаю, работая на большом холсте, у нас будет лучший обзор конечного результата.

Теперь добавьте новый слой, выше слоя «Задний план» и назовите его «Освещение фона», выберите большую, мягкую, круглую кисть (B) серого цвета и сделайте один клик в положении, указанном ниже:

Шаг 2. Теперь выберите инструмент «Прямоугольник со скругленными углами» (U) и поставьте настройки, как показано:

Теперь нарисуйте прямоугольник в центре холста, как показано ниже: (не волнуйтесь о расположение, главное, что вы нарисовали прямоугольник)

К этому слою примените следующие «Стили слоя», сделать это вы сможете, нажав на иконку «Добавить стиль слоя» на панели слоев:

Тень

Внутренняя тень

Наложение градиента

Шаг 3. Теперь загрузим выделение, получившегося прямоугольника, для этого нажмите на миниатюру слоя с прямоугольником, удерживая клавишу Ctrl.

Создайте новый слой над слоем с прямоугольником, выберите мягкую круглую кисть (B) белого цвета и сделайте одиночный клик в месте, показанном ниже:

У вас должно получиться следующее:

К этому слою примените следующие стили слоя:
Внутренняя тень

Тиснение

Наложение градиента

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

Шаг 4. Теперь продублируйте этот слой еще раз и поместите его выше всех остальных слоев. Теперь примените Редактирование -> Трансформирование -> Отразить по вертикали.

Переместите этот слой при помощи инструмента «Перемещение» (V) немного вниз, чтобы внизу прямоугольника получилась такая же яркая линия края как и сверху.

Шаг 5. Теперь напечатаем текст на нашей кнопке. Выбор шрифта здесь очень важен, потому что мы хотим сделать нашу кнопку максимально «привлекательной».

К слою с текстом примените следующие стили слоя:
Тень

Тиснение

Наложение градиента

У вас должен получиться следующий результат:

Спасибо за внимание !!

Данный урок подготовлен командой Photoshop- Master

Категория: Уроки | Добавил: Rex1L
Просмотров: 418 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини Профиль
Вторник
07.05.2024
14:50

Топ Файловиков
RAIDER
391
RezON
258
Rex1L
100
Vse_4to_ho4
28
Serg_Novikov
3
ytugello
1
shereman2012
0
Наш Баннер

Vse4toHo4

[ Получить код баннера]
Друзья
Поиск
Поиск
Поиск