Join Von Glitschka for an in-depth discussion in this video Setting up profile and header images, part of Social Media for Graphic Designers.
- [Instructor] In this movie, I'm gonna show you how I create and set up the profile and header images I use with my Twitter account. So we're gonna go ahead and edit the header image here, I'm not gonna change my profile pic, I like this icon, I created it, so I want to keep that intact. But I've been using this header image for, I don't know, maybe six months or so and I really like it but, I think it's time to maybe adjust it and tweak it a little and at least change it up.
I'll probably go back to this at some point, and just kinda go back and forth between a couple. But, I wanna change this, so we're gonna jump over to Photoshop, I'm gonna show you how I created that and some of the specs regarding it. Okay, we're in Photoshop now, and the image you see in front of me, is a photograph that I had used in the past on Twitter. Well, I tried to use it, I should say, but I ran into some problems and that is, when it's used on the site, it worked pretty well, but it's when it was rolled out or appeared in mobile devices, it didn't work so well and that's because it tends to crop in more on a mobile device, it's not as wide as you see here.
And so, when I was working with this, I tried it in different ways where I turned it to black and white, then I had the brand color and the studio logo dropped in, and this doesn't look bad, it's just, I don't know. It wasn't, it's me obviously, that's a photograph of myself, but it was a little too stale, I didn't want it to be this serious in tone. So I kind of abandoned this and went in a completely different direction that was frankly a lot funner. And that is using what I call, super doodle.
This is a combination, actually a combination of two super doodles. I create this on my iPad Pro, I'm also using the same imagery on my Facebook page, as you saw in a previous movie, so I wanted to kind of bring a little continuity between the two platforms and how I'm representing myself on them. Even though I've been using this one, it looks good, so if I turn on the black and white here, and then how I colorized it, this is how it appears right now on my Twitter account. I like this and if we go up to image and I pull down the image size, you can see the specs, 1,500 wide by 500 tall.
This aligns with the Twitter specs that was within those two sources I showed you. Twitter's easier to figure out what the sizes are, Facebook tends to be the one that's changing the most and a lot of people have varying information on what those are. But Twitter seems to be very easy to log in and figure out and very forgiving too as well as you're gonna see. This is the proportions I'm using for my Twitter account, but once again, I didn't want to use the same artwork, but I want to use the same style, just change it up.
So I went back to my sources, super doodle, so I picked a couple more and I once again, am gonna use the same process of black and white and I initially was thinking, maybe I can do it green, but then I decided, no, even though my last one was aqua, I wanted to do one that's a little more blue, and I like this one the best, so this is the one, I'm gonna use. I'm gonna just go ahead and save out a png to the desktop, and we're go to file and I'll go export quick, as png, and then we'll just name, NEW Twitter Header and make sure we're saving this on the desktop, right here and we'll go save.
We have that ready to go, now if I go to this file, psd file, this just shows how I set up my Twitter profile icon. If I go to image, and I go to image size, you can see it's 400 by 400, which is the recommended size for a Twitter profile. But my artwork is actually a smart object, you see this little icon here on this layer, if I double click that, it would open this artwork in Illustrator as a vector art.
So it's essentially embedded vector art and I'm using it to export out the image that I uploaded to Twitter that I'm currently using. No, I'm not gonna change this at all, I like this one, so we're gonna go back to Twitter now, and I'm gonna show you how to update your header image. We're back in Twitter now and what you wanna do to edit your header and any other kind of image on your Twitter page, is you're just gonna click, once you're logged in, that is, you're gonna click that edit profile here and then that will show you the icons on the various things you can change.
These camera icons, you can change your profile photo or your header, we're gonna change the header. So we're gonna go ahead and click on this and it says, what do you want to do. Well, we wanna upload a new photo, so we'll go upload photo, then it'll ask where, it's on the desktop, here it is, we're select it and we'll click choose, we don't need to size it, since we built it at a 100% but you could if you wanted, you could even scale it up if you wanted to, it has that ability as well. In this case, we built it to size, so we're not gonna do any of those things.
We're just gonna click apply, and now it shows us it in place and then we have to make the decision. Is this good, is this not good, in this case, I'm gonna go save changes. And now we have our new Twitter header in place and I think that looks pretty good. So, that's as easy as it gets, it's not hard to do and if you set up a psd template with the proportion it's supposed to be at a 100%, it makes creating these and rotating them out if you want to, a whole lot easier, so whatever content you wanna use for your profile and header image, let your personality and how you choose to use Twitter for your business, guide your decisions.
Take the time to experiment, think through what you could do and that will stand out and grab someone's attention when they visit or stumble upon your Twitter page.
- Understanding social media for business
- Branding yourself on social media
- The role of your website in social media
- Social media image sizes
- Facebook, Twitter, and Instagram strategies for designers
- Understanding Behance
- Using LinkedIn