Paint.net to bardzo potężne narzędzie do edycji i tworzenia obrazów. Pochodzi z puli funkcji. Za pomocą tego bezpłatnego oprogramowania możesz zrobić wiele rzeczy, takich jak tworzenie przezroczystych obrazów, tworzenie znaków wodnych itp. W tym artykule przyjrzymy się krokom tworzenia przycisku internetowego w paint.net.

Utwórz przycisk internetowy za pomocą Paint.net

Może zaistnieć wiele sytuacji, w których użytkownik potrzebuje niestandardowego przycisku internetowego do zaimplementowania w swojej witrynie. Na przykład, jeśli tworzysz sklep eCommerce, możesz uatrakcyjnić swoje blogi, wprowadzając przyciski internetowe w różnych atrakcyjnych wzorach, które zmuszają użytkowników do klikania.

Zacznijmy samouczek.

1] Uruchom Paint.net^{(Launch Paint.net)} na swoim komputerze i przejdź do „ File > New ”, aby utworzyć nową stronę (jeśli oprogramowanie domyślnie nie otwiera nowej strony).

Przeczytaj^(Read) : Jak przyciąć i obrócić obraz w Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Powinieneś mieć następujące narzędzia dostępne na ekranie:

1. Skrzynka z narzędziami
2. Pole historii
3. Pudełko z warstwami
4. Kolory pudełko

Jeśli nie, włącz je, klikając odpowiednie ikony dostępne w prawym górnym rogu. Zobacz poniższy zrzut ekranu.

3] Teraz musimy dodać różne warstwy, aby utworzyć przycisk. Dodaj warstwę, klikając „ Dodaj nową warstwę^{(Add New Layer)} ” w polu „ Warstwy^(Layers) ”.

Przeczytaj^(Read) : Jak zrobić miniaturę YouTube w Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Ponieważ utworzymy wiele warstw, lepiej zmienić nazwę każdej warstwy, aby uniknąć pomyłek. Kliknij dwukrotnie^(Double) nowo dodaną warstwę i zmień jej nazwę na „ Base ”. Możesz podać dowolną nazwę według własnego wyboru.

5] Tworzymy zaokrąglony prostokątny przycisk. W tym celu wybierz opcję „ Kształty^(Shapes) ” z pola „ Narzędzia^(Tools) ” i wybierz swój ulubiony kolor z pola „ Kolor^(Color) ”. Więcej kolorów jest dostępnych w opcji „ Więcej^(More) ” pola kolorów.

6] Musimy wybrać „ Zaokrąglony prostokąt^{(Rounded Rectangle)} ” za pomocą „ Wypełniony tryb^{(Filled Mode)} ”.

Przeczytaj^(Read) : Jak stworzyć i dodać efekt cienia do obrazu w Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Naciśnij^(Press) i przytrzymaj lewy przycisk myszy i przeciągnij, aby utworzyć zaokrąglony prostokątny kształt. Po jego narysowaniu możesz również zmienić jego wymiary.

8] Teraz dodamy efekt gradientu do przycisku. W tym celu dodaj nową warstwę i zmień jej nazwę na „ Gradient ”.

9] Kliknij warstwę „ Baza ” i wybierz „ ^(Base)Magiczna różdżka^{(Magic Wand)} ” z okna narzędzi. Kliknij^(Click) zaokrąglony prostokąt po wybraniu Magicznej Różdżki^{(Magic Wand)} .

10] Wybierz^(Choose) jaśniejszy kolor i wybierz „ Gradient ” z pola narzędzi.

11] Po wybraniu Gradientu^(Gradient) na pasku narzędzi zobaczysz różne rodzaje tekstur. Musisz wybrać teksturę „ Linear ”. Umieść mysz zgodnie z poniższym zrzutem ekranu. Teraz naciśnij i przytrzymaj lewy przycisk myszy i przeciągnij go do dolnej krawędzi zaokrąglonego prostokąta, jednocześnie naciskając klawisz „ Shift ”.

12] Teraz musimy napisać własny tekst na przycisku. W tym celu dodaj jeszcze jedną warstwę i zmień jej nazwę na „ Tekst^(Text) ”. Teraz wybierz „ Tekst^(Text) ” z pola narzędzi i wybierz żądany kolor. Kliknij^(Click) wewnątrz zaokrąglonego prostokąta i napisz tam swój tekst. Możesz także zmienić styl czcionki i rozmiar tekstu.

13] Teraz musimy nadać kształtowi połysk. W tym celu dodaj jeszcze jedną warstwę i zmień jej nazwę na „ Błyszczący^(Glossy) ”. Ta warstwa powinna znajdować się na górze wszystkich warstw. Jeśli nie, przeciągnij go, aby przenieść na górę.

14] Teraz wybierz warstwę podstawową. Następnie wybierz Magic Wand i kliknij zaokrąglony prostokątny kształt. Następnie wróć do warstwy Błyszczący^(Glossy) i wybierz biały kolor z pola kolorów.

Teraz wybierz narzędzie „ Kształty^(Shapes) ” z pola narzędzi i kliknij „ Typ kształtu^{(Shape type)} ” na pasku narzędzi, aby wybrać „ Elipsa^(Ellipse) ”. Musisz wybrać elipsę^(Ellipse) w trybie wypełnionym (patrz krok 6 tego artykułu).

Następnie musisz narysować elipsę w taki sposób, aby niektóre jej części leżały na najwyższej części zaokrąglonego prostokąta. Kiedy skończysz, naciśnij „ Enter ”.

15] Kliknij dwukrotnie warstwę ^(Double)błyszczącą^(Glossy) , aby otworzyć jej właściwości i zmniejszyć jej krycie.

16] Teraz musimy dodać obramowanie do kształtu. W tym celu wybierz warstwę bazową i przejdź do „ Effects > Stylize > Outline ”.

17] Zmieniaj^(Vary) grubość i intensywność konturu, aby nadać kształtowi wygląd guzika.

18] W ostatnim kroku musimy zapisać przycisk. W tym celu naciśnij „ Ctrl + S ” i wybierz format obrazu z menu rozwijanego. Możesz zapisać obraz w JPG , PNG , BMP i wielu innych formatach. Poprosi Cię o spłaszczenie obrazu, czy nie. Wybierz^(Select) „ Spłaszcz^(Flatten) ”.

Przeczytaj^(Read) : Darmowe oprogramowanie do usuwania znaków wodnych i narzędzie online^{(Free Watermark Remover software & Online tool)} .

Przycisk sieciowy jest gotowy. Wykonując powyższe kroki, możesz tworzyć przyciski internetowe w różnych kolorach. Możesz także wybrać inną teksturę gradientu, aby nadać swoim przyciskom inny wygląd.

Otóż ​​to. Mam nadzieję^(Hope) , że podobał Ci się artykuł. Nie zapomnij^(Don) podzielić się swoimi opiniami w sekcji komentarzy.

Przeczytaj^(Read) : Jak dodać przezroczysty obraz do zrzutu ekranu za pomocą programu 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

• Jak stworzyć przezroczysty obraz w Paint.NET na Windows 11/10?

• Jak stworzyć i dodać efekt cienia do obrazu w Paint.NET?

• Dodaj efekt podwójnej ekspozycji do obrazów za pomocą tych bezpłatnych narzędzi online

• Paint.NET na Windows 10 — bezpłatne pobieranie

• Jak przyciąć i obrócić obraz w Paint.NET

• Jak zarysować tekst lub dodać obramowanie do tekstu w GIMP

• Usuń rozmycie i napraw rozmazane zdjęcia i obrazy za pomocą tych narzędzi

• Szybkie przeglądanie obrazów i dokumentów PDF za pomocą przeglądarki PRIMA Rapid Image Viewer

• 10 najlepszych miejsc, w których można znaleźć bezpłatne obrazy i filmy HD dla Twojej witryny

• Jak dodać tagi spoilerów do tekstu i obrazów na Discord?

• Pobierz najnowsze obrazy ISO systemu Windows 11/10 bezpośrednio w przeglądarce Chrome lub Edge

• Find.Same.Images.OK wyszukuje wszystkie zduplikowane obrazy

• Najlepsze darmowe oprogramowanie do projektowania grafiki wektorowej dla systemu Windows 11/10

• Jak znaleźć podobne obrazy online za pomocą odwrotnego wyszukiwania obrazów

• LICEcap: Nagraj pulpit lub ekran Windows jako animowany GIF

• Darmowy kreator kolaży zdjęć Narzędzia i oprogramowanie online

• Jak utworzyć wideo z sekwencji obrazów w systemie Windows 11/10?

• Hornil StylePix to bezpłatne przenośne oprogramowanie do edycji obrazów dla systemu Windows 10

• NAPRAW: Przycisk Wstecz nie działa w przeglądarce internetowej?

• Twórz obrazy przyjazne dla sieci za pomocą Bzzt! Edytor obrazów na komputer z systemem Windows