В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.

Наверх

Создадим новый документ - "Файл - Новый" или просто нажмём Ctrl+N.

В окне нового документа выберем примерно такие параметры, которые указаны на рисунке. Нажмём "Да".

Появится новый документ.

Выберем инструмент "Овальная область".

Установим такие параметры: заданный размер, ширину и высоту поставим по 80 пикселов.

Чтобы получился круг, удерживаем клавишу Shift и проводим по нашему документу. Появляется выделение в виде круга.

Выбираем инструмент "Градиент" (G), щёлкаем по полю градиента для его редактирования.

В окошке "Редактор градиента" щёлкаем по нижним маркерам (поочерёдно), потом по полю "Цвет" и в окне "Выберите цвет" подбираем необходимые нам цвета для левого и правого маркеров градиента.

Я остановился на цветах, показанных на рисунке, а Вы можете подобрать цвета более подходящие для дизайна Вашего сайта. В окне "Редактор градиентов" нажимаем "Да".

Проводим градиентом под углом 45 градусов по нашему выделению.

Получился вот такой градиентный переход.

Опять выбираем инструмент "Овальная область", с теми же параметрами, за исключением высоты и ширины - устанавливаем по 60 пикселов.

Удерживаем клавишу Shift, создаём новое выделение и размещаем его по центру нашей картинки.

Опять выбираем тот же самый градиент.

Проводим градиентом по нашему выделению под углом в 45 градусов, но уже в другую сторону.

Вот что у нас получилось.

Снимаем выделение - Ctrl+D.

Что-нибудь напишем, к примеру цифру 1. Придайте ей любые эффекты, я добавил тень, тиснение и наложение цвета. А Вы вольны выбрать, что Вам понравится. Если кто забыл, эффекты добавляются щелчком по второй слева иконке fх в палитре "Слои".

Все предыдущие скриншоты экрана я делал при увеличенном масштабе, чтобы можно было понять, как применять те или иные инструменты. А теперь посмотрите как выглядит наша кнопка при 100% просмотре.

Наверх