• Авторизация


Уроки в Pait.NET: делаем объёмную кнопочку 11-12-2012 20:20 к комментариям - к полной версии - понравилось!

Это цитата сообщения Джоан Оригинальное сообщение

Уроки в Pait.NET: делаем объёмную кнопочку

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

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

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



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


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

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



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



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

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

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

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

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

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



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

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



Творите и экспериментируйте!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки в Pait.NET: делаем объёмную кнопочку | Vilborg - Дневник Странника | Лента друзей Vilborg / Полная версия Добавить в друзья Страницы: раньше»