GIMP for Beginners 9: Social Media Graphics with Facebook | Brian Jackson | Skillshare

GIMP for Beginners 9: Social Media Graphics with Facebook

Brian Jackson, Author/Publisher/Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (26m)
    • 1. Introduction

      3:11
    • 2. Create a Facebook Banner

      6:07
    • 3. Create a Facebook Profile Picture

      3:34
    • 4. Create a Facebook Meme

      4:33
    • 5. Making Text Pop

      1:42
    • 6. Free and Pay For Images

      5:42
    • 7. GIMP for Beginners, Social Media: Facebook, Final Thoughts

      0:57

About This Class

In this GIMP for beginners class I'll show you how to create social media banners, profile pictures and memes using the free GNU Image Manipulation Program (GIMP).  I'll focus on Facebook imagery while pointing you to all the information you need to create images for Twitter, YouTube, Instagram, Google+, Pinterest and LinkedIn.

The following are the topic covered in the class:

  • The 2016 Social Media Image Sizes Cheat Sheet
  • Create a Facebook Banner
  • Create a Facebook Profile Picture
  • Create a Facebook Meme
  • Sources of Free and Pay For Images

So, if you have a need for social media graphics, and who doesn't, then you need this course.

I'll see you in the classroom,

---Brian

Transcripts

1. Introduction: Hello, everybody. And welcome to my new class on social media graphics using the gimp. The gimp is a free graphics tool that runs on Windows, Mac OS and Lennox, so you probably have the ability to run it. But maybe not the knowledge. That's where I step in. Let's take a look at what's in this course. But first, if you know absolutely nothing about the gimp, you might want to consider one of my gimp for beginners courses. I have a full Siris of What is it up to now, Uh, six game for beginner courses. So if you know nothing, go ahead and do that. Otherwise, I'm actually gonna make this intro a useful lecture by talking with you about social media image dimensions. Ah, lot of what I'm gonna do in the gimp is just dimension ing images to the right size is to be able to post them on the Internet. So if you go to Google and you enter social media image dimensions 2016 what you're gonna get is you're gonna get multiple pages displaying the same infographic here. I got it at blogged dot hub spot dot com, and it's called the ultimate guide. Social media image, dimensions, infographic and the real name. At least the title on the page is the 2016 image sizes Cheat seat sheet, and it seems to be the current gold standard in social media image dimensions. Let me show it to you. It's quite impressive. All you need is a browser to go to the Earl that you find this cheat cheat at here. I'm at Hub Spot where I happen to find it. And here's what it looks like. S O. This is the cheat sheet, and it's apparently by Jamie Spencer of Make a Web site hub dot com. So let's take a look at it, and I'm gonna show you why it's so impressive. It has the dimensions for all the images for eight different social media sites. Here's Facebook, so your banner image on Facebook should be 8 51 by 3 15 Your profile picture should be 1 80 by 1 80 Here we seem to have 1200. I don't know what the different sizes are as faras height, but 1200 by it looks like 6 30 is pretty good for posting images on Facebook down here. They give you more information about each of these types of images. And then we moved on, move on toe linked in pinch. Arrest the dimensions for all of the things you can post their instagram for setting up an account in posting. Here's their Twitter home page and posting images there. Here's YouTube and the size of various things to make a channel and your home and your profile page. Here's tumbler, where you can submit things Google plus the dimensions for that and that's all that they cover. So in the rest of this course, we're going to go through how to make images for those sizes. And there are other considerations you need to think about, like how to stay out of the way of graphics that they put over your graphics. Stay tuned for this course. We're gonna make it easy. We're gonna make it fast. We're gonna make it fun. So enroll now 2. Create a Facebook Banner: Hi, everyone. In this lecture, we're gonna begin looking at generating Social Media graphics by looking specifically at generating Facebook graphics using the gimp. And even more specifically, we're gonna look at generating a Facebook banner and profile picture in the next lecture will start looking at Mihm's, which are usually have text over them and their images that you send out on a Facebook. So let's begin by looking at the dimensions of Facebook. Once again, if you refer to the cheat sheet, you're going to see these dimensions that the banner for Facebook, the thing that goes along the top of your page, is going to be 8 51 by 3 15 pixels, now 72 PP. High resolution is just fine for the screen. You don't need to go up 300 since we won't be printing this, and usually the banner is going to be an eye catching image. The other thing you need to be concerned about is avoid overlap, especially in the lower left hand corner, your profile image and a little message. Your name and the name of your company and so on is going to be in the lower left and they're actually going to be buttons that go all the way across the bottom. So avoid clutter in the bottom of your image, or at least just don't have something important to say there. The other thing that you're going to be working on is your profile picture. This is easier. 1 80 by 1 80 72 pp. I and it's usually a close up of your face or your business logo. So with that said, let's go ahead over to the gimp and create some graphics. OK, here I am on my desktop, and I'm going to start the gimp by clicking on its icon in the toolbar, and it takes a while to come up. It reads, Resource is, and so on fonts and run some scripts to initialize the environment. It's on once all that's done, and it's gonna pop up the familiar gimp. Three window layout. Now, in this lecture, I'm going to show you primarily how to resize images correctly without losing a lot of the image and without messing up your aspect ratio. In other words, the height to with should always remain the same ratio. So let me open an interesting image Usually it's a landscape image because banners air much wider than they are tall that we're looking for. So I'm going to go over to my pictures, and here I have this beautiful image. It's a very wide So let's bring this up And here it is. Now I'm gonna turn this into a Facebook banner, and you could see to do this it's gonna require a little re sizing now. The first thing that you want to dio is you want to find the dimension that's closest to the dimension that you want and resize the whole image to that now, to do proportional re sizing or to maintain the aspect ratio between heightened with you use this scale image function under the image menu. Now here you can see it's very wide. Let's go ahead and type in our width of 8 51 now because these two dimensions air chained together over here, you can see that on the right. When I come down here, it's automatically going to change my height and the height is actually 3 15 that I want, and this is to 91 so it's not high enough. So this is actually the the dimension that I wanted to modify. If you're other dimension comes out smaller than you want, then set it to you what you want and go back to the other one. There we go. Now this dimension is larger than what I want for my with. And this 13 15. There we go. So now this with is longer than what I want. But the height is correct and notice I have the 300 peopie I resolution. Let's go now to 72 it sets the why resolution to so here we're set up to scale our image. You go ahead and scale and it brings everything down to size now to see it again. All you do is you go up to view zoom, fit, image and window, and it will zoom it up to fit it into the window. Now this image is the right height, but it's too wide. So what you have to do is crop or ah, or remove a portion of the image to get this part right. So what we do is we go to image canvas size. Last time we did scale image. This time we're doing canvas size and this is going to crop. So you notice the chain is broken over here on the left. If I click on this, the chain goes together and it's gonna maintain the aspect ratio. If I break the chain, it won't maintain the aspect ratio. You want the chain broken? We don't want the aspect ratio maintain because we're only gonna change one dimension. We're gonna change the with to what we want. 8 51 Now we click down here and notice that the height did not change because we broke the chain on. Also notice that it's telling us that it's going to pick the left hand side of the image. Now that might be the most interesting. What I usually do is pick center and you'll notice. Now it's picking the center of the image, and that may be appropriate in this case. So let's go ahead and do the resize. And there you go. We have an 8 51 by 3 15 image that will look quite dramatic on Facebook. Now we have to export this because it's in gimp format. Right now, we go ahead and say export as pick a directory I like my pictures directory where I have subdirectories toe hold other stuff, including Brian stuff here. I'm calling it F B banner Shore for Facebook banner and a picture of the Shore. And I'm making it a J peg image now that to get do that all I do is I put dot j p g at the end and we go ahead and we say, Export, We confirm that we want this resolution and we've just exported a copy of this image. 3. Create a Facebook Profile Picture: Now, I'm gonna go ahead and I'm going to create a profile image real quickly, and then I'm gonna show you how to load these images onto Facebook. So let's go and will open yet another picture. And here we want to go. Actually do Brian stuff in my pictures directory. And here I'm going to open my Facebook profile picture. Now, this is a quite large close up of me, and we're gonna reduce this to the dimensions 1 80 by 1 80 Now, let's go ahead and and do this just the same way as we did with our banner image will begin with scale image and notice that the chain here is intact, which means that it will maintain the aspect ratio. And these this is perfectly square, which is interesting. That's gonna make it very easy to Dio. I just type in 1 80 and click down here and I'm done. This is it, 72 pp. I resolution and I don't have to do a crop here the second step that I usually do. Although I have to do a view zoom, fit, image and window. I don't have to do the crop because it's perfectly square. I don't have a long edge to chop off. Also notice that it just got pixelated as I expanded it to fill the screen. That's because it is much smaller image. Now let's go ahead and will do file export as and let's make this. Let's make this f B profile, Brian. And once again it's a J peg image and we want it in Brian stuff, which is where it is right now. That's the directory. I'm in and I go ahead and I export. Okay, we now have are two images. Let's go over to Facebook. Will a ship where I'll show you how to load them? OK, so here I am on Facebook, I'm gonna click on my name to go to my page. This is my personal page, and you'll notice that here, I've got a banner already and I've got my profile picture. Now if I want to modify the banner, I just click on this camera icon in the upper left hand corner and it says, Do to upload a photo. I choose that. Now I'm going to go to pictures, Brian stuff, and I'm gonna look for my Facebook. There we go Facebook Banner shore and I'm gonna click on it. And in it will come now Weaken dragged the image around to position it. Now it turns out that I can't actually drag the image to position it because I made it the perfect size. So there's there's no excess to position. So go ahead and save my change. And they're now my Facebook banner has been changed. Now I'm gonna go ahead and I'm gonna change or update my profile picture. Once again, I go to the little camera. In this case, I just click on it and I will upload a new photo. I'm in pictures, Brian stuff. I'll go to my Facebook stuff and here is my new profile picture. I just double click on it. It's a little pixelated cause it zoomed in and I say Use that picture and there you can't really see a change because it's the same picture. So that's how to create a Facebook banner and a Facebook profile picture and how to upload them. Next. We're gonna look at how to post these pictures, or Mihm's down on the Facebook page. I'll see in the next lesson 4. Create a Facebook Meme: in this lesson, we're gonna cover Facebook. Mihm's using the gimp. Mihm's are small images that have sayings written on them. They catch the eye more than just text alone, and having the message on it catches the I'm more than just a nim. Ege so means air, a common way to communicate on Facebook. Let's begin by looking at the dimensions of the mean for Facebook. It's 1200 by 630 pixels, 72 pp. I resolution is just fine. It's usually an eye catching image, and the final point is that there's usually a message written on it. Ah, piece of a poem. Ah, famous quote or something that you want to say. So with that as the criteria, let's go over to the gimp, and basically I'm going to turn our banner image into a MIM image by re sizing it. And then I'm gonna show you how to put text on it and make that text pop. Here we are in the gimp, looking at my new Facebook banner to change it into a 1200 by 6 30 pixel image. We want to first change its height to 6 30 its height is currently 3 15 To do that, we go to image scale. We make sure that we have our aspect ratio maintained by linking these two together, and we change this to 6 30 exactly doubling it. There we go, and now the image is going to be too big to fit on the screen. So what we'll do is we'll go view, zoom, fit, image and window. Next, we're gonna have to crop it to get the image down to size for a mean as far as with the width is supposed to be 1200. So let's go up to image and this size time do canvas size, which is a cropping option. Make sure that the two fields are not linked and say 1200. And here you can see that it's crop to the left of I do this centering thing. I lose pretty much most of the barn and so on, So I'm going to go ahead with staying to the left by changing this back to zero. So we get the left side and go ahead and re size. So here's our Mim Now to put text on it, the first thing that you have to consider is whether you need dark or light text to make it pop. I'm going to use light text. Watch this. I'm going to go to the text tool. I'm going to pick a nice font like Edwardian by typing e w d. And accepting the results. I'm gonna make the fund quite large, say, about 40 and the color will be white. Now let me go over here and put in a saying they're so I typed in. Life is a beautiful thing. Don't waste it. It's way too small. So let's grab it and maybe knock it up to something like 100 or 1 20 That's better. And we'll go ahead and we'll move this onto the image by using the move tool and dragging it over. How I have a message. Let's put some interline spacing in here that weaken space this out from top to bottom. I click on the text, go to the text tool options in the bottom and increase the interline spacing to get my words to space out. Now I can move this up there. That's our text. Now all we have to do is go and export it as Let's make it Facebook. Mim. Sure, Then we'll go over to Facebook. Where to send this MIM. All I have to dio is say, upload photo and specify the photo. I'll go to pictures, Brian stuff and find the photo that I just exported their it iss. I double click on it and Facebook uploads it. I could put an additional message on my mean if I want or just send it out alone and they're all posted. And here you see the MIM. I'll see you in the next lesson where we'll look at where to find pay for and free images. 5. Making Text Pop: Hi, everyone. It turns out that I've got a few more minutes in this class that I can actually cram in another short lecture. And what I want to do is I want to show you that I started to use my mean as the course image, and you're going to see it as the course image. But when I put social media, graphics, Facebook and place in my text from, I mean, I noticed the text kind of blends in rather well, it's white. So I tried outlining it. One pixel outline was too much. Let me show you something that gently makes text pop. This is what you dio. You select the text and you duplicate that layer. Make sure you're on the bottom text, and then you go to the text tool, select the text. Still make sure you're on the bottom and select instead of white black. Okay, that makes the text black, and you already beginning to see it. Now go up on that layer, make sure that the bottom black layer is selected and he go to filters, blur Gaussian blur. And about a five is right in pixels for this particular fund. So Let's hit it with a five and you could see it gets smoky out around the edges. Now this is just a little smoky. If I wanted a lot smoky, I just take thes smoke layer and I duplicated and it gets darker. I can duplicate it and make it darker still, and I can keep doing that there around that darkness is nice, and that's the way you make text pop out on mediums. Use the black smoke effect. 6. Free and Pay For Images: hi. In this lesson, I'm going to discuss where to get Internet free and pay for images. You'll need them for your banners and for your means. Now I tend to pay for images more than I get free ones, but here are a couple free image sites that I have used. One is Getty images, and unfortunately, it has a loan. You are l. Afterwards. So pause the lecture at this point and type this into a browser to go there. Nasa dot gov also has images that air for free. Now, naturally, they're going to be primarily images of space and Getty images air primarily images of old art and documents and so on. So that's two free sites, and we're gonna take a look at those in the at a moment. But first I want to cover some pay for sites. I used to use a site called Dollar Photo Club, and I liked it a lot because every photo was a dollar that's since been replaced by stock dot adobe dot com. They've kind of gone out of business, so I'm falling back also on a couple other paid sites that I used to use one is can stock photo where you buy credits and use the credits to purchase images. The other is Istock Photo, which is a little pricier and has nicer images. So I've kind of put them in the order of price here, the free science up on top, then can stock I stock and finally stock dot adobe. Now what I want to do is go over and take a look at these sites and show you how they work . Let's begin with Getty images here. You can see that I've put in their long U R L. By the way, the other way to find this is just to enter a search string of Getty Free images and you'll find this link. But what they've done is they've categorized the images into various types. You have illustrations and background and urban images. You just go ahead and click on the type of image that you want. And here are your options for images that you can years. These are actually need that this has been upgraded since the last time I've been here, stock up and save on spectacular imagery. Well, this is definitely a site that's worth looking for in more detail. The next is NASA, and here you can see the NASA site again. If you want to find this and you can't get the URL, just enter into Google Free images NASA and you'll find this site. And here once again you have. Ah, here's astronomy Pick of the day and these are all free images. This is actually a movie that you could post so you can download and use these for your social media. The final one that I wanted to show. You don't want to give you an example of one of the paid sites. The cheaper paid site can stock photo. Now here you buy credits and you could see the more credits you buy, the more you save. So if you buy 35 credits for $25 you're paying about 70 cents a credit in your price. Per credit goes down until you can buy $200 with I have actually bought $100 with the credits here. It's really nice having 100 and 70 credits, and what do you do with the credits? You go up here to the search box where you enter a keyword let's say, were interested in flowers. We type in. That's each search keyword. And then we go ahead and say Search and Can stock is going to come back with all of the flowers. Flower pictures. The most popular ones say I actually have that one, and it's also going to show me other related categories that I might want to search for. Isn't that handy now when I find an image that I like? Oh, look, this is very pretty. I like that, too. I could do a nice mean with that. With text up here in the corner. Let's take a look at it. You could see you have options as far a size for Mihm's. The smallest is gonna be fine, so all it takes is two credits. So this would cost about a buck 40 to get into the larger sizes in the 300 d p. I, uh, for a book cover, you'd probably want the large size. So they're doing something detailed like that. Something you're gonna print. You would be paying more like to 80 for your image. So their frilly and expensive images, you know, a buck 40. I can I can handle that. In many cases, you could probably get away in a mean with just finding an image on the Internet and borrowing it. I don't think anybody is gonna get to torqued out, but if the MIM goes viral, you might be in trouble. So definitely with your banner, you should buy a nice image and use that. So that's how to buy images off the Internet. And once you download them, you click the download after accepting the criteria, and it will take off your credits and you can see I have 23 credits remaining. Right now, I'm logged in. I have an account. You have to have an account. It can stock photo to use it, and you just click on. Download the image and it's years now. There is another aspect to consider if the image is crucial to your work, so you can use this these images for book covers and Mihm's and banners and stuff like that . But if it's going to be essential to the work, then you have other licensing options, which include the more extended licenses here, which you can click on the licenses. Look at them most the time went for what you're going to be doing. Book covers, banners, Mihm's stuff like that. A standard license is just fine, and you're gonna pay about a buck 40 for them, so that's how to get images. 7. GIMP for Beginners, Social Media: Facebook, Final Thoughts: Hi, everyone. I want to thank you for taking my class. And in closing, I want to remind you where to find thes social media information that we're going to use to drive our sizes. We've talked about how to resize things, how to put text on things and where to find images. But you really need to be able to find this online. Guide. The 2016 image sizes Cheat sheet. Just go ahead and search for that, or go to blog's spot and you'll find it to look for social media image dimensions 2016 in the gimp and you're gonna find this guide as faras the class project. Your project is to go out and create as many social media banners, profile images and Mihm's. You can start sending them out, get used to these sizes and using the gimp to produce your out. But and that's it for now. I'm out of here. I'll see you in the next class