Paint.net , görüntüleri düzenlemek ve oluşturmak için çok güçlü bir araçtır. Bir özellik havuzu ile birlikte gelir. Bu ücretsiz yazılımla resimleri şeffaf hale getirmek, filigran oluşturmak gibi pek çok şeyi yapabilirsiniz. Bu yazımızda paint.net'te web butonu oluşturma adımlarını göreceğiz.

Paint.net kullanarak bir Web Düğmesi oluşturun

Kullanıcının kendi web sitesinde uygulamak için özel bir web düğmesine ihtiyaç duyduğu birden çok durum olabilir. Örneğin, bir e-ticaret mağazası oluşturuyorsanız, kullanıcıları tıklamaya zorlayan farklı çekici tasarımlarda web butonlarını tanıtarak bloglarınızı çekici hale getirebilirsiniz.

Öğreticiye başlayalım.

1] Bilgisayarınızda Paint.net'i başlatın ve yeni bir sayfa oluşturmak için “ ^{(Launch Paint.net)}File > New ”ye gidin (yazılım varsayılan olarak yeni bir sayfa açmazsa).

Okuyun^(Read) : Paint.NET'te Bir Resim Nasıl Kırpılır ve Döndürülür^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Ekranda aşağıdaki araçlara sahip olmalısınız:

1. Araçlar kutusu
2. Geçmiş kutusu
3. Katmanlar kutusu
4. Renk kutusu

Değilse, sağ üst köşede bulunan ilgili simgelere tıklayarak bunları etkinleştirin. Aşağıdaki ekran görüntüsüne bakın.

3] Şimdi, bir düğme oluşturmak için farklı katmanlar eklememiz gerekiyor. “ Katmanlar^(Layers) ” kutusundaki “ Yeni Katman Ekle^{(Add New Layer)} ” ye tıklayarak bir katman ekleyin.

Okuyun^(Read) : Paint.net'te YouTube Küçük Resmi Nasıl Yapılır^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Birçok katman oluşturacağımız için, karışıklığı önlemek için her katmanı yeniden adlandırmak daha iyidir. Yeni eklenen katmana çift^(Double) tıklayın ve adını “ Base ” olarak değiştirin . Tercihinize göre herhangi bir isim verebilirsiniz.

5] Yuvarlak bir dikdörtgen buton oluşturuyoruz. Bunun için “ Araçlar^(Tools) ” kutusundan “ Şekiller^(Shapes) ” seçeneğini seçin ve “ Renk^(Color) ” kutusundan en sevdiğiniz rengi seçin . Renk kutusunun “ Daha Fazla^(More) ” seçeneğinde daha fazla renk mevcuttur .

6] “ Dolu Mod^{(Filled Mode)} ” ile “ Yuvarlak Dikdörtgen^{(Rounded Rectangle)} ” seçmeliyiz .

Okuyun^(Read) : Paint.NET'te bir görüntüye Alt Gölge efekti nasıl oluşturulur ve eklenir^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Yuvarlatılmış dikdörtgen şekli oluşturmak için farenizin sol düğmesini basılı tutun ve sürükleyin . ^(Press)Çizdikten sonra boyutlarını da değiştirebilirsiniz.

8] Şimdi, degrade efektini düğmeye ekleyeceğiz. Bunun için yeni bir katman ekleyin ve adını Gradient olarak değiştirin .

9] “ Temel^(Base) ” katmanına tıklayın ve araçlar kutusundan “ Sihirli Değnek ”i seçin. ^{(Magic Wand)}Sihirli Değnek'i^{(Magic Wand)} seçtikten sonra yuvarlatılmış dikdörtgen şekline tıklayın^(Click) .

10] Daha açık bir renk seçin ve araçlar kutusundan “ Gradyan^(Choose) ”ı seçin .^(Gradient)

11] Gradyan'ı^(Gradient) seçtiğinizde , araç çubuğunda mevcut farklı doku türlerini göreceksiniz. “ Doğrusal^(Linear) ” dokuyu seçmelisiniz . Farenizi aşağıdaki ekran görüntüsünde gösterildiği gibi yerleştirin. Şimdi farenin sol tuşunu basılı tutun ve “ Shift ” tuşuna basarken onu yuvarlatılmış dikdörtgen şeklin alt kenarına sürükleyin.

12] Şimdi, butona özel bir metin yazmalıyız. Bunun için bir katman daha ekleyin ve adını “ Metin^(Text) ” olarak değiştirin . Şimdi araçlar kutusundan “ Metin ”i seçin ve istediğiniz rengi seçin. ^(Text)Yuvarlatılmış dikdörtgen şeklin içine tıklayın^(Click) ve metninizi buraya yazın. Metnin yazı tipi stilini ve boyutunu da değiştirebilirsiniz.

13] Şimdi şekle parlak bir dokunuş vermeliyiz. Bunun için bir katman daha ekleyin ve adını “ Parlak^(Glossy) ” olarak değiştirin . Bu katman, tüm katmanların en üstünde olmalıdır. Değilse, en üste getirmek için sürükleyin.

14] Şimdi, temel katmanı seçin. Ardından Sihirli Değnek'i^{(Magic Wand)} seçin ve yuvarlak dikdörtgen şekle tıklayın. Bundan sonra, Parlak^(Glossy) katmana geri dönün ve renkler kutusundan beyaz rengi seçin.

Şimdi, araçlar kutusundan “ Şekiller ” aracını seçin ve “ ^(Shapes)Elips^(Ellipse) ”i seçmek için araç çubuğundaki “ Şekil türü^{(Shape type)} ”ne tıklayın . Elips'i^(Ellipse) dolu modda seçmelisiniz (bu makalenin 6. adımına bakın).

Daha sonra, elipsi, bazı kısımları yuvarlak dikdörtgenin en üst kısmında yer alacak şekilde çizmelisiniz. İşiniz bittiğinde, “ Giriş^(Enter) ” düğmesine basın.

15] Özelliklerini açmak ve opaklığını azaltmak için Parlak katmana ^(Glossy)çift^(Double) tıklayın .

16] Şimdi şekle bir kenarlık eklememiz gerekiyor. Bunun için temel katmanı seçin ve “ Effects > Stylize > Outline ” seçeneğine gidin .

17] Şekle^(Vary) düğme görünümü vermek için anahattın kalınlığını ve yoğunluğunu değiştirin.

18] Son adımda butonu kaydetmemiz gerekiyor. Bunun için “ Ctrl + S ” tuşlarına basın ve açılır menüden görüntü formatını seçin. Görüntüyü JPG , PNG , BMP ve diğer birçok formatta kaydedebilirsiniz. Sizden görüntüyü düzleştirmenizi isteyecektir. “ Düzleştir ”i ^(Flatten)seçin^(Select) .

Okuyun^(Read) : Ücretsiz Filigran Kaldırma yazılımı ve Çevrimiçi araç^{(Free Watermark Remover software & Online tool)} .

Web düğmesi hazır. Yukarıdaki adımları takip ederek farklı renklerde web butonları oluşturabilirsiniz. Düğmelerinize farklı bir görünüm kazandırmak için farklı bir degrade dokusu da seçebilirsiniz.

Bu kadar. Umarım^(Hope) makaleyi beğenmişsinizdir. Görüşlerinizi^(Don) yorumlar bölümünde paylaşmayı unutmayın.

Okuyun^(Read) : Paint ile Ekran Görüntüsü Üzerine Şeffaf Görüntü Nasıl Eklenir^{(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

• Windows 10 üzerinde Paint.NET yılında Transparent Image nasıl oluşturulur

• Paint.NET'de bir resme Drop Shadow effect nasıl oluşturulur ve eklenir

• Add Double Exposure Effect Bu ücretsiz çevrimiçi araçları kullanarak görüntülere

• Paint.NET Windows 10 için - ücretsiz indir

• Crop and Rotate Nasıl Yapılır Paint.NET

• Windows 11/10 içinde Image sequence bir Video nasıl oluşturulur

• GIMP'da Shadow Text or Image'ye nasıl eklenir?

• Instagram'da Görüntüler Nasıl Paylaşılır ve Yeniden Yayınlanır

• Create web Bzzt ile dost görüntüleri! Windows PC için Image Editor

• Fotor: Windows 10 için ücretsiz resim Editing App

• InfinityConverter hızlı Image and Video Converter app olduğunu

• Deblur & fix blurry Photos & bu araçları kullanarak Images

• Hornil StylePix Windows 10 için ücretsiz bir taşınabilir Görüntü Editing software olduğunu

• DÜZELTME: Geri Düğmesi Web Tarayıcısında Çalışmıyor mu?

• AwesomeWallpaper, Images & Video'yı desktop wallpaper olarak göstermenizi sağlar

• WebP Converter ile PNG and JPG için WebP görüntüleri dönüştürmek için nasıl

• Best ücretsiz Vector Graphics Design software Windows 10 için

• LICEcap: animasyonlu GIF olarak Record senin Windows desktop or screen

• Nasıl Bulk Rotate Images içinde Windows 11/10

• Reverse Image Search kullanarak Benzer Images Online nasıl bulunur