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:
 
:icondragfairy:
DragFairy Featured By Owner 10 hours ago  Student Traditional Artist
Thanks a Million! c:
Reply
:iconala-ma:
Ala-Ma Featured By Owner 19 hours ago  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 3 days ago  New Deviant Hobbyist Digital Artist
Thanks! this helped ^^
                                         
Reply
:iconstarpaw007:
StarPaw007 Featured By Owner 4 days ago
What if we did originally make the canvas transparent? Does that mean we're screwed?
Reply
:iconsteelpwny:
SteelPwny Featured By Owner 4 days ago  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
: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
: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
:iconkaydorable1:
Kaydorable1 Featured By Owner Jun 15, 2015
Ohhhhh! That would have made sense. See, before I had the version I have, I had an older one which would not let me save at ALL. So, I'm glad you got that worked out.
Reply
:iconrokatsu:
Rokatsu Featured By Owner Jun 15, 2015  Hobbyist Digital Artist
The only problem is the newer one is on my laptop and I'm so used to the settings on my old one and so attached to it that I don't really want to make that change or adjustment. It's kinda like when I used windows XP and switched to windows 7 XD Ahh I continue to cling to the past in technology QAQ" 
Reply
:iconstoopidunicornbruh:
Stoopidunicornbruh Featured By Owner Edited May 27, 2015  Hobbyist Digital Artist
You need the latest Paint tool sai version in order for it to pop up. 
Reply
:iconrokatsu:
Rokatsu Featured By Owner May 27, 2015  Hobbyist Digital Artist
Ahh alright @@ 
Reply
:iconbatinahat:
BatInAHat Featured By Owner May 23, 2015
Thank you so much for posting this ;u;
You made it so simple even I could follow it
Here is what I achieved with your help if your interested //slapped thrice 
Cutieheart
Reply
:iconametosora:
AmeToSora Featured By Owner May 10, 2015  Hobbyist General Artist
Haha, YES! Thank you! I've been wanting to do this FOREVER, and now I know how! Thankz you! Heavenly 
Reply
:iconchiitters:
chiitters Featured By Owner May 10, 2015  Hobbyist General Artist
Oh my god. Thank you :heart:
Reply
:iconfennecfe:
FennecFe Featured By Owner May 10, 2015  Hobbyist Digital Artist
You made my drawing possible thanks so much
also, I referenced you in the drawing I was able to post thanks to you and this tutorial. I really appreciate it
(If you don't like that I referenced you please tell me)
Reply
:iconhuunous:
huunous Featured By Owner May 9, 2015
Thank you so very much! I really needed this for a present for my mom :3
Reply
:iconweeaboogamer:
weeaboogamer Featured By Owner May 8, 2015  Student Digital Artist
OMG YOU HAVE NO IDEA HOW CUTER MY ART WOULD LOOK NOW....BLESS YOUR SOUL..THIS IS GREAT
Reply
:iconevkzombie:
EvkZombie Featured By Owner May 8, 2015  Hobbyist Digital Artist
The box doesn't pop up for me...
Reply
:iconiamthecure049:
Iamthecure049 Featured By Owner May 7, 2015  Student Digital Artist
Thanks for the help!
Reply
:iconflutterdashftw:
FlutterDashFTW Featured By Owner Apr 28, 2015  Student Artist
Oh God!! Thank you so much for posting this!! This helped me so much :D ;v; I love you... no homo though
Reply
:icon2sv:
2sv Featured By Owner Apr 25, 2015  Student General Artist
Thanks, almost screw it there.
Reply
:iconepicumbre:
epicumbre Featured By Owner Apr 12, 2015  Hobbyist Digital Artist
thank you for making this tutorial, im probably gonna use this all the time now ^w^
Reply
:iconsilverforeginlight:
SilverForeginLight Featured By Owner Apr 12, 2015  Student Artist
Thank The Art God and goddess's Thank you SOOOOOOOOO much! OMG YES!
Reply
:iconxcyborgfilliedrawsx:
XCyborgFillieDrawsX Featured By Owner Apr 12, 2015  Hobbyist Digital Artist
Thank you my lord.
Reply
:iconexperbug:
experbug Featured By Owner Apr 10, 2015  Hobbyist Digital Artist
when I save as png it doesn't have a window pop up. What do I do then?
Reply
:iconnanobutt:
NanoButt Featured By Owner Apr 24, 2015  Hobbyist Digital Artist
Your paint tool sai probably doesn't have to transparent mod.
Reply
:iconexperbug:
experbug Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
I fixed it
Reply
:icontrial-of-six:
trial-of-six Featured By Owner Apr 27, 2015  Hobbyist Digital Artist
is there any way to get this, go around this, or am i technically fucked?
Reply
:iconnanobutt:
NanoButt Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
I'm not sure, but if you have photoshop I know you can make stuff transparent in there.
Reply
:icontrial-of-six:
trial-of-six Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
eh my version of photoshop doesn't do it as cleanly as i want it to... eh i'll figure out how to properly feather it and maybe that'll be fine. thanks though c:
Reply
:iconnanobutt:
NanoButt Featured By Owner Apr 28, 2015  Hobbyist Digital Artist
No problem c:
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
141,399 (25 today)
Favourites
4,234 (who?)
Comments
773
Downloads
975
×