How to create PNG Watermark with Pixlr

This post is actually answering the question of one of my YouTube video visitors, about creating a PNG watermark for YouTube inVideo Programming feature, which I posted here a couple months ago.

We will create the PNG watermark using Pixlr, a free image editor, which is web-based or online.

The result will be: my photo with subscribe text using yellow background, which you can find in all of YouTube videos on the top right. If you are YT channel owner and have a website, I recommend reading this, to add your website as an external link.

Result of this tutorial
Result of this tutorial

Steps:

1. Prepare your image, or any photos, and then visit pixlr.com/editor, and choose “Create a new image

Create a new image pixlr
Create a new image pixlr

2. Because the perfect image size of the YouTube inVideo Programming watermark should be 800×800 px, which isn’t listed in the presets settings, we need to specify the width and the height ourselves.

Image dimension setting width and height
Image dimension setting width and height

3. Check on “Transparent” checkbox. Click OK button.

4. To import image in Pixlr at this point, you can go “Layer” then select “Open image as layer” on the drop down menu.

Import image in pixlr, import as layer
Import image in pixlr, import as layer

Navigate to your image.

5. If the image is too big for your canvas we need the Transform tool in Pixlr, go to “Edit” then select “Free Transform“.

Edit - Free Transform
Edit – Free Transform

You will see blue handle that you can use to resize the image.

Transform tool pixlr
Transform tool pixlr

Holding your shift key while dragging the handle, will maintain the aspect ratio of the image you want to edit.

Adjust the size of the image to fit your canvas.

6. Next, we will create the yellow square background for the “Subscribe” text. To do so, click “New Layer” icon in “Layers” tool bar.

Create New Layer
Create New Layer icon

7. Click “Drawing Tool” make sure it’s square, and choose the color you like, I have chosen the yellow color.

Drawing tool setting for rectangular
Drawing tool setting for rectangular
Yellow rectangular for the background
Yellow rectangular for the background

8. For the text, create new layer again, and grab the “Type tool” and type your text.

Text setting
Text setting

To adjust your text’s position, use the “Move Tool” to move the text around.

Move tool in Pixlr
Move tool in Pixlr
Saving image as PNG file in Pixlr
Saving image as PNG file in Pixlr

9. Once you like the result, you can save it, by going to “File” and “Save” and make sure;

  • Name: Type the name of the image
  • Format: PNG (Transparent, full quality)
  • Click “OK” button.

That’s how you can use pixlr.com online image editor to create YouTube watermark, obviously, you can create PNG files for anything else.