Загрузка. Пожалуйста, подождите...

Главная страница → → → → Красивая кнопочка для сайта

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

231.jpg (1.64 Kb)

Шаг 1.)
Откройте существующий документ любого размера, или создайте новый.
167567567.jpg (2.91 Kb)

Шаг 2.)
Создайте новый слой, и назовите его "button base". Выберите rectangular marquee tool(), и сделайте квадратное выделение, как я сделал здесь:
31.jpg (2.08 Kb)

Шаг 3.)
Идите в меню Select->Modify->Smooth со значением в 6px
41.jpg (5.69 Kb)

Результат:
51.jpg (2.61 Kb)

Шаг 4.)
Установите цвет переднего плана #373EA3, а заднего плана #94DDF6
61.jpg (2.17 Kb)

Теперь выберите Gradient Tool () и выберите градиент Foreground to Background:
81.jpg (2.16 Kb)

Теперь заполните выделение этим градиентом, от темного к светлому, как здесь :
101.jpg (4.22 Kb)

Не снимайте это выделение.

Шаг 5.)
Откройте меню стилей слоя и примените эти эффекты:

Drop Shadow:
111.jpg (14.63 Kb)

Результат:
121.jpg (4.45 Kb)

Не снимайте выделение.

Шаг 6.)
Создайте новый слой, нажав CTRL+SHIFT+N на вашей клавиатуре.

Ваше выделение должно быть активно, а если вы его сняли нажмите CTRL на на клавиатуре, и щелкните на слое названным "button base".
Выберите rectangular marquee tool (). Теперь при нажатой клавише ALT отрежьте половину выделения, как у автора:
141.jpg (5.08 Kb)

Установите цвет переднего плана на белый (#FFFFFF), с помощью Gradient Tool () заполните выделение градиентом Foreground to Transparent:
16.jpg (4. Kb)

151.jpg (11.02 Kb)

Нажмите CTRL + D на вашей клавиатуре, чтобы снять выделение

Шаг 7.)
Затем нажмите CTRL + T на вашей клавиатуре чтобы включить Free transform tool.

Результат:
171.jpg (4.94 Kb)

Теперь нажмите и удерживайте CTRL+SHIFT+ALT поместите курсор около узла в нижнем левом углу и потяните его внутрь как на этом изображении:
181.jpg (5.12 Kb)

Нажмите Enter на вашей клавиатуре, чтобы завершить преобразование, результат:
191.jpg (3.2 Kb)

Шаг 8.)
Теперь нажмите V чтобы выбрать Move Tool. Нажмите стрелку вниз на вашей клавиатуре чтобы переместить блеск вниз на один пиксел, результат:
20.jpg (2.9 Kb)

Шаг 9.)
Понизите непрозрачность этого слоя на 80 процентов как у автора на картинке:
211.jpg (4.65 Kb)

Это должно сделать блик немного светлее и прозрачнее.

Шаг 10.)
Осталось только добавить текст - 12pt Verdana, Sharp:
221.jpg (4.21 Kb)

Попробуйте изменить цвета, используемые в шаге 4, чтобы получить другие кнопки, как тут. Вы видите, что я использовал бледно-серый, и немного заштрихованный белый цвет для 'неактивной' кнопки:
231.jpg (1.64 Kb)

Автор: PhotoshopTower
Перевод: Винни-пух

уроки фотошопа,рамки +для фотошопа,шаблоны +для фотошопа,уроки фотошопа +на русском,рамки +для фотошопа бесплатно,бесплатные рамки +для фотошопа,фоны +для фотошопа,скачать рамки +для фотошопа,уроки photoshop,фотоколлаж,рамки +для photoshop скачать бесплатно,уроки фотошопа +для начинающих,бесплатные уроки фотошопа,уроки фотошопа +на русском cs3,уроки фотошоп обработка,фотошоп уроки +на русском бесплатно,фотошоп эффекты уроки,уроки фотошопа +для чайников,уроки фотошопа обработка фото,уроки фотошопа глаза

Уроки фотошоп самые красивые и простые

Обновлено: 28 мая 2010
1781 05.04.10
Информация
Только зарегистрированные пользователи могут оставлять в данной новости свои комментарии.