Join Paul Trani for an in-depth discussion in this video Importing graphics, part of Creating a Slideshow with Edge Animate.
I'd like to start out, by creating a new file. And I will change the stage size to 900 by 600, which are roughly going to be the size of my images for the slide show. And, then I can start to import graphics. Now, before I do that, I will change the background just to black. And go, File, Import. So I want to import this arrow_png file from my assets folder. Importing it. Scroll to the top, you can see it right here, and that's why I changed the background to white.
In fact, what I can do is I can start to adjust to the various corners, all right? So, notice that it is a square and I just made it a circle. And what's great, is you can take a graphic like this and you can duplicate it, Copy, Paste. Now I have two of them because I want to take this one and rotate 180 degrees, and now I have my Back and Next buttons. So I want to reuse graphics, accordingly. All right? And with this Back button selected, I will call this BTN back.
And with this one selected here, this will BTN. Next. Just like that. You can see them right down here in your timeline, and now let's import a graphic as well. Photo one for instance. Dropping that in. You can see it's the same size as my stage. You can see it right here. But it overlaps those buttons. So that's when you need to take a look at your Elements panel and from there you can drag that photo one down beneath the buttons, and you can see as I scroll over they're actually on the top now.
All right. So that looks good. Do that once more. File, Import. Import a second graphic, just like that, and now I have photo two. And the reason that it put it right here is because I had this lowest element selected. So it'll always put it on top of your lowest element. Notice that you can also create graphics in Edge Animate using the rectangle tool. You can really turn a rectangle into a rounded rectangle, into an ellipse if you want to. But all in all, you’re importing the graphics and really getting this set up the way you want.
And as I’m taking a look, whether these graphics are imported or created in Edge Animate, might need to add a little more style to them. In this case, I really want to separate these buttons so they don't disappear if the background happens to be white. So this is where I'll turn on the shadow and change the blur to something like ten, and it gives it that little offset blur. Always come in here and change the opacity as well. And you can see it created it right there, all right.
I'm going to show you one other thing as I go over here and turn this on, changing this to ten, and changing this to black. Just like that. And you can tell that, what you see here is since I've rotated this item it gives me that drop shadow going to the upper left. So in that case, I need to reverse these numbers as well. But really, taking a look at these properties and getting these graphics looking right and reusing them as effectively as I have in this case, and then I can begin to add functionality and animation to this project.