Paint.net é uma ferramenta muito poderosa para editar e criar imagens. Ele vem com um conjunto de recursos. Você pode fazer muitas coisas com este software gratuito, como tornar as imagens transparentes, criar marcas d'água, etc. Neste artigo, veremos os passos para criar um botão web no paint.net.

Crie um botão da Web usando o Paint.net

Pode haver várias situações em que o usuário precisa de um botão da web personalizado para implementar em seu site. Por exemplo, se você estiver criando uma loja de comércio eletrônico, poderá tornar seus blogs atraentes introduzindo botões da Web em diferentes designs atraentes que forçam os usuários a clicar.

Vamos começar o tutorial.

1] Inicie o Paint.net^{(Launch Paint.net)} no seu PC e vá em “ File > New ” para criar uma nova página (se o software não abrir uma nova página por padrão).

Leia^(Read) : Como cortar e girar uma imagem no Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Você deve ter as seguintes ferramentas disponíveis na tela:

1. Caixa de ferramentas
2. Caixa de histórico
3. Caixa de camadas
4. Caixa de cores

Caso contrário, habilite-os clicando nos respectivos ícones disponíveis no canto superior direito. Veja a captura de tela abaixo.

3] Agora, temos que adicionar camadas diferentes para criar um botão. Adicione uma camada clicando em “ Adicionar Nova Camada^{(Add New Layer)} ” na caixa “ Camadas^(Layers) ”.

Leia^(Read) : Como fazer uma miniatura do YouTube no Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Como vamos criar muitas camadas, é melhor renomear cada camada para evitar confusão. Clique duas^(Double) vezes na camada recém-adicionada e altere seu nome para “ Base ”. Você pode dar qualquer nome conforme sua escolha.

5] Estamos criando um botão retangular arredondado. Para isso, selecione a opção “ Formas ” da caixa “ ^(Shapes)Ferramentas^(Tools) ” e escolha sua cor favorita na caixa “ Cor^(Color) ”. Mais cores estão disponíveis na opção “ Mais^(More) ” da caixa de cores.

6] Temos que selecionar “ Retângulo Arredondado^{(Rounded Rectangle)} ” com “ Modo Preenchido^{(Filled Mode)} ”.

Leia^(Read) : Como criar e adicionar o efeito Drop Shadow a uma imagem no Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Pressione^(Press) e segure o botão esquerdo do mouse e arraste para criar a forma retangular arredondada. Depois de desenhá-lo, você também pode alterar suas dimensões.

8] Agora, vamos adicionar o efeito gradiente ao botão. Para isso, adicione uma nova camada e mude seu nome para “ Gradient ”.

9] Clique na camada “ Base ” e selecione “ Magic Wand ” na caixa de ferramentas. Clique^(Click) na forma do retângulo arredondado após selecionar a Varinha Mágica^{(Magic Wand)} .

10] Escolha^(Choose) uma cor mais clara e selecione “ Gradient ” na caixa de ferramentas.

11] Ao selecionar o Gradient , você verá diferentes tipos de texturas disponíveis na barra de ferramentas. Você tem que selecionar a textura " Linear ". Coloque o mouse conforme indicado na captura de tela abaixo. Agora, pressione e segure o botão esquerdo do mouse e arraste-o para a borda inferior da forma retangular arredondada enquanto pressiona a tecla “ Shift ”.

12] Agora, temos que escrever um texto personalizado no botão. Para isso, adicione mais uma camada e altere seu nome para “ Texto^(Text) ”. Agora, selecione “ Texto^(Text) ” na caixa de ferramentas e escolha a cor de sua escolha. Clique^(Click) dentro da forma retangular arredondada e escreva seu texto lá. Você também pode alterar o estilo da fonte e o tamanho do texto.

13] Agora, temos que dar um toque brilhante à forma. Para isso, adicione mais uma camada e mude seu nome para “ Brilhante^(Glossy) ”. Esta camada deve estar no topo de todas as camadas. Se não, arraste-o para trazer para o topo.

14] Agora, selecione a camada base. Em seguida, selecione a Varinha Mágica^{(Magic Wand)} e clique na forma retangular arredondada. Depois disso, volte para a camada Glossy e selecione a cor branca na caixa de cores.

Agora, selecione a ferramenta “ Formas^(Shapes) ” na caixa de ferramentas e clique em “ Tipo de forma^{(Shape type)} ” na barra de ferramentas para selecionar “ Elipse^(Ellipse) ”. Você deve selecionar a Elipse^(Ellipse) no modo preenchido (consulte a etapa 6 deste artigo).

Em seguida, você deve desenhar a elipse de forma que algumas de suas partes fiquem na parte superior do retângulo arredondado. Quando terminar, pressione “ Enter ”.

15] Dê um duplo^(Double) clique na camada Glossy para abrir suas propriedades e reduzir sua opacidade.

16] Agora, temos que adicionar uma borda à forma. Para isso, selecione a camada base e vá em “ Effects > Stylize > Outline ”.

17] Varie^(Vary) a espessura e a intensidade do contorno para dar à forma a aparência de um botão.

18] Na última etapa, temos que salvar o botão. Para isso, pressione “ Ctrl + S ” e selecione o formato da imagem no menu suspenso. Você pode salvar a imagem em JPG , PNG , BMP e muitos outros formatos. Ele vai pedir para você achatar a imagem ou não. Selecione^(Select) “ Achatar^(Flatten) ”.

Leia^(Read) : Software gratuito de remoção de marca d'água e ferramenta online^{(Free Watermark Remover software & Online tool)} .

O botão web está pronto. Seguindo os passos acima, você pode criar botões da web em cores diferentes. Você também pode selecionar uma textura de gradiente diferente para dar uma aparência diferente aos seus botões.

É isso. Espero^(Hope) que tenha gostado do artigo. Não se esqueça^(Don) de compartilhar suas opiniões na seção de comentários.

Leia^(Read) : Como adicionar uma imagem transparente sobre uma captura de tela com o Paint^{(How to add a Transparent Image over a Screenshot with Paint)} .

How to create a Web Button using Paint.net

Paint.net is a very powerful tool for editing and creating images. It comes with a pool of features. You can do a lot of things with this free software like making the images transparent, creating watermarks, etc. In this article, we will see the steps of creating a web button in paint.net.

Create a Web Button using Paint.net

There can be multiple situations where the user needs a custom web button to implement in his website. For example, if you are creating an eCommerce store, you can make your blogs attractive by introducing web buttons in different attractive designs that force users to click.

Let’s start the tutorial.

1] Launch Paint.net on your PC and go to “File > New” to create a new page (if the software does not open a fresh page by default).

Read: How to Crop and Rotate a Picture in Paint.NET.

2] You should have the following tools available on the screen:

1. Tools box
2. History box
3. Layers box
4. Colors box

If not, enable them by clicking on the respective icons available in the top right corner. See the below screenshot.

3] Now, we have to add different layers to create a button. Add a layer by clicking the “Add New Layer” in the “Layers” box.

Read: How to Make a YouTube Thumbnail in Paint.net.

4] Because we will create many layers, it is better to rename each layer to avoid confusion. Double click on the newly added layer and change its name to “Base.” You can give any name as per your choice.

5] We are creating a rounded rectangular button. For this, select the “Shapes” option from the “Tools” box and choose your favorite color from the “Color” box. More colors are available in the “More” option of the color box.

6] We have to select “Rounded Rectangle” with “Filled Mode.”

Read: How to create and add Drop Shadow effect to an image in Paint.NET.

7] Press and hold the left button of your mouse and drag to create the rounded rectangular shape. After drawing it, you can also change its dimensions.

8] Now, we will add the gradient effect to the button. For this, add a new layer and change its name to “Gradient.”

9] Click on the “Base” layer and select “Magic Wand” from the tools box. Click on the rounded rectangle shape after selecting the Magic Wand.

10] Choose a lighter color and select “Gradient” from the tools box.

11] When you select the Gradient, you will see different types of textures available on the toolbar. You have to select the “Linear” texture. Place your mouse as directed in the below screenshot. Now, press and hold the left click on the mouse and drag it to the lower edge of the rounded rectangular shape while pressing the “Shift” key.

12] Now, we have to write a custom text on the button. For this, add one more layer and change its name to “Text.” Now, select “Text” from the tools box and choose the color of your choice. Click inside the rounded rectangular shape and write your text there. You can also change the font style and size of the text.

13] Now, we have to give a glossy touch to the shape. For this, add one more layer and change its name to “Glossy.” This layer should be at the top of all the layers. If not, drag it to bring at the top.

14] Now, select the base layer. Then select the Magic Wand and click on the rounded rectangular shape. After that, come back to the Glossy layer and select the white color from the colors box.

Now, select the “Shapes” tool from the tools box and click on the “Shape type” on the toolbar to select “Ellipse.” You have to select the Ellipse in the filled mode (refer to step 6 of this article).

Next, you have to draw the ellipse in such a way that some of its parts lies on the topmost part of the rounded rectangle. When you are done, press “Enter.”

15] Double click on the Glossy layer to open its properties and reduce its opacity.

16] Now, we have to add a border to the shape. For this, select the base layer and go to “Effects > Stylize > Outline.”

17] Vary the thickness and intensity of the outline to give the shape the look of a button.

18] In the last step, we have to save the button. For this, press “Ctrl + S” and select the image format from the drop-down menu. You can save the image in JPG, PNG, BMP, and many other formats. It will ask you to flatten the image or not. Select “Flatten.”

Read: Free Watermark Remover software & Online tool.

The web button is ready. By following the above steps, you can create web buttons in different colors. You can also select a different gradient texture to give your buttons a different look.

That’s it. Hope you liked the article. Don’t forget to share your views in the comments section.

Read: How to add a Transparent Image over a Screenshot with Paint.

Related posts

• Como criar Transparent Image em Paint.NET no Windows 10

• Como criar e adicionar Drop Shadow effect a uma imagem em Paint.NET

• Add Double Exposure Effect às imagens usando essas ferramentas online grátis

• Paint.NET para Windows 10 - download gratuito

• Como Crop and Rotate uma imagem no Paint.NET

• Resize, Decorate, Add Borders, Frames and Watermarks para imagens

• Como encontrar Similar Images Online usando Reverse Image Search

• Como adicionar Shadow a Text or Image em GIMP

• Como Bulk Rotate Images em Windows 11/10

• DuckLink Screen Capture: capturar janelas, regiões, rolagem

• InfinityConverter é um Image and Video Converter app rápido

• Hornil StylePix é um Editing software Imagem portátil livre para Windows 10

• Ver imagens e PDF docs rapidamente via PRIMA Rapid Image Viewer

• Melhores ferramentas para adicionar Watermark a Image online

• Fix Discord Images não carregando no PC

• Best livre Video para GIF maker software para Windows 10

• Nomacs é uma imagem Viewer para Windows PC com recursos incríveis

• Optimize e reduzir image size com Radical Image Optimization Tool

• Como criar um Video de Image sequence em Windows 11/10

• Como gerar Text Images Online Free de Cost