ADVANCED GIF, Using Photoshop, Make Your Visual Image Stand Out with a SPARKLE or BLINK | Sandra Hess | Skillshare

ADVANCED GIF, Using Photoshop, Make Your Visual Image Stand Out with a SPARKLE or BLINK

Sandra Hess, Sandra Rose Designs, Graphic Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
3 Lessons (15m)
    • 1. Video 3 1

      3:01
    • 2. Video 3 2

      6:38
    • 3. Video 3 3

      5:11

About This Class

This 15 minute class is 3rd in this GIF series. There are so many options and types of GIF. Many people know only one way. In this Advanced GIF Class, you will use either Photoshop, Illustrator or your design program of choice to create the few steps needed. Then, using Photoshop, we will set up the image stack, and create the frame animation. 

You will learn to make an element shine or blink from basic steps to saved as a finished GIF.  Your message will stand out in an elegant, professional or fun way. You can create a gif to Promote your Products, Send an E-vite, Advertise in Facebook, Email Newsletter, or for personal reasons!

Transcripts

1. Video 3 1: at this Jif is going to look like that We're going to make in class. So I'm going to take the gym and I'm going to put it right in where the u R L ghosts oven image, and you can see it with this black all the way around it. And this is an anniversary card inmate for my husband, and you can see the twinkling lights with two cats. So the twinkling part is what we're going to do and otherwise static or non moving portion of the gym. Okay, that out of the way and get started. Now I have two other videos out and 1/3 and the 4th 1 is coming. Different types of gifts that you can make. Some people think that the moving Jif is what they're thinking of when they think of Egypt . But there's many different applications for Agip, and I'm showing you videos on how to create each of these different applications. So this one is the twinkling. So what I've done is show you sort of backwards how I've created this. I start off with my based file, which are the images that the basic for me it's taken a card and converting it into, um into the twinkling part of it. So here is my static image that I have. This would be for the car in front of the card, and this is the inside of the car. So I then go into a section called a new file folder with my steps in it. This is how I keep myself organized, and I one a I start off with. Okay, so here is my basic image that I have number two. Okay. I don't miss an illustrator. Where I took away some of the stars. Notice some of the stars are missing. I pulled some of those out and you can see the different blank areas. Okay, where? I've taken some of them out. And then I I went back to my original image and I took out more stars. Look at this. See how more of these air taken out in a different location? Different places. I've done that. Okay. And then that's all. Just the one to three. There's not a lot. Just little changes that occurring with each of these images. Again, I did this. An illustrator. You could do it. Photo shop whatever your application will be for this, where you're doing a twinkling. This is how I've done it. And then my last one, followed by my inside and not do anything with the inside. That's just one to be revealed in time. So that's the basic basis of it. Okay, next video, we're going to go into how we're actually going to be creating the see the next video. 2. Video 3 2: Now that you know we're gonna be creating let's start with the first step, open up photo shop instead of just putting in, they file images like you might be used to doing. We're going to go file scripts, load files into Steck. Okay? And I'm going to browse and find my images. Okay, Well, I'm going to take all of my J pegs and I'm going to click command controller command on a control on a PC. Mandanda, Mac. And I'm just going to select all the different J pegs that I have. Everything else are illustrator. The AI extension is the illustrator files. And I want my J peg files, and I'm just going to click open and OK, and though the shop is gonna pop them right in Okay, so they're all in there now in the layers panel, as you're used to seeing. We're gonna be now working with the timeline on the left hand side. So in order to get the process started, we need to look for create frame animation. You might have create video timeline. What? We want to go to create frame animation. Okay. And then you go into this is actual button to click on. So you need to click on that button and there begins the process of your timeline down here on the left. So then we're gonna go over to our little hamburger menu here, and we're going to make frames from the layers. So photo shop is going to do that for us. We have the five layers here now. Five frames based on the five layers. Now this is layer 12345 top left hand in each little image you can see, and I will. I could see that there. Bathrooms. So you need to go. We're gonna click on here and go to reverse frames, and that will put them in the correct order that we need them. If you still make it, need an adjustment, you can manually move it this way just by dragging and dropping it. So we have them all set now, and this is I kind of put back through. You can see how they're twinkling. Okay, Now I'm going to click play and we'll see it in action. But look how quickly it happened. Oh, my goodness. Were we supposed to do here? Look at all this twinkling that's happening just happened so quickly before we get to our inside message. So what we're going to do is take these and we're going to duplicate them. So I click them all. And I am going to use this little button right here. Just like to create a new layer in Felder shop. We're going to click it. It's gonna create new frames, and it puts it after the first frame. Sometimes a little window will pop up and asking you, Where do you want them? And you could say after the last frame or before the frame, So we want them now Let's try it now and see what happens when I click play. I go back to the beginning when a quick play and watch it go. Oh, that's nice, but it was still too quick, and I need it longer than that. I don't want to be that quick, so I'm going to select all of these eight again, and I'm going to duplicate them. You didn't see the different options up here. Nothing that we want for the time being. So we're just want to duplicate the frames here and there they are, right afterwards. Now let's see what happens with, like, 16 frames before we get to the middle. Let's lost the twinkling happening. Okay, there it is. And it happened very quickly. All right, Now, um, we're seeing this happening one time and let's see what happens if we loop it. We're going to click on this word that says once and let's go into forever. That's click. There's that the loping and look how quickly it moves to the ending. You can't even read what's happening so that a quick stop again. And first of all, with their ending, you can go underneath here. What zero seconds took on the drop down arrow and let's say maybe on the 2nd 5 seconds now let's try it and see, Go back, beginning. Look on it to get started in the beginning and let's watch and see this or twinkling happening, and then we let me read it. I love you more in every way. Happy anniversary. Then it goes back to twinkling. I think the five seconds works very nicely, so I'm going to press stop to stop the looping the continuation of the action, and I still think it needs to be a little bit longer because this is there's no time in between it. If I click here, I could do one second. Let's see what happens if I do one second. Now, if I want to change all of these 21 2nd that's gonna be very laborers process. I gotta 210.1 point one. It's gonna take forever to get all of these. So instead, I'm gonna quit the beginning to second photo shop. Does you click the end and any one of these now quick underneath here to go one second delay and they all turn notice that all 0.1, this parts have been start again. We're on there forever. Loop. Let's click and watch it Go. One second is pretty nice. I kind of like that. It stands out a little bit longer, and I still think it's not quite long enough before we go to the end and still wants a more time. So I'm gonna do one more time, go through all of these, and I duplicated them all. Let's go beginning and now see what happens. Here's my nice night star. I think that's just about right like that. The next video. We're going to save it out and into the gym and see what we're gonna do with it. 3. Video 3 3: Now that we have our Jif ready to go, we're going to save it out. We have to save it for WEB. So we go save for Web and up the top here, let it but work a little bit. All of the videos take a little bit longer. And this is a video subject video, so it takes a little longer. So, uh, where it comes and again appears Where you gonna find the gym option up here? No dither. Transparency is checked. Okay. And I am going to I like to do 500 as the longest side. And of course, when it's locked here to toggle locking, we want to get the image dimensions proportionate. Um so Well, good to go save. And it takes a little bit longer in there. We have it and title it final in my dropbox and I'm good to go. So no, here's our Here's our gym. So when you just click on it, you'll just see what happens to it. If I double click on it, you'd see the individual panels here, the individual frames. Okay, that made up our little video. But I'm going to show you what happens if we close photo shop, don't say. And now we want to make a change in here. You wanna edit something? Let's go back into Photoshopped dropping back into photo shop and there we have back exactly the individual frames that we want to work with again, just like you've done in photo shop before. Okay, I want to show you one more thing with this particular file. I want to show you something when you're working with the frames versus over here, because this could get confusing. So when you were on a frame here, you'll look over to the layers panel, and this is the one that is active over here. Okay. You see, the one that's active was number nine. What happens if I click on this? This frame will now be the active one, not the frame underneath it. And you're not going to see it. Let's do it over here. Okay. So you can see if I have this one. Let's find out where this is. It will be at the top of the layers stack because this is our final one. Okay. All right. What if instead I moved around and click this one and this one off. Well, there it is. And you go. Well, wait a minute. Where is it? This is just the replication of one of these. Okay, This the layers pale panel has to be on the one you're actually wanting, or you're gonna get terribly confused when you start changing things in this panel. So do not change the layers panel at all. Okay, Keep it exactly as this. Let's take us back off again exactly as this is, because each of these are going to relate to one of the ones that is visible. You can see what's visible is we're going through now. This layers panel let's keep going through, and you're gonna find which ones are active. So do not start changing this to say, Oh, I want to change this to this one. Well, be careful what you're doing, because you're going to be changing things now again, if I want it here, I want this one at the end. I can certainly do that. And that's a way to do that. That I have to remember. You know, that one is still gonna be visible Here is Well, okay, because that was what the original one was. It's not gonna change any of the other ones, just the one you're working on that you changed yourself. Okay, so again, I just want to warn you to be careful of that. Now, if you've seen my other videos, you've seen that I have always added a layer at the bottom with the color that relates to this. The reason I haven't done in here is because it's a white background, and so when we do have this transition, it's just it's just a white background. So it's not gonna matter because you're on a white background, anyway. But when you'll notice I didn't do any cleaning in this one, and the other video should learn about tweeting this one, we're not tweeting. We're just going cooking one to the next, and that makes the twinkling really bright with between. So just is it is an explanation from the previous videos, but I encourage you to watch to see how to make other types of chips, how to use this process, and you'll learn different aspects to making chips and watch the other two videos. Okay, thanks for watching, and I would love to see what you've done or what you plan to do with your sparkling and tinkling Jeffs