Паинт.нет^(Paint.net) је веома моћан алат за уређивање и креирање слика. Долази са скупом функција. Са овим бесплатним софтвером можете да урадите много ствари, као што су транспарентност слика, креирање водених жигова, итд. У овом чланку ћемо видети кораке прављења веб дугмета на паинт.нет-у.

Направите веб дугме користећи Паинт.нет

Може постојати више ситуација у којима је кориснику потребно прилагођено веб дугме за имплементацију на својој веб локацији. На пример, ако правите продавницу за е-трговину, можете учинити своје блогове атрактивним увођењем веб дугмади у различитим атрактивним дизајном који приморавају кориснике да кликну.

Хајде да започнемо туторијал.

1] Покрените Паинт.нет^{(Launch Paint.net)} на рачунару и идите на „ File > New “ да бисте креирали нову страницу (ако софтвер подразумевано не отвара нову страницу).

Прочитајте^(Read) : Како изрезати и ротирати слику у Паинт.НЕТ-у^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Требало би да имате следеће алате доступне на екрану:

1. Кутија за алате
2. Кутија историје
3. Кутија за слојеве
4. Боје кутије

Ако нису, омогућите их кликом на одговарајуће иконе доступне у горњем десном углу. Погледајте снимак екрана испод.

3] Сада морамо да додамо различите слојеве да бисмо направили дугме. Додајте слој кликом на „ Додај нови слој^{(Add New Layer)} “ у пољу „ Слојеви^(Layers) “.

Прочитајте^(Read) : Како направити ИоуТубе сличицу у Паинт.нет-у^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Пошто ћемо креирати много слојева, боље је преименовати сваки слој да не би дошло до забуне. Двапут^(Double) кликните на новододати слој и промените његово име у „ Основа^(Base) “. Можете дати било које име по вашем избору.

5] Правимо заобљено правоугаоно дугме. За ово, изаберите опцију „ Облици “ из оквира „ ^(Shapes)Алати^(Tools) “ и изаберите своју омиљену боју из оквира „ Боја^(Color) “. Више боја је доступно у опцији „ Још^(More) “ у оквиру за боје.

6] Морамо да изаберемо „ Заобљени правоугаоник^{(Rounded Rectangle)} “ са „ Режим попуњености^{(Filled Mode)} “.

Прочитајте^(Read) : Како да креирате и додате ефекат сенке на слику у Паинт.НЕТ-у^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Притисните^(Press) и држите леви тастер миша и превуците да бисте направили заобљени правоугаони облик. Након што га нацртате, можете променити и његове димензије.

8] Сада ћемо дугмету додати ефекат градијента. За ово додајте нови слој и промените његово име у „ Градијент^(Gradient) “.

9] Кликните на слој „ Основа^(Base) “ и изаберите „ Магични штапић^{(Magic Wand)} “ из оквира са алаткама. Кликните^(Click) на заобљени правоугаоник након што изаберете Магични штапић^{(Magic Wand)} .

10] Изаберите^(Choose) светлију боју и изаберите „ Градијент^(Gradient) “ из оквира са алаткама.

11] Када изаберете Градиент^(Gradient) , видећете различите врсте текстура које су доступне на траци са алаткама. Морате да изаберете „ Линеарну^(Linear) “ текстуру. Поставите миша према упутствима на слици испод. Сада притисните и држите леви клик на мишу и превуците га до доње ивице заобљеног правоугаоног облика док притискате тастер “ Схифт^(Shift) ”.

12] Сада морамо да напишемо прилагођени текст на дугмету. За ово додајте још један слој и промените његово име у „ Текст^(Text) “. Сада изаберите „ Текст^(Text) “ из оквира са алаткама и изаберите боју по свом избору. Кликните^(Click) унутар заобљеног правоугаоног облика и тамо упишите свој текст. Такође можете променити стил фонта и величину текста.

13] Сада, морамо дати сјајни додир облику. За ово додајте још један слој и промените му име у „ Сјајни^(Glossy) “. Овај слој треба да буде на врху свих слојева. Ако није, превуците га да бисте га вратили на врх.

14] Сада изаберите основни слој. Затим изаберите Магични штапић^{(Magic Wand)} и кликните на заобљени правоугаони облик. Након тога, вратите се на Глосси^(Glossy) слој и изаберите белу боју из оквира за боје.

Сада изаберите алатку „ Облици^(Shapes) “ из оквира са алаткама и кликните на „ Тип облика^{(Shape type)} “ на траци са алаткама да бисте изабрали „ Елипса^(Ellipse) “. Морате да изаберете елипсу^(Ellipse) у попуњеном режиму (погледајте 6. корак овог чланка).

Затим морате нацртати елипсу тако да неки њени делови леже на горњем делу заобљеног правоугаоника. Када завршите, притисните „ Ентер^(Enter) “.

15] Двапут^(Double) кликните на сјајни^(Glossy) слој да бисте отворили његова својства и смањили његову непрозирност.

16] Сада морамо да додамо ивицу облику. Да бисте то урадили, изаберите основни слој и идите на „ Effects > Stylize > Outline .

17] Мењајте^(Vary) дебљину и интензитет обриса да бисте облику дали изглед дугмета.

18] У последњем кораку морамо да сачувамо дугме. За ово притисните „ Ctrl + S “ и изаберите формат слике из падајућег менија. Слику можете сачувати у ЈПГ^(JPG) , ПНГ^(PNG) , БМП^(BMP) и многим другим форматима. Од вас ће се тражити да изравнате слику или не. Изаберите^(Select) „ Поравнати^(Flatten) “.

Прочитајте^(Read) : Бесплатни софтвер за уклањање водених жигова и онлајн алатка^{(Free Watermark Remover software & Online tool)} .

Веб дугме је спремно. Пратећи горе наведене кораке, можете креирати веб дугмад у различитим бојама. Такође можете да изаберете другу текстуру градијента да бисте дугмадима дали другачији изглед.

То је то. Надам^(Hope) се да вам се допао чланак. Не^(Don) заборавите да поделите своје ставове у одељку за коментаре.

Прочитајте^(Read) : Како додати провидну слику преко снимка екрана помоћу боје^{(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

• Како направити прозирну слику у Паинт.НЕТ-у на Виндовс-у 11/10

• Како да креирате и додате ефекат Дроп Схадов слици у Паинт.НЕТ-у

• Додајте ефекат двоструке експозиције сликама користећи ове бесплатне алатке на мрежи

• Паинт.НЕТ за Виндовс 10 - Бесплатно преузимање

• Како изрезати и ротирати слику у Паинт.НЕТ-у

• Бесплатни алати за претварање ВебП у ПНГ на мрежи

• ПНГ вс ЈПГ вс ГИФ вс БМП вс ТИФ: Формати сликовних датотека су објашњени

• ВилдБит Прегледач слика, пројекција слајдова, софтвер за уређивање за љубитеље фотографија

• Номацс је прегледач слика за Виндовс рачунар са невероватним функцијама

• Уклоните и поправите замућене фотографије и слике помоћу ових алата

• ИнфинитиЦонвертер је брза апликација за претварање слика и видеа

• Уклоните позадину слике помоћу програма Мицрософт Ворд

• Како масовно ротирати слике у оперативном систему Виндовс 11/10

• ГИМП преглед: Бесплатан, моћан софтвер за уређивање слика отвореног кода

• Како пронаћи сличне слике на мрежи користећи обрнуту претрагу слика

• Финд.Саме.Имагес.ОК проналази све ваше дупликате слика

• Поправите Дисцорд слике које се не учитавају на рачунару

• Сцреен то ГИФ: Бесплатан софтвер за креирање анимиране ГИФ слике

• Хорнил СтилеПик је бесплатан преносиви софтвер за уређивање слика за Виндовс 10

• Бесплатни онлајн алати и софтвер за израду фото колажа