Paint.net là một công cụ rất mạnh để chỉnh sửa và tạo hình ảnh. Nó đi kèm với một loạt các tính năng. Bạn có thể làm rất nhiều thứ với phần mềm miễn phí này như làm cho hình ảnh trong suốt, tạo hình mờ, ... Trong bài viết này, chúng ta sẽ xem các bước tạo một nút web trong paint.net.

Tạo nút Web bằng Paint.net

Có thể có nhiều tình huống trong đó người dùng cần một nút web tùy chỉnh để triển khai trên trang web của mình. Ví dụ: nếu bạn đang tạo một cửa hàng Thương mại điện tử, bạn có thể làm cho blog của mình trở nên hấp dẫn bằng cách giới thiệu các nút web trong các thiết kế hấp dẫn khác nhau buộc người dùng phải nhấp vào.

Hãy bắt đầu hướng dẫn.

1] Khởi chạy Paint.net^{(Launch Paint.net)} trên PC của bạn và đi tới “ File > New ” để tạo trang mới (nếu phần mềm không mở trang mới theo mặc định).

Đọc^(Read) : Cách Cắt và Xoay Hình ảnh trong Paint.NET^{(How to Crop and Rotate a Picture in Paint.NET)} .

2] Bạn nên có sẵn các công cụ sau trên màn hình:

1. Hộp công cụ
2. Hộp lịch sử
3. Hộp lớp
4. Hộp màu sắc

Nếu không, hãy kích hoạt chúng bằng cách nhấp vào các biểu tượng tương ứng có sẵn ở góc trên cùng bên phải. Xem ảnh chụp màn hình bên dưới.

3] Bây giờ, chúng ta phải thêm các lớp khác nhau để tạo một nút. Thêm một lớp bằng cách nhấp vào “ Thêm lớp mới^{(Add New Layer)} ” trong hộp “ Lớp^(Layers) ”.

Đọc^(Read) : Cách tạo hình thu nhỏ trên YouTube trong Paint.net^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] Bởi vì chúng ta sẽ tạo nhiều lớp, tốt hơn là đổi tên từng lớp để tránh nhầm lẫn. Nhấp đúp^(Double) vào lớp mới được thêm và đổi tên của nó thành “ Cơ sở^(Base) ”. Bạn có thể đặt bất kỳ tên nào theo sự lựa chọn của bạn.

5] Chúng tôi đang tạo một nút hình chữ nhật tròn. Đối với điều này, hãy chọn tùy chọn “ Hình dạng^(Shapes) ” từ hộp “ Công cụ^(Tools) ” và chọn màu yêu thích của bạn từ hộp “ Màu^(Color) ”. Nhiều màu hơn có sẵn trong tùy chọn " Thêm^(More) " của hộp màu.

6] Chúng tôi phải chọn “ Hình chữ nhật tròn^{(Rounded Rectangle)} ” với “ Chế độ lấp đầy^{(Filled Mode)} ”.

Đọc^(Read) : Cách tạo và thêm hiệu ứng Drop Shadow vào hình ảnh trong Paint.NET^{(How to create and add Drop Shadow effect to an image in Paint.NET)} .

7] Nhấn^(Press) và giữ nút trái của chuột và kéo để tạo hình chữ nhật tròn. Sau khi vẽ nó, bạn cũng có thể thay đổi kích thước của nó.

8] Bây giờ, chúng ta sẽ thêm hiệu ứng gradient vào nút. Đối với điều này, hãy thêm một lớp mới và đổi tên của nó thành “ Gradient .”

9] Nhấp vào layer “ Base ” và chọn “ ^(Base)Magic Wand ” từ hộp công cụ. Nhấp^(Click) vào hình chữ nhật tròn sau khi chọn Magic Wand .

10] Chọn^(Choose) một màu sáng hơn và chọn “ Gradient ” từ hộp công cụ.

11] Khi bạn chọn Gradient , bạn sẽ thấy các loại kết cấu khác nhau có sẵn trên thanh công cụ. Bạn phải chọn kết cấu " Tuyến tính^(Linear) ". Đặt chuột của bạn theo chỉ dẫn trong ảnh chụp màn hình bên dưới. Bây giờ, nhấn và giữ nhấp chuột trái trên chuột và kéo nó đến cạnh dưới của hình chữ nhật tròn trong khi nhấn phím “ Shift ”.

12] Bây giờ, chúng ta phải viết một văn bản tùy chỉnh trên nút. Đối với điều này, hãy thêm một lớp nữa và đổi tên của nó thành “ Văn bản^(Text) ”. Bây giờ, chọn “ Văn bản^(Text) ” từ hộp công cụ và chọn màu bạn chọn. Nhấp vào^(Click) bên trong hình chữ nhật tròn và viết văn bản của bạn vào đó. Bạn cũng có thể thay đổi kiểu phông chữ và kích thước của văn bản.

13] Bây giờ, chúng ta phải tạo độ bóng cho hình dạng. Đối với điều này, hãy thêm một lớp nữa và đổi tên của nó thành “ Glossy ”. Lớp này phải ở trên cùng của tất cả các lớp. Nếu không, hãy kéo nó để đưa lên trên cùng.

14] Bây giờ, chọn lớp cơ sở. Sau đó chọn Magic Wand và nhấp vào hình chữ nhật tròn. Sau đó, quay lại lớp Glossy và chọn màu trắng từ hộp màu.

Bây giờ, chọn công cụ “ Hình dạng^(Shapes) ” từ hộp công cụ và nhấp vào “ Loại hình dạng^{(Shape type)} ” trên thanh công cụ để chọn “ Hình elip^(Ellipse) ”. Bạn phải chọn Ellipse ở chế độ đã điền (tham khảo bước 6 của bài viết này).

Tiếp theo, bạn phải vẽ hình elip sao cho một số phần của nó nằm trên phần trên cùng của hình chữ nhật tròn. Khi bạn hoàn tất, hãy nhấn “ Enter ”.

15] Nhấp đúp^(Double) vào lớp Glossy để mở các thuộc tính của nó và giảm độ mờ của nó.

16] Bây giờ, chúng ta phải thêm một đường viền cho hình dạng. Đối với điều này, hãy chọn lớp cơ sở và đi tới “ Effects > Stylize > Outline ”.

17] Thay đổi^(Vary) độ dày và cường độ của đường viền để tạo cho hình dạng của một cái nút.

18] Ở bước cuối cùng, chúng ta phải lưu nút. Để làm điều này, hãy nhấn “ Ctrl + S ” và chọn định dạng hình ảnh từ menu thả xuống. Bạn có thể lưu hình ảnh ở định dạng JPG , PNG , BMP và nhiều định dạng khác. Nó sẽ yêu cầu bạn làm phẳng hình ảnh hay không. Chọn^(Select) “ Làm phẳng^(Flatten) ”.

Đọc^(Read) : Phần mềm miễn phí Watermark Remover & công cụ trực tuyến^{(Free Watermark Remover software & Online tool)} .

Nút web đã sẵn sàng. Bằng cách làm theo các bước trên, bạn có thể tạo các nút web với nhiều màu sắc khác nhau. Bạn cũng có thể chọn một kết cấu gradient khác để tạo cho các nút của bạn một giao diện khác.

Đó là nó. Hy vọng^(Hope) bạn thích bài viết. Đừng^(Don) quên chia sẻ quan điểm của bạn trong phần bình luận.

Đọc^(Read) : Cách thêm Hình ảnh trong suốt trên Ảnh chụp màn hình bằng 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

• Làm thế nào để tạo Transparent Image trong Paint.NET trên Windows 10

• Cách tạo và thêm Drop Shadow effect vào một hình ảnh trong Paint.NET

• Add Double Exposure Effect đến hình ảnh bằng các công cụ trực tuyến miễn phí này

• Paint.NET cho Windows 10 - Tải xuống miễn phí

• Làm thế nào để Crop and Rotate một hình ảnh trong Paint.NET

• Cách trích xuất khung từ hoạt hình GIF Images

• Làm thế nào để loại bỏ Background image với Paint 3D trong Windows 10

• Download Windows 10 ISO Images mới nhất trực tiếp trong Chrome or Edge

• LICEcap: Record Windows desktop or screen bạn như là một GIF động

• Deblur & fix blurry Photos & Images sử dụng những công cụ này

• Cách dễ dàng thêm hình mờ vào hình ảnh trực tuyến của bạn trước khi tải lên

• Cách tạo Text Images Online Free của Cost

• Fotor: Hình ảnh miễn phí Editing App cho Windows 10

• PNG vs JPG vs GIF vs BMP vs TIF: định dạng Image file giải thích

• Best Phần mềm Video đến GIF maker miễn phí cho Windows 10

• Cách chia sẻ và đăng lại hình ảnh trên Instagram

• Resize, Decorate, Add Borders, Frames and Watermarks đến hình ảnh

• DuckLink Screen Capture: Chụp Windows, vùng, trang cuộn

• Optimize và hình ảnh thay đổi kích thước với Ashampoo Photo Optimizer

• Optimize và giảm image size với Radical Image Optimization Tool