Как создать веб-кнопку с помощью Paint.net

Paint.net — очень мощный инструмент для редактирования и создания изображений. Он поставляется с набором функций. С помощью этого бесплатного программного обеспечения вы можете делать множество вещей, например делать изображения прозрачными, создавать водяные знаки и т. д. В этой статье мы рассмотрим шаги по созданию веб-кнопки в Paint.net.

Создать кнопку в Paint.net Избранное изображение

Создайте веб-кнопку с помощью Paint.net

Может быть несколько ситуаций, когда пользователю нужна пользовательская веб-кнопка для реализации на его веб-сайте. Например, если вы создаете магазин электронной коммерции, вы можете сделать свои блоги привлекательными, добавляя веб-кнопки с различным привлекательным дизайном, которые заставляют пользователей нажимать на них.

Давайте начнем учебник.

1] Запустите Paint.net(Launch Paint.net) на своем ПК и перейдите в « File > New », чтобы создать новую страницу (если программа не открывает новую страницу по умолчанию).

Создать кнопку в Paint.net 1

Читайте(Read) : Как обрезать и повернуть изображение в Paint.NET(How to Crop and Rotate a Picture in Paint.NET) .

2] На экране должны быть доступны следующие инструменты:

  1. Ящик для инструментов
  2. Коробка истории
  3. Окно слоев
  4. Коробка цветов

Если нет, включите их, щелкнув соответствующие значки в правом верхнем углу. См. скриншот ниже.

Создать кнопку в Paint.net 2

3] Теперь нам нужно добавить разные слои, чтобы создать кнопку. Добавьте слой, нажав « Добавить новый слой(Add New Layer) » в поле « Слои(Layers) ».

Создать кнопку в Paint.net 3

Читайте(Read) : Как сделать миниатюру YouTube в Paint.net(How to Make a YouTube Thumbnail in Paint.net) .

4] Поскольку мы создадим много слоев, лучше переименовать каждый слой, чтобы избежать путаницы. Дважды(Double) щелкните только что добавленный слой и измените его имя на « Основной(Base) ». Вы можете дать любое имя по вашему выбору.

Создать кнопку в Paint.net 4

5] Мы создаем закругленную прямоугольную кнопку. Для этого выберите опцию « Фигуры(Shapes) » в поле « Инструменты(Tools) » и выберите свой любимый цвет в поле « Цвет(Color) ». Дополнительные цвета доступны в разделе « Дополнительно(More) » цветовой палитры.

Создать кнопку в Paint.net 5

6] Мы должны выбрать « Прямоугольник(Rounded Rectangle) со скругленными углами » с « Режимом заливки(Filled Mode) ».

Создать кнопку в Paint.net_6

Читайте(Read) : Как создать и добавить эффект тени к изображению в Paint.NET(How to create and add Drop Shadow effect to an image in Paint.NET) .

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

Создать кнопку в Paint.net 7

8] Теперь мы добавим эффект градиента к кнопке. Для этого добавьте новый слой и измените его имя на « Градиент(Gradient) ».

Создать кнопку в Paint.net 8

9] Нажмите на слой « База » и выберите « (Base)Волшебная палочка(Magic Wand) » в панели инструментов. Нажмите(Click) на форму прямоугольника со скругленными углами после выбора волшебной палочки(Magic Wand) .

Создать кнопку в Paint.net 9

10] Выберите(Choose) более светлый цвет и выберите « Градиент(Gradient) » в панели инструментов.

Создать кнопку в Paint.net 10

11] Когда вы выберете Gradient , вы увидите различные типы текстур, доступные на панели инструментов. Вы должны выбрать « Линейную(Linear) » текстуру. Поместите мышь, как показано на скриншоте ниже. Теперь нажмите и удерживайте левую кнопку мыши и перетащите ее к нижнему краю закругленной прямоугольной формы, удерживая нажатой клавишу « Shift ».

Создать кнопку в Paint.net 11

12] Теперь нам нужно написать собственный текст на кнопке. Для этого добавьте еще один слой и измените его имя на « Текст(Text) ». Теперь выберите « Текст(Text) » в окне инструментов и выберите цвет по вашему выбору. Щелкните(Click) внутри закругленной прямоугольной формы и напишите там свой текст. Вы также можете изменить стиль шрифта и размер текста.

Создать кнопку в Paint.net 12

13] Теперь нам нужно придать форме блеск. Для этого добавьте еще один слой и измените его название на « Глянцевый(Glossy) ». Этот слой должен быть выше всех слоев. Если нет, перетащите его, чтобы вывести наверх.

Создать кнопку в Paint.net 13

14] Теперь выберите базовый слой. Затем выберите Волшебную палочку(Magic Wand) и нажмите на закругленную прямоугольную форму. После этого вернитесь к слою Glossy и выберите белый цвет в палитре цветов.

Теперь выберите инструмент « Фигуры(Shapes) » из панели инструментов и нажмите « Тип(Shape type) фигуры» на панели инструментов, чтобы выбрать « Эллипс(Ellipse) ». Вы должны выбрать эллипс(Ellipse) в заполненном режиме (см. шаг 6 этой статьи).

Далее вам нужно нарисовать эллипс таким образом, чтобы некоторые его части лежали на самой верхней части прямоугольника со скругленными углами. Когда вы закончите, нажмите « Enter ».

Создать кнопку в Paint.net 14

15] Дважды(Double) щелкните слой Glossy , чтобы открыть его свойства и уменьшить его непрозрачность.

Создать кнопку в Paint.net 15

16] Теперь нам нужно добавить границу к фигуре. Для этого выберите базовый слой и перейдите в « Effects > Stylize > Outline ».

Создать кнопку в Paint.net 16

17] Варьируйте(Vary) толщину и интенсивность контура, чтобы форма выглядела как кнопка.

Создать кнопку в Paint.net 17

18] На последнем шаге мы должны сохранить кнопку. Для этого нажмите « Ctrl + S » и выберите формат изображения из выпадающего меню. Вы можете сохранить изображение в JPG , PNG , BMP и многих других форматах. Он попросит вас сгладить изображение или нет. Выберите(Select) « Сгладить(Flatten) ».

Создать кнопку в Paint.net 18

Читайте(Read) : Бесплатное программное обеспечение для удаления водяных знаков и онлайн-инструмент(Free Watermark Remover software & Online tool) .

Веб-кнопка готова. Следуя приведенным выше шагам, вы можете создавать веб-кнопки разных цветов. Вы также можете выбрать другую текстуру градиента, чтобы придать кнопкам другой вид.

Создать кнопку в Paint.net

Вот и все. Надеюсь(Hope) , вам понравилась статья. Не забудьте(Don) поделиться своим мнением в разделе комментариев.

Читайте(Read) : Как добавить прозрачное изображение поверх снимка экрана с помощью Paint(How to add a Transparent Image over a Screenshot with Paint) .


Related posts