Цитата сообщения Джоан Уроки в Pait.NET: делаем объёмную кнопочку

Сейчас вы научитесь делать объемные кнопчки. Вариантов для фантазии очень много, поэтому я покажу основные принципы создания кнопочки и бликов на ней!


1. Создаём изображение нужного размера Файл/Создать. В моём примере это 200х100 пикселей.

2. Создаем новый слой Слои/Добавить новый слой и рисуем на нем фигуру с округлыми краями. Для этого выбираем "Прямоугольник с закругленными углами" как сплошную фигуру (рис. №1). Заливка может быть как сплошным цветом, так и любым вариантом на ваш вкус.
Например, лёгкая диагональная вверх (рис. №2)

На рис. №3 показано, как выглядит заготовка к нашей кнопочке и там же стрелками ещё раз указаны моменты, которые вы не должны упустить:


3. Теперь мы должны добавить блик. Для этого на новом слое Слои/Добавить новый слой рисуем "Градиентом" .
Основным цветом лучше выбрать белый, а дополнительным - прозрачный (рис. №4)

Как именно вести градиент - горизонтально или диагонально - решать вам. Смотря какого именно результата нужно добиться (рис. №5)



Можно ещё сначала выделить "Овальной формой" нужное место и там разместить градиент (рис. №6)



Таким же образом я добавила маленький блик снизу, для равновесия!

4. Теперь можно украсить кнопочку и сделать к ней рамочку. Не забывайте делать каждое действие на новом слое, так вы сможете легко подкорректировать детали.

Я добавила завитушек на нашу кнопочку (использовала клипарт на прозрачном фоне) и рамочку (использовала "Прямоугольник с закругленными углами", но уже как контур фигуры)

На рис. №7 показано, как выглядит кнопочка и там же стрелками ещё раз указаны моменты, которые вы не должны упустить при создании рамочки!

5. Наша кнопочка готова, осталось лишь подписать её при помощи инструмента "Текст" Не забудьте выбрать подходящий шрифт и цвет шрифта!

6. Если у вас, так же как у меня, кнопочка не прямоугольной формы то перед сохранением удалите самый первый слой-фон.
Потом встаньте на слой с рамкой к кнопке и инструментом "Волшебная палочка" выделите внешнюю зону кнопочки. Затем встаньте на слой с градиентом и вырежте ножницами лишнее (рис. №8)



7. Теперь можете сохранить свою кнопочку Файл/Сохранить как в формате PNG (прозрачный фон) или JPEG (непрозрачный фон).

Вот какие кнопочки получились у меня:



Творите и экспериментируйте!