Now we have some nice drawing board drawings already in our Inkscape. And in the following lessons, we will draw a lot and even animate characters and such. But before doing all that, I will show you one more thing, why I always like to use Inkscape for a lot of graphic design stuff I do and why it's mainly good for designing your own game assets. And the reason is that you can export in any size, what you created. So the main reason I use Inkscape for my stuff, it's a this flexibility and scalability it has because it is vector as I was talking about in the very beginning, so how we export an image from Inkscape. We can do it two ways.
And there are other formats as well. But I will talk about two things. Basically you can export it on bitmap image, so it won't be vector anymore or you can export it and save in different vector format. You have to do it two ways. When you are exporting as a bitmap, you push Shift Ctrl E or File, Export bitmap, see should controlee then you get the export bitmap window, what a surprise. And you have a lot of options.
When the something is selected. It's jumps to the straight to the selection tab. And you can export this part as a PNG image. So far Inkscape is only exporting PNGs. You see, so you can give a file name and everything you can it's only exporting PNGs it's not really a problem because you can open it in the editor program. Like even And save it as a JPEG or BMP or whatever if you need most of the game editorials I'm always referring to yo yo games Game Maker because that's the program I like and use.
But I know it's the same with Unity. You can they can just handle PNG Osgood. When you are exporting for a game obviously you don't count in centimeters or stuff so you can you leave the units in pixels. And then the DPI the native DPI for exporting is 90 DPI, DPI dots per inch. If you don't know this is the resolution of export to the image. 90 is perfect for anything on the screen and you can you only make it higher like 300 600 hundred 50 if you want to export it to printing or if you are exporting a higher resolution image then can scale it down maybe later with another program, even if it's bitmap, you know, the the trick about bitmap that it's not really easy to scale it up, it can only scale up a few percent without losing quality, but it can scale down quite easy.
On the other hand vector is scalable up and down. So back to this, I selected, and you see it's selection. I choose my file and hit export. And that's it, it's saved. I can select more and export them together, my selection will look like at the bottom at the edge will be at the bounding box. When I'm selecting and I'm exporting an image.
I usually do like this. Make a white board, send it in the back. And now the image will be this so I give a or y to the transparent background. When I'm working for games, I can give a transparent background No, it's true. Print, I export it. And that's it.
Of course when I'm doing the sprite I don't need this big, so I can just export exactly the books. And that's it because it's transparent zero opacity. If I click away, this box disappears. So I have to throw it again or go back. One more thing I actually use in game maker and I don't know how other editors are dealing with it is you can make an opacity one so it's not disappearing or anything and then you don't have to deal much with opacity because PNG opacity sometimes the trick or what you can do is get a color which is very close to the color of the of the drawing but still a bit separate. Or you can get a color which you name like okay this purple we will be My transparent color and you just stick it transparent in your editor in your game.
I tell him about him talking about this because in gamemaker, for example, you can take any color to be transparent. If you take this one, then everything around will be transparent. One more thing about exporting bitmap is you can export bitmaps together and create a sprite sheet. You probably know this if you are creating a game a sprite sheet is one image holding all the little elements, they are tied up nicely. us put it as one image. So the program is only calling the image once and then Firstly, from memory, it's calling out the parts you just need.
And you call the different parts in your program. So to do that, you only have to export one image and tell the image where is each section starting. So usually to achieve that the easiest to do, the easier way is to make agreed and create the same distance between all the elements. So I can say that for example, I can say that the star is starting at 50 then the this is starting at the start is starting at zero then the coin is starting it 50 then the heart is starting at hundred pixel and then it's starting at hundred pics 150 pixel, so where the other one is ending, and that's it you have if you have a tie set, it's faster to use, you just have to get used to how to use that's one thing and in the next video I will also show you how to export and why it is too good export vector