Воскресенье, 24.11.2024, 23:47
Главная
Регистрация
Вход
Дизайнер, твоё место здесь!!!
Приветствую Вас Гость | RSS
Категории каталога
Ретуширование и обработка фотографи [53]
Уроки по обработке фото, добавление на фото различных спецэффектов, ретуширование
Уроки по веб-дизайну [19]
Создание элементов веб-дизайна, кнопки, меню, лого, иконки
Уроки текст-эффектов [18]
Создание текстовых эффектов, различных надписей
Уроки спец-эффектов [11]
Создание интересных коллажей из фото и картин. Уроки Adobe Photoshop по созданию различных спецэффектов, абстракций
Уроки по рисованию в фотошопе [0]
Уроки Adobe Image Ready [1]
Cоздание анимаций
Видео уроки [2]
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 95
Главная » Статьи » Photoshop » Уроки по веб-дизайну

рисуем кнопку
Действие 1:


Автор статьи: Dan
Автор идеи: EyesOnDesign

Откройте новое изображение размером 240х70 пикселей. Создайте новый слой и назовите его Pipe. C помощью инструмента Restangular Marquee Tool выделите прямоугольную область. Нажмите на клавиатуре D, затем Х, чтобы установить белый цвет как передний, а черный - как задний. Возьмите инструмент Reflected Gradient и, удерживая Shift, залейте выделение от середины к низу. У нас получилась металлическая труба.


Действие 2:

Отмените выделение (Ctrl+D). Выделите прямоугольник несколько меньший по размерам чем предыдущий.


Действие 3:

Перейдите на панель каналов. Создайте новый канал и залейте выделение белым цветом. Deselect (Select > Deselect). Размойте выделение на 5 пикселей (радиус размытия зависит от размера кнопки). Примените функцию Levels с параметрами, которые вы можете увидеть ниже.


Действие 4:

Удерживая Ctrl кликните на канале, затем перейдите на панель слоев, создайте новый слой (Ctrl+Shift+N) и залейте выделение черно-белым градиентом сверху вниз.


Действие 5:

Создайте новый слой (Ctrl+Shift+N). С помощью Select > Modify > Contract сузьте выделение на 2 пикселя. Установите передний цвет: R:0 G:105 B:179, задний: R:255 G:255 B:255 (белый). Возьмите инструмент Linear Gradient Tool и залейте выделение сверху вниз.


Действие 6:

Теперь контур пластика: для этого в меню Edit запустите функцию Stroke и установите такие параметры:
Width: 1 px
Color: Черный
Location: Inside
Mode: Normal
Opacity: 100 %
.


Действие 7:

Сделайте новый слой (Ctrl+Alt+N). Возьмите Restangular Marquee Tool. Удерживая Alt, выберите нижнюю часть выделения.
Примените Select > Modify > Contract : 3px
Select > Modify > Smooth : 2px
.


Действие 8:

Установите передний цвет: R:255 G:255 B:255, задний: R:0 G:105 B:179 Инструментом Linear Gradient Tool залейте выделение сверху вниз. Снимите выделение (Select > Deselect). Возьмите инструмент Move Tool (V) и нажатием клавиши вверх переместите слой вверх на 1 пиксель.


Действие 9:

Window > Show Channels. Удерживая Ctrl, кликните на канале Alpha 1. Идите на панель слоев и создавайте новый слой. Возьмите Restangular Marquee Tool. Удерживая Alt, выделите верхнюю часть выделения. Сожмите выделение на 4 пикселя (Select > Modify > Contract). Установите передний цвет как белый. Выберите Linear Gradient Tool, поставьте опцию заливки "Foreground to Transparent". Залейте выделение снизу вверх.


Действие 10:

Напишите какой-нибудь текст. У меня фантазии больше чем на Button не хватило :).


Действие 11:

Вот, что получилось у меня.

Действие 1:


Автор статьи: Dan
Автор идеи: EyesOnDesign

Откройте новое изображение размером 240х70 пикселей. Создайте новый слой и назовите его Pipe. C помощью инструмента Restangular Marquee Tool выделите прямоугольную область. Нажмите на клавиатуре D, затем Х, чтобы установить белый цвет как передний, а черный - как задний. Возьмите инструмент Reflected Gradient и, удерживая Shift, залейте выделение от середины к низу. У нас получилась металлическая труба.


Действие 2:

Отмените выделение (Ctrl+D). Выделите прямоугольник несколько меньший по размерам чем предыдущий.


Действие 3:

Перейдите на панель каналов. Создайте новый канал и залейте выделение белым цветом. Deselect (Select > Deselect). Размойте выделение на 5 пикселей (радиус размытия зависит от размера кнопки). Примените функцию Levels с параметрами, которые вы можете увидеть ниже.


Действие 4:

Удерживая Ctrl кликните на канале, затем перейдите на панель слоев, создайте новый слой (Ctrl+Shift+N) и залейте выделение черно-белым градиентом сверху вниз.


Действие 5:

Создайте новый слой (Ctrl+Shift+N). С помощью Select > Modify > Contract сузьте выделение на 2 пикселя. Установите передний цвет: R:0 G:105 B:179, задний: R:255 G:255 B:255 (белый). Возьмите инструмент Linear Gradient Tool и залейте выделение сверху вниз.


Действие 6:

Теперь контур пластика: для этого в меню Edit запустите функцию Stroke и установите такие параметры:
Width: 1 px
Color: Черный
Location: Inside
Mode: Normal
Opacity: 100 %
.


Действие 7:

Сделайте новый слой (Ctrl+Alt+N). Возьмите Restangular Marquee Tool. Удерживая Alt, выберите нижнюю часть выделения.
Примените Select > Modify > Contract : 3px
Select > Modify > Smooth : 2px
.


Действие 8:

Установите передний цвет: R:255 G:255 B:255, задний: R:0 G:105 B:179 Инструментом Linear Gradient Tool залейте выделение сверху вниз. Снимите выделение (Select > Deselect). Возьмите инструмент Move Tool (V) и нажатием клавиши вверх переместите слой вверх на 1 пиксель.


Действие 9:

Window > Show Channels. Удерживая Ctrl, кликните на канале Alpha 1. Идите на панель слоев и создавайте новый слой. Возьмите Restangular Marquee Tool. Удерживая Alt, выделите верхнюю часть выделения. Сожмите выделение на 4 пикселя (Select > Modify > Contract). Установите передний цвет как белый. Выберите Linear Gradient Tool, поставьте опцию заливки "Foreground to Transparent". Залейте выделение снизу вверх.


Действие 10:

Напишите какой-нибудь текст. У меня фантазии больше чем на Button не хватило :).


Действие 11:

Вот, что получилось у меня.

Категория: Уроки по веб-дизайну | Добавил: VOLDEMORT (10.10.2008)
Просмотров: 565 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
Статистика

| Altuha © 2008 | |