Adobe Photoshop: The Basics- Create Aesthetic Typography Poster | Jonathan Nawrocki | Skillshare

Playback Speed


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

Adobe Photoshop: The Basics- Create Aesthetic Typography Poster

teacher avatar Jonathan Nawrocki, Designer+Illustrator

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 (37m)
    • 1. Introduction

      1:09
    • 2. Overview

      1:51
    • 3. Project possibilities

      2:44
    • 4. Transforming typography

      12:52
    • 5. Creating depth of field

      3:13
    • 6. Masking images

      7:20
    • 7. Blend modes & textures

      2:45
    • 8. Adding typography

      2:02
    • 9. Adding hue & saturation

      1:36
    • 10. Final thoughts

      1:07
  • --
  • 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.

165

Students

6

Projects

About This Class

Adobe Photoshop: The Basics- Create Aesthetic Typography Poster

Once you’ve finished your class project, upload a JPEG version of your project to either of the following. 

  1. Assignments section of this website
  2. Comments of the project video.
  3. Social media & tag Jonathan
    1. Instragram: @jpn.graphics
    2. Twitter: @Jonathanawrocki
    3. Facebook group here.
  4. All of the above 

Free Textures

Premium Textures

Class Project – Poster Design

You’re project is to create your own poster or cover art using the tools & techniques learnt so far in this course. You must demonstrate all the items in the following list.

  1. Choose a word
    1. e.g. Something creative, intriguing, or meaningful. 
  2. Image
    1. Use one of your own images or one from Unsplash.com own image or a new image from.
  3. Image masking
    1. Ensure the image you choose will have a clean background for easy masking or cutting out.
  4. Typography
    1. Create typography in a perspective that is visually interesting.
  5. Shadow
    1. Have at least 1 shadow for you masked image, to create realism.
  6. Small Text
    1. Choose a small phrase to create hierarchy and typographic contrast.
  7. Textures
    1.  Include some textures for a more dynamic composition.
  8. Layer Styles
    1. Use Hue and Saturation to make images pop with contrast.
  9. Presentation
    1. You must present your postcard in a way that you feels best represents your work. 
  10. Save & Share
    1. Save a JPEG copy of your document or take a screenshot. Share your work on the suggestions above. I’ll do my best to offer any suggestions if you ask for them.
      1. To save a JPEG, go to File > Save As and choose JPEG from the save options.

Meet Your Teacher

Teacher Profile Image

Jonathan Nawrocki

Designer+Illustrator

Teacher

Hello, I'm Jonathan. I'm a designer and illustrator living in the Midwest!

See full profile

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: Hi there, My name is Jonathan and Iraqi, I'm a graphic designer from the Midwest. Today we're going to learn how to create a roomful typographic poster using Photoshop. And this is going to be for complete beginner. Also, experts are welcome, but we're going to really break down how to create the sub fact in Photoshop. And we're going to learn, are going to learn a few things. So stick around. And this is going to be a really cool project because we're going to build a, we're going to build a poster. So we're gonna do, is together step-by-step. And I'm going to show you exactly what you need to do. And it will be something you can take home and share and you'll hopefully learn something so well, I'm sure you're balancing. So stick around and stay tuned. Let's get started. 2. Overview: In this project, we're going to be learning how to work with typography. And we're going to learn some techniques to distort typography in Photoshop. So you don't need to know Photoshop at all to really do this course or learn what we're going to learn. I'm going to break it down and release simple for you guys. It will be easier to follow along with. And it's going to be a lot of fun. I kind of discovered this technique and this style poster that we are going to be designing. Throw a 200 and day, 200-day poster shoes, where I challenge myself to design a poster everyday for 200 days. And I did this because I was inspired by another, another designer who was really just trying to challenge themselves and grow. And so that's kinda where I also found way. So I learned a lot through this poster series project, and it was a lot of fun to create. It was difficult and also rewarding and learned a lot about myself and also expand my skills as a designer and definitely increased my creativity. So when you can design under pressure and you can design, even when you don't feel like it, we don't feel the creative motivation. You can really push through those boundaries, through a challenge like this, and also create some really cool stuff. And so that's where this poster came from. I also uploaded as similar tutorial to YouTube and that was a very popular video, my most viewed video on YouTube. So if you'd like to learn more, Let's get started. 3. Project possibilities: Welcome back, guys. We are inside my computer and I'm just gonna go ahead and show you what we're going to make today. So this is one of those posters that I created. This was actually on the 12th day that I created this poster. So it's pretty early on in the project, I end up creating about 200 posters and created one every day. So if that's something that interests you, I highly recommend it. We're gonna go ahead and get started though. I'm going to show you just some of the posters that I created and some of the effects that you will be able to do after watching this course. So you can follow along. And yeah, you'll be able to do pretty much any of these distorted typography posters. So this was a very, very exciting poster for a lot of people and a lot of people on YouTube enjoyed this. So we're going to go ahead and I'll show you some more. You're also going to learn how to mask out a person object in Photoshop in a very easy but super professional way. And you guys will be able to do so much with that. You can see in this one, I created that same effect, but using a different way. So I'm really excited to see what you guys create and excited to see what you guys do with this technique. So as I said before, this is the start of the 200 day poster series that I started. So it was really experimenting with typography alive and perception and perspective. And so there's some really interesting stuff here. And here's another one using the similar technique. And I think you guys are going to really like this. So if you guys want to see more, my Instagram is right here. It's JPL and graphics. And you can find all of the poster designs on here. I'm also going to be using some really cool texture packs and I'll include those in the show notes. And you guys can use those to really create a really amazing and fun textured poster. 4. Transforming typography: Welcome back guys. This is a really important step to really get this started again, this is for beginners. So we're gonna go ahead and just start by opening up Photoshop. We're going to go up to the top left and we're going to create a new document. For this instance. We're just going to create, say, 600 to 800 pixels. Actually this poster is a square, so we'll do yet 800 pixels by 800 pixels. So this couldn't be covered her, it's a poster cover, whatever you want it to be. Now that we have our document setup, we're going to go ahead and you can click T or you can come over to the toolbar and click the text tool. From here, you'll just click and we're going to type out massive. So capital X dot, dots white right now. So just double-click that word, come up here and we'll make it black. And just click on this and it will make it black. So right now we have it selected as railway. You can use just about any, any font that's nice and bold. And railway will work just fine for us today. Actually, I have massive spelled wrong here. I think I might change it to something a little bit more bold. That's maybe one of my favorite cons to you is on a lot of things, Proxima Nova. So now that we have that you're going to come up to the Quick Selection Tool. And we're going to click that and click the actual word, click Control T to transform it. Otherwise you can just right-click and go to transform, free transform. And that's not actually what we wanna do. Free Transform, controlled t. Or you just want to be controlled t and that will allow you to change the size of our words. So we're going to make them pretty big here. And if you hold, can actually you don't even need to do anymore. You can just scale it when all stay the same size. So we've got our word here. I'm going to Control T min. And now we got a pretty big if you were going to do next is actually control can turn it into a smart object. So we're going to turn it into a shape. So if you right-click that layer, the text layer, and convert to a smart object, it's been turned into a shape. So we're going to click that again, make sure that layer selected click Control T. So we select it again and now it's a shape. Hold control and click on the corner of the word. And this is how we're going to start to create that really cool. Actually, if you hold Control, a Control Shift, it will keep it at scale. And the wise if you let go, it kinda does wonky stuff, which we can do. We can do that if you like. And now we have this really interesting kind of perspective going on. So again, really starting to create some dimension within the topography. And if you see this line here, these arrows, you can start to move that too if you like. So we're going to click the check mark because that's pretty good. I think we can get this a little bit smaller. Control T again. And we're going to go to shorten it up a little bit and play around with it to get it. And we're going to take it right off the page. I'm going to shorten it up just a little bit because we want to keep it nice and centered. To undo, say you did something wrong. This is a great chart. Control Z if you're on a PC or Command Z on a Mac. So I think that looks pretty good right there. So let's go ahead and now that we got it, well, how we like it, Let's click control C and then Control V. It's going to copy and duplicate what we already have. And now we're going to do it. Another control T, right-click and we're going to flip horizontal. And you can see we're starting to get to what our reference images I'm going to call. I'm going to click Control Shift and just click Open players. The flip them better on the artboard. Now the next step that we're going to do here is we're going to create a shadow of this massive here. So we're going to copy this one right here, control C, control V. And we're going to do another transform. So Control T, or using that quite a bit here. I mean, I'm going to hold control while I drag this down. To take a minute to cooperate with us. Please. Thank you. A little bit here because it can get kinda long. Do you sometimes on needs, all of these unfolding control. Well, you know what, that's not going to work. We've gotten on the wrong side. We need to flip it over. It just somehow air we go, That's better. Now I understand how this starting torque and had it backwards can get kinda confusing actually when you're working with it, but you want to keep it kind of flattening perspective. He say all this is coming up. I want to keep that flat to really give the illusion. Groups, josie, the backup. Give it the illusion that goes a long hallway here. Allow line these up as best as we can. Be perfect, but just make it bigger here. You're going to have to tweak it a little bit for a while to get it how you like it. What makes the most sense here with you guys? So if you click Control and your plus sign and the plus sign or minus sign in there. I'm holding Control on all of these if you haven't. Okay, we're getting really close. It's a little bit of finance, doesn't know. Forgetting that tree guys are struggling with this list much as I am. So we can work through it together. And so I realized my looking at the reference actually comes over here. Quick Control and drag that over. And now we have it looking a little bit more like the reference. So it's looking a little bit different, but it's pretty close. And it really teaches also the principle of this technique. So I think we may actually shorten this account like, I think I might leave it a little bit different than our original, but I guess shorten them up a little bit. A little bit more contrast between are interesting. So we have our makeshift hallway and then maybe move this out of this a little bit, match it up. Very cool. I can also use the arrow tools if you're noticing how these are moving in such a subtle way, you can click the object and just drop it down over left rate up. With the actual down arrows on your keyboard. 5. Creating depth of field: Okay. Now that we have our hallway set up, I can see it does look a little bit like we come right to the edge and my first original artwork. And you can actually create a little bit doing this all by controlling, Control T. Select all of our layers Control T. And I can just do this all at once. One of them at the same time. Fix this one. This one I fix this left side. Hold Control. Bit more. The next thing we wanna do here is we want to create some more depth in this artwork. So what we're gonna do that by getting a brush. You can click B as a shortcut or go over here to the tools and click your brush. So to keep these all organized, we're going to click control C and select all of these and put them in a folder. So first group, and we're going to click a new layer, can do that by clicking the plus sign here or clicking Control J. Now, if you want to go ahead and start to make this a little bit smaller or whatever size you come up to this box here after you select the brush and control sides here. Now we are going to make this brush white. I'm already white. Brush is already white. And you can go ahead and click this box here. L bring up this color bogs. And you can go ahead and click any color you like. But we want to make this white to give it the appearance that this is fading in the background. As you notice, I clicked here and I kinda was a sharp, sharp tone. There are sharp brush. Take this hardness T all the way down. Thank you. Click on these soft brushes but it doesn't matter. And we're gonna make the brush a little bit bigger. Maybe turn the opacity down, up here. And we're going to click. And as you can see, we're starting to create some depth of field here. Go ahead and create a smaller brush. And really make this stuff disappear in the background like a fog or mist, that's really going to create a sense of depth and distance. As you can see, they asked, pretty cool, okay. 6. Masking images: So here we are on unsplash.com. This is where we're going to find our free photo and we're gonna get some photography that we can cut out and put on our poster. My occlude the include this on the show notes, but I wanted to share with you a really great resource for free photos. Go ahead and click Download or in the show notes. You can pull it from there. So you can just pull this download of Re into Photoshop up here. And there's a really nice way that you can go ahead and mask out this photo. You're gonna go over here first though it and double-click the layer with the lock button is so we're able to edit this. Come over to the selection tool or push W and just give this guy a quick outline with your brush. So Adobe Sensei can kinda understand what we're going to mask because we're actually going to use AI to mask this guy, which is super cool. It's a pretty new feature and makes things super easy. You'll love it. Come up here after you've done that. And go ahead and click Subject, select subject. And as you can see, it did a pretty decent job of masking out our guy here. So once we've done that, you noticed it didn't quite get them, get him right there. Come down here to this mask option, Layer Mask, add layer mask. And we've cut out our subject. You can do this on almost anything. Sometimes it works, sometimes it doesn't. It works really great on hair. And so what we're gonna do is come over to the brush and click B, or just come over to the brush tool and clicking. Make sure you have black selected, make sure you have the hardness all the way up. We're going to zoom in and make sure you're selected on the layer mask here. And we can, our opacity is low, turn that up to so we can start to remove the unwanted parts of our photo. So we'll just keep on cleaning up this photo. Click the red left and right brackets on your keyboard to, to make your brush smaller or larger, if you wanna do it much faster. And going up to. That looks pretty good. So we got to add back some of the photo here. So if you click X, it will switch out the color here and we're going to be using white. Boy is what brings back the photo of some of his camera here. So we're going to bring that back just like that. And I may bring back some of his shoe here plus it clean that up a little bit. Good. Just like that. You have a really nice cut out or mask image and you can do that for just about anything. Go ahead and get your selection tool here, V star, It's called the move tool. And we're going to pull it back in here. Whoa, that's way too big. So zoom out Control Minus. And also uses Zoom tool if you're not using and click that. And if you hold all that will give you the Zoom out. Anyway. Move tool, select our image, click Control T to transform it. And you can do some Zoom is down with our clicker there and get him right in. Reframe. And we wanna make them kind of small because we want this to feel like a bigger, like a really big area, if you will. And you really start to lose some of the some of the small stuff that we cut out. So we want to add a little bit, add a layer right here, and we're going to add just a light shadow to him. Oops, that's white. We want a black shadow. And we want to take the hardness way down. Get black here. Let's take the opacity down two to go foot, better looking shadow. And even be too hard as well. Control, Control Z and go back. And just like that, we're going to add it in. And I don't think I like that either. We're gonna do some fancy, fancy work here. Control C on our subject and control V. And we got another guy here. And we're gonna come over here and create a color overlay. And the FX. And we're going to make it black and Control T to select him. And we're gonna do the same thing we did with the letters. We're just going to create a shadow out of him. As you can see. Try and make it look as real as possible. And I'm thinking we put this in the last one. And we want to put that shadow underneath him. So we'll just drag that layer underneath. 7. Blend modes & textures: Alright, so we're getting really close to the end of this. We're going to add some really cool finishing touches. What I like to do to add some really interesting textures to these is lay them over with some blend layers are blend modes. And I'm going to give you guys actually a handful of free textures from my premium texture pack. And you simply just hold those images and download them and literally pulled them into Photoshop, just like we did with the image. Excuse me. So here we have this first one. And as I said, you just pulled them in just like we did the subject there. So we have those layers up here on, we want to make sure those layers are on top of everything else. So as we turn that on, you can see, wow, we got some really cool paper textures here that really give the whole our work a different kind of mood. We can also, we can just group these altogether to 0. And I'm sorry, we want, before we do that, they're not going to look like that at first, obviously. So we're gonna go ahead and create that effect and I'll show you guys how to do that now. So we're going to click on the first layer, this first one. And we're going to go to Blend Modes, and these are going to be a little bit different and you can play with them and see which one you like most. But first we're going to just take the opacity down on it. And the next plan node, whatever you like. I thought this was interesting, whatever you think looks the best, that's actually pretty interesting. That's really cool. Kinda cool. So you can play with that. Here's the other texture. You can go ahead and do the same thing, lower the opacity. And that's going to give it a little bit more of a paper texture. As you can see, it changes it quite a bit. Pretty neat. And that's all for there. 8. Adding typography: What I would do to make the poster really pop is to create some nice contrast and typography. And we do that by contrasting really large type with really small type. I'm just going to use some random texts here. And what we're gonna do is come over to Properties. I'm going to make them all caps. Click this little t to query all caps. I'm going to make the font much smaller. Maybe I'll add mass. Take the leap and make massive waves. So we're going to create that font a little bit small there. And we're going to click over here and create a lot of space. Blue. This is called cloning or tracking. I think it is kerning or checking. And we want to make sure that those words are underneath the layers to ensure they get the same treatment as everything else. This will kinda complete your poster. And that's pretty much it right there. I hope you guys enjoyed this. It's been a really great experience to teach you guys one of my posters and you guys can, I'd like to see what you guys create. So thanks for watching. 9. Adding hue & saturation: I wanted to show you guys one more thing. And this will just kinda help your artwork pop a little bit, or your design pop a little bit. And we're going to come down here to this spot. Here, we can create some more effects. And click on hue and saturation. So come over here to saturation. And you can see if we turn this all the way up and makes it really like wild and getting be a cool effect all on its own, turning up the saturation. But I'm just going to make the image and increase the image saturation. And you can apply this to the whole artwork. Or what you can do is you can just drag it. Say we wanted to make just the guy pop a little bit more so you could just drag that effect right into this folder, but the guy were right above it. And if you hold Alt and hover over this line right here in-between, oops. I'll click OK and hover over the in-between and click. It will apply that effect to that layer below it, which I don't think I did to the right layer. This is a guy. So hold Alt and click in between the line. They all apply that effect just to the guy. And that's how you can make a little bit more pop in your artwork or your design. And that's all. Thanks for watching. 10. Final thoughts: Hey guys, congratulations on completing the course. I'm really excited to see what you guys create. I think we covered a lot of ground and this is you learn how to mask out images. You learned how to create textures and use blend modes. You learned how to use a Guassian blur and hue and saturation. You learned how to distort topography. You guys learned a lot. So here is actually a little bit more of my work if you guys would like to see a little bit of other types of projects that I've worked on and use the texture packs and used a lot of the same techniques that you guys learned today. Go ahead and check me out on Instagram and hopefully that brings a little bit of inspiration to your, to your work. And I'm excited. I'm excited to see what you guys create. So thanks for hanging out with me. I hope you guys learned a lot and take care for now.