How to create PNG image mask with Photopea

[admin]

Hi all customer,

In this topic tutorial we’ll help you create PNG image mask with Photopea to use in WC Designer Pro plugin!

If you are using Photoshop install on your computer you can follow this tutorial:

https://graphicdesign.stackexchange.com/questions/108762/how-do-i-create-png-image-masks-in-photoshop/108788#108788

We’ll use an T-shirt image as example in this tutorial!

Step 1: You need an T-shirt image like this:

Step 2: Upload it to https://www.photopea.com/ and remove background (Origin Layer):

After removed background:

Step 3: Use Magic Wand (W) then Click outside (transparent background) of the Original Layer

Copy (Ctrl + C) and Paste (Ctrl + V) it to New Layer (White Layer). You can create new Layer by click button at the Bottom Right of the screen.

Step 4: Use Paint Bucket Tool (G) to make background of White Layer to white like this:

Step 5: Go to Original Layer use Magic Wand (W) then click inside T-shirt (Yellow background) and select pixel area of T-shirt (Press and Hold SHIFT to select pixel area you want)

Copy (Ctrl + C) and Paste (Ctrl + V) it to New Layer (Black Layer)

Step 6: Use Paint Bucket Tool (G) to make background of Black Layer to black like this:

You should check all Yellow dots to black for high quality image

Step 7: Add Raster Mask for Black Layer by go to Layer -> Raster Mask -> Add (Reveal All)

Step 8: Go to Original Layer and  right click on the Original Layer to Select Pixels then Copy (Ctrl + C):

Step 9: Go to Black Layer and click on Raster Mask (Alt + Click on Raster Mask) and Paste Select Pixels from step 8 to Raster Mask (Ctrl + V):

Step 10: Invert the Raster Mask of the Black Layer (make sure you select Raster Mask)

Step 11: Hide Original Layer you will have result like this

Step 12: Merge Black & White Layers

Step 13: Export PNG image to use in WC Designer Pro -> Designs

Step 14: Use PNG image in WC Designer Pro by go to WC Designer Pro -> Designs -> Add New then upload image

and set it as background to easily change color

and the result

More about WC Designer Pro setup please read in the document: https://document.harutheme.com/pricom/ (section 11)

Hope this helps and thanks for your time and reading!

 

**********
Best Regards,

HaruTheme

 

 

 

[admin]

Photopea common issue: https://github.com/photopea/photopea/issues/765

[Author]

Posts