Full Guide To Creating Amazing Social Media Graphics | Jason Trueblood | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Full Guide To Creating Amazing Social Media Graphics

teacher avatar Jason Trueblood, Knowledge & Experience summarized

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

10 Lessons (58m)
    • 1. Introduction to the course

      3:02
    • 2. Getting started with Photoshop

      6:04
    • 3. Creating our first graphic

      10:02
    • 4. Creating our second social graphic

      7:47
    • 5. Design our third social graphic

      7:16
    • 6. Advanced social media design pt. 1

      6:20
    • 7. Advanced social media design pt.2

      8:32
    • 8. Bonus Content #1

      3:05
    • 9. Bonus Content #2

      4:29
    • 10. Course wrap up

      1:09
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

25

Students

--

Projects

About This Class

This course is going to walk through many different types of graphics that can be used on social media from basic all text images to complex graphics that show off a brand.Ā  Ā Students learn how to create using Adobe Photoshop in a beginner-friendly environment.

IĀ have compiled all of my knowledge in social media graphics creation from managing multiple companies social channels and put it in this course so students can get the knowledge they need in a short amount of time.

Meet Your Teacher

Teacher Profile Image

Jason Trueblood

Knowledge & Experience summarized

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction to the course: Hello, everybody. I am Jason Trueblood here with black dog designs. And today we're gonna be going over how to create your own social media posts using Adobe photo shop and a couple of other different methods that are really easy and really smooth for anyone to use. This video is a course preview toe where we're just gonna go over kind of what? The courses about what's gonna be covered. Ah, and what What you guys can learn from the course. So getting started here, we're gonna go through a little bit of background about myself. We're gonna go through the goal of the course, how to get started, and then we're gonna kind of high level go over what we're gonna be talking about in the actual course. So the foundation of your social media posts overlaying text with your social media post, touching it up, putting it all together, and then I've got a couple of really cool pieces of bonus content. Ah, that'll hope you guys create create these posts and these these graphics and these creative assets way easier and way smoother in the future. It will help you guys be able to do it on the fly. Um, so let's let's ah, dive into what this course all about. So a little bit about myself. I've been designing social media assets or sales and marketing collateral or presentations for the last five years. I've been freelancing with this business and consulting with other businesses off the last two years. I've worked with 50 50 plus clients all over the world during that time. You know, it's really cool. And what's really different, in my opinion, is I don't have a traditional graphic design background. Ah, I I self taught their videos and courses like this YouTube and ah, you Demi and skill sharing all these different courses in all these different places on of wrapped all these skills together and really learned how to do it more efficiently and more effectively. So the goal of the course is going to be the create posts that you can use on social media to build your brand together, your audience that look really clean, really professional, and that'll help you take your brand to the next level. So getting started, just we're gonna go over the high level stuff, and we'll dive into this more in detail during the actual course. Ah, but step one. Make sure you have Adobe Photo Shop. If you don't have it, go get it. Go to adobe dot com. It's only 10 bucks a month. You can just get photo shop in light room. It's pretty cheap. Two. We're gonna go through Hajto Quick photo shop tour. We're gonna work through our files set up and how that all works that we're gonna show you how to save your P a PSD file as a template so you don't have to recreate a each time you want to make a post. So So let's dive into this course and see what it's all about. 2. Getting started with Photoshop: All right. So getting started, The first thing that we need to make sure that you have set up on your computer is Adobe Photoshopped. Adobe has a bunch of creative cloud plans where you can get all of their their different Softwares or some of them. Um, but for this course, all we need is Adobe Photo Shop. So if you go to adobe dot com and never get over to their creative cloud Ah, you'll you'll arrive on this this screen here. And so we're gonna wanna come down here to the bottom and look at sea all products, because again, we're just looking for the photo shop, and I believe it comes with light room. Um, so over here on the left for individuals were looking for the for the photography plan. 20 gigabytes is just fine. Yep. So this comes with photo shop and light room. Um, we're not gonna be going over anything in light room in this particular course. Ah, but it's the photo shop photo shop software that you need. Ah. So you just by a click by now, download it. If you that say, if you don't have photo shop set up if you haven't set up, that's great. We're gonna go ahead and dive into a little bit of tour of photo shop. But again, if you don't have it, go ahead and download it and then ah, positives course and pick it back up once you have Adobe Photoshopped all set up and ready to rock. So now that you have a photo shop downloaded and opened up on your laptop or desktop, we're ready to dive in s. So we're just gonna do a quick little tour right now of all the different features and Photoshopped what we're gonna be using, Um, so we're not going through everything in photo shop. Obviously, there's a lot of features involved in this software, but we're just going to be going through the basics of what we're gonna be using and how we're gonna be using it. So over here on the left hand side of the screen, there's a toolbar. You can customize it appear in view. Um, along the top part of the menu there, I've just customized the features that I use. I use a lot over here in the toolbar. Uh, obviously we have file. This is where you save open, open different images, export, etcetera. Edit. You can edit individual portions. You can transform or rotate. Ah, that's that's canvas specific. Ah features their image. This is where you can. You can edit specific parts of an image like the contrast or the brightness of the shadows . You can do a lot of different things in there. Layer is if you get a bunch of different layers going on inside your photo shop image, you can group them together and then name the groups so that you can search through and find different things that you want to edit. Ah, within your within your image. We're not going to using type or select or filter three D or view in this particular course . Um, so that's just a really quick tour. Um, again, what we're gonna be doing in Photoshop is really is really a small portion of what this software has to offer. So we're not gonna be going to in depth on the different features and functionalities of photo shop, just what we're gonna be using in this course. So getting started here, our end goal is to create a social media asset. Some of those might have text on them. Some of a might just be an image. We're gonna go through a couple different scenarios and figure out how to put them all together. So the first thing we want to do is create our canvas. So we're gonna go to file new, and this populates a window and allows us to create a new new document here. Ah, you can set up different templates here in photo shop if you use roughly the same the same image over and over and over again. Um, but for this for this, we're going to use We're just gonna Internet and manually. So social media likes square images. Social media platforms like Instagram and Facebook don't like images that are really disproportionate because it's hard for them to display on there on their ah user interface . So would I always do is create square images. So we're gonna go with inches, and we're with five inches by five inches, and then the resolution is pixels per inch, and 300 is the max in Photoshop. So we want to create the highest quality social media graphic that we can, so we're gonna use 300 and then we hit create, and it populates a square that's five inches by five inches and has a 300 dp I resolution. So this is our basic template. It's really easy to create. Obviously, we did it in about 10 seconds. Um, but now the next step and this is really handy if you're creating a lot of social media images is to save this as a template. So that way you don't have to go through those steps every time. It just saves a little bit of time down the road. And if you're creating a lot of, um, middle saving a lot of time, So we're gonna go to file, we're gonna save as and we're going to navigate to are the place where we're going to save these on our desktop. So now that we've arrived at where it where we want to save this on our desktop, we're just going to label this as, ah, social media template workable on there. So we know it's edible will save it as a PSD file, which allows it to be a workable if you if you, uh, open it again in the future. So there we go. We've created our canvas. We've saved the canvas as a templates. We can open it up and use it later on On it later on in this course will be showing you a couple of other templates. Ah, ways to save these as templates. So it'll allow you to move a little bit quicker and really pop these things out at the speed that you want. 3. Creating our first graphic: So now that we have are our canvas and we're ready to roll here, we're just gonna make a really, really, really basic social media post. Um, and let's just pretend this is for a business and we want to just say something about our brand. So we're gonna use a white background. And so over here on the left hand side, this little tea is our tax to box. So we're gonna create a text box, and you just click you left, click and hold down to drag it across the screen. And this isn't set in stone. You can adjust the size of your text box later on. Typically would I do is I put it as biggest possible and then I'll shrink it down over time . Um, it just makes it easier to type in. So right now, when we created the text box, it defaulted to 90 90 point font, which is obviously entirely too big. So over here at the top of the screen, we are going to click the font size, and we're gonna drop it down to 30 point font and we want to change our fonts over here along the top on the left hand side. We're gonna change it to this fund. I have no idea how to say this font. It's something. Sands fire us Sands for us ends. Whatever. Um, that's a fun we're gonna be using for this. So we're gonna go ahead and click that we're gonna left the line it so we can text or type . Um And so now we've got our text box created. We've got our font. Well, we we've adjusted our font size. Now we just want to type out the message. Oh, let's make up a business here. This is a let's, say, interior design business. So one type of a message here. So we have a little problem now that we've typed out all of our tax here. So the spacing obviously is really off. So what we want to do is come over to the top right corner, a photo shop here and select the character icon. This is going to open up the character, the character editing window, which will allow us to do a bunch of different things. And we'll talk about this more in depth as we progress here. But over here on the right hand, side of this window. It says 190 points and then has a little arrow a two biggest two arrows going either way. Ah, with a couple of a icons in there that's talking about line spacing. So we right now the reason our sentences are lines of copy or so far apart is because the line spacings off. So we want to go ahead and shrink that down to a normal a normal trouble size here and was gonna do that. I speak a little bit. So we go. We have our first basic group of copy inside our or image here. So we have our copy. We we actually want to make this copy black. So we're gonna click the text icon on the left hand tool bargain, and we're gonna highlight all the text, and we're gonna come up here to where it is gold, and we're gonna pick a pick like, kind of a flat, black looking color boom. And since we're just using a white background and font and and copy Ah, we want to go ahead and increase the font size a little bit just to make it seem a little bit more full, and we're gonna move this down spacings a little bit better, and we're gonna increase the lines space saying, Well, okay, now we have our image kind of edited the way we want it, and we have a copy. We're gonna We're gonna make some small tweaks to this to really make it make it stand out . So we got a copy in here and for this example, let's just imagine that our interior design company their colors are like this flat black that we already use for the text. And let's just say a red color. Um, So what we want to do to really make this thing jump a little bit more off the page is we want to highlight a specific portion of the text, so we just want to highlight the personality portion of the text. And then down here in the bottom left corner is another place you can change color, but we're just going to do it from the top again. So we're gonna click on this black, and we're gonna change this toe like a darker red color. There we go. So, by doing this weekend, we can mess with and fiddle with the different aspects of the copy so we can draw attention and emphasis to specific portions of the image. Um, so again, this is just a really, really basic social media post or, you know, some some graphic that you can share or use however you want. But you know, again, the purpose of this course is primarily to create Social media post for your brands that looked really good and really clean. So if we just want to take this a step further, we can do a couple of different things. Um, you know, if your brand or let's actually let's just pretend this interior design company has a little bit of personality and likes to do things that aren't like, you know, always traditional. So let's highlight the personality, personality text that we already made red. And we're gonna make that a little bit bigger, so it calls it out a little bit more, and then we're gonna re center it on the page there. It's a little too big. Should shrink that. We made it a little too big, so we're gonna bring it back down. It's 47 now, so we're single with 43 home, and some else that's really cool is appear under view in the top top toolbar. Here you can allow the rulers that's this, this ruler at the top of the screen and on the left hand side of the screen, and that will give you a judge of where things layout on the page. But what's really handy is you can implement guidelines. So if you click, if you left click and hold down on the ruler, you can implement guidelines, and this will allow you to ensure that all your copy is lined up in photo shop, which is is extremely helpful for creating these sorts of things. So I'm really comfortable with where this is again. Our goal for this specific example. And we're gonna go through, like, four or five other ones eyes just to create really basic post that says something about your brand. So in this case, we want to say something like, since we're pretending this is an interior design company, we wanted to say, Make sure your house is a stunning or make your house is as stunning as your personality. Um, just something to push push the brand content out there the brand message out on social media Really basic. You know, obviously, now that we've gone through this, it only takes a couple of seconds. Um, so now we're gonna go through how to export how to export and save your image. So saving and exporting your images really simple and photo shop, it makes it really easy. Keep in mind, we first save this as a template. So we're gonna wanna not We don't want to overwrite the template that we already saved. So we're gonna go to file and we're going to save as and takes us back to the folder that we saved our template, which is fine. So right here, we're gonna put we're just gonna title this brand message one there's something really simple and for this one were gonna save it as a photoshopped file. So if we realize that there's a spelling mistake or something down the road, we could reopen it, and it will show us exactly where we left off. So there we go. We've saved it as a Photoshopped file. So now we want to export it so we can actually use it. So we're gonna go to file export and we're going to export as. And here's a bunch of different options. Most the time. The default options are exactly what I go with nothing too crazy here except for the top under format. We want to save it as a J peg, not a P and G, just to ensure that there's nothing crazy going on. There's no transparency that we've allowed. Ah, those sorts of things, Um, here. So if for whatever reason you've created too big of an image to upload on an instagram or Facebook, you can adjust the quality here. Um, and really, what that will do is just shrink the size the overall size of the file, um, down So you won't have any trouble uploading it most of time. If you created at five inches by five inches or under, you're not gonna have any issues. Um, but if you do for whatever reason, here's a good place where you can adjust it. So we're just gonna go down here at the bottom on export all and we are going to, um, Sanel worth the the file that we want to export this. Since it's finished, we wanna you go to finish and we're just gonna title this the exact same thing. Brand message one and save it. And that's exporting it. It has been exported. Um, if you want to go check out the file and make sure it's, you know, done right, we go down to our file manager here and go to finished, and we can pop this image open. And then we go, There's our social media image ready to be posted again. This is just the first of a few that we're gonna be going through. Um, so on to the next section. 4. Creating our second social graphic: All right. So we have created our all text social media image, and now we want to create a new image, and this time we're going to use a photo. So I'm gonna walk through how toe crop a photo and how to make sure it fits the image Well , um, and how to pull overlay on it to make it really jump off the screen. So what we're gonna do is we're gonna start by going up to file, and then we're going to file open. So we're goto file, and we're gonna open up our template that we created at the beginning of the course, social media template workable. We're gonna open that up, and it gives us the blank white canvas that we want to start with. There's a lot of really great free resource is out there to get photos of pretty much anything. So depending on what your business is ah, you can get in, find photos and download them for free and a lot of different places. One of my personal favorite websites is called pixels or pixels. I think I don't know. Anyways, um, this is one of my favorite websites to get free stock photos from. So for this example, let's pretend that this image is for a a travel blawg. So we're gonna want a picture of let's just say mountains. So we search it and we find a bunch of pictures that are mountains. So we're actually we're gonna go with We'll go with this one here, and you could just simply download this guy and open it up in your files and move it over to wherever you're working on your desktop files for these social images so that we have this over in our file that we want to you that we want to store it in. Ah, we can go ahead and navigate back to photo shop that we can go file open the folder, we just place the image that we want to use, and we can open that thing right up. It will populate it right here in Photoshop. It's thinking about it. There we go. And so once we have it in here, we're actually not gonna do any cropping or any adjusting in the image that we just opened . So what we want to do is we wanna left click on the image drag it up into our social media template and let go, so it'll drop it right into our template. But the problem that we're running into now is that the image is far too big for the canvas that we've laid out. So ah, great shortcut is controlled T. And that's going to give you all of these little radio buttons here that you can adjust the size. Now, if you just click the top arrow and try to shrink it, it'll make the image super disproportional and a look pretty trashy when you're done. So to get around that, if you hold down shift and left click, it won't let you scale it out of proportion. It will only allow you to scale it within the proportions of the image. So we're gonna scale it down and we're gonna drag it back over, and we want to get a little bit smaller swimming. Do that operation again. And this is something to look at when you're looking at these pictures. So the left hand side of this image right here has, like the side of a hill, and the right side has like, these random trees. So what we want to do is we want to take the peak of this mountain and center. It is close to center as possible in in the image. Not way. It'll look really good and fresh. So once we have it sized where we want and scaled properly, we just hit enter. And that image is now inside of our social media canvas. So now that we have our image, our image into our social canvas here you can export this image If you'd like to post that on social media. But there's some other things that we can do to it to make it look a little bit mawr on brand for your company. Um, So what we're gonna do first is let's just hypothetically say this travel Blawg wants a black and white photo or only post black and white photos. So we're gonna convert this into a black and white photo. So if we go up here to image adjustments and where is it? Right here, black and white? We're gonna select an option in photo shop, automatically convert this image into a black and white photo. So this is based on all the default settings appear at the top of the preset. You can change it to, like, a blue filter or darker filter. Um, a red filter, you know, different kinds of filters and will adjust the It'll adjust the different aspect. Ratios of the image. Um, but for this, we're actually, we're gonna go with a darker filter, cause that's kind of our brand. Um, and we can select okay. And that will turn the image into a black and white image. So again, you can export this one if you want. If you're looking for a black and white image there, there's your image. Um, a couple other things that we can do here just to make it a little bit mawr I take it a little bit further, is maybe. Let's just undo the black and white here. Now we're back to color is maybe we want Maybe we we want, like, a red filter over to show to show the brand. So let's just copy this on second, Let's just copy this red that we used already. Here we go. All right. So over here on the left hand toolbar, there's a rectangle tool. We're gonna select the rectangle tool, and we're gonna drag a box across the entire image. And what happens is we've just created a red rectangle that covers our entire canvas, which is an ideal because it's covering our photo. But what we can do is over here on the right hand side, under opacity. It's at 100% which means there's no transparency. There's no opacity in the image. We want to scale that down just so there's, like a hint of a red filter over. We're gonna go with 25. So we have a color image with a little bit of a red tent to it, Um, in that, you know, since our colors are black and a red say, um, it adds a little bit more of a brand perspective to the image if you can obviously scale this up or down, depending on what what you want. Um, but that's just taking the image a little bit further and puts it possibly a little bit more on brand for whatever you're trying to create. So just like we did on the first graphic that we created, we want to go ahead and save this, and then we're gonna export it after it saved So we're gonna goto file. We're gonna go to save as and we're gonna go with Let's just say color image file. There's something easy and we're gonna put workable after that. So we know it's a workable file and there we go. We've saved the creditable version, and now to export, we're gonna go to file export export as it's gonna pull up a window here. We want to make sure it's on J. Peg were good with 100% quality. And we're gonna go ahead and export this and we're gonna actually export indoor images file . And we're going to say we're just gonna delete the workable part of it because it's a J peg . So there we go. We've We've saved it, We've exported it. Ah! And now we're gonna move on to the next. The next graphic that we're gonna create 5. Design our third social graphic: So now that we've created an image social media image with with, you know, another image inside of it, we're gonna take it a step further. And we're actually just gonna work from what we've already created here. So what we're gonna do the end goal is going to be toe overlay the text from the first image that we created onto the second image that we created. So first things first, we are going to take this red rectangle over here. We can select the layer over in the bottom right corner of the photo shop software here, and we're gonna move the opacity from 40%. We're gonna take it somewhere between. So let's see. That's pretty. It's pretty red. We're actually gonna go 70%. So that way the red covers most of the image. Ah, And then what we're gonna do is since we have this text already written out, it's all ready to go is we can simply select this layer, weaken left, click on this layer and select it. Ah, and then we can hold it down and drag it over to this other image. So now we have it inside the other image and we just centered it there. So obviously, with the red and the black, it doesn't come off the way that we wanted to in this particular in this particular photo. So we go over here to the left hand side and select the text tool, and we're gonna highlight this first part of copy that was black and we're gonna make it white. There we go. And from there, since this is red and it doesn't show very well on this, we are going. Teoh actually play around with some colors so we could go with a white, But it's not going to stand out enough. So since it's not going to stand out enough, I think we're gonna try different color. Let's try. Let's just for experiment's sake, Let's try black. That doesn't really come off Aziz. We would like it either. So what other colors can we try here? So a lot of this, this sort of stuff, a lot of this design stuff, especially when it comes to graphics like this, is just playing around with colors that are in the brand spectrum trying to find out what works. Um, you know, in this case, we want personality to stand out a little bit more, Um, a little differently than the rest of the text. So, actually, what we're gonna do is we're gonna change personality and white, and we're highlight all this again. And we're gonna move this to a lighter, lighter, gray color. And that way it still shows off the image. Really well. Ah, but personality is still the main call out here. So making your home a stunning is your personality. Personality is still like the primary call out there. And so now we've We've over laid the image that we are, the text that we want on the image. And now we want to play with the background a little bit. We said it at 70% but there's still a lot that you can see in that image where we just want kind of a faint, a faint look. We're gonna move it up to 70. 77% is a little bit better. Yeah, I like that. A lot looks that looks good. So away. We can take this. Ah, step further and make the text pop. Even more off of the screen is we can add a drop shadow. So we're gonna double click on the text layer, and that's gonna pull up this drop this box and down here at the bottom, it says, drop, shadow. We want to check that box. And then we were gonna select drop shadow so we can play with a little bit. You can see, the more you play with it, the mawr lay capacity, the darker the drop shadow is, um, just for an image like this, we wanted to be kind of mellow, so 30% and then we want to change the angle at 45 degree angle and you can see in the image it automatically updates, um, shoes so you can play around with it and see exactly what? What's changing all the same time. We're gonna go ahead and okay. And there's our image. So we successfully took our text from the first graphic that we created, and we put it on the second graphic that we created to make a new third graphic that combines them both. So just like we've done with the other two graphics that we've created now it's time to save it, and then we're gonna export it from there So we're gonna go to file. We want to go save as take us back to the same place. We've saved everything else, and we're gonna say color image with one spell, right? With text overlay. All right, so we've saved that is a Photoshopped files. We can pull it up later on if we'd like. Then we're gonna go to file export export as we want to export as a J peg were good with leaving the past or the quality at 100% export. All we're to navigate to the folder where we want t where we want to save these. Nor is going to say this is a really basic name. We're just gonna say graphic number three. Well, and so there we go. It's all saved. Um, and then we exported it so we can use it later on now that we have our image with our combined graphic one and graphic to image with the text over late in and the image in the background here's a really cool way to save this as a template so that you can use it over and over and over again. Um, and not have to recreate this same graphic from scratch every single time. A good use case for something like this would be if you published a quote of the day or if you publish something like every Friday, for example and you really didn't want to change the image in the background or the color overlay, But you did want to change the text. So here's what we're gonna do We're gonna go to file, were save as. And we're going to say we're going to call this an image overlay template, and we're save that as a PSD file. So, for example, if we close this out and we go to file open and there we go image overlay and we want to change this Teoh something else like it's all about, it's all about personality. Um, so if we wanted to change it to something like this Ah, we could just using the exact same template that we've already created And that way you guys can go through and you can change and edit the text. However you like down the road without having to create this whole thing from scratch again . And just to reiterate iterated ah, file export. If you're looking to export this. So we went to file export. We gotta j peg and we 100% quality. We're gonna export this again. They were just going to save it. Um, save it here. There we go. Um, so that's just ah, quick and easy way toe to save the design that you've already created, And that way, you can open up the template later on and use as a template. 6. Advanced social media design pt. 1: So now we want to do something a little bit more advanced. We've gone through how to create just a plain text Social Media post. We've gone through how toe download and use an image in your post. We've gone through how to overlay text on the image, gone through a bunch of different things. The next thing that we're gonna go through is, um, something a little bit more advanced and something that has a little bit different design aspect to it. Ah, So what we're gonna do first is we're gonna open up the first template that we made already . So we know it's five inches by five inches. It's got the 300 DP I we don't have to recreate that new canvas each and every time. So what we're gonna do is we're gonna create a a post for ah fictitious company called social status. So right here I have a just a screenshot with a social status brand logo on it, and this is what we're gonna use to create arm or advanced post. So what we're gonna do here is the this little icon here, over here on the left hand toolbar, um, is an eyedropper tool that allows you to select a color and match it with something else later on. So what we're gonna do is we're gonna match the blue, um, so that we can use it in our post. And we're also gonna match this dark gray so we can use it later on as well. Um, and this is just a generic screenshot. Like if you have a screen shop, your brand of your product obviously didn't be in place of this, but so we can click on it, hold it down, and then drag it into our template just like we did. Ah, the other things that we've been working with, we can scale it to size. Don't forget to hold down shift while you scale it, so the proportions stay the same. So we're going to scale it down to about this size, and we're gonna put it just a logo is fully viewable on the slide. So that's our first, our first screenshot that we're dumping into this slide. But we want to create a bunch more just like it. We want him to be the same size so you don't want to drag a new image in every time and then re scale it to the same size. A quick way to do that is to go over here to the layers option in the bottom right corner of photo shop. You're gonna right click on layer one. Actually, what we're gonna do before we do this is we're gonna rename this layer two screenshot one so we know we're referencing We're gonna right click on it, and we're gonna come up here to the top where it says duplicate layer. So we're gonna go ahead and duplicate that layer Boom. They would go and then we can move it. You can select it and move it around, and we're just gonna put it right above the other one. And we're gonna repeat this process a couple of different times because we want a couple of screenshots included in here duplicated again, and this was gonna go right there. We're gonna keep duplicating these until until we get the result that we want here, which only take a couple minutes. Keep duplicating. Also, if you see these pink lines like when I'm moving the image around, that's what's called the auto snap in. In photo shop lingo, and it hopes you align your images with other images that you already have created in your in your graphic. It really helps to align things for the top or in the center of a page or what have you. It's just ah, really cool and easy to use a lining tool. Ah, that allows you to line things up really, really smoothly and really easily. So again, we're just gonna continue to duplicate thes layers until we we get them all in the positions that we want. So here we're just kind of doing an alternate like checkerboard sort of thing. Um, and this will all come together in the in the full design here in a little bit when we when we ah, when we start piecing all the different parts of this together. So we have all of our screenshot images in that we want one thing that we can see right off the bat and we're gonna go ahead and fix is see on the right side of the image. The screenshot is a lot closer to the edge than on the left side image. And really, what we want to do is just square these up and make him nice and even. But instead of moving all of the images over ah, it's gonna be easier to group them all together and then move them over as a group. So on the left or on the right hand side, Sorry. Bottom right corner is the layers area. So we have the the first layer selected and we're gonna hold down control and select all the other screenshots that we created. Once you have all selected, go to the top toolbar and select a layer and 2/3 of the way down his group layers. So we're gonna go in group those layers and then, as you can see over in the bottom right corner, it has, ah, Group one. And if you hit the little arrow to the next or toe left of it, it'll ah, it'll show you. Although all the different layers that are inside that group and if you double click on the name, we're just gonna rename this screenshots. So now that we have a mole group together, we can go ahead and align them, but something to keep in mind. Since we're in a group, you can't just select 11 screenshot in here. So what you're gonna want to do is select the group, hold down control, and then you can move all of all of the screen shots at the same time. So what were induced room from right? Right there. That's center. And there we go. So we group them together, we've put him in this center. We made sure their lined. So now they have even spacing from left to right, Um, and top to bottom. Ah, on both both sides of the screen. So we are good to go on the grouping portion of it and we're gonna be diving into were overlay some color and possibly some texts as well. And we'll show you how to make this even even pop off the screen even more. 7. Advanced social media design pt.2: So we have these old grouped and aligned and looks really good. So now we're ready to move on to the next portion of our image. So remember when we I dropped of the blue color, it shows up here in the left hand side of the screen, and that's what we're gonna use for this next part. So we're going to select the rectangle tool, and we're gonna cover the entire graphic in the in the rectangle. And since we selected the blue color it's gonna come through is Blue, which is great. It's what matches the brand s so we can go and use that. And over here on the right hand bottom, right corner. We're gonna change the opacity of this so that we can see the screen shots in the background. All right, we're gonna keep this pretty dark, so we're gonna go with 88. So there we go. Now we've over laid our color. We've got our screenshots in the background. Now we're ready to overlay some. So there we go. We've got our blue overlay. We've got our screenshots in the background and now we're gonna overlay a logo on top of this image and really make it pop off the screen and will probably throw a little tagline in there as well. So now we're ready to add that logo that we're talking about. So I've already opened it here in a photo shop, and so all we need to do is left, click on it, hold it down and drag it into the image that we've already created. But as you can see, it's a little too big, so we're going to scale it down. So we're gonna go control T We're gonna hold down shift so it scales proportionately, and we're gonna slide it down to a size we feel real comfortable with. And we want to put it in the center So we'll wait for that pink line. There we go. That says it's in the center. Looks about center. So we're good there, Actually, we're gonna move it up a little bit. Not quite in the center right there is. Great. So, as you can see, we've got our our screenshots in the background or blue overlay. We just put our logo on top of it all. Ah, but something I don't love about the logo. And how this is done so far is the logo doesn't Pappas much as I would like it to. So what I want to do now is I'm gonna add a drop shadow to the logo so it comes off the screen a little bit more. So over here in the bottom, right corner, under the layers section, we're gonna double click on the logo icon. It's gonna open this style layer style window, and we're in a select your op shadow. But then we want to edit the drop shadow. So we're gonna come up here and we're actually going to go with a 45 degree angle. We're gonna turn down the past or turn up the opacity so it pops a little bit more and increase the spread a little bit. Decrease the size and there were you. Now our logo pops off the screen a little bit more. If you look really closely. Actually, we can zoom in here. We can see the little black, the little black drop shadow, right toe left at that 45 degree angle. And when you're thinking about the angles, the 45 degree angle is from the upper right hand corner down to the bottom left. So it's pushing that black out from behind the graphic. Ah, kitty corner from right to left. Um and so it gives it that nice, like, almost embossed to look off of the image. So now that we have our logo in, we are going to add the company's slogan up under here. And so we'll drop in our text box here, which we learned how to do earlier and where it's gonna put something like measuring social some real simple. It doesn't need to be. I spilled social wrong. It's embarrassing. All right, so we got our slogan in Ready to roll here. We're gonna turn down the font size a little bit, and we're gonna center it up. There we go. And so they were got We've got our logo. We've got our our phrase there, but we want to do something else is such a little thing, but it makes it makes the graphic look a little bit better. So right now our logo has a drop shadow. Our slogan does not. So we want to double click on our slogan, gonna hit the drop shadow icon, and that's gonna mimic the exact same drop shadow that we put on the logo. So now the drop shadows look really cohesive and really clear. They looked the exact same Ah, with that drop shadow that it just makes it look a lot more clean. So there's one more little thing that we want to add, and it's such a small little thing, but it just helps break up the image a little bit more. So right now, our logo kind of runs into our our slogan here. And so what we want to do is we want to break that up a little bit. Over here on the left hand toolbar, there is a little paint bucket icon, and if you right click it, then you can select the toolbar or the tool to line tool from there. And so what we're gonna do is we're gonna hold down shift, so it's a 90 degree angle, and we're gonna drag it across the screen. So we want to create a line to separate the logo from our slogan. And so up at the top, underweight is how thick the line is. So this is something you kind of have to play with, depending on what kind of image you're working with to make sure that it's it's the right size for what you're looking to do. Um, this particular example. That's really not not thick enough for us. So what we're gonna do is we're gonna redo it here. So we go back over here, select our line tool, and we're gonna go with a 25 point Wait on the line. We're in a click. Hold down shift and drag it across. There we go. We have a nice, big, thick line that's a little bit bigger than I would like, So we're actually just gonna redo it 1/3 time. So we're gonna go our line tool. We're gonna push this down to 15 point font and we're in. Ah, do the same operation Click, Hold down, hold down, shift every off. That's a line I'm more comfortable with. It just separates the two things that just separates the logo from the slogan and just makes it all look really clean and natural. And so last thing we're going to do here is we're gonna hold now. We have the shape over here in the bottom. Right corner. We have that selected is layer. We're gonna hold down control. We're going to select measure social in Layer one, which is the logo, and we're gonna hold down control. And we're gonna make sure that these air all centered in the page using the pink lines. And now they are. So there we go. Now we have the oldest ready to go. We're ready to export and save. So we're gonna go ahead and save this as and we're just going to say we're just gonna call this a screenshot graphic. Something real simple and we always leave are workable files. That's a workable. There we go. So we've saved our PSD version, and now we want to export JPEG. So we're gonna go file export export as well. Window's gonna pop up, J. Paige. Quality 100%. Sounds great. We're in export. All and then we're gonna navigato are finished folder, and we're just gonna call this one graphic for for examples sake. And so there we have it. We have it all. We have a haven't created. We haven't exported. We have saved. So we're ready toe. Put this in the use. But this is a good example of how you can take a little parts of photo shop and little parts of a brand and make a really cool image out of it. So we just took a really basic screenshot in the background we duplicated at a bunch of times. Then we overlay the brand color and we use the logo, and we just kind of brought it all together. You know, a lot of practice will help you figure out what what kind of graphics are gonna help your brain look really cool and really pop on social media, So feel free to play around with it. You know, obviously, social status has something to do with a phone. But if you're an interior design company, maybe you know, using a collage in the background of all of your different interior designs might be a better fit for you. But just play around with it. Used the color overlays, use the text overlays of the color to really wrap it all together and make some really, really cool looking stuff 8. Bonus Content #1: So, as I mentioned at the beginning of this course, we have two special pieces of bonus content for everyone who's enrolled in this class and checked it out. The first piece of bonus content is this social media template. So this is just a black dog designs social media template. But it's something that you guys can use moving forward to Teoh. Put your brand out there and to use toe update with your own logo and your own little slogan. Um, and that way you guys have a nice starting starting place to work from. So a little bit about this template and this will be attached in the course, and anybody can download it. Um, is okay, so there is white rectangle down here. Um, let me find it right here directing a one that's the tent in the background. Eso if your if your brand color is red or if it's blue and you might want to consider changing that to red or blue and then just follow along with what we did earlier with the second graphic that we worked on Layer two is I'm actually gonna change the name of this eyes, the background image. So this is the brick wall in the background here. So if you guys have a specific brand image or something that portrays your brand really well, feel free to use that in here and all your all you need to do is is click this little eyeball like on here and then slide your layer in right above it and you'll have a new image in the background, Um, and just for let's just go through an example of how to do that. So if we go to file open and let's say we want to change this image to this mountain image that we used before, we can click it, drag it over, and right there it shows up in the background. And whenever you don't want, you can just click the layer and delete, and we're back to normal. Same with logo Here. This is I'm just gonna rename this while we're at it logo, so you can just either hide this black dog logo or delete it and put your own logo in there . Um, and that way you're ready to rock there. All of this text this design energized text is all edit Herbal soup in type. Ah, you know, you can back it out anti whatever. Whatever you would like. Um, you can also update the font. If you would like to something that pitch your brand a little bit better, let's just say we want to use permanent marker instead. Um, you can. You can update it there as well. So there you have it. There's a template. There's the first piece of bonus content. This is something you guys can use moving forward, you know, just help you get a leg up on getting started with this, and and as you're going through this, feel free to reach out with any questions. If you're confused about how to use the template or how to update it, don't hesitate to ask him always here. 9. Bonus Content #2: So, as I mentioned previously, there's two pieces of really special bonus content for everyone who's enrolled in this class. We just went through the 1st 1 which is a free template that everybody can use now. The 2nd 1 is actually not using photo shop at all. It's a really slick way. If you know if you're in the startup world, you're on a budget and you don't want to spend the $10 month for photo shop. Um, I get it. I've been there. Ah, you can use Google slides to create these images as well. You wouldn't think of a presentation software that would allow you to do this kind of stuff , But it's really handy, and I'm gonna show you how to do it. So once you're in G suite, you log in and you click on Google slides and you open up a new slides presentation. It takes you to the screen, you see now. Ah, So what we're gonna do is we're an exit out of the themes. We are going to delete the text box and lead the second text box. So now we're just left with ah, typical 16 by nine presentation format. But if we cruise over to file and go to page, set up and click the drop down, we can click Custom. And we can make this the exact same dimensions that we made the graphic in photo shop and it pulls up a square and we can do something as simple as you know, add test text. Let's just add some placeholder placeholder text here. And just like photo shop, we could manipulate the fonts. Ah, we can manipulate the font size. We could make it bigger, Smaller. However, however you like it, we're just gonna blow this up a little bit more. Then we're gonna take this space it out. There is a caveat to using using a solution like Google slides. It does save you money, but on the on the flip side, you do lose a lot of flexibility in your design. So as you can see, you don't have full control over line spacing. It's not as easy as it isn't Photoshopped. And you know, you just don't have as much versatility. You can't control the drop shadows as well and different things like that. But again, if you're on a budget and you're trying to make something work. This is not a bad not a bad avenue to go down. Um, so just like the image that we created in Photoshopped this is very similar. Um, you know, again, there's a couple of things that are different, but all in all, it's it's a really great solution to create graphics like this. Um and I mean, we could even do. We're gonna add ah, shape as a background. Actually, we're gonna do something different here. Delete this guy. Like I said, there's a lot of things you can do in here. Um, but it will allow you to export them as a J peg just like you do. And it will be Photoshopped. And once I had this background in here, I'll show you exactly exactly how to do that in a range Orders in the back. Actually, we're gonna change those. There's a lot of cool stuff that you could do just in Google sides, which you know, obviously, if you pay the g suite subscription, um, or if you just have a personal Gmail account, you can tap into this software and use it. Um, all right, so we've created a really basic post it took, you know, two minutes to do. Um, And now I'm gonna show you how to export it and how to download it as a J peg. So you need to do is go to file, download as, and we're gonna go with a J peg image, and it's gonna download it right on right on to our computer. And we can upload that to social media later on. Um, again, it's roughly the exact same Methodist Photoshopped. The only difference is Photoshopped has unlimited flexibility. Where Google slides has a little bit more limited flexibility. Ah, the extra the extra capabilities and flexibility you get with paying for it. But if you need a cheap and easy solution, Google Sides is the way to go. Just a quick little life hack. It's helped me a couple of different times when I'm when I'm counting pennies 10. Course wrap up: Alright, guys, That wraps up this course on how to use photo shop and a couple of other really cool solutions to build your social media images. It will help drive brand awareness, catch people's eyes there scrolling through their news feed or their Twitter account or whatever. Um, we're just a crash course on how to do it. Um I mean, these are the best best hacks in short cuts and methods that I've found. Ah, in doing this kind of stuff the last five plus years, and I just really wanted to share them with you. So I hope that this course has been helpful and educational. Feel free. As you've now completed this course to reach out to me with any sort of questions, I'm happy to answer anything that you have for me. Uh, leave. Leave a review if you have the time. And you've enjoyed the content in this course that's also super helpful for other people. Toe know that this course is valuable and can help them as well. Thanks again for taking the course. Let me know if you have any questions. Have a great day