Среда
08.05.2024, 10.22.53
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%).

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

уроки по фотошопу

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

уроки по фотошопу



Автор: Лукьянова Зинаида


Источник: http://scrache.com/forum/index.php?showtopic=1189
Категория: уроки все | Добавил: yana (11.03.2010)
Просмотров: 3132 | Теги: кнопки в фотошопе, кнопки | Рейтинг: 5.0/2 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

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


Copyright MyCorp © 2024