Paint.net یک ابزار بسیار قدرتمند برای ویرایش و ایجاد تصاویر است. با مجموعه ای از ویژگی ها همراه است. با این نرم افزار رایگان می توانید کارهای زیادی مانند شفاف سازی تصاویر، ایجاد واترمارک و ... انجام دهید که در این مقاله مراحل ساخت دکمه وب را در paint.net مشاهده می کنیم.

با استفاده از Paint.net یک دکمه وب ایجاد کنید

ممکن است چندین موقعیت وجود داشته باشد که کاربر به یک دکمه وب سفارشی برای پیاده سازی در وب سایت خود نیاز داشته باشد. به عنوان مثال، اگر در حال ایجاد یک فروشگاه تجارت الکترونیک هستید، می توانید با معرفی دکمه های وب در طرح های مختلف جذاب که کاربران را مجبور به کلیک کردن می کنند، وبلاگ خود را جذاب کنید.

بیایید آموزش را شروع کنیم.

1] Paint.net^{(Launch Paint.net)} را روی رایانه شخصی خود راه اندازی کنید و برای ایجاد یک صفحه جدید به " File > New

بخوانید^(Read) : نحوه برش و چرخاندن تصویر در Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] باید ابزارهای زیر را روی صفحه در دسترس داشته باشید:

1. جعبه ابزار
2. جعبه تاریخچه
3. جعبه لایه ها
4. جعبه رنگ

اگر نه، با کلیک بر روی نمادهای مربوطه موجود در گوشه سمت راست بالا، آنها را فعال کنید. اسکرین شات زیر را ببینید.

3] اکنون باید لایه های مختلفی را برای ایجاد یک دکمه اضافه کنیم. با کلیک بر روی " افزودن لایه جدید^{(Add New Layer)} " در کادر " لایه ها^(Layers) " یک لایه اضافه کنید.

بخوانید^(Read) : نحوه ایجاد یک تصویر کوچک YouTube در Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] چون لایه های زیادی ایجاد خواهیم کرد، بهتر است نام هر لایه را تغییر دهید تا سردرگمی نشود. روی لایه جدید اضافه شده دوبار کلیک کنید و نام آن را به " ^(Double)Base " تغییر دهید . شما می توانید هر نامی را که می خواهید انتخاب کنید.

5] ما در حال ایجاد یک دکمه مستطیلی گرد هستیم. برای این کار از کادر " ابزارها^(Tools) " گزینه " شکل ها" را انتخاب کنید و از کادر " ^(Shapes)رنگ^(Color) " رنگ مورد علاقه خود را انتخاب کنید . رنگ های بیشتری در گزینه " بیشتر^(More) " جعبه رنگ موجود است.

6] ما باید " مستطیل گرد^{(Rounded Rectangle)} " را با " حالت پر شده^{(Filled Mode)} " انتخاب کنیم.

بخوانید^(Read) : نحوه ایجاد و افزودن افکت Drop Shadow به یک تصویر در Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] دکمه^(Press) سمت چپ ماوس را فشار داده و نگه دارید و بکشید تا شکل مستطیلی گرد ایجاد شود. بعد از کشیدن آن می توانید ابعاد آن را نیز تغییر دهید.

8] اکنون، افکت گرادیان را به دکمه اضافه می کنیم. برای این کار، یک لایه جدید اضافه کنید و نام آن را به Gradient تغییر دهید .

9] روی لایه “ Base ” کلیک کنید و از کادر ابزار “ Magic Wand ” را انتخاب کنید. ^{(Magic Wand)}بعد از انتخاب عصای جادویی^{(Magic Wand)} روی شکل مستطیل گرد کلیک کنید^(Click) .

10] رنگ روشن‌تری را انتخاب کنید و از کادر ابزار، “ Gradient^(Choose) ” را انتخاب کنید.^(Gradient)

11] هنگامی که Gradient را انتخاب می کنید ، انواع مختلفی از بافت های موجود در نوار ابزار را مشاهده خواهید کرد. شما باید بافت " خطی^(Linear) " را انتخاب کنید . موس خود را مطابق تصویر زیر قرار دهید. اکنون، کلیک چپ ماوس را فشار داده و نگه دارید و همزمان با فشار دادن کلید Shift^(Shift) ، آن را به لبه پایینی شکل مستطیلی گرد بکشید .

12] اکنون باید یک متن سفارشی روی دکمه بنویسیم. برای این کار، یک لایه دیگر اضافه کنید و نام آن را به « Text » تغییر دهید . اکنون از کادر ابزار ، “ Text ” را انتخاب کرده و رنگ مورد نظر خود را انتخاب کنید. ^(Text)داخل شکل مستطیلی گرد کلیک کنید و متن خود را در آنجا بنویسید. ^(Click)همچنین می توانید سبک قلم و اندازه متن را تغییر دهید.

13] حالا باید به شکل رنگی براق بدهیم. برای این کار، یک لایه دیگر اضافه کنید و نام آن را به “ Glossy ” تغییر دهید . این لایه باید بالای همه لایه ها باشد. اگر نه، آن را بکشید تا در بالا بیاورید.

14] اکنون لایه پایه را انتخاب کنید. سپس عصای جادویی^{(Magic Wand)} را انتخاب کرده و روی شکل مستطیلی گرد کلیک کنید. پس از آن به لایه Glossy برگردید و رنگ سفید را از کادر رنگ ها انتخاب کنید.

حالا ابزار Shapes را از کادر ابزار انتخاب کنید و روی گزینه Shape type در نوار ابزار کلیک کنید تا " Elipse^(Ellipse) " را انتخاب کنید . باید بیضی^(Ellipse) را در حالت پر شده انتخاب کنید (به مرحله 6 این مقاله مراجعه کنید).

در مرحله بعد باید بیضی را طوری بکشید که برخی از قسمت های آن در بالای مستطیل گرد قرار گیرد. وقتی کارتان تمام شد، « Enter » را فشار دهید .

15] روی لایه Glossy دوبار^(Double) کلیک کنید تا خصوصیات آن باز شود و کدورت آن کاهش یابد.

16] حالا باید یک حاشیه به شکل اضافه کنیم. برای این کار، لایه پایه را انتخاب کنید و به " Effects > Stylize > Outline بروید ."

17] ضخامت^(Vary) و شدت طرح کلی را تغییر دهید تا شکل ظاهری یک دکمه پیدا کند.

18] در مرحله آخر باید دکمه را ذخیره کنیم. برای این کار، " Ctrl + S " را فشار دهید و فرمت تصویر را از منوی کشویی انتخاب کنید. شما می توانید تصویر را در فرمت های JPG^(JPG) ، PNG ، BMP و بسیاری از فرمت های دیگر ذخیره کنید. از شما می خواهد که تصویر را صاف کنید یا نه. " Flatten " را ^(Flatten)انتخاب کنید^(Select) .

بخوانید^(Read) : نرم افزار و ابزار آنلاین Watermark Remover رایگان^{(Free Watermark Remover software & Online tool)} .

دکمه وب آماده است. با انجام مراحل بالا می توانید دکمه های وب را در رنگ های مختلف ایجاد کنید. همچنین می توانید یک بافت گرادیان متفاوت را انتخاب کنید تا به دکمه های خود ظاهر متفاوتی بدهید.

خودشه. امیدوارم^(Hope) مقاله را دوست داشته باشید. فراموش^(Don) نکنید که نظرات خود را در بخش نظرات به اشتراک بگذارید.

بخوانید^(Read) : چگونه با 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

• چگونه برای ایجاد Transparent Image در Paint.NET در Windows 10

• چگونه به ایجاد و اضافه کردن Drop Shadow effect به یک تصویر در Paint.NET

• Add Double Exposure Effect به تصاویر با استفاده از این ابزار آنلاین رایگان

• Paint.NET برای Windows 10 - دانلود رایگان

• چگونه به Crop and Rotate یک تصویر در Paint.NET

• Licecap: Record Windows desktop or screen شما به عنوان یک GIF متحرک

• 10 مکان برتر برای یافتن تصاویر و ویدیوهای HD رایگان برای وب سایت شما

• InfinityConverter Image and Video Converter app سریع است

• Photo Collage maker Online Tools and Software رایگان

• نحوه استخراج فریم ها از GIF Images متحرک

• صفحه نمایش برای GIF: نرم افزار رایگان برای ایجاد انیمیشن GIF Image

• حذف Background از یک تصویر با Microsoft Word

• بهترین ابزار برای اضافه کردن Watermark به Image online رایگان

• نحوه اضافه کردن Spoiler Tags به Text and Images در Discord

• Best رایگان Video به نرم افزار GIF maker برای Windows 10

• نحوه اضافه کردن Shadow به Text or Image در GIMP

• نحوه اشتراک گذاری و ارسال مجدد تصاویر در اینستاگرام

• رفع: دکمه برگشت در مرورگر وب کار نمی کند؟

• ابزار رایگان برای تبدیل WebP به PNG online

• از کجا دانلود PNG تصاویر با transparent background