Paint.net er et meget kraftfuldt værktøj til at redigere og skabe billeder. Det kommer med en pulje af funktioner. Du kan gøre mange ting med denne gratis software som at gøre billederne gennemsigtige, skabe vandmærker osv. I denne artikel vil vi se trinene til at oprette en webknap i paint.net.

Opret en webknap ved hjælp af Paint.net

Der kan være flere situationer, hvor brugeren har brug for en brugerdefineret webknap til at implementere på sin hjemmeside. Hvis du for eksempel opretter en e-handelsbutik, kan du gøre dine blogs attraktive ved at introducere webknapper i forskellige attraktive designs, der tvinger brugerne til at klikke.

Lad os starte selvstudiet.

1] Start Paint.net^{(Launch Paint.net)} på din pc og gå til " File > New " for at oprette en ny side (hvis softwaren ikke åbner en ny side som standard).

Læs^(Read) : Sådan beskæres og roteres et billede i Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Du bør have følgende værktøjer tilgængelige på skærmen:

1. Værktøjskasse
2. Historie boks
3. Lagboks
4. Farve boks

Hvis ikke, aktiver dem ved at klikke på de respektive ikoner, der er tilgængelige i øverste højre hjørne. Se nedenstående skærmbillede.

3] Nu skal vi tilføje forskellige lag for at oprette en knap. Tilføj et lag ved at klikke på " Tilføj nyt lag^{(Add New Layer)} " i feltet " Lag^(Layers) ".

Læs^(Read) : Sådan laver du et YouTube-miniaturebillede i Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Fordi vi vil oprette mange lag, er det bedre at omdøbe hvert lag for at undgå forvirring. Dobbeltklik^(Double) på det nyligt tilføjede lag og skift dets navn til " Base ." Du kan give et hvilket som helst navn efter eget valg.

5] Vi laver en afrundet rektangulær knap. Til dette skal du vælge " Shapes "-indstillingen fra " Tools "-boksen og vælge din yndlingsfarve fra " Color "-boksen. Flere farver er tilgængelige i indstillingen " Mere^(More) " i farveboksen.

6] Vi skal vælge " Afrundet rektangel^{(Rounded Rectangle)} " med " Fyldt tilstand^{(Filled Mode)} ."

Læs^(Read) : Sådan opretter og tilføjer du Drop Shadow-effekt til et billede i Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Tryk^(Press) og hold venstre museknap nede, og træk for at skabe den afrundede rektangulære form. Efter at have tegnet det, kan du også ændre dets dimensioner.

8] Nu vil vi tilføje gradienteffekten til knappen. Til dette skal du tilføje et nyt lag og ændre dets navn til " Gradient ."

9] Klik på " Base " laget og vælg " Magic Wand " fra værktøjsboksen. Klik^(Click) på den afrundede rektangelform efter at have valgt tryllestaven^{(Magic Wand)} .

10] Vælg^(Choose) en lysere farve og vælg " Gradient " fra værktøjsboksen.

11] Når du vælger Gradient , vil du se forskellige typer teksturer tilgængelige på værktøjslinjen. Du skal vælge " Lineær^(Linear) " tekstur. Placer din mus som anvist i nedenstående skærmbillede. Nu skal du trykke og holde venstre klik på musen og trække den til den nederste kant af den afrundede rektangulære form, mens du trykker på " Shift "-tasten.

12] Nu skal vi skrive en brugerdefineret tekst på knappen. Til dette skal du tilføje et lag mere og ændre dets navn til " Tekst^(Text) ". Vælg nu " Tekst^(Text) " fra værktøjsboksen, og vælg den farve, du ønsker. Klik^(Click) inde i den afrundede rektangulære form og skriv din tekst der. Du kan også ændre skrifttypen og størrelsen på teksten.

13] Nu skal vi give formen et blankt præg. Til dette skal du tilføje et lag mere og ændre dets navn til " Blankt^(Glossy) ". Dette lag skal være i toppen af ​​alle lagene. Hvis ikke, træk den for at bringe den øverst.

14] Vælg nu basislaget. Vælg derefter Magic Wand og klik på den afrundede rektangulære form. Derefter skal du vende tilbage til det blanke^(Glossy) lag og vælge den hvide farve fra farveboksen.

Vælg nu " Shapes "-værktøjet fra værktøjsboksen og klik på " Shape type " på værktøjslinjen for at vælge " Ellipse ." Du skal vælge Ellipsen^(Ellipse) i udfyldt tilstand (se trin 6 i denne artikel).

Dernæst skal du tegne ellipsen på en sådan måde, at nogle af dens dele ligger på den øverste del af det afrundede rektangel. Når du er færdig, skal du trykke på " Enter ".

15] Dobbeltklik^(Double) på det blanke^(Glossy) lag for at åbne dets egenskaber og reducere dets opacitet.

16] Nu skal vi tilføje en kant til formen. Til dette skal du vælge basislaget og gå til " Effects > Stylize > Outline ."

17] Varier^(Vary) tykkelsen og intensiteten af ​​omridset for at give formen udseendet af en knap.

18] I det sidste trin skal vi gemme knappen. Til dette skal du trykke på " Ctrl + S " og vælge billedformatet fra rullemenuen. Du kan gemme billedet i JPG , PNG , BMP og mange andre formater. Det vil bede dig om at udjævne billedet eller ej. Vælg^(Select) " Flad ud^(Flatten) ".

Læs^(Read) : Gratis software til fjernelse af vandmærker og onlineværktøj^{(Free Watermark Remover software & Online tool)} .

Webknappen er klar. Ved at følge ovenstående trin kan du oprette webknapper i forskellige farver. Du kan også vælge en anden gradienttekstur for at give dine knapper et andet udseende.

Det er det. Håber^(Hope) du kunne lide artiklen. Glem^(Don) ikke at dele dine synspunkter i kommentarfeltet.

Læs^(Read) : Sådan tilføjer du et gennemsigtigt billede over et skærmbillede med 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

• Sådan opretter du et gennemsigtigt billede i Paint.NET på Windows 11/10

• Sådan opretter og tilføjer du Drop Shadow-effekt til et billede i Paint.NET

• Tilføj Double Exposure Effect til billeder ved hjælp af disse gratis onlineværktøjer

• Paint.NET til Windows 10 - Gratis download

• Sådan beskæres og roteres et billede i Paint.NET

• Bedste værktøjer til at tilføje vandmærke til billede online gratis

• Tilpas størrelse, dekorer, føj rammer, rammer og vandmærker til billeder

• Hornil StylePix er en gratis bærbar billedredigeringssoftware til Windows 10

• Slør og ret slørede billeder og billeder ved hjælp af disse værktøjer

• Bedste gratis Vector Graphics Design-software til Windows 11/10

• Sådan fjerner du baggrundsbillede med Paint 3D i Windows 10

• Nomacs er en billedfremviser til Windows-pc med fantastiske funktioner

• Download de seneste Windows 11/10 ISO-billeder direkte i Chrome eller Edge

• Se billeder og PDF-dokumenter hurtigt via PRIMA Rapid Image Viewer

• Sådan masseroteres billeder i Windows 11/10

• WildBit Billedfremviser, Slide Show, Editor-software til fotoelskere

• InfinityConverter er en hurtig billed- og videokonverter-app

• Hvor man kan downloade PNG-billeder med gennemsigtig baggrund

• Sådan tilføjer du Spoiler-tags til tekst og billeder på Discord

• LICEcap: Optag dit Windows-skrivebord eller -skærm som en animeret GIF