Animated Gifs
Blake Rudis
Lessons
Bootcamp Introduction
16:22 2The Bridge Interface
13:33 3Setting up Bridge
06:55 4Overview of Bridge
11:29 5Practical Application of Bridge
27:56 6Introduction to Raw Editing
11:00 7Setting up ACR Preferences & Interface
07:39 8Global Tools Part 1
16:44Global Tools Part 2
20:01 10Local Tools
22:56 11Introduction to the Photoshop Interface
07:13 12Toolbars, Menus and Windows
25:07 13Setup and Interface
11:48 14Adobe Libraries
05:57 15Saving Files
07:39 16Introduction to Cropping
12:10 17Cropping for Composition in ACR
04:44 18Cropping for Composition in Photoshop
12:40 19Cropping for the Subject in Post
03:25 20Cropping for Print
07:34 21Perspective Cropping in Photoshop
07:11 22Introduction to Layers
08:42 23Vector & Raster Layers Basics
05:05 24Adjustment Layers in Photoshop
27:35 25Organizing and Managing Layers
15:35 26Introduction to Layer Tools and Blend Modes
21:34 27Screen and Multiply and Overlay
09:15 28Soft Light Blend Mode
07:34 29Color and Luminosity Blend Modes
12:47 30Color Burn and Color Dodge Blend Modes
07:43 31Introduction to Layer Styles
11:43 32Practical Application: Layer Tools
13:06 33Introduction to Masks and Brushes
04:43 34Brush Basics
09:22 35Custom Brushes
04:01 36Brush Mask: Vignettes
06:58 37Brush Mask: Curves Dodge & Burn
06:53 38Brush Mask: Hue & Saturation
07:52 39Mask Groups
05:52 40Clipping Masks
04:11 41Masking in Adobe Camera Raw
07:06 42Practical Applications: Masks
14:03 43Introduction to Selections
05:42 44Basic Selection Tools
17:41 45The Pen Tool
11:56 46Masks from Selections
04:22 47Selecting Subjects and Masking
07:11 48Color Range Mask
17:35 49Luminosity Masks Basics
12:00 50Introduction to Cleanup Tools
07:02 51Adobe Camera Raw
10:16 52Healing and Spot Healing Brush
14:56 53The Clone Stamp Tool
10:20 54The Patch Tool
06:38 55Content Aware Move Tool
04:56 56Content Aware Fill
06:46 57Custom Cleanup Selections
15:42 58Introduction to Shapes and Text
13:46 59Text Basics
15:57 60Shape Basics
07:00 61Adding Text to Pictures
09:46 62Custom Water Marks
14:05 63Introduction to Smart Objects
04:37 64Smart Object Basics
09:13 65Smart Objects and Filters
09:05 66Smart Objects and Image Transformation
10:57 67Smart Objects and Album Layouts
11:40 68Smart Objects and Composites
10:47 69Introduction to Image Transforming
04:34 70ACR and Lens Correction
09:45 71Photoshop and Lens Correction
14:26 72The Warp Tool
11:16 73Perspective Transformations
20:33 74Introduction to Actions in Photoshop
09:27 75Introduction to the Actions Panel Interface
05:06 76Making Your First Action
03:49 77Modifying Actions After You Record Them
11:38 78Adding Stops to Actions
04:01 79Conditional Actions
07:36 80Actions that Communicate
25:26 81Introduction to Filters
04:38 82ACR as a Filter
09:20 83Helpful Artistic Filters
17:08 84Helpful Practical Filters
07:08 85Sharpening with Filters
07:32 86Rendering Trees
08:20 87The Oil Paint and Add Noise Filters
15:08 88Introduction to Editing Video
06:20 89Timeline for Video
08:15 90Cropping Video
03:34 91Adjustment Layers and Video
05:25 92Building Lookup Tables
07:00 93Layers, Masking Video & Working with Type
15:11 94ACR to Edit Video
06:10 95Animated Gifs
11:39 96Introduction to Creative Effects
06:08 97Black, White, and Monochrome
18:05 98Matte and Cinematic Effects
08:23 99Gradient Maps and Solid Color Grades
12:20 100Gradients
04:21 101Glow and Haze
10:23 102Introduction to Natural Retouching
05:33 103Brightening Teeth
10:25 104Clean Up with the Clone Stamp Tool
08:07 105Cleaning and Brightening Eyes
16:58 106Advanced Clean Up Techniques
24:47 107Introduction to Portrait Workflow & Bridge Organization
14:47 108ACR for Portraits Pre-Edits
21:27 109Portrait Workflow Techniques
18:46 110Introduction to Landscape Workflow & Bridge Organization
12:17 111Landscape Workflow Techniques
37:36 112Introduction to Compositing & Bridge
06:59 113Composite Workflow Techniques
34:01 114Landscape Composite Projects
24:14 115Bonus: Rothko and Workspace
05:15 116Bonus: Adding Textures to Photos
07:05 117Bonus: The Mask (Extras)
05:18 118Bonus: The Color Range Mask in ACR
04:54Lesson Info
Animated Gifs
I'm gonna open up this image here which has layers in it that we're gonna use to make our animated GIF. So if I just double-click this and open it up in Photoshop, I've got my frame animation right here. Now, because this is a layer that has transparency in it, I don't want that to become one of my frames in my image, so what I'm gonna do is I'm gonna press Control+Shift+Alt and E, and then if I delete this layer here, that's essentially just a layer stamp for all the stuff that I did with both of those two layers combined. So if you can imagine using this in your workflow as a photographer, this is something that maybe you wanna show the before and after of something in a video in your timeline, so that as people are going through your Facebook page or something like that, they see a before and after. And it's basically just a finished flattened layer on top of your beginning work that would alter back and forth, on and off. So what I'm gonna do is I'm gonna select both of these. I'm ...
gonna select Create Frame Animation, and then after I've created the frame animation, I'm gonna click on this little hamburger icon right here, and then I'm gonna say Make Frames From Layers. So now, you see there's two different layers here inside our frame animation. This is basically identifying. If we had a video that was 24 frames a second, we get to identify how long each one of these frames actually is. Now, if we change this down here to .1 seconds, it's gonna be very fast, so what you want to gather attention is probably one second per. And then, you get to decide how much do you want this to loop. Do you want it to loop once? Do you want it to loop three times? Or do you want it to loop forever? We're gonna say loop forever because that's what animated GIFs do. They go on and on and on. And we'll just go ahead and press play, and now they're going for one second per, which might be a little bit too long, so we'll just press stop. We'll highlight both of these. We'll drop this down to .5 seconds, and then press play. A little bit faster, so now it's oh, wait. They're there. They're gone. They're there. They're gone. They're there. They're gone. They're there. They're gone. Now, in order to export this, we need to export it out as a GIF, so what we're gonna do for that is we're gonna use a legacy version of exporting for web. We're gonna press Control+Shift+Alt and S, or Command+Shift+Option and S. This is one of the fastest ways to get into the save for web feature. I don't even know if they even have save for web in here anymore underneath the file. It might be called something different. But the save for web feature gives you the ability to turn this into an animated GIF. This is the only way you're really gonna be able to save it as an animated GIF, so make sure you're going in through this save for web feature. If I look at what it's asking me here is that it's a GIF. It's definitely not gonna be a JPEG. If it was a JPEG, it's just gonna be one layer, so it's a GIF. Then, we get to select whether it's perceptual, selective, or basically the settings of what's gonna happen as the GIF plays. I would tend to just keep this probably with the settings that it says right here. There's many things that you can go into. I did a whole video tutorial on this where I broke down every one of these different things, and really what it comes down to is whatever Photoshop kind of opens up with, just go ahead and go with it. If you change these settings, it's not gonna really work out for you. So have this just set to the regular GIF for save for web. And then once you press save, depending on where you save this to ... Let's go ahead and save this into the same folder that we've been using under Editing Video, Animated GIF, and we'll save it in there. Now, if we open up that animated GIF, it's gonna open up in Photoshop as an animated GIF, but if we were to open that just as a regular Windows Viewer, just right-click and open it up into another type of viewer, you'd see it as an animated GIF. If we were to upload it to a website, it would upload and it would have the animated GIF kind of feature going on with it. Typically with animated GIFS, you wanna host those on your own website and then use the link for that and put that onto something like Facebook rather than just uploading it directly to Facebook, 'cause it's not gonna interact the same way. So keep those things in mind. There's other types of websites that you can upload them to, other GIF websites that you can upload them to, and they will do that hosting for you so that you can use those over on your social media platforms. So editing video is nothing more than editing a series of still images that are all put together. We can still use adjustment layers. We can still use regular layers. In this, we talked about using layers, using adjustment layers, making your own color lookup tables that we could use over and over again on either videos or photos if we wanted to, for that matter. We talked about adding text to videos, and we had talked about using the stopwatch on those to increase and decrease opacities and move the transform on there. And then, we talked about the animated GIF, and typically, where I use the animated GIF is really gonna be with showcasing the before and after of an image like I did with this one. I show what happened with all the cars there, and I show what happened when all the cars disappeared, and that's something that I actually did use on my Facebook page. If you scroll through there, probably be something from a couple months ago. So before we move on, do we have any questions on editing video? Audio, I noticed audio wasn't brought up on editing video. Yes, you can edit audio in there, too. The bottom of any of your videos that you have in Photoshop ... I closed them out, but at the bottom of any of your videos you have in Photoshop, there is a part there that says add audio, so you'd bring in your audio into there just like you would into a layer or load it right into there, and from there you would cut it off at the ends and fade it in and fade it out to add audio to it, but it's the exact same thing that you would do in other video editing software. One more question real quick was you had the text up there. It'd be really cool to see the video going behind the text. Oh, yeah. So what you would do in that case, if you wanted the video to go behind the text, you would just put the text on top of the video area or just remove that intermediate area, and then that text would be there doing whatever it's doing on top of the video. So you don't have to have the text on a-- The text looked like a window, and the fish were going behind the text. You could read it. Then, all of a sudden ... Right, you could do that, too. What you could do with that is you could take the video, put the video on top of the text, and clip the video into the text with a clipping mask, and then the video would steal the properties of the text. Just like we did with the window. Just like we did with the window there, exactly, but you would take the video and clip the video into the text. I just wanted to know, is there any limit in the size of the videos you can edit and play with in Photoshop? The limit that I would say to edit in Photoshop is whatever your computer can handle, 'cause video rendering is a very patient process, and it's very heavy on the graphics, so would I edit a three-hour video in here? Probably not. But when I do my videos, my couch videos can be anywhere from five minutes to 20 minutes long, and I'll still render them in there, but if I'm rendering a 20-minute video, it takes a while. I basically set it to render, and because I'm a workflow creep, I have two computers and I just turn the one on next to me and I start working on the other one. So yeah, it's gonna tie your computer down, so the bigger the video that you're using when it comes to rendering it and outputting it, that's where you're gonna see the problems. It's really not gonna be in the problems of actually building the video. It's more gonna be in okay, I've got the video. I've got it set. Now, I'm gonna render it. Some of these might take you 45 minutes to an hour, so just go grab a cup of coffee and some lunch and maybe run some errands, and it might be done when you get home depending on the computer that you have. Do you have a question? Yes. Kind of the reverse of pulling out an individual image. Can you take a series of stills and turn it into a video versus an animated GIF? Absolutely. So what we did with the frame animation there with the animated GIF is if you had a series of frames, a series of layers I should say, that were stacked on top of each other, when you create that frame animation, it's gonna create the frame animation from all the layers that were there. So what you'd do is, to set yourself up, you'd set all your layers up into a stack. I believe there's even a script for that in Photoshop where you can open up the layers as a stack. Open up those layers as a stack, and then once you open your video timeline, create the frame animation. Then, you get to dictate how long those clips are, so if they're .1 second, then you could essentially get 10 frames per second or go even faster, so you could make a video from a series of stills, and then you would export it out as an MP4, not an animated GIF. So that would be like stop-motion movies. Yeah, exactly like a stop-motion movie. Yeah. Yes. So when you pull in a still image that you wanna animate in some way, how do you get the video timeline back up there, 'cause it wouldn't pop up automatically-- No. Like if you pulled a video in. So if you go to Window, right here go to Timeline. That'll turn it on. That'll turn on. And that'll turn it off. And that timeline, it's not just attaching itself to a video. You can use that video timeline for just about anything. Okay. And then, one other question. So if you're working on just a portion of your video in Photoshop, like the credits or something like that, and then you wanted to open it in Premiere Pro or something like that, could you save that to your Adobe library so you don't have to export it and then re-upload it in the other software? That's a good question. I don't know because I don't know Premiere, but you could save it as a PSD file, and if Premiere could open a PSD file, then it would be able to open it without rendering it, but things might be a little bit different there, 'cause I don't know how they handle layers. I don't know how they handle adjustment layers, so you might be better off just rendering out that video in the highest quality possible, then pulling that high-quality video and pulling it into Premiere. That's something I'm a little iffy on 'cause I don't use Premiere. Photoshop was a big enough learning curve for me. (audience chuckling) If you wanted to vignette your video, it would be just like you'd vignette your regular photo? That's a great question. If you wanted to put a vignette on a video, the best way to do that would be either to use a black layer that you make a mask for or to use an adjustment layer, but don't use Adobe Camera RAW for that, 'cause it would take 15 hours (laughing) to export that out, so just use basically a black layer that you'd put on top of that video timeline that you spread out, and then use a mask, and then hit that mask to make that vignette appear, kind of like we've done may times before throughout the course already. Good question, 'cause I do use vignettes a lot. Another thing, vignettes can be exported out as a PNG file and used in other software, so I use vignettes in another piece of software when I'm doing video stuff that I just put in as a transparent layer, so you can do that, too.
Class Materials
Ratings and Reviews
Robert Andrews
Blake Rudis is the absolute best in teaching photoshop. His knowledge and how he presents the instruction is clear and concise - there is NO ONE BETTER. Yes, his classes require some basic skills, and maybe I'd organize the order of (or group) the classes in a different order, but, let me be clear - if anyone is to be successful or famous in the Photoshop world, it should be Blake Rudis. I strongly recommend his teaching. I started photography and post processing in 2018, and because of this class, I'm know what Im doing. The energy you get when you create something beautiful is profound, it makes you bounce out of bed (at 4AM) like a 5 year old, to go create. It's a great ride! Thanks Blake, & Thanks Creative live.
a Creativelive Student
Amazing course, but don't be fooled into thinking this is a beginner's course for photographers. The problem isn't Blake's explanations; they're top. The problem is the vast scope of this course and the order in which the topics are presented. Take layers for example. When I was first learning Photoshop (back when we learned from books), I found I learned little or nothing from, for example, books that covered layers before they covered how to improve/process photographs. These books taught me how to organize, move, and link layers before they showed me what a layer was actually for. Those books tended to teach me everything there is to know about layers (types of layers, how to organize them, how to move them, how to move them two at a time, how to move them two at a time even if there are other layers between the two you're interested in, useful troubleshooting tips, etc. ) all before I even know (from a photographer's point of view) what it is the things actually do. The examples of organizing, linking, and moving mean everything for graphic designers from Day One, but for photographers not so much. Blake does the same thing as those books. Topics he covers extremely early demand a lot of theoretical imagination for a photographer who doesn't already know quite a bit about what he is talking about. Learning about abstract things first and concrete things later only makes PS that much harder to understand. If you AREN'T a beginner, however, this course is amazing. I thought it would be like an Army Bootcamp, taking you from zero and building you into a fit, competent Photoshop grunt. Now I think it's more like Army Bootcamp for high school varsity jocks. It isn't going to take you from the beginning, but the amount you'll get out of it is nonetheless more than your brain can imagine. I've been using PS for years to improve my photographs, and even to create the odd artistic composite or two. The amount I've learned in the first week is amazing, and every day I learn something -- more like many things -- which I immediately implement to improve my productivity and/or widen the horizons of what I can achieve. If you ARE a photographer who's a Photoshop beginner, I'd take very seriously the advice Blake gives in the introduction: Watch one lesson, and practice the skills and principles you learn in that one lesson for two weeks. THEN watch the next lesson. You can't do that of course without buying the course, so it's up to you to decide whether you'd like to learn Photoshop and master Photoshop all from the same course. Learning it first and mastering it later will cost more money, but I think you'll understand everything better and have a much more enjoyable ride in the process. As for me? I'm going to have to find the money to buy this course. There is simply way too much content in each lesson for me to try to take on all at once, but on the other hand I don't want to miss anything at all that he has to share.
Esther Gambrell
WOW!!! I've been purchasing CL classes for several years now and have watched HOURS of "How-To Photoshop" classes, but this is the first one I've actually purchased because of the AWESOME BONUS content!!! SERIOUSLY??!!?!? A PLUG-IN??? But not only that, Blake is SO easy to understand, and he breaks down concepts in different ways to connect with different people's learning styles. I REALLY appreciated this approach because I am a LEFT-BRAINED creative that has an engineering background, so I really connected to what Blake was saying. THANK YOU FOR THAT! There are TONS of Photoshop courses out there, but I found this one to be the most helpful in they way Blake teaches concepts so that you know WHY you're doing what your doing. I feel like he taught me how to fish with Photoshop to feed me for a lifetime instead of just giving me a fish to feed me for one day. This is the BEST overall PS course out there!!! Thank you!!!!
Student Work
Related Classes
Adobe Photoshop