Batch Image Editing Made Easy: Cropping, Resizing, Changing Type, and More [Mac Users Only] | Douglas Butner | Skillshare

Batch Image Editing Made Easy: Cropping, Resizing, Changing Type, and More [Mac Users Only]

Douglas Butner, Creating aquarius.academy + cxc.world

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (38m)
    • 1. Welcome To This Course

      4:18
    • 2. Getting Organized

      1:50
    • 3. Creating a Workflow

      12:48
    • 4. Using a Service

      5:15
    • 5. Folder Actions

      11:09
    • 6. Wrapping Up

      2:16

About This Class

Welcome to the first day of the rest of your digital art career. In this course I will teach you the most practical and vital skill as a Digital artist, batch image manipulation. We will learn how to set up a folder that automatically resizes our images multiple times (and changes PNG to JPEG) just by putting the images into this folder. No more saving out multiple copies of images for different uses. No more worrying about images being too large to send, and having to screenshot them or convert them online.

    I can’t tell you how much this course would have help me when I was getting into selling my art online. Once you take this course, you will not know how you lived without it. These skills are crucial when selling art online, or just making digital art. You can’t get by using online image converters, saving out multiple copies, or changing images one by one, it just takes too much time when you are a successful digital artist. You need that time to be awesome and make awesome things. Here is your future time back. You are welcome.

    The best part about all this? You don't need to buy any special software. If you have a Mac, you are already ready to go. Prepare to say “Wow that is sweeeet” a lot. What are you doing still reading this?? Start the course!!!

Transcripts

1. Welcome To This Course: hello and welcome to this course on how to manipulate images automatically on Mac computers . We're going to talk about this izing, cropping, changing image types rotating and more. If you've ever tried to manually go in and crop a bunch of images to a specific size in photo shop, you'll remember how long and grueling of a process that WAAS well, I'm here to show you how you can save a ton of time and a ton of energy by automating this using a program called Automate ER that's already installed on your Mac computer. Automate ER is a great program with a variety of functionalities. In this course, we're going to focus just on images, like I said, but I hope that it gets you geared up to automate more things in your McIntosh's using career. So how can these techniques change your life and workflow? Well, first of all, they make certain things just feasible. For example, I designed art at a very large resolution, usually 11,000 by 11,000 pixels. Sometimes 15,000 by 15,000 picks is if I want to show somebody my art portfolio. There's a variety of things that get on in the way. So how are we going to change our lives and our workflow with automate er? Well, first of all, we're just going to be able to make certain things feasible. For example, I designed my artwork. Usually 8000 or 11,000 or 15,000 pixels squared. Now if I wanted to show somebody my portfolio, there's a variety of things that get in the way. First of all, I want to protect myself, and I want to protect my images. I want to know that I'm the only person in the world that has the highest resolution copies of my images. Secondly, in order to even send these images, I've got it reduced the file size anyway, so I can kill two birds with one stone. I can hold on to my high resolution pictures while creating smaller pictures that are easier to send and also don't show my art in its full entirety so that people can't copy it and use it as if it was. There are also you may need artwork in specific dimensions or file sizes, toe upload to specific sites on the Internet, especially if you like ideo, create T shirts and other products to sell on the Internet as a main source of income. And these are just a few of the benefits that you can have by using automate er to manipulate your images. These air the benefits that I see you could see benefits that I'm not even aware of. Maybe you just have a bunch of pictures on your camera that are too big to send to your grandma and grandpa over email. So you have to ST these files down. Maybe everything's in PNG, and you want to get it to J. Peg just to reduce the file size a little bit. Whatever your intent is, I'm going to guide you through three specific image transformations. Using three specific techniques were going to use a basic workflow and automate er to create our images. Then we're going to go through and set up a service so that we don't have to, uh, put things into the automated program every time. And finally we're going to set up a folder Action, which may or may not be the easiest way. And what a folder action does is whenever we have this folder with the folder action attached and we put our image into it. It will automatically resize the image, crop the image, do whatever we want to without us specifying any further information or directing input anywhere else. So come with me as we learn toe automate our art, make it easier for us and let the computer do the hard work so we can get back to making beautiful things that people will enjoy. So thank you for watching this course. My design name is Sir Douglas Fresh. I'm a world renowned T shirt designer teacher as well as rapper. So come with me, guys. Let's have some fun and let's learn. 2. Getting Organized: Now we need to talk about getting organized so we can make all this happen Before we get into automate. Er, we need to know exactly what we're trying to do with our images. For this course, I have three specific things I want to do. I want to have a 3000 by 3000 pixel PNG image of the art that I'm going to use, and I'm starting out with 8000 by 8000 pixel images, and they are right here in a folder called Need to Be Recessed. I also want desktop backgrounds that are standard four K video resolution. And finally, I want iPhone images that are 1920 pixels tall and 10 80 pixels wide, and both of those last two will be in JPEG format. When you're defining your needs, you usually want to know exactly what the mentions you are going to be putting your art into while you can scale by a percentage, it's more accurate to know exactly what size you want. That way you are specific, and even if you input to images of a slightly different size, they'll come out as the same size when we're getting organized. it's a good idea to keep all of the images that were going toe 12 rece eyes in one folder. That way, we're not looking for them later. Also, get your resized images a place to stay. You can keep them all in a folder with titles showing what you need. Another good idea is to keep the image dimensions in the names of the folders. That way, you're always sure what size these images are, or at least they should be. And that's pretty much all you need to know to get organized for this course. So let's go ahead and start whipping these images into shape. 3. Creating a Workflow: in this lesson, we're going to talk about using automate er to create a workflow. In the introduction, I said that we would be creating a workflow, ah, folder action and a service. So this is sort of like the most basic way to do it. But they're all very, very similar. So be sure you're paying attention. We're going to first open up, automate er, if you have never opened up automate er, it's very easy to find. It's either in your applications or what I like to dio. Just start searching, automate er and then hit enter seems to be the quickest way to get there. So when we get in tow, automate er were presented with the dialogue, asking us what type of document we wish to create. Now, I said before, we're going to create a workflow, So let's go ahead and do that. I'm gonna hit shoes when we have automate ER open, were presented with a bunch of windows, and we don't really know what to do. There's kind of a lot of stuff going on, but here's what you need to know. Over here is where you build your actual workflow and what a workflow is is. It's a Siris of steps that the program will go through based on what you tell it to do. And usually it's going to be manipulating a file and then out putting a different file over here will see a tab called Actions and underneath. Actions are a bunch of things that we can do in automated, and we're going to be focusing on images in this, so that is photos. But feel free to look through the other ones and see all the cool stuff that you could do with automated, so once ran images. Let's take a look at what we can do. There's things to do with I photo. There's a few things with PdF, and there's some that are just independent were not based on a program. They just require images. And that's what we're gonna focus on when we're doing this as a workflow. We do need to drag and drop what we want to be manipulated. So I'm going to go into this that says, need to be resized, and I'm going to select everything and put him over here and you'll see what that does is it creates something called, gets specified finder items, and then it shows all the images that we wish to manipulate. And that's exactly what we wanted to do. So next we have to think about what manipulation we want to take place. So just for theory, I'm going to show you how we could do everything in one specific workflow. So basically, at the beginning of this, I said that I wanted three different types and sizes of images. I want a PNG image, and these are already PNG. So don't the change. A PNG image of 3000 pixels by 3000 pixels, a J peg image of 1920 by 10 80 pixels, as well as a J pic image in four K resolution, which is 40 96 by 2160 pixels. So let's see if we can do that all in one workflow. So basically, um, we're going to try the biggest one first. So I'm going to crop images, and when I do, we get a dialogue. And what this dialogue says is, Hey, wait, if you do this, you're going to manipulate your original images. Let's say I added my entire art portfolio into this workflow. If I did not click, add and add this to copy them, I would be manipulating my original images. So if I ris ized him, I would lose my original image. And that's not what we want. So always be sure to copy your images when necessary. So when we hit that, we can see we got two things that came up or to mawr of these little window boxes. And now we can sort of see the flow that we're talking about starting from the top and go into the box. So the first of the new boxes says copy finder items, and it's got a folder that it's going to copy it to. Well, we're going to choose another folder, and we're going to pick the one that we just made under a resized for We're going to click desktop Bijie shoes, and we're going to then crop the images to the correct dimension. So under crowd images, we have the option to scale before re crop. If we don't scale before re crop, we're basically just cutting out a cookie cutter section in the very middle of the image in the dimension that we specified, whereas if we scale it, we're going to scale down the image and then take a cookie cutter out of the middle in the correct dimension. I like to use scale to short side because it's usually the best way to avoid getting just useless. Black in their images and useless Black is what automate ER does if it's cropping to a dimension. But it's going outside of the picture. It will just put black pixels there, and that's usually not what we want. Next. We've got to crop these to the correct dimension. Now we know the exact dimension that we want, so it's four or 96 by 2160. Now let's go ahead and run this workflow and see what happens. Okay, so so far we've copied all these images to the fine. Now we're running crop images you can see down here at the bottom. We have a log of what's going on, and when everything's completed, all the arrows turn green and we're good to go. So let's look and see what we did under resized. I'm gonna go to desktop background, and I have all these images that look like they should be good for a desktop background and there be correct aspect ratio for this. But before we get too excited, let's actually look at what we did. And we're gonna do that by getting the info for the image so you'll see if we look down here. This is not what we specified. The dimensions are actually twice a smudge now. I'm not sure if that's just my computer or my version of Mac that I'm using. Why it does that, I don't know. But I always get crop to twice a dimension that I actually need. So if your computer does that, too, just scale it down by half and it will work perfectly. I know it seems silly, but it works so back and automate. Er, we're going to just divide this by two. Now that we divided the width and the height by two, we're going to run the workflow again to make sure that we're getting the correct size of image. So before we do that, let's click this little button right here that says, replace existing files. So instead of having to images in the folder, and what it will do is, it will create another image with just the word copy at the end of it. Instead of that, we're going to delete all those images and make new ones. So let's go ahead and write. All right now, let's quickly check whether or not we got the correct dimension. This time. That's hit. Get info and we have 4096 by 2160. Cool. That's what we want. All right. Now, when we first started this lesson, I said, Hey, let's try to change all the things that we need to do into one workflow And a lot of times this is a great idea because then you only have to run one thing and you get all the different sizes of your image. But we're going to run into a little issue which may or may not plague you, and I want you to understand. So let's go ahead and do exactly what we did before. For the other two sides of images that we need. We're going to copy the finder items this time to the three K first, and then we'll set the dimensions, which don't forget. It's half of what we actually need when we're using crop images and finally, we're going to add one more crop images. Add to copy again, and we're going to pick the last folder that we need. Okay, so now we've got a workflow with everything that we need in it, and hopefully it'll make our images look like we want. But let's go ahead and actually run it and see what we actually did. Okay, now that the workflow is complete, let's go ahead and look at what images we generated. So the desktop one should be the same. So let's check out three K now this is what we want it. It's a 3000 by 3000 pixel render of image, but let's actually look at what we did. So this is just the center of the image. If I look over at the beginning part, you can see that this image was actually a lot bigger and a lot wider. So we did end up cropping out most of the auxiliary or the sides of it in order to just get the center. And that may or may not be what we want, but there's another issue that you may not realize right off the bat, and that has to do with the dimensions. So when we scaled this, we had a height of 10 80 which for some reason it's half. So it's really twice that 2160. And down here we only have, Ah, height of 1500 double that is 3000 pixels. So that's a difference of about 840 pixels, which is a pretty big deal, especially when you're trying to sell our art or put it on to products that people will wear. Now, let's quickly go over to the iPhone photos and see what happened there. Well, we scaled to the short side and there isn't really a short side. So it kind of just scaled to the width and then kept going. So we got this ugly black stuff that I was talking about, and this isn't necessarily the lesson I wanted to teach you with this. The lesson I wanted to teach you is that you will lose image quality if you're not careful when you daisy chain folder actions like this or work flows like this. So let's see if we can fix this before we knock down this workflow and build it up again. to be more efficient. So let's go ahead and do that instead of scale to short side down here. I'm going to go to scale to height, and what that'll do is it'll stretch out the image and make it wider. So again, I'm going to click replace existing files on both of these. So we don't end up with a bunch of copies as we're doing this. And let's see if it worked. Okay, the workflow is done. Let's go ahead and look at Ris eyes now only interested in the iPhone BeeGees and you can see that most of them came out well. I'm not quite sure what happened to this guy and this guy, but for the most part it did what I expected it to do. And that is create these iPhone backgrounds for us, and these are actually pretty pretty cool, and they look pretty good. But even though the stuff that we did looks good, it's not 100% accurate, and it's not 100% image quality. So there are limitations with daisy chain these actions. Don't worry, guys. We're going to take what we just learned about automate er and making a workflow and use it to make something called a service, as well as something called a bolder action to make our life super, super easy. And so we don't have to worry about these issues like chaining actions, so let's go ahead, look forward towards making this even better. 4. Using a Service: welcome back in this lesson. We're going to talk about making a service, and this is basically the same thing. We just did just a little bit different. So let's talk about that. Let's go in and click service and hit. Choose. When we have our new service open, you'll notice that it looks almost identical to the workflow we just created. The only difference is a couple options up in the top, and the 1st 1 says Service receives selected and we know we're working with image files. So go ahead and click that next it says in, and we can leave it as any application. Or you can put it down to Finder because that's what I'm actually going to be using is finer. So now we're back where we started with workflow, but we don't have to drag in the images that we want to manipulate. Instead, we're just going to set up the manipulations. I'm going to go ahead and delete all these images so that we know we're starting from scratch. Okay, now we have all empty forgers in our rece ized folder, so let's just do one thing. So we get the concept. I'm gonna go back over to photos. So what I need is easier to find. And this time, let's go ahead and change the type of image because we didn't do that last time. And I did say that we want J pegs for the iPhone as well as the desktop backgrounds. And once again we get this little dialogue and once again we do wouldn't preserve our art. We're going to specify the folder that we want, and I'm going to do the iPhone background, which has already selected, Choose that, change the type of images to JPEG, and then we're going to crop images again. Now, when we add this, it's going to ask us again if we want to add a copy finder item. But this time we don't actually need to add it because we already copied defined her items as soon as we got. We're going to set the dimensions to what we need or, in my case, half of what we need and get started, and I'm going to use scale to hike again so hopefully we don't get any annoying blackness. So now that we have this, we're not gonna actually run anything. We're just going to save it. So let's go up to file safe and it gives us the option to save our service as, and we're just going to call it iPhone. Backgrounder. Safe. Okay, so what that did is it saved this service in location on your Mac. And if we click command and then up here, we can see where this is actually stored. The macro HD users myself. Library services, iPhone, B G er. So if you do need to delete one of these services, you can go to the Services folder right from there and then delete that service and you'll see why in a second you may need to do that. Now we're going to go in and use this service on the image. If we just right click this image, you'll see that we have something that says iPhone B G er, which is what? I just name that service. So it's pretty cool just by right clicking an image, we have the option to use that service. I can also select all of these and do the same thing. So if I click this, it's going to run through that workflow of actions for each individual photo. Now let's go ahead and check on what we did. I'm going to go to Rece ized and you'll see all of these air empty except for this one down here, and it looks like it's still still working so we can actually see it work if we want. Here are the images that just got copied over, and the program is still copying these images over, and it will still be manipulating them. And this is a really cool thing because you could just let it go in the background and you'll notice a little spinning gear at your top bar while this is happening. And once everything is done, it's done. And we have all these cool pictures, which are exactly what we wanted. One solution for what we want to do is to simply create three services. Then we would just have to highlight all the images that we want, right Click then and then click the service that we needed. In the next lesson, I'm going to show you how to set up a folder action so that we can automatically apply our work flows of actions to our images as soon as we put them in a folder. This is quite possibly the easiest way to go. But don't forget what you've learned, because services are actually more convenient in a lot of cases, especially when you just need to do one thing really quick. So let's move forward on our journey to becoming image ninjas. 5. Folder Actions: Okay, Once again, I'm going to delete all the images in all the folders. So we have a clean starting point. Next, I'm going to exit out of this and then start a new one, Okay? Now we're going to choose folder action. Instead of workflow or service, you'll see that the program looks very similar to the last two things that we did. Except instead of two options. We just have one option up here, which is pick which for and we're going to go ahead and shoes The folder that is called Need to be resized and this will receive files and borders. Add to that. So basically, whenever we add a image file to this folder, the action will run. But let's go ahead and set up the action, and we're actually going to have to set up three of these actions. But let's go ahead and create the actions again. Okay, so now we've set up the exact same workflow that we just set up as a service, but this time it's a folder. Action. So what do we do now? We've got the things that we know we need to dio, but we haven't really done much else. Actually, all we gotta do is save it because we've already said which folder that we need to use and we've set up everything. So let's just go ahead and say this. We'll go ahead and call this iPhone background folder action and then safe. So once we're saved, we're just going to close out and then create the next action that we need. And we're basically going to set this up to do one of the other actions. So I'm going to do the three K one this time. And to do that, I don't need to change the image type. So it's really just a simple crop image. But just to show you another action, I'm going to use scale images this time and with scale images, we do have the ability to do it to a specific size, and this will work because I'm starting with the square image and I'm ending up with a square image. Now we have a very simple forger action set up. I've set the folder to be the correct folder and the image to be the full size because we're not cropping, so hopefully it's not going to do double the image size. So let's go ahead and save this. We're saving it as three K folder action, and we should be good to go and what's again. We could just exit out of this and then start a new one for our final folder action, and we're going to do the same manipulations that we talked about earlier. But I want to introduce you to some other manipulations that weaken due mainly the ability to flip images and the ability to rotate images. And these are both very useful image manipulations that you can use. Say, you took a bunch of pictures with your camera and it got him all the wrong way. Well, you can simply drag him all into a either folder action or just a simple workflow that you could make in a minute or two and run it and have photos that are correct. But that's not what we need to do. So let's get back to the subject at hand. We do want these to be J pegs, so we're going to change the type of image as well as crop the image, and that's really all that we need to do and we didn't add the second copy finder items because we already copied it. So let's get the settings right, and we should be ready to go. Okay, so now we're ready to go. And I scaled to wit because we're going to be dragged into the image out and then cutting off the top and bottom So we need to scale toe with instead of height. Because if we drag it out to the height and then cut it off, we'd be getting some of that blackness. So let's go ahead and save it and be done. Okay, Now we have all of our forger actions saved. We can exit out of them, were all done an automated. But if we go to resized, we'll see. Well, all of our folders are still empty, And that's because all the pictures were already in this folder called Need to Be Recites, and all we have to do is drag him out and drag him back in and then automate er is going to work its magic and let's see what happens in a few seconds. If we go over here, we can see that already. We're getting things popping up in our folders. So right now it's copying all the items over into the folders, and then soon it's going to recite. First. It's during the iPhone, because that's what we set up first, and let's go in and see it actually works. So it's still copying the folders over or the items over. And then pretty soon it should bang them all out to J. Peg, which is doing right now. You can see JPEG PNG, and then it's going to turn that J. Peg, and this one is a PNG Now, now it's a JPEG. Now this one's a J peg, and we're gonna go down the wine until they're all done. All right. Now they're all J pegs, and in a blink of an eye, the computer chopped all these up and made them the correct aspect ratio. So let's go up one and see this work at a different level. So again, we're copying all these over to three K, and then it's going to automatically resize them, assumes it's done, and we're going to be able to tell there were sized by this image. Isis went from 100 something to 18 megabytes went from 100 something to 17. It goes from 102 to 15 megabytes, and this is one of the things I was talking about. At the very beginning of this course, we're saving a ton of space both by changing from JPEG PNG, which were not actually doing for the three case. But we did do for the other two and shrinking it down. Dimension wise, we are saving so much space and making things feasible, like transferring all of our images to somebody who would love to see them. Now we're down here at the desktop BG. It's finishing up copying the items, and then it's going to transfer them all to J. Peg and then crop them down. And it's very important to say that I haven't touched anything since I dragged those pictures back into the same folder. I dragged him out, and that is super amazing. And I hope that it's exciting you right now that you don't have to do anything to make all this magic happen. Once you set it up, you're good for life. So I'm going to go into this folder so we can watch them be recites. We're almost at the end of transferring everything from PNG to J pick. And there it went. So next, really, really quickly. The computer was able to crop all these images down, and that's exactly what I wanted. Folks is just this and these air going to be free desktop backgrounds at Sir Douglas fresh dot com. So check that out. If you'd like to download Davies, but back to the task at hand, everything is good. But let's let's look a little bit Maurin death on where these actually attached because we may decide later on that we don't want a folder action or we want to deactivate the folder for a certain time. So in this border, called need to be resized, we can right click and hit folder actions set up, and what this will do is they'll give us the opportunity to attach a script to the folder. But we don't actually want to do that because we already have a script attached. Now it will show you the folders with actions now these air red, which probably means that I moved the folder and never actually reconnected it. But you'll see the two folders that I do have voter actions set up on and you could see over here. We've got the check boxes of what we created. Now, this 1st 1 is a script that I created before I made. This lesson just is a test to make sure, you know, I still knew what I was doing, but I actually deleted this folder action entirely. So, um, you may have to uncheck the ones that you delete, but I imagine whenever start the computer, it will be gone. But anyway, these are the three folder actions that we have created. So you can uncheck. Um, you can leave them check. You can even ADM or you can do whatever you want. The point. The point is that we have a signed actions to afford er and will automatically do those actions indefinitely as long as we say this is what we want to do. And this is how we say this is what we want to do. So if you ever change your mind, here's where you go just right click and hit voter action set up. And that's about all for folder actions we've gone through. Going from a workflow of actions we put that into a service, and then finally, we've done it all through automatic actions in the folders. I hope that you can feel the magic and feel the love that automate er is giving us digital artists. Our guys that's about older is for for her actions. We've created a misko magical folder that we can put our images into, and they automatically do whatever we tell them to do. That's pretty excited. I hope you're already buzzing with ideas about what you could do with the artwork you already have toe apply it to different contexts. Just giving away free cell phone backgrounds is a great way to garner fans and keep fans for life, or at least until they changed their background. In the next lesson, we're gonna wrap everything up, and I'm going to warn you about one specific thing which can college your computer to crash , so I hope not to scare you. I hope to keep you excited, but let's go on wrap up the course so you can get out there and start chopping up those images 6. Wrapping Up: In this short course, we've learned how to use automate ER to apply actions to a workflow to manipulate our images. We then took that knowledge and applied it to a service which we can easily use by right clicking any image and then clicking on the service that we want. And finally, we made it even easier. We applied folder actions to create a mystical, magical folder that automatically resize our images as soon as we put images into that boat . Now, in the last lesson, I mentioned one thing that you need to be aware of, and that is that automate er will use all of the resource is on your computer that can, to the point that it will freeze and crash your computer. So if your computer isn't super super super up to date with a ton of ram and stuff like that, you may want to be careful when you're manipulating huge images. Now maybe it's just me because I have giant images, but I do run into this problem, and if your images aren't that big, you may not run into it at all. I hope that this course has empowered you to human short images to their full potential while not ripping out your hair, spending too much time manipulating images instead of actually making artwork. We learned some great stuff in this tutorial. We had some fun. And most of all, I hope we just got excited because when I learned this, I was so excited. And I hope to get you that excited and get you making these great images and get you utilizing your artwork to its full potential. Thank you so much for taking this course. I can't tell you how much it means to me to be able to learn to teach better and to learn to express myself better. And I really feel like I nailed it on this course And I hope that you had fun. And I hope that you want to take more courses by Sir Douglas Fresh. So that's about it. Peace, Love. If you want to check out my art, you can just google. Sir Douglas Fresh will find tons of stuff. Have a great day, guys. Enjoy your newfound power