Приветствую Вас Гость | RSS

Я узнал!

Суббота, 23.11.2024, 19:17
Главная » 2012 » Сентябрь » 24 » Создаем кнопку для сайта в фотошопе
08:26
Создаем кнопку для сайта в фотошопе

В этом уроке мы сделаем кнопку специально для наших сайтов, которые уже хотят обновления).
Сначала мы создаём новый документ(Воспользуемся горячими клавишами CTRL+N).
С помощью Rounded Rectangle Toolround rectangle Создаем кнопку для сайта (U) рисуем
прямоугольник с закругленными углами (цвет #747474).

1 2 Создаем кнопку для сайта

2 1 Создаем кнопку для сайта
Выбираем иструмент Elliptical Marquee ToolElliptical Marquee Создаем кнопку для сайта (M), и начинаем рисовать
выделение как на изображении ниже:

3 1 Создаем кнопку для сайта

4 1 Создаем кнопку для сайта
Нажимаем правой кнопкой мыши на слое с прямоугольником и выбираем команду Растрировать слой.
Далее щёлкаем опять правой кнопкой мыши в центре нашего
выделения и выбираем команду Layer via Cut.

5 1 Создаем кнопку для сайта

 

Делаем двойной клик левой кнопкой мыши на новом слое, чтобы перейти
к панели Стили слоя. Применим следующие настройки:

6 1 Создаем кнопку для сайта

7 1 Создаем кнопку для сайта
После всего выполненого мы должны получить:

8 1 Создаем кнопку для сайта

Далее выбираем инструмент овальное выделениеElliptical Marquee Создаем кнопку для сайта (M)

9 1 Создаем кнопку для сайта

и рисуем выделение как на изображение ниже:

10 1 Создаем кнопку для сайта

Нажимаем delete

11 2 Создаем кнопку для сайта

Затем нажимаем комбинацию клавиш Ctrl + Shift + N , чтобы перенести наше выделение в новый слой.
Новый слой заливаем любым цветом(какой вам больше нравится;)),
и переходим к панели Стили слоя.

12 1 Создаем кнопку для сайта

133 Создаем кнопку для сайта
Вот что мы получили:

142 Создаем кнопку для сайта

Возьмем инструмент кистьbrush Создаем кнопку для сайта (B), белый цвет, с настройками как показанно на скрине ниже:

152 Создаем кнопку для сайта

Ставим точку в правой верхней части круга, как показано на скрине ниже:

162 Создаем кнопку для сайта

172 Создаем кнопку для сайта
Далее переходим в слой Shape 1 (слой с основной частью кнопки)

181 Создаем кнопку для сайта

и переходим к панели Стили слоя и делаем такие же настройки:

191 Создаем кнопку для сайта

20 1 Создаем кнопку для сайта
В результате получаем вот такую красивую кнопку:

21 1 Создаем кнопку для сайта

Для достижения наибольшего эффекта, нужно будет доработать нашу кнопку: добавить, что вам захочеться(надпись).
Надеюсь, что у вас все получилось сделать, и вы довольны своей кнопкой для сайта.

222 Создаем кнопку для сайта

Советуем почитать:
Категория: Обо всём | Просмотров: 496 | Добавил: koks1983 | Теги: ajnjijg, ehjrb ajnjijg, Фотошоп уроки | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]