Paint.net adalah alat yang sangat ampuh untuk mengedit dan membuat gambar. Muncul dengan kumpulan fitur. Anda dapat melakukan banyak hal dengan perangkat lunak gratis ini seperti membuat gambar menjadi transparan, membuat tanda air, dll. Pada artikel ini, kita akan melihat langkah-langkah membuat tombol web di paint.net.

Buat Tombol Web menggunakan Paint.net

Mungkin ada beberapa situasi di mana pengguna memerlukan tombol web khusus untuk diterapkan di situs webnya. Misalnya, jika Anda membuat toko eCommerce, Anda dapat membuat blog Anda menarik dengan memperkenalkan tombol web dalam berbagai desain menarik yang memaksa pengguna untuk mengklik.

Mari kita mulai tutorialnya.

1] Luncurkan Paint.net^{(Launch Paint.net)} di PC Anda dan buka “ File > New ” untuk membuat halaman baru (jika perangkat lunak tidak membuka halaman baru secara default).

Baca^(Read) : Cara Memotong dan Memutar Gambar di Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Anda harus memiliki alat berikut yang tersedia di layar:

1. kotak alat
2. kotak sejarah
3. kotak lapisan
4. kotak warna

Jika tidak, aktifkan dengan mengklik ikon masing-masing yang tersedia di sudut kanan atas. Lihat tangkapan layar di bawah ini.

3] Sekarang, kita harus menambahkan lapisan yang berbeda untuk membuat tombol. Tambahkan layer dengan mengklik " Add New Layer " di kotak " Layers ".

Baca^(Read) : Cara Membuat Thumbnail YouTube di Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Karena kita akan membuat banyak layer, lebih baik mengganti nama setiap layer untuk menghindari kebingungan. Klik dua^(Double) kali pada layer yang baru ditambahkan dan ubah namanya menjadi " Base ." Anda dapat memberikan nama apapun sesuai pilihan Anda.

5] Kami membuat tombol persegi panjang bulat. Untuk ini, pilih opsi " Bentuk^(Shapes) " dari kotak " Alat^(Tools) " dan pilih warna favorit Anda dari kotak " Warna^(Color) ". Lebih banyak warna tersedia di opsi “ Lainnya^(More) ” di kotak warna.

6] Kita harus memilih " Rounded Rectangle " dengan " Filled Mode ".

Baca^(Read) : Cara membuat dan menambahkan efek Drop Shadow pada gambar di Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Tekan^(Press) dan tahan tombol kiri mouse Anda dan seret untuk membuat bentuk persegi panjang bulat. Setelah menggambarnya, Anda juga dapat mengubah dimensinya.

8] Sekarang, kita akan menambahkan efek gradien ke tombol. Untuk ini, tambahkan layer baru dan ubah namanya menjadi " Gradien^(Gradient) ."

9] Klik pada layer " Base " dan pilih " Magic Wand " dari kotak alat. Klik^(Click) pada bentuk persegi panjang bulat setelah memilih Magic Wand .

10] Pilih^(Choose) warna yang lebih terang dan pilih " Gradien^(Gradient) " dari kotak alat.

11] Saat Anda memilih Gradient , Anda akan melihat berbagai jenis tekstur yang tersedia di bilah alat. Anda harus memilih tekstur " Linear ". Tempatkan mouse Anda seperti yang diarahkan pada tangkapan layar di bawah ini. Sekarang, tekan dan tahan klik kiri pada mouse dan seret ke tepi bawah bentuk persegi panjang bulat sambil menekan tombol " Shift ".

12] Sekarang, kita harus menulis teks khusus pada tombol. Untuk ini, tambahkan satu lapisan lagi dan ubah namanya menjadi " Teks^(Text) ." Sekarang, pilih " Teks^(Text) " dari kotak alat dan pilih warna pilihan Anda. Klik^(Click) di dalam bentuk persegi panjang bulat dan tulis teks Anda di sana. Anda juga dapat mengubah gaya font dan ukuran teks.

13] Sekarang, kita harus memberikan sentuhan glossy pada bentuknya. Untuk ini, tambahkan satu layer lagi dan ubah namanya menjadi " Glossy ." Lapisan ini harus berada di atas semua lapisan. Jika tidak, tarik untuk membawa di atas.

14] Sekarang, pilih lapisan dasar. Kemudian pilih Magic Wand dan klik pada bentuk persegi panjang yang dibulatkan. Setelah itu, kembali ke layer Glossy dan pilih warna putih dari kotak warna.

Sekarang, pilih alat " Bentuk^(Shapes) " dari kotak alat dan klik " Jenis bentuk^{(Shape type)} " pada bilah alat untuk memilih " Elipse^(Ellipse) ." Anda harus memilih Ellipse dalam mode terisi (lihat langkah 6 artikel ini).

Selanjutnya, Anda harus menggambar elips sedemikian rupa sehingga beberapa bagiannya terletak di bagian paling atas dari persegi panjang bulat. Setelah selesai, tekan " Enter ."

15] Klik dua^(Double) kali pada layer Glossy untuk membuka propertinya dan mengurangi opacity-nya.

16] Sekarang, kita harus menambahkan batas pada bentuk. Untuk ini, pilih layer dasar dan pergi ke “ Effects > Stylize > Outline .”

17] Variasikan^(Vary) ketebalan dan intensitas garis untuk memberikan bentuk tampilan tombol.

18] Pada langkah terakhir, kita harus menyimpan tombol. Untuk ini, tekan " Ctrl + S " dan pilih format gambar dari menu tarik-turun. Anda dapat menyimpan gambar dalam format JPG^(JPG) , PNG , BMP , dan banyak format lainnya. Ini akan meminta Anda untuk meratakan gambar atau tidak. Pilih^(Select) " Ratakan^(Flatten) ."

Baca^(Read) : Perangkat Lunak Penghilang Tanda Air Gratis & Alat Online^{(Free Watermark Remover software & Online tool)} .

Tombol web sudah siap. Dengan mengikuti langkah-langkah di atas, Anda dapat membuat tombol web dalam berbagai warna. Anda juga dapat memilih tekstur gradien yang berbeda untuk memberikan tampilan yang berbeda pada tombol Anda.

Itu dia. Semoga^(Hope) Anda menyukai artikelnya. Jangan^(Don) lupa untuk membagikan pandangan Anda di bagian komentar.

Baca^(Read) : Bagaimana cara menambahkan Gambar Transparan di atas Tangkapan Layar dengan 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

• Cara Membuat Transparent Image di Paint.NET pada Windows 10

• Cara membuat dan menambahkan Drop Shadow effect ke suatu gambar di Paint.NET

• Add Double Exposure Effect ke gambar menggunakan alat online gratis ini

• Paint.NET untuk Windows 10 - unduhan gratis

• Cara Crop and Rotate Gambar di Paint.NET

• Add Search pada Google Images menggunakan Context Menu di Windows 11/10

• 10 Tempat Teratas untuk Menemukan Gambar dan Video HD Gratis untuk Situs Web Anda

• Fix Discord Images tidak memuat pada pc

• Cara menempatkan Border or Frame sekitar Photo di Photoshop

• FOTOR: Gambar gratis Editing App untuk Windows 10

• Create Gambar Ramah Web dengan Bzzt! Image Editor untuk Windows PC

• Cara Membuat Video dari Image sequence di Windows 11/10

• Cara Menemukan Images Online Mirip Menggunakan Reverse Image Search

• Gratis Photo Collage maker Online Tools and Software

• WildBit Image viewer, Slide show, Editor software untuk Pecinta Foto

• Deblur & fix blurry Photos & Images menggunakan alat ini

• Hornil StylePix adalah gambar portabel gratis Editing software untuk Windows 10

• Licecap: Record Windows desktop or screen Anda sebagai GIF animasi

• Cara Bulk Rotate Images di Windows 11/10

• Cara Mengonversi Gambar WebP ke PNG and JPG dengan WebP Converter