I do hope that I'm not bothering you but may I ask how did you do the transparency thing for Zen's picture?? Thanks!
Hey Anon! It’s no bother at all!
So a lot of people seem to have been wondering how the transparency thing works on Tumblr - here’s how:
• Rule of Transparency: Always export in PNG - it’s pretty much the only format compatible with tumblr that allows transparency.
Let’s break it down to the most basic idea of transparency here -
*Note: When you’re scrolling over any picture on your dashboard, the background is white. When you click on a picture, the picture enlarges with a black (or grey) background.
So if you want something to be hidden when viewed on dashboards but appear when clicked, follow these steps:
1) Place your subject on a semi-transparent / transparent background. Colour the subject and then lower transparency of the colour layer to about 60%.
2) Create a background layer below the character layer. Fill the background with a colour of your choice and reduce the opacity to about 30%.
3) Create a semi-transparent black layer (85% opacity) below the background layer - this is so you can see how your piece will look like when the background is dark (i.e. how it will look like when you click/tap on the picture on your tumblr dashboard).
*Note: At this point, you should turn on the transparency of your white base layer.
4) Now for the fun part - create a layer for all your effects! Put the layer with all your effects under the background layer and make sure all your effects are done in 100% white colour (#ffffff).
*Note: You can play around with the opacity of the effects to give varying degrees of depth (e.g. grass further away vs. grass nearer to the foreground).
Also, remember to mask out the effects behind the character (because the character’s body colour is transparent and it’d be freaky to see lightning right through the character unless that’s your intention)
5) Final touches - create the lighting on your character!
Your character might look a little flat when it’s on top of all the excitement in the background - create lighting on your character to make sure it blends into the surrounding.
How: At this point, you can only add highlights to the character, so create a layer under the “Character” layer, but above the “Background” layer.
Paint highlights onto your character using 100% white (#ffffff).
5) Frame your character or add your final adjustments before the export.
6) Remove the white AND black layer in your file.
(i.e. “Layer 0″ - White layer | “Sample Black Background” - Black layer)
Save your file as a PNG.
*Note: If file size exceeds 2MB, the PNG will automatically be converted into a JPEG, and the whole transparency effect disappears. So be sure to resize your file / compress it to ensure it fits within 2MB.
AND YOU’RE DONE!
This is what the final effect should look like.