Tip:
Highlight text to annotate it
X
So we've just saved a polka dot on a white background for my background image. But while
I'm in PhotoShop, I'm going to go ahead and show you how to save a transparent gif file.
And these are helpful because you can change the actual background color of your website
and the transparency will show through. And so, let's cancel here and start from scratch.
I'm going to select all and delete. And then go into my background and delete all that.
And so, in PhotoShop when you see the checkers that means that there's nothing there and
it's just a transparent file. So, I'm going to go back in and draw my polka dot again,
but with nothing in the background. As opposed to the white that I had last time. So, there
that is. Now we have a yellow polka dot that's kind of floating over nothing. Now I'm going
to go back up here and save for web. And I'm going to save it as a gif file. There's no
such thing as a transparent jpeg unfortunately. But, down here, I want to make sure that I
have transparency clicked. Because you see the difference. It's changing from a white
background to the checkerboard which means that it's transparent. And so, I'm going to
save that transparent file. And I'm going to save it as background dot and trans for
transparent. So I can know the differences. And I'm going to show you in the background
file what the differences are for these two different types of files.