Paint.net è uno strumento molto potente per la modifica e la creazione di immagini. Viene fornito con un pool di funzionalità. Puoi fare molte cose con questo software gratuito come rendere trasparenti le immagini, creare filigrane, ecc. In questo articolo vedremo i passaggi per creare un pulsante web in paint.net.

Crea un pulsante Web utilizzando Paint.net

Ci possono essere più situazioni in cui l'utente ha bisogno di un pulsante web personalizzato da implementare nel suo sito web. Ad esempio, se stai creando un negozio eCommerce, puoi rendere attraenti i tuoi blog introducendo pulsanti web in diversi design accattivanti che costringono gli utenti a fare clic.

Iniziamo il tutorial.

1] Avvia Paint.net^{(Launch Paint.net)} sul tuo PC e vai su " File > New " per creare una nuova pagina (se il software non apre una nuova pagina per impostazione predefinita).

Leggi^(Read) : Come ritagliare e ruotare un'immagine in Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Dovresti avere i seguenti strumenti disponibili sullo schermo:

1. Cassetta degli attrezzi
2. Casella della storia
3. Scatola dei livelli
4. Scatola dei colori

In caso contrario, abilitarli facendo clic sulle rispettive icone disponibili nell'angolo in alto a destra. Vedi lo screenshot qui sotto.

3] Ora dobbiamo aggiungere diversi livelli per creare un pulsante. Aggiungi un livello facendo clic su " Aggiungi nuovo livello^{(Add New Layer)} " nella casella " Livelli^(Layers) ".

Leggi^(Read) : Come creare una miniatura di YouTube in Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Poiché creeremo molti livelli, è meglio rinominare ogni livello per evitare confusione. Fare doppio^(Double) clic sul livello appena aggiunto e cambiarne il nome in " Base ". Puoi dare qualsiasi nome secondo la tua scelta.

5] Stiamo creando un pulsante rettangolare arrotondato. Per questo, seleziona l' opzione " Forme " dalla casella " ^(Shapes)Strumenti^(Tools) " e scegli il tuo colore preferito dalla casella " Colore^(Color) ". Altri colori sono disponibili nell'opzione " Altro^(More) " della casella dei colori.

6] Dobbiamo selezionare " Rettangolo arrotondato^{(Rounded Rectangle)} " con " Modalità riempimento^{(Filled Mode)} ".

Leggi^(Read) : Come creare e aggiungere l'effetto Ombra esterna a un'immagine in Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Tenere premuto^(Press) il pulsante sinistro del mouse e trascinare per creare la forma rettangolare arrotondata. Dopo averlo disegnato, puoi anche cambiarne le dimensioni.

8] Ora aggiungeremo l'effetto sfumatura al pulsante. Per questo, aggiungi un nuovo livello e cambia il suo nome in " Gradiente^(Gradient) ".

9] Fare clic sul livello " Base " e selezionare " Bacchetta magica^{(Magic Wand)} " dalla casella degli strumenti. Fare clic^(Click) sulla forma del rettangolo arrotondato dopo aver selezionato la bacchetta magica^{(Magic Wand)} .

10] Scegli^(Choose) un colore più chiaro e seleziona " Gradiente^(Gradient) " dalla casella degli strumenti.

11] Quando selezioni il Gradiente^(Gradient) , vedrai diversi tipi di texture disponibili sulla barra degli strumenti. Devi selezionare la texture " Lineare ". ^(Linear)Posiziona il mouse come indicato nello screenshot qui sotto. Ora, tieni premuto il clic sinistro del mouse e trascinalo sul bordo inferiore della forma rettangolare arrotondata mentre premi il tasto " Maiusc^(Shift) ".

12] Ora dobbiamo scrivere un testo personalizzato sul pulsante. Per questo, aggiungi un altro livello e cambia il suo nome in " Testo^(Text) ". Ora seleziona " Testo^(Text) " dalla casella degli strumenti e scegli il colore che preferisci. Fai clic^(Click) all'interno della forma rettangolare arrotondata e scrivi lì il tuo testo. Puoi anche cambiare lo stile del carattere e la dimensione del testo.

13] Ora dobbiamo dare un tocco lucido alla forma. Per questo, aggiungi un altro livello e cambia il suo nome in " Lucido^(Glossy) ". Questo livello dovrebbe essere in cima a tutti i livelli. In caso contrario, trascinalo per portarlo in alto.

14] Ora, seleziona il livello di base. Quindi seleziona la bacchetta magica^{(Magic Wand)} e fai clic sulla forma rettangolare arrotondata. Successivamente, torna al livello Lucido^(Glossy) e seleziona il colore bianco dalla casella dei colori.

Ora, seleziona lo strumento " Forme^(Shapes) " dalla casella degli strumenti e fai clic su " Tipo di forma^{(Shape type)} " sulla barra degli strumenti per selezionare " Ellisse^(Ellipse) ". Devi selezionare l' ellisse^(Ellipse) nella modalità piena (fare riferimento al passaggio 6 di questo articolo).

Successivamente, devi disegnare l'ellisse in modo tale che alcune delle sue parti si trovino nella parte più alta del rettangolo arrotondato. Quando hai finito, premi " Invio^(Enter) ".

15] Fare doppio^(Double) clic sul livello Lucido^(Glossy) per aprirne le proprietà e ridurne l'opacità.

16] Ora dobbiamo aggiungere un bordo alla forma. Per questo, seleziona il livello di base e vai su " Effects > Stylize > Outline ".

17] Variare^(Vary) lo spessore e l'intensità del contorno per conferire alla forma l'aspetto di un bottone.

18] Nell'ultimo passaggio, dobbiamo salvare il pulsante. Per questo, premi " Ctrl + S " e seleziona il formato dell'immagine dal menu a discesa. Puoi salvare l'immagine in JPG , PNG , BMP e molti altri formati. Ti chiederà di appiattire l'immagine o meno. Seleziona^(Select) " Appiattisci^(Flatten) ".

Leggi^(Read) : Software gratuito per la rimozione di filigrane e strumento online^{(Free Watermark Remover software & Online tool)} .

Il pulsante web è pronto. Seguendo i passaggi precedenti, puoi creare pulsanti web in diversi colori. Puoi anche selezionare una texture sfumata diversa per dare ai tuoi pulsanti un aspetto diverso.

Questo è tutto. Spero^(Hope) che l'articolo ti sia piaciuto. Non dimenticare^(Don) di condividere le tue opinioni nella sezione commenti.

Leggi^(Read) : Come aggiungere un'immagine trasparente su uno screenshot con 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

• Come creare Transparent Image in Paint.NET su Windows 10

• Come creare e aggiungere Drop Shadow effect a un'immagine in Paint.NET

• Add Double Exposure Effect alle immagini usando questi strumenti online gratuiti

• Paint.NET per Windows 10 - Download gratuito

• Come Crop and Rotate Una foto in Paint.NET

• Come condividere e ripubblicare le immagini su Instagram

• Visualizzare immagini e documenti PDF rapidamente tramite PRIMA Rapid Image Viewer

• Best GRATIS Video a GIF maker Software per Windows 10

• Strumenti gratuiti per convertire WebP a PNG online

• Risolto il problema con le immagini di Discord che non si caricavano sul PC

• Rimuovi Background di un'immagine con Microsoft Word

• FIX: il pulsante Indietro non funziona nel browser Web?

• GIMP Review: una fonte libera, potente image editing software

• Come aggiungere Spoiler Tags a Text and Images su Discord

• Come trovare la simile Images Online usando Reverse Image Search

• Photo Collage maker Online Tools and Software gratuito

• Optimize e ridurre image size con Radical Image Optimization Tool

• Come estrarre fotogrammi da animati GIF Images

• DuckLink Screen Capture: Cattura finestre, regioni, pagine a scorrimento

• Resize, Decorate, Add Borders, Frames and Watermarks alle immagini