Воскресенье
05.05.2024, 4.38.09
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки,графика для сайта

Кнопка для влюбленных

Кнопка для влюбленных

Кнопка для влюбленных

Мы начнем этот урок с создания нового документа
размером 300 x 155 px с белым фоновым цветом.

Теперь выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник такого цвета - 8f8f8f. Назовите этот слой "кнопка" в панеле слоев.

Теперь мы создадим две вспомогательные точки на фигуре как показано ниже. Выберите инструмент Add Anchor Point Tool и разместите дополнительные точки в тех же местах как на картинке.


Теперь выберите инструмент Delete Anchor Point Tool и кликните по крайним точкам, которые отмечены на картинке.

Теперь правой кнопкой мыши щелкните на слое с кнопкой и выберите параметр Blending Options, там перейдите на Drop Shadow (отбросить тень)

Примените настройки как на картинке

Не нажимайте пока "OK"

Далее перейдите на вкладку Inner Shadow (внутренняя тень)

Примените настройки как на картинке

Не нажимайте пока "OK"

Выберите Color Overlay (заливка цветом)

Примените настройки как на картинке


Не нажимайте пока "OK"

На очереди Gradient Overlay (заливка градиентом)

Примените настройки как на картинке

Не нажимайте пока "OK"

Выберите Stroke (обводка)

Примените настройки как на картинке

Теперь можете нажать OK.

У вас должно получиться вот такое изображение.

Выберите инструмент текст и установите такие настройки:

Напечатайте на кнопке то, что вы пожелаете.

Примените к тексту следующие стили:

Клик правой кнопкой по слою с текстом, переходим в Blending Options.

Затем идем в Drop Shadow.

И используем настройки как показано ниже:


Не нажимайте пока ОК.

Теперь нажмите на Outer Glow (внешнее свечение). Примените настройки как показано и нажмите ОК.


Теперь у вас должно получиться вот так:

Зажмите клавишу Ctrl и кликните по слою с кнопкой для того, чтобы появилось выделение вокруг фигуры.

В главном меню выберите Select - Modify - Contract.
Сократите выделение на 2 и нажмите "OK".

Создайте новый слой и снова в главном меню выберите Edit - Stroke. Ширина (width) = 1, цвет черный и расположение (location) - внутри.

Можете убрать выделение Ctrl + D.
Назовите этот слой - обводка.

Измените параметр слоя "обводка" до 13%. Все готово!


Вот и результат!!!
Я еще добавил немного блеска нашей кнопке, пару сердечек на краю и отражение. Стиль у сердечек точно такой же как и у самой кнопки

У меньшего сердца стиль был уменьшен (Layer, Layer Style затем Scale Effects уменьшили до 30%).

Я надеюсь вам понравился этот урок.

А здесь еще использован фон.

Категория: уроки,графика для сайта | Добавил: kandaliza2008 (20.03.2009)
Просмотров: 843 | Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024