Photoshop for Entrepreneurs: Social Media Art | Phil Ebiner | Skillshare

Photoshop for Entrepreneurs: Social Media Art

Phil Ebiner, Video | Photo | Design

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (21m)
    • 1. Introduction and Project

      1:14
    • 2. Use Our Template File

      2:31
    • 3. Add and Edit Photos

      3:08
    • 4. Add Text and Finalizing YouTube Channel Art

      9:21
    • 5. Repurposing and Creating Other Social Media Art

      4:19
    • 6. Thank You

      0:50

About This Class

In this course, you'll learn how to create custom social media art for all of your main social media profiles including YouTube, Facebook, Twitter, LinkedIn, and Google Plus. Included in the course are Photoshop templates for all theĀ current social media art sizes.

900b41d3

Transcripts

1. Introduction and Project: everyone Philemon or hear from video school online dot com. And today we're going to be looking at creating our Social Media Channel art. It's important as a brand as an online entrepreneur, for whatever reason, you have YouTube and Facebook and Twitter. It's important to have social media channel art that looks good, looks professional and is consistent across the board. I think it's very important to have channel art that matches on YouTube on Twitter on all your profiles. And so please download the ZIP file in this lesson, you will be able to open up that zip file. There are project files for Facebook, YouTube channel, Twitter, Google Plus and Linked in They are the proper size is at the time of recording. I know things change all the time, but the they have project files for the right sizes for all your channel art. So it'll be easy for you to just open those up and start creating. But I'm gonna be walking you through how to create your own YouTube channel art and then repurpose ing that channel are into your other social media channel projects. So thanks so much for watching and let's dive right in 2. Use Our Template File: everyone. Welcome to this little section on creating YouTube and other Social Media Channel art. In this section, we're going to be learning how to create perfect channel art that fits the cover photos for your different social media channels. So, for example, here we have this YouTube channel is actually my YouTube channel, and we're going to be learning how to create this piece of artwork using a template. And so let's go ahead and dive into photo shop. And if you want to follow along, open up the Channel art Template file. You can see that when you open it up, it has three different areas that are important to understand what they are for. So this main block area, the dark gray, is where you want your text and logo to be, because that's what's going to show up in your channel right here, when people are looking at it on desktop or on their tablet. If people extend the view, you can see that it increases or decreases in size, so there is a little bit of wiggle room on the right and the left side. But really you want to create a Photoshopped filer, an image that is a lot larger because when people are searching for your channel on their TVs, which a lot of people are doing now, with Apple TV and Google Chrome cast, this whole image is going to appear. So it's kind of tricky to figure out exactly how you want to lay out your photos and everything. But let's dive right into the Photoshopped file and we're going to get started. So when you open up the Photoshopped file, you'll notice that there are a couple layers. One is this overlay of the text and logo safe areas, the little template and then the background is just this gray. So you want to put your artwork in between these two layers, and then when you save, make sure that we turn this layer off. So that's it for this video. But in the next video, we're going to dive into adding our photo and creating our channel art. So for now, go ahead and download the template, and the resource is open it up, check it out and start gathering your own assets. If you want, you can use the assets that are included, which are all of these assets within this project. But it might be good for you to start gathering your own assets for your own YouTube channel, including a logo. Think about text that you want to add an image of yourself and a background image. 3. Add and Edit Photos: So the first thing I'm going to do is find an image that looks good for my channels. I like to do something that are you something that you know. It says something about me as a creator, and I have this image that I shot down in San Diego when I was there. And so let me bring that in. And to bring in an image to photo shop, you can just click and drag it in from your documents or from your finder if you're using a Mac. Now, this is a raw image file, which means that I want to do some editing. If you bring in a a J. Peg, this little editing menu won't pop up. But if you bring in a raw image, this photo editor module will pop up. And what I can do with this is just increase the contrast a little bit. And these are just typically things that I like to do for my raw images, because when you shoot raw images, they come out a little bit flat and you again these files are in the supplemental material , so you can actually follow along exactly with what I'm doing. right now for photos like this all increased the saturation a bit as well. I'm gonna boost up the clarity, which is also saturation. But it's a smart saturation. It doesn't boost the reds and the yellows as much as it boosts the blues and the greens. And since this is an ocean shot, I want it to be very bright and colorful. I'll just bring down the blacks a little bit and up the whites, this again increases the contrast of your image. The contrast is really how dark your darks are and how light your lights are. If I want, I can bring up the overall exposure or not. I'm just gonna bring it up a tad because I know I'm going to be putting a dark text and a dark logo on top of this. And so I want to make sure it looks good. Okay, so there's there's some quick photo edits that you can do, and when you are happy with it, just click. OK, it's going to bring it into your project, and what I want to do first is just resize it, and I'm going to actually press return to place it into the file into the project and then dragon in my lair panel below art, text and logo. Safe area. Now, let me just zoom in on this a little bit more so you can see a bit better. I'm doing that by just changing the percentage the view percentage down here in the bottom left. And if I just click and I'm clicking the corner holding option and shift or alter and shift if you're on a PC and increasing the size if I just move it around, I can see what I wanted to look like. Now, if I go back to my YouTube channel, you'll see that the part that I have here in my channel art has a little bit of these hills . You don't see the ocean below me. And I did that on purpose because I want the sky to be where my logo and this little subtitle will be. So that looks about right, maybe up just a hair, something like that. 4. Add Text and Finalizing YouTube Channel Art: now, when you're looking to do your YouTube channel are you have to pay attention to where your YouTube icon is going to be. So this is gonna be in the top left where these links will be. These air links you can add to your YouTube channel, and typically you want just toe have something in the middle. Let me just go to another channel that I like to show you. Mike and Lauren, I actually co taught a YouTube masterclass with them, and this is something that a lot of people will do to is have their actual schedule on their YouTube channel art. So whenever anyone comes to the channel, they see Hey, these people post videos every Friday and Sunday, and I like what they did here with their putting them in the actual channel art because people are connected to you. They want to be connected to you. And when you have your YouTube logo, it might just be your brand logo, your business logo, and it might not be a picture of you unless you are your brand. And that's perfectly fine. If you have an image of yourself here in your logo, you might not need to have an image of yourself here in your channel, art. But I do think it's important to make personalize your channel. And so either put your image in your channel art or right here in the logo. So for me, I have my video school online logo, So I want to make sure that I'm on the channel art so people know who I am. So I'm going to bring in this headshot photo that I did. And I have a transparent background. So I'm going to bring this into my channel right here, so I just place it. I'm re sizing it now I'm going to zoom in here so I can really see where I'm going to place it. I want to place it at the very bottom of this channel. Art lines of a drop this below are spec layer. Just put it off to the right a little bit and then use the arrow keys to nudge it to the right or left. And I think that's gonna be pretty darn good. And so now what I do is going to go bring in my logo again. You can use all these files there in the supplemental resource is just placing it. I'm re sizing it and positioning it, so I think I'm gonna be a little bit more to the right in V. A school online logo is gonna be right there in the center again, putting this below her spec layer. And then the last thing we have to do is create our text right here. So what I'm going to do is take my text tool right here on the left, just going to click in the middle. And it says that I can't do that there because it thinks I'm trying to edit this text right here in the overlay. So what I'm going to do is just click down a little bit below, and then I will type in my text and move it later. And the text that I want to add is learn skills, new skills, new videos weekly. So I'm just taking my text tool again. Typing in here, new skills are learned skills, tins, little bar space, new videos weekly. Okay, so now I'm just gonna move this up and put it about centered with my video school online logo. So I'm just gonna turn off this overlay right here, move my text down below and what I can do to make sure everything is vertically centered. I can select this text. I can select my logo by holding down the shift key and clicking the logo. And then I can also select this your art here background by holding command and clicking that so you can actually command. Click any of these actually instead of shift to select multiple and then going up here to these allying tools and go toe a line horizontal centers and that does not look like it's horizontally centered. And that's because this your art here is not centered in the background. So I'm going to center this right with the size of this actual composition to just change the size of this background. And then I'm going to select command, select and learning skills, the VSO logo, and then do this align horizontal center. So now everything is centered horizontally, but this text I have to add it because it's white and I'm gonna make this darker, so I'm going to select my text goto my character panel. If you don't see your character panel, Goto window character, select my color and now choose one of the colors in my logo. So I think I'm just gonna do the darker grey, Very dark grey, almost black. Now with my zoom tool, I praise E on my keyboard and hold down option or Ault that can zoom back out and in turn on my spec overlay and I can see what it looks like. So you see this line going up and down in the middle of this is part of the project file that you download and can use. This is the center of this file, So this will help you guide you in determining the center. But if I don't want to see that, I can go to view show guides and turn that off. So this looks pretty good. The only thing now, though, is that I think the text and logo don't stand out from the background as much as I want them to. So what I can do is bright and up just this part of the background right around here. And to do that, I can take select my image layer, go to this dodge tool. So over here on the left. If you hold this one, it looks like a little pin drop. Not the burn but the Dodge and then what it's going to add. If you start to click, it's going to say this smart object must be rast. Arise before proceeding. Edit Contents will no longer be available. Roster is the smart object, so it's asking us if we want to Rasta Rise, which is basically saying that after this it's not going to be a raw image that we can resize bigger because it's going to get pixellated. But if we're happy with where we are images and how big it is and how we've colorized it or done color correction, then weaken Rast, arise it, select. Okay, and now you see that I have this big brush. I'm gonna go up here to the brush size and decrease to a little bit smaller, maybe like around 300 pixels or so. That's pretty good. And the hardness I want to be a zero so that the edges air feathered. You'll see right here what happens. It's very subtle. I'm just gonna undo that and make the exposure 100% so you can see more what's happening. As I paint over this background, you can see the background get brighter. So I'm just gonna make this again around 50% exposure and just paint over the backdrop just a little bit. And if you click it more than once, you're clicking and holding and dragging to paint over. But if you unclip and then click again, it's going to re do that so you can actually just keep clicking and keep painting on and will get brighter and brighter. And now that's good, because it just stands out from the background a little bit more. Now this font that I used if I go to my character panel and select his text is Ariel regular. I want to choose another one. I'm gonna church choose Avenir next medium, and this is a font I purchased and you might not have, so you might have to use something else. But I'm also gonna make this just a little bit smaller and apply that transformation, and there you have it. I it's kind of funny right now how I'm kind of floating in space, but when you upload this to YouTube, it's going to look great and So when you say that you want to make sure that you uncheck this speck layer so you want to hide that layer, go up to file, save as change the format from Photoshopped to J. Peg, rename it to VSO, YouTube channel art or whatever your brand is. Click save. Make sure the quality is at 12 maximum. Then click. OK, now that's gonna be saved. And you could go to your YouTube channel and upload this file and it will look amazing. Thanks so much for watching. And in the next lesson, we're going to be using what we've done here to create our other social media cover art in a very quick and easy way. 5. Repurposing and Creating Other Social Media Art: Hey, Okay, so now we have our YouTube channel are how do we take this channel? Art and easily recreated or repurpose it to create are linked in our our Twitter art are Google plus art for all of our other social media channels. I think it's really important to have all of your social media channels look the same. Feel the same so that when people go from one of your channels to the other is just a more fluid experience. And so I suggest using the same background and the same colors and images and in our project files, we have given you a Facebook cover Twitter header linked in background and Google Plus Cover Project File and you'll We got these sizes from this article from VO Design. It's a social media image. Size dimensions, thes sizes are always changing. But this blogger article right here, which I'll post the link to it, is continually updated with the correct size for the latest guidelines. And so you can find all of your other actual social media's image art sizes here as well. So anyways, right now, thes channel, our guides worked perfectly. So what we can do is simply go open both projects. So open your YouTube channel, our template and all of your other templates, and then take your background image right click it se duplicate layer that opens up this little window. What we can then do is choose the destination document and we're going to say, for example, Facebook cover. We'll click OK, now if we go to our Facebook cover, our image is in here now because the dimensions of the Facebook cover are a lot smaller. We're going have to resize this, so I'm just going to click the corner holding shift down. I can resize it so that it's maintains the right aspect ratio. So just keep clicking and moving it down and basically just move it until you like the positioning. Now you can take that and save it like we did before to save it as a J peg and uploaded to Facebook. Now I'll just show you one more time to, for another example, so I can duplicate this image right click duplicate to linked in background image. Click. OK, now we go to LinkedIn, and it's again a different size, zooming on here a little bit more so I'm gonna take my zoom tool right here. Apply that transformation. First, zoom in and then just move this cover art just until we like it. So I like showing a little bit of the ocean, but a lot of the sky as well. Save that as a J pay uploaded to Twitter. So this is pretty self explanatory. Now all you have to do is create your channel art for a YouTube. I would start there because it's the biggest and the most intricate and then with the rest , just duplicate your background image. Now you could add things like your text or your image to your channel art as well. But that's just something you have to figure out if you want to do. I think for things like my YouTube channel or my LinkedIn page, and you probably hear my cat in the background. Sorry about that. She's wants to go outside now, but for my LinkedIn and Twitter page, you can see I don't really necessarily want my text up here. I like how it's just big, bold colors. You get all your information here. Um, really people, I would say I want to have this learned skills new videos weekly here on my YouTube channel . I don't need that on my Twitter channel. If you are huge and big into Twitter or LinkedIn, you can say things like tweets daily or something like that. But for linked in again, this one you don't you definitely don't need text because it's mostly covered. It's more of a background image than anything. So anyways, play around with it. Enjoy. And I hope you enjoy the templates, and I hope it just makes it a lot easier for you to create your channel art. Thanks a lot and we'll see you in another video. 6. Thank You: Hey, everyone, I hope you've enjoyed this series of videos on creating YouTube channel art, Facebook Channel are and the rest of the channel heart that we created. I hope it's inspire you to go into your own social media channels and redesign your own channel Art. Make it more professional. Make sure that it represents you. Make sure that's consistent across the board and the project for this video, Siri's is to go ahead and create your channel Art. Start with YouTube. If you do have a YouTube channel and then repurpose it and then post a link or a link and a screenshot of your YouTube channel or another social media channel, whatever it is that you use, I can't wait to see it. I can't wait for other students to see it, and we'll see you in another. Siri's Thanks for watching and have a great day