Главная | Регистрация | Вход | RSSПятница, 22.11.2024, 05:09

PhotoShopWorld

Форма входа
PhotoShopWorld
Уроки Фотошоп
Фотошоп дополнения
Учебник Фотошоп
Фотошоп Ещё...
Категории раздела
Эффекты [243]
Работа с текстом [188]
Работа с фото [444]
Графика для сайта [96]
Дизайн/Рисование [389]
Анимация [43]
Практика [53]
Работа с планшетом [33]
Кисти [22]
Фильтры / Плагины [17]
Рамки [1]
Текстуры (фоны) [11]
Экшены [0]
Стили [0]
Градиенты [7]
Шрифты [0]
Фигуры [2]
Шаблоны для фото [0]
Иконки [0]
PSD исходники [0]
Основы работы [65]
Установка дополнений [7]
Описание инструментов [32]
Фотошоп Ещё... [0]
Фотошоп
Орфография
Система Orphus
Статистика

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

Мир Фотошопа

Главная » Файлы » Графика для сайта

Твоя кнопка
18.03.2011, 14:30
Создаём новый документ размером 500 x 500 px.
Используя инструмент овальная форма нарисуйте две окружности как на рисунке:

Делаем ctrl+клик на слое с темным кругом (здесь "Stroke"), потом создаём новый слой (здесь "General Surface Glow") и заливаем выделение белым цветом. Берём Перо и рисуем форму как на рисунке:

Переходим к панели Path (Контур) и выбираем команду Load Path As Selection (Загрузить контур как выделенную область).

Сейчас идём в Select > Inverse (Выделение - Инвертировать), нажимаем Delete. Используя инструмент рисуем выделение как на рисунке:

Делаем активным слой "General Surface Glow", идём в Select > Feather (Выделение - Растушевка) со значением в 30 px. Нажимаем 2 раза Delete.

Рисуем ещё одно выделение как на рисунке:

Идём в Select > Feather (Выделение - Растушевка) со значением в 30 pxНажимаем 3 раза Delete.

После этого делаем ctrl+клик на слое "Stroke". Создаём новый слой, назовём его "Upper Left Glow", и заливаем выделение белым цветом.

Идём в Select > Modify > Contract (Выделение - Модификация - Сжать) со значением в 4 px.

Далее Select > Inverse (Выделение - Инвертировать). Жмём Delete.

Делаем ctrl+клик на слое "Upper Left Glow".
Используя передвигаем полученное выделение как показано на рисунке:

Ставим растушевку на 30 px. Далее инвертируем. Нажимаем 2 раза Delete.

Создаём новый слой, назовём его "Upper Conc Glow", в нём с помощью в левом верхнем углу нашей иконки рисуем маленький белый овал. Далее создаём ещё один слой, назовём его "Bottom Conc Glow", в нём так же рисуем маленький белый овал, но уже в правом нижнем углу, и снижаем прозрачность слоя до 50-60%.

Делаем Ctrl+клик на слое "icon-bg" (красный круг), создаём новый слой - (здесь "Circular Glow"), и заливаем выделение белым цветом.

Сжимаем выделение на 20 px и нажимаем Delete.

С помощью рисуем форму как на рисунке:

Превращаем нашу форму в обычное выделение.

Далее инвертируем. Жмём Delete.

Делаем Ctrl+клик на слое "icon-bg", и сжимаем со значением в 15 px. После этого сделайте растушевку со значением в 30 px. Нажимаем Delete 2-3 раза.

Нажимаем сочетание клавиш Ctrl+T, и передвигаем слой "Circular Glow" как показано ниже:

Создаём новый слой между "General Surface Glow" и "Icon bg". На этом слое должна располагаться какая-нибудь буква или картинка, которую вы выбрали для данной иконки:

Объединяем все слои, с которыми только что работали, в группу Icon. Рисуем два одинаковых круга, верхний- чёрный (#000000), а нижний-серый (#8e8f91). Используя рисуем выделение как на рисунке:

Делаем растушевку на 30 px. Выбираем слой с чёрным кругом и нажимаем Delete 3 - 4 раза.

Нарисуйте ещё один круг, больше предыдущих, назовём этот слой- "border".

Залейте этот слой с помощью , цвета указаны на рисунке:

В завершение дублируем группу Icon, и сливаем с другими слоями.

Откройте окно добавления стилей слоя и примените слою "Icon" стиль Inner Shadow (Внутренняя тень).

Настройки вы видите ниже:

Ура! Вы сделали это!

Эту иконку или кнопку вы можете изменять на свой вкус: добавлять стильные рамки, эффекты, менять цвет и т.д.


До встречи на www.photoshopworld.at.ua!


Категория: Графика для сайта | Добавил: Photoshop-master
Просмотров: 489 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Фотошоп-Мастер
Фотоэффекты онлайн
Фотошоп с нуля!
Фотошоп уроки!
Photoshop
RSS лента

Кликните по иконке, чтобы получать новые уроки по RSS каналу

Создать фоторамку
Опросы
Есть ли у вас проблемы с закачкой дополнений с сайта?
Всего ответов: 21
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz