Делаем стеклянную переливающуюся кнопку в Paint.net

Стеклянная кнопка сделанная в Paint.net

Однажды наступает момент, когда нужна особая кнопка для сайта, игры или чего-нибудь ещё. Красивая, стильная кнопка, та что точно подойдёт. Ты знаешь и представляешь, как она должна выглядеть, но такой просто не существует. Не беда, нарисуем! Делается это весьма легко. Здесь показан пример создания одной из множества таких кнопок, а дальше вы точно поймёте, как делать подобные. Внимание! В этой статье не рассказывается как вставить кнопку в нужное место документа, здесь описывается процесс рисования (подготовки) кнопки.

Сначала открываем программу для редактирования изображений Paint.net,и в меню
"Изображение" → "Размер полотна..." изменяем размер полотна под кнопку,
например в нашем случае 400 на 70 пикселей. Советуем изначально сделать
кнопку побольше, ведь если нужно будет увеличить изображение, качество потеряется, а при уменьшении изображения качество останется прежним. "ОК".
Заливаем всё оставшееся пространство цветом, который больше всего вам подходит.

С помощью инструмента "Выбор прямоугольной области" выделяем примерно
1/3 пространства сверху, как показано на картинке. В палитре подбираем более
светлый оттенок этого света и заливаем выделенную область. Снимаем выделение и применяем стандартный эффект "Гауссово размытие" : "Эффекты" →"Размытие" →"Гауссово размытие". Радиус размытия в нашем случае 14. Попробуйте и другие значения, для придания большей плавности и наглядности оттенка.

Создаём новый слой и на нём выделяем чуть более 2/3 изображения слева на
право → заливаем эту область белым цветом. Снимаем выделение и снова применяем эффект "Гауссово размытие". На этот раз мы использовали
значение 130.

Создаём третий слой поверх двух уже существующих → Проводим линию
(цвет не имеет значения) → Искривляем её → Выбираем инструмент
"Волшебная палочка" → Выделяем верхнюю половину → Переходим на слой
с белым прямоугольником и удаляем по выделению (кнопка на клавиатуре "Delete").

Слой с линией нам больше не нужен, можете удалить его.

Как всегда смотрите чтоб не было никаких выделений и применяете эффект "В движении" :
"Эффекты" → "Размытие" → "В движении". Мы использовали значения:
угол - 0 ; расстояние - 40. Затем переходите в "Слои" → "Свойство слоя" : Непрозрачность - 130 → "ОК" → Объединяем слои. И последний блик:
инструмент" Градиент" →на верхней панели окна выбираем "Круговой".
В палитре делаем основной цвет - белый, а дополнительный - прозрачный
("Больше>>" → "Прозрачность(Альфа)" - 0). И от верхнего правого угла в
центр стягиваем градиент.

Теперь надо обрезать края у кнопки. "Создать новый слой" → "Прямоугольник с закруглёнными краями" →Выделяем с помощью "волшебной палочки" область вокруг прямоугольника
→ Слой с кнопкой →Удалить(кнопка "Delete") →
Удаляем слой с прямоугольником. Готово.

Теперь можно сохранять. Лишь формат "PNG" поддерживает прозрачность фона в достойном состоянии, поэтому: "Сохранить как..." →"PNG" →"ОК".


© 2014-2017. SmartAppliance.ru.
Информационный сайт об умной технике и её программном обеспечении.
Копирование материалов сайта разрешено только с указанием ссылки на
источник.

Версия: 3.2