Paint.net 은 이미지 편집 및 생성을 위한 매우 강력한 도구입니다. 기능 풀이 함께 제공됩니다. 이 무료 소프트웨어로 이미지를 투명하게 만들고, 워터마크를 만드는 등 많은 일을 할 수 있습니다. 이 기사에서는 paint.net에서 웹 버튼을 만드는 단계를 살펴보겠습니다.

Paint.net을 사용하여 웹 버튼 만들기

사용자가 자신의 웹사이트에서 구현하기 위해 사용자 정의 웹 버튼이 필요한 여러 상황이 있을 수 있습니다. 예를 들어, 전자 상거래 상점을 만드는 경우 사용자가 클릭하도록 유도하는 다양한 매력적인 디자인의 웹 버튼을 도입하여 블로그를 매력적으로 만들 수 있습니다.

튜토리얼을 시작하겠습니다.

1] PC에서 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] 이제 버튼을 만들기 위해 다른 레이어를 추가해야 합니다. " 레이어^(Layers) " 상자 에서 " 새 레이어 추가^{(Add New Layer)} " 를 클릭하여 레이어를 추가합니다.

읽기^(Read) : Paint.net에서 YouTube 썸네일을 만드는 방법^{(How to Make a YouTube Thumbnail in Paint.net)} .

4] 많은 레이어를 생성하므로 혼동을 피하기 위해 각 레이어의 이름을 바꾸는 것이 좋습니다. 새로 추가된 레이어를 두 번^(Double) 클릭하고 이름을 " Base ." 로 변경합니다. 원하는 대로 이름을 지정할 수 있습니다.

5] 둥근 직사각형 버튼을 만들고 있습니다. 이를 위해 " 도구 " 상자에서 " ^(Tools)모양^(Shapes) " 옵션을 선택하고 " 색상^(Color) " 상자 에서 좋아하는 색상을 선택하십시오 . 색상 상자의 " 더 보기^(More) " 옵션 에서 더 많은 색상을 사용할 수 있습니다 .

6] " 채워진 모드 "로 " ^{(Filled Mode)}둥근 사각형^{(Rounded Rectangle)} "을 선택해야 합니다 .

읽기^(Read) : 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] 더 밝은 색상을 선택하고 도구 상자에서 " 그라디언트^(Choose) "를 선택 합니다.^(Gradient)

11] Gradient 를 선택 하면 도구 모음에서 사용할 수 있는 다양한 유형의 텍스처를 볼 수 있습니다. " 선형^(Linear) " 텍스처 를 선택해야 합니다 . 아래 스크린샷의 지시에 따라 마우스를 놓습니다. 이제 마우스 왼쪽 버튼을 누른 상태에서 " Shift " 키를 누른 상태에서 둥근 직사각형 모양의 아래쪽 가장자리로 끕니다.

12] 이제 버튼에 사용자 정의 텍스트를 작성해야 합니다. 이를 위해 레이어를 하나 더 추가하고 이름을 " Text ." 로 변경합니다. 이제 도구 상자에서 " 텍스트^(Text) "를 선택하고 원하는 색상을 선택합니다. 둥근 직사각형 모양 내부를 클릭^(Click) 하고 거기에 텍스트를 씁니다. 텍스트의 글꼴 스타일과 크기를 변경할 수도 있습니다.

13] 이제 모양에 광택을 주어야 합니다. 이를 위해 레이어를 하나 더 추가하고 이름을 " Glossy "로 변경합니다 . 이 레이어는 모든 레이어의 맨 위에 있어야 합니다. 그렇지 않은 경우 드래그하여 맨 위로 가져옵니다.

14] 이제 기본 레이어를 선택하십시오. 그런 다음 Magic Wand 를 선택 하고 둥근 직사각형 모양을 클릭합니다. 그런 다음 광택^(Glossy) 레이어 로 돌아가서 색상 상자에서 흰색을 선택합니다.

이제 도구 상자에서 " 모양^(Shapes) " 도구를 선택하고 도구 모음에서 " 모양 유형 "을 클릭하여 " ^{(Shape type)}타원^(Ellipse) " 을 선택 합니다. 채워진 모드에서 타원^(Ellipse) 을 선택해야 합니다(이 문서의 6단계 참조).

다음으로, 일부 부분이 둥근 사각형의 맨 위에 놓이도록 타원을 그려야 합니다. 완료되면 " Enter ." 를 누르십시오.

15] 광택 레이어를 ^(Glossy)두 번^(Double) 클릭 하여 속성을 열고 불투명도를 줄입니다.

16] 이제 모양에 테두리를 추가해야 합니다. 이를 위해 기본 레이어를 선택하고 " Effects > Stylize > Outline ." 으로 이동합니다.

17] 윤곽선^(Vary) 의 두께와 강도를 변경하여 모양을 단추 모양으로 만듭니다.

18] 마지막 단계에서 버튼을 저장해야 합니다. 이를 위해 " Ctrl + S "를 누르고 드롭다운 메뉴에서 이미지 형식을 선택합니다. 이미지를 JPG , PNG , BMP 및 기타 여러 형식으로 저장할 수 있습니다. 이미지를 병합할지 여부를 묻습니다. " 평평하게 하기 " 를 ^(Flatten)선택하십시오^(Select) .

읽기^(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

• Paint.NET에서 Paint.NET에서 Transparent Image을 만드는 방법

• Paint.NET에서 Drop Shadow effect를 이미지에 작성하고 추가하는 방법

• Add Double Exposure Effect이 무료 온라인 도구를 사용하는 이미지에

• Windows 10 Paint.NET - 무료 다운로드

• Crop and Rotate Paint.NET의 그림

• Nomacs은 놀라운 기능을 갖춘 Windows PC의 이미지 Viewer입니다

• Create 웹 Bzzt 친화적 인 이미지! Windows PC에 대한 Image Editor

• Find.Same.Images.OK 모든 중복 이미지를 찾습니다

• Deblur & fix blurry Photos & Images이 도구 사용

• Optimize 및 Ashampoo Photo Optimizer로 이미지의 크기를 조정하십시오

• Best Windows 10 용 무료 Vector Graphics Design software

• InfinityConverter는 빠른 Image and Video Converter app입니다

• Watermark를 Image online 무료로 추가하는 가장 좋은 도구

• WebP 이미지를 PNG and JPG으로 변환하는 방법 WebP Converter

• Windows 10에서 Paint 3D로 Background image를 제거하는 방법

• 무료 Photo Collage maker Online Tools and Software

• AwesomeWallpaper는 desktop wallpaper로 Images & Video을 표시 할 수 있습니다

• 애니메이션 GIF Images에서 프레임을 추출하는 방법

• Best 무료 Video GIF maker Windows 10 소프트웨어

• WildBit Image viewer, Slide show, 사진 애호가를위한 Editor software