Shop Mobile More Submit  Join Login
TUTORIAL::How to make Transparent BG in SAI by whitty-boo TUTORIAL::How to make Transparent BG in SAI by whitty-boo

EDIT: If the option for PNG doesn't pop up for you, check out this journal that will explain why:
Paint Tool SAI and TRANSPARENT .PNGVarious Paint Tool SAI users might have noticed it, me included, and it always bugged me a bit.
Apparently, SAI doesn't support .PNG transparency. Meaning, when you go and try to save an image supposed to have transparent areas, the picture still gets a white background.
To fix this, I and possibly other people used to save the project as .psd and load it in Photoshop or similar programs to save the file with the wanted transparent area.

Well, a quick search made me figure out that it instead DOES allow to save images with transparency, so I was wondering how.
After checking a tutorial that sadly now got deleted, I realized that transpare


I'm not responding to "IT DOESN'T POP UP FOR ME ;A;" anymore, because if it doesn't you need to read the artist's comments and go to that journal and get your copy of transparent-supporting SAI.




My first tutorial lolol //fail

A lot of people have been asking me how to do transparent backgrounds in Paint TOOL SAI. There weren't any tutorials on dA that seemed to be as simple as how I did it (there were barely any in the first place so.)

If you have some trouble understanding the summarized pictures, here's some more info on it.

Basically, in SAI everything you draw is automatically "transparent". When you save as JPEG, which doesn't support transparency, everything "transparent" is turned to white, like how you see it when you are drawing in the program.

Adding a new layer underneath and making it a different color allows you to see things you missed, preferably the whites. Let's say that when I added the yellow, Casey's white hoodie turned yellow also. That means I need to go in and color it white or else it will become transparent as well.

Saving it as 32bpp makes all the areas you didn't draw on turn transparent.

Some tutorials say that you have to merge all your layers into 1. That is not true. I could have had 3 or 4 layers on that Casey picture, it doesn't affect transparency.


I hope you guys find this helpfull!
Add a Comment:
 
:iconrebreb21:
rebreb21 Featured By Owner 1 day ago  Hobbyist General Artist
Very simple and great tutorial!! Thank you <:
Reply
:icondemon-disaster:
Demon-Disaster Featured By Owner 6 days ago
I tried this, it worked the first time but I tried to save another image and it didn't word, weird
Reply
:icondenya-chan:
denya-chan Featured By Owner 6 days ago  Hobbyist Traditional Artist
Thank you so much for making this! It was very helpful, and now I've just made my first transparent background thanks to you~! ^o^/
Reply
:iconhigh-horizon:
High-Horizon Featured By Owner Jul 24, 2015  Hobbyist General Artist
I used to be able to do this but now the window doesn't show up with the pixel format options when i try to save :XD:
So confused, anyone have any ideas? o3o'
Reply
:iconcatas123:
catas123 Featured By Owner Jul 22, 2015  Hobbyist General Artist
This tutorial made it super easy. Thanks! :)
Reply
:iconiipurr:
iiPurr Featured By Owner Jul 19, 2015  Hobbyist Digital Artist
The journal is the description sends me to the error page "404 not found"
Reply
:iconbuueeh:
Buueeh Featured By Owner Jul 19, 2015  Hobbyist Digital Artist
The journal wont come up for me >:
Reply
:iconkalinereine:
KalineReine Featured By Owner Jul 18, 2015  Professional Writer
Whaaaaat? This makes it look so easy! This was so easy to understand, thank you very much! ;w; I'm going to try this out. <3
Reply
:iconlaghrian:
Laghrian Featured By Owner Edited Jul 15, 2015  Student Digital Artist
Okay I have version 1.2 and this window does not appear,
also when I will make colored layer invisible it says "Saving caNvas failed"
Reply
:icondragon-wolf-lover:
Dragon-Wolf-Lover Featured By Owner Jul 12, 2015
Okay, I have 1.1.0 (which, according to the tutorial listed, is the minimum version to make transparent backgrounds) but I still don't get PNG options.
Reply
:iconilovewolves123456789:
ilovewolves123456789 Featured By Owner Jul 13, 2015  Student Digital Artist
File>export as>.png
Reply
:icondragon-wolf-lover:
Dragon-Wolf-Lover Featured By Owner Jul 13, 2015
Yes, I know, but I don't get a popup window giving me the opportunity to choose opacity for my pixels
Reply
:iconilovewolves123456789:
ilovewolves123456789 Featured By Owner Jul 13, 2015  Student Digital Artist
Hmmm. What ver. do you have?
Reply
:icondragon-wolf-lover:
Dragon-Wolf-Lover Featured By Owner Jul 13, 2015
Someone gave me some help ^^; turns out although i thought I had the legit version, the site I got it from was a tad bit untruthful :shrug: so I just need to purchase the good version~
Reply
:iconiraxchu:
Iraxchu Featured By Owner Jul 12, 2015  New Deviant
I did everything but at the end, I don't have 32bpp etc...
Reply
:iconbxsket-cxse:
bxsket-cxse Featured By Owner Jul 11, 2015  New Deviant Hobbyist General Artist
thanks very much for the tutorial! 
Reply
:iconordinary-october:
Ordinary-October Featured By Owner Jul 10, 2015  Student Traditional Artist
Okay, after i save mine the PNG save options don't appear. why is that?
Reply
:iconkiyotohka:
KiyoTohka Featured By Owner Jul 10, 2015  Student Traditional Artist
can I have the link?
Reply
:iconallofthekeely:
AllOfTheKeely Featured By Owner Jul 5, 2015  Hobbyist Digital Artist
so helpful. thank yewww
Reply
:icondragfairy:
DragFairy Featured By Owner Jul 4, 2015  Student Traditional Artist
Thanks a Million! c:
Reply
:iconala-ma:
Ala-Ma Featured By Owner Jul 4, 2015  New Deviant Hobbyist General Artist
Thank youuu, i really wonder why people don't read the descriptions, gonna see that journal now Nod 
Reply
:icondrexelthedeviant:
DrexelTheDeviant Featured By Owner Jul 1, 2015  New Deviant Hobbyist Digital Artist
Thanks! this helped ^^
                                         
Reply
:iconstarpaw007:
StarPaw007 Featured By Owner Jun 30, 2015
What if we did originally make the canvas transparent? Does that mean we're screwed?
Reply
:iconsteelpwny:
SteelPwny Featured By Owner Jun 30, 2015  Hobbyist Digital Artist
Thank you this helped a bunch!! <3
Reply
:iconfivenightsatharmonys:
FiveNightsAtHarmonys Featured By Owner Jun 26, 2015  Hobbyist General Artist
thanks so helpful
Reply
:iconrobloxgirlblox:
robloxgirlblox Featured By Owner Jun 21, 2015  Hobbyist General Artist
Thanks! This was super helpful!!
Reply
:iconcaptianlinebeck:
CaptianLinebeck Featured By Owner Jun 18, 2015  Hobbyist General Artist
Would this work on making Shimeji's? ouo 
Reply
:iconsydrasydra:
sydrasydra Featured By Owner Jul 16, 2015   Digital Artist
omg this is the reason why i came here xD
Reply
:iconcaptianlinebeck:
CaptianLinebeck Featured By Owner Jul 16, 2015  Hobbyist General Artist
omg xD
Reply
:iconcptstvenrogers:
cptstvenrogers Featured By Owner Jun 15, 2015  New Deviant Hobbyist Digital Artist
I used this and it wa super helpful!
To those saying it doesn't go transparent: make sure all your outer lineart is joined and there are no gaps. (Honestly, it wouldn't work for me at first, but then i joined up all the outer lineart and it worked!) 
To those saying the window doesn't pop up: it pops up after you press save!
Reply
:iconxsylum:
Xsylum Featured By Owner Jun 14, 2015
I tried it, for administrative purpose, and it appears to be so useful that I have to thanks a trillion times !!!!
Reply
:iconrougeballoon:
rougeballoon Featured By Owner Jun 12, 2015  Hobbyist Digital Artist
It shows up all black and horrible ;n;'
Reply
:iconilovewolves123456789:
ilovewolves123456789 Featured By Owner Jul 13, 2015  Student Digital Artist
You might not have changed to the 32bpp choice.
Reply
:iconrougeballoon:
rougeballoon Featured By Owner Jul 14, 2015  Hobbyist Digital Artist
Well, I think it's because I transfer the files onto camtasia, I can't use Photoshop, so the final animation comes out black because that is the default background. T^T
Reply
:iconilovewolves123456789:
ilovewolves123456789 Featured By Owner Jul 14, 2015  Student Digital Artist
Well, Camtasia puts a background in anyway
Reply
:iconchilledalmondjelly:
ChilledAlmondJelly Featured By Owner Jun 25, 2015  Hobbyist Digital Artist
same...
Reply
:iconkurushimifutago:
KurushimiFutago Featured By Owner Jun 11, 2015  Hobbyist General Artist
Thank you very much for this tutorial, we more than likely have an old version that doesn't support it, so it was nice to have a link to another Journal for the new version...~

Fu~Ku
Reply
:iconpuppygirl12745:
puppygirl12745 Featured By Owner Jun 11, 2015
omfs thank youuu this was super helpful ^-^
Reply
:iconcynderiaopus-smisse:
cynderiaopus-smisse Featured By Owner Edited Jun 7, 2015  Hobbyist General Artist
can someone help me please ? i don't have the png save option window

UWAAAAAAAAA SORRY I DIDN T UNDERSTAND THE DESCRIPTION
A MILLIONS SORRY ;^;
Reply
:icon33490sada:
33490sada Featured By Owner Jun 1, 2015  Hobbyist Digital Artist
thanks a ton friend
Reply
:icondreadsina:
Dreadsina Featured By Owner May 26, 2015
This helped me so much. Thank you!
Reply
:iconmarchionessdammy:
MarchionessDammy Featured By Owner May 25, 2015  Hobbyist General Artist
thanks for the help!!! :)
Reply
:iconvdavzs:
vdavzs Featured By Owner May 24, 2015  Hobbyist Digital Artist
thanks, this really helped meh out~:happybounce: 
Reply
:iconbirdofdestars:
BirdOfDeStars Featured By Owner May 24, 2015  Hobbyist General Artist
Ohhh, I see, this was super helpful! I just clicked the wrong thing in the box. Thank you so much!
Reply
:iconrokatsu:
Rokatsu Featured By Owner Edited May 24, 2015  Hobbyist Digital Artist
I'm beyond lost... this wasn't helpful at all. No box pops up and it doesn't work the way you did it unless I choose "multiply", and even that doesn't do what you did. 
Reply
:iconkaydorable1:
Kaydorable1 Featured By Owner May 24, 2015
Well what did you do? I think I can help/ What steps did you take?
Reply
:iconrokatsu:
Rokatsu Featured By Owner May 24, 2015  Hobbyist Digital Artist
I looked up paint tool sai transparency tutorial on DA and every single one was useless to help me. @@ they all said a box had to appear to save it in a certain way and then you had to do another thing to make it transparent and that didn't work either. 

SAI Transparency tutorial by FlyAwayMax
 TUTORIAL::How to make Transparent BG in SAI by whitty-boo
Reply
:iconkaydorable1:
Kaydorable1 Featured By Owner Jun 14, 2015
Are you sure you added a different color bg UNDER all the layers you have?
            and
Are you sure you have it saved as a .PNG?
Reply
:iconrokatsu:
Rokatsu Featured By Owner Jun 15, 2015  Hobbyist Digital Artist
Yeah I did all that. I found a tutorial that explained this better though thank god so I learned. Apparently the problem was the version of SAI I had. 
Reply
Add a Comment:
 
×
Download JPG 800 × 2900




Details

Submitted on
March 8, 2012
Image Size
493 KB
Resolution
800×2900
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
145,648 (135 today)
Favourites
4,303 (who?)
Comments
798
Downloads
1,002 (2 today)
×