Movie Poster Design with Adobe Photoshop | Martin Perhiniak | Skillshare
Search

Playback Speed


1.0x


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

Movie Poster Design with Adobe Photoshop

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

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

    • 1.

      Introduction Movie Poster

      1:48

    • 2.

      Theory poster design

      5:59

    • 3.

      Ranking superhero posters

      29:44

    • 4.

      Poster Design Contest

      22:06

    • 5.

      Joker project

      3:12

    • 6.

      Adding shapes to the composition

      8:41

    • 7.

      Changing colors on characters

      8:11

    • 8.

      Adjusting the selections

      7:17

    • 9.

      Adding Type

      4:57

    • 10.

      Conclusion

      0:46

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.

368

Students

6

Projects

About This Class

Would you like to know how to design cool movie posters with Adobe Photoshop? Learn about the process, theory, techniques and test your skills by working on the class project!

Join Martin Perhiniak (Graphic Designer and Adobe Certified Instructor) and learn his workflow and best practices he developed over 20 years working as a creative professional for clients like BBC, Mattel, IKEA, Google, Pixar, Adobe.

In this class you'll learn:

  • How to apply Graphic Design principles to your posters to make them more effective and professional
  • Create engaging posters for movies, events, products etc. using Adobe Photoshop or Photoshop on the iPad
  • Integrate type, images and shapes to make your compositions feel unified
  • Establish balance, harmony, contrast and visual rhythm in your designs
  • How to utilize non-destructive editing techniques (masking, adjustment layers, Smart Objects) for your poster designs

Who this class is for?

  • Anyone planning to become a Graphic Designer
  • Creatives aiming to improve their technical skills and understanding of design theory
  • You don't need to be a creative professional to take the class

What you will need?

  • Adobe Creative Cloud
  • Desire to make something awesome

Even if you’re new to designing movie posters or using Adobe applications, you’ll find the simple and effective techniques discussed in this course easy to use and apply to your work!

Meet Your Teacher

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

See full profile

Level: Beginner

Class Ratings

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

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 Movie Poster: Can you think of anything cooler to design than a movie poster. This course is for you if you want to learn some cool compositing techniques in Adobe Photoshop and geek out about some amazing movie posters. I'm Martin, I have over 20 years of experience as a graphic designer, illustrator, and Adobe certified instructor. I have worked with companies like BBC, Disney, Google, Ikea, and I cannot wait to share my best practices with you. This is a streamlined hands on course focusing on a real life design project. I will be walking you through everything step by step, and you will get all the exercise files so you can follow along. In case you prefer not to copy me. You can also follow my workflow using alternative assets provided and create something completely unique that you can showcase in your creative portfolio. I am pretty sure this course will inspire you to create something amazing. First, we will explore the role of a poster, common layouts used in the movie industry and the importance of thumbnails for finding the right composition. We will then jump into Photoshop to create an alternative poster for an existing movie. I will be using the iPad version of Photoshop, but you can follow along using the desktop version using the same techniques and features. Besides all the technical stuff, we will also cover some important graphic design theory that you will be able to apply in any of your future creative projects. You can join this course without any prior knowledge in graphic design illustration or Adobe applications. But to complete the project, you will need access to Adobe Creative Cloud and the desktop or laptop computer. But now, it's time to start creating, so I will see you in the next lesson. 2. Theory poster design: Posters are the most common promotional products in print design. There are lots of different categories and types. Depending on the promotional subject, the main categories are movie posters, advertisement posters, awareness posters, and event posters. The most important thing about posters is that they need to be eye catching and engaging. You want people walking on the street to stop and look at your poster for at least a couple of seconds until they find the relevant information they are looking for, like when a movie is coming out, when and where an event is happening? Why should they buy a product or a service that is advertised? Or what is the main message in case of an awareness poster? Now, typically, posters use a combination of typography and imagery or illustration. In some cases, one of these elements can be more dominant than others. Like in case of these posters here, a few of them uses mainly typography. While in other examples like some of these superhero movie posters, where it's the image that takes center stage. On this board, you will be able to find lots of examples thematically organized. And part of these examples, we analyze further in the other parts of this course. But there's a couple of general things you can notice. Looking at them from this distance is that most of the time posters would be in portray format. Although the aspect ratio can slightly vary, this is probably the most successful format. In poster design. However, when it comes to adverts in magazines, for instance, they can take two pages or a full spread, and in this case, they would be more landscape format. And although these are ads within magazines, they still can be considered as posters because they are very similar in format. And in case of billboards, which are the largest format prints for poster design, you would be working in this panoramic horizontal aspect ratio. Another common thing that you can see in most of these posters is that they utilize contrast, whether it comes down to color or tonal contrast. And a few examples that really stand out would be this poster here or another poster right here or another one in the awareness category. Essentially posters that use black and white would be the highest in contrast. And remember, the main aim of a poster is to grab people's attention. So this is one of the methods that you can utilize. But whether it is by using contrast or other methods, a good way of testing your design and whether it's effective or not is to actually look at it from this distance. This is what we would normally call a thumbnail size. So even in this size, your poster should work. Of course, you won't be able to read the details, but you should be able to understand what the poster is about and have a general feel about it. You will see that some of these posters, even from this distance are still successful in conveying the main message, either by using large typography, high contrast or large imagery. But another important thing to keep in mind is that although you are trying to put as much information in a poster, you should never fill up all the available space completely. So make sure to let your design breathe by including negative space or wide space. And for this, we can again see some amazing examples. Of these illustrated versions of the original star wars trilogy by Olimos or the Bathtu posters for the Oscars in 2016 by Lavante Sabo. But even animation posters would commonly utilize negative space in the designs, which helps to give a much clearer and faster read of the composition, which is probably even more important for younger audience where the attention span is even less than an adult. Good technique, whenever you are designing posters, is to actually start in this small thumbnail size and come up with various ideas before you commit to one and refine it into the final detailed version. This interesting and fun series by Gabqere shows how some of the iconic movie posters can even be recognized by overly simplifying them into these extremely minimalist designs. Try to time yourself to see how quickly you can recognize all these posters. And in case you cannot figure out what they are, you can always check out the link here on the board where you will be able to find this illustration and also other work by the artist. You may have seen these examples already, but this is also a great example of showing, how certain compositions work really well for posters, in this case, for movie posters. So these are the very commonly seen cliches, like the silhouette of a person from behind, whether they are looking away or maybe looking back towards us or seeing people from the side standing back to back, very commonly used for romcoms. The use of black white and red or orange for action movies, mainly and close up view of the main actors in a movie or having big heads on the top, and then beaches at the bottom. This is also interesting that's very commonly used for drama category, again, which involves romance. And it shows that the seaside is a great metaphor for longing and romance. So now that we talked in general about poster design. In the next couple of videos, I'm going to go into detail analyzing first a few superhero movie posters and comparing them to each other, seeing how the compositions can be more effective. And after that, we will take a look at a crowd sourcing competition that was for an illustrated movie poster for the movie Godzilla. 3. Ranking superhero posters: You can learn a lot about composition and layout used for movie posters by analyzing existing posters and comparing them to each other. In this video, I'm going to take a close look at some of Marvel's superhero movie posters, and what we can learn from some of the weaker or less successful compositions. Let's get started with number ten. So this is the worst one on the list. And it's no surprise that it is the Spider Man homecoming. You probably are familiar with this, and it was a very controversial design. The colors are off. The balance is off, and most importantly, the proportions are off. We have floating heads, especially Tony Stark here on the right side. So he's lichly just floating around in space, which makes him look really odd, and the general composition fails mainly because of that, I would say. I want to just quickly mention that, of course, every movie comes with multiple different versions of posters. And this was just one of many. We have another version, which I think works much better already. Less characters, but they form a really interesting composition. It's very dynamic. It's also in terms of colors, works much better. But let's move on to number nine. I chose Batman versus Superman, the Don of Justice poster. First of all, one of the biggest problems I have with this poster is that it is very static. So in general sense, it is not a bad composition, or it would be quite a good composition because it forms a triangle. The three main characters forms a triangle, sort of, which is not bad. But then here are the problems with that. First of all, we have Batman completely lost. So we don't have a good silhouette of him. He is actually the only thing we properly see of him is this silhouette. The problem with that silhouette is that we don't even see properly the ears, which are so crucial to Batman, to his character, to see his character. And that is a big problem. So if I just draw this back again. This is all we see of him. Then if I draw the outline of Superman, we see sort of something like this. We can't see much more because the cape is so dark, it's sort of lost in the background. So again, even though they tried to show the cape, which is a very important detail for superman, it is lost because of the darkness and the general atmosphere or mood that they created with the colors. So once again, silhouette is really bad. One of the other biggest problems that I have with this poster, it is hard to tell where the horizon is because we have a very bright spot here. We can't actually say this is the horizon. And because there is the sword of Wonder Woman, that actually is very misleading. It almost feels like when you first look at this poster, almost feels like that is the horizon, something like that. But then this line here wouldn't work, so you would feel like something is off. And in a general sense, I feel like the perspective is really poor in this composition. We have sort of a dent in the buildings here in the background, which I can't really say for certain that we have in the foreground, like Superman should be standing something like that, if that was the angle. But he's actually standing more like this. There's a contradiction between the background and foreground and even the foreground, this pedestal or whatever they are standing on is a very distinct perspective we have here, so we can see that defined. And to be honest, even one woman standing close to the edge of this doesn't really feel grounded in this perspective. So I would say she should be standing something like that. So the leg should be something like that to feel like she is in that perspective. Obviously, I'm just making very rough notes here. But hopefully you can see what I mean. So they feel like they are just put together, stacked on this background, and the background is also just sort of placed in there to make it work and giving some depth. So yeah, I'm really not happy with the general perspective and the composition as well in this poster. And just out of interest, if I flip it around, it helps to see it with a fresh eye. We have a lot of details and things going on on one side, while the other side is very empty. Sometimes when you have a composition out of balance can create tension, but in this case, I don't think it worked well enough. So even though this poster has the potential to be great, unfortunately, it fails on many different levels. And that's why I counted as number nine on my list. But let's move on to number eight. So the X man poster that I chose the last stand is an interesting one. We have a lineup of characters all looking at us and walking towards us with Wolverine in the center, you can see that when I have the center lines, he is pretty much exactly in the center, although we have a slight tilt in the composition. So if we were to have them straight, it would be something like that, which would make it a little bit too static, I guess, and that's why they chose the subtle angle. But the problem with subtlety sometimes is that it falls short. So if they wanted to create a diagonal composition, they should have added a little bit more of an angle. So something like that or even maybe more of an angle would have made it more interesting and more dynamic. But then the biggest problem for me is the background. So we have a very flat boring background. And again, the clouds don't really feel like they are in the same perspective as the characters. So we have a very strong venishing point going somewhere around there, and the sky just doesn't follow that. So if we were to see the same thing in the sky, the clouds should be receding towards that point, but they are really flat and they don't follow this perspective at all. Another problem that I have with this image, and we can see that really well, if I turn on this adjustment, the threshold adjustment, which creates a more graphic look of the poster is that we have a very strong contrast on a character that's not really relevant. I don't even know the name of this character, but the guy with the wings, he is the one really that is the focus point or focal point of the composition because that's where we have the biggest contrast. So once again, if you look at the threshold option. Of course, we have contrast on Wolverine and storm. But as you can see, the guy with the wings who stands out because of his wings, and of course, also because of his naked upper body. Here's another issue. When you have things overlapped on top of each other. Like in this case, we have a lot of characters, you have to be very careful how you place them, making sure that the silhouette again is not lost. One of the most important characteristic features of Wolverine are obviously the close. So we have the close in here and we have them here. If you blur your vision and look at the poster, you won't necessarily be able to see those clothes. And there's a reason for that because it is very closely aligned to the wings and in brightness and color, it is almost exactly the same as the wings. So when you blur your vision, these clothes here on the right will get sort of merged together with the wings of that character. Again, he is one of the main problems that I have with this poster. And on the left side, the highlights of the cap that Storm is wearing, again, is sort of blending together with the clothes. So this was number eight, but let's move on to number seven, which is another DC Comics poster. The Justice League, again had lots of different posters, and some of them are brilliant, like this one, which is much more successful to the one that I just showed you before. But coming back to this one, My main problem here is that the poster is just too closrophobic. All the characters are really squashed together. It makes it feel weird and odd to have them standing that close to each other in the first place. But then there's also the issue with the lighting that they chose a specific lighting for Batman, making sure that we can't see the eyes. So they are lit with a very strong light coming from above, and that creates the shadows over the eyes. And we can see that on all of them. But this lighting is not really helping in general. Apart from making Batman look menacing. It doesn't really help Wonder Woman or any of the other characters to be honest. But another thing that I wanted to mention about this poster that still is a little bit forced, in my opinion, is the actual typography. So we have a very condensed font, but then it has these characters replaced with the symbols of each of these superheroes. So we have the S for superman, we have Bat symbol for Batman, Wonder Woman's W, and so on and so forth. I don't want to go through all of them. It's smart that they managed to put them all into one sentence. But in my opinion, it ended up being really forced. But again, this is number seven, so let's move on to number six, which is the IMN poster from 2008. First of all, this is getting definitely better. So if I were to make notes here, so we have a very strong sense of diagonal lines. So let me just draw a few more of them. So in general, this is what we can see in the composition immediately. So this is emphasized by the rocket lines that we have here on the right, and then we have also the planes going that direction and also generally the placement of the faces. But then if we look at the composition with the center lines, Again, quite a strong differentiation between the two sides of the poster, we have Man really close up of him on one side, and then we have all the rest of the characters and details on the other side. It is also interesting to have a look at this composition with the golden spiral. If you're not familiar with the spiral, this is based on the Fibonacci sequence, which is sequence of numbers. Artists have been using for a long time to create engaging compositions. If a poster is following the golden spiral, then normally here around this point is where you place your focal point. Now, if we see it like this, we can clearly see that the focal point is iron man's mask. And if it's on the other side, then it sort of shows Tony Stark. Also, it's worth mentioning that when you're using the spiral, this line is quite important, and it is actually used for placing her character and aligning her exactly to that line. And another important line in the composition would be this one, which again, helps to direct attention to this character here at the bottom. In terms of composition, I think this poster is doing well. But the reason I chose it to be number six on the list is because there's a couple of additional things that I don't think work as well, like the lighting. So we have a very strong lighting or most of the characters coming from the right side, which is fine. But then her characters lighting has also a very strong light coming from this angle. And both sides to be honest. So that doesn't really match. And then obviously here with the Man suit has a completely different lighting. It's more like a back light. But my biggest concern and the reason why it didn't go higher on the list is this negative space in the design. So it just has a very big gap in the center of the composition, and it is not really an interesting division between the two sides of the poster. So what I mean, they would have been able to make it a little bit more clever, the way the two sides collide instead of just leaving a huge gap there in the middle. But yeah, so in a nutshell, this is not a bad poster. It's getting better, but let's move on to the next one in the list. So that's number five, and we have the first Thor movie poster from 2011. Now, what I love about this poster is that we have a sense of action Thor landing on the ground. It is a perfect comic book, superhero pose, and we have an amazing silhouette of him. So a really well defined silhouette. We can see the hammer as well clearly. So it's just really well defined. And plus we have in the background, all of these concrete slabs flying, which again, creates that explosion and sense of movement that he just arrived and everything is shattering around him. But what further emphasizes this movement are the vertical lines that we have dividing the faces above. So these lines again help to achieve that movement that he's arriving on the ground and everything is shattering around him. But even though it's a great composition here at the bottom, so I love this area, I'm not too fond of the details here on the top. My biggest problem with the upper third of the composition, which we can check by having the rule of thirds on, which divides the composition both vertically and horizontally into thirds. We have the characters too tight, again, cropped into this frame, the individual frames we have there. Yes, we can argue that this is a great way of getting really the attention to the eyes, so they are all staring at us, which is great, but it doesn't really give a good outline to them. And I would say the worst is Loki's character where he's not even centered within that space that he has. So there's more space on the right than on the left. And we can hardly recognize him because of the light and the colors, and in general, that tight crop that I mentioned before. So even though the bottom two third of the poster is doing really well, the top third is not as great, and that's why, in general, I couldn't give this poster a better ranking than number five on the list. But let's move on to number four. Which I chose the Avengers Age of Ultram poster from 2015, and we are getting very close to the first three. So here what I love mainly is the perspective that we have. It's a very tricky perspective. So we are looking at them from below, and we have a very interesting circular composition. So when you look at everything in the image, you will get these curves, so you will notice them. So that's first of all, the perspective was set up like that, but also all the alignment of the characters. And even here in the background, all of these things are placed in a way that we get that circular composition. And it is a really tricky one to get right. Even the ball here, and even the big mostly arm of hulk is further emphasizing that curved look. So because it is a very tricky perspective to pull off. And because they managed to do it right, I think this deserves a really high opposition in the list for ranking these posters. And the main reason why this didn't make it to my first three is this area around here. I feel is probably the weakest of the whole composition. So Black Widow and IM Man sort of gets merged together, there's not a clear division there. So we can see a very clear division between Captain America and IM Man. But as I sat here on the left side, that's sort of lost that line there. And this is an unfortunate placement because when you have things so closely aligned to each other, they almost feel like she's holding that letter, and I'm sure that wasn't the intention. So you have to be very careful with these things. Why thing would have worked much better if they had her a little bit phase more like there, so the arm is going this way, and that actually would allow her other arm as well, maybe to come a bit further down. And as I said, have a little bit more distinction there would have made it work better in my opinion. And just one other thing about depth and perspective, I think Nick Furious character is the one that doesn't really integrate with the rest of the character. So even these characters here in the background work really well in terms of the composition. I'm not even sure whether he's supposed to be in front of Hawkeye or behind him, let's just zoom a little bit closer to this. Hawkeyes quiver and Bow is clearly in front of Nick Fury. So that makes it look like he's in the background, so he's behind. But because once again, we don't have a clear distinction here, and his shoulder is almost perfectly aligned with the quiver and outline of Hawkeye. This again is a bit confusing here. So just like we had that confusing outline around here. To be honest, this is still better than that one in the background. But these two confusing outlines make that corner the weakest while I love what's going up here with this spiral or whirlpool that we get from all those curve lines. And now we are ready to move on to the first three. But before I show you them, I wanted to show you a few special achievements. So I gave the awards to these posters because what they managed to achieve. First of all, we have the Avengers Infinity War. And now you might be upset that this is not my first or even second or third, It is an amazing poster, but I gave it the special award of being the poster that managed to pull off the most difficult thing to have so many characters on it at the same time and still work as a composition. And there's another version of the same poster where we have this cool distinction of the characters into groups by using the light emitting from the central avengers logo. Again, it is doing a really good job. So these lines are both cropping details. Like here, we can clearly see it. But also we have details coming out of those frames. So that's really smart. Again, we have a strong crop here, but then details coming out of the frame. Again, cropped there crop there, but then details coming out, and so on and so forth again here, we have the strong crop. But then the heads are popping out of the frame. So that is a very smart composition, again, with a lot of characters in it. And last but not least, I wanted to also show as a special achievement, the complete opposite of this is the N Man and the wasp poster, which is coming out soon. It's not even out yet. But I was really astonished by the poster when I first seen it in the cinema and realized that we have the two characters, the tiny characters here in the poster. So if I zoom closer, we will see them better, but because it's a low resolution version of the poster, we Can't really see much detail there. So this is the ultimate negative space in a movie poster I've ever seen. So obviously, the title is really big. But compared to that, there's nothing else going on. So all this background is empty, and we have the tiny little characters there. And they actually chose to put the characters in the center and a little bit higher than the center point. So the vertical center is here. But the actual visual center normally is a little bit higher around 60% within the poster. So that's what they chose, it seems like, which is a good placement for that. And just to show that, obviously, there's another version of the same poster, where we have all the characters, and by the way, this is a really cool diagonal composition. Remember the X man where they force that tilt on the characters, and they try to get the diagonal composition going on like that. Here, we have the character standing straight, but the holding devices and these crops are creating that diagonal action, which I think works so much better. But still, you can see the little characters there in the poster. So it uses what we've seen in the one with the negative space, but also manages to put all the additional characters in it. Really smart, clever poster. I love it. Now that we talked about these, let's move on to number three. So the third one that I chose is the Civil War, Captain America Civil War. And there's a couple of reasons why I pick this one as number three. First of all, it is an amazing symmetrical composition. So it really works for this title because we have the two opposing sides, also having a hierarchy from the most important characters to the less and less important ones in the background. If I bring up the golden spiral, you will see that it was again used perfectly in this case, having the focal point on man's eye or like his gaze, which is the most important one. So this is really a face off. They are staring at each other. So the two main focal point will be the eyes. So that's Tony Stark's gaze, if we are looking at it from this side, and obviously we get the same one on the left side because of the symmetrical composition. So that is working brilliantly. Even the subtitle, United we stand divided we fall is equal on the left and the right side. So they really paid attention to a lot of details here. We also have the different colors in the background. We have the blue, and then the red again, for the two opposing sides. Not to mention that these colors are complimentary colors. So if we look at the color heel, we have the reds and on the opposite side, we have the blues, so that again, creates that strong contrast in terms of colors as well. Although I love this one, Let's move on to the second one. This is the Guardians of the Galaxy volume two. This is a very graphic poster with a lot of things going on similar to the infinitive W. But in my opinion, this is better because of the overall composition. So first of all, we have obviously that big circle in the background. So that is already a nice framing for the whole composition. Then we also have the star. So if I just reduce the opacity of this, you can see it really well showing in the composition. And because of the main character is Star Lord, and obviously, the whole thing is in space, that just really works and emphasizes the story. But apart from the shapes that we can see here, we have a very cool dynamic composition, with a lot of things going on, but still working a very strong perspective, everything going centrally to the center of the image. So if we bring up the center lines, you can see that composition working there. And then if I bring up the rule of thirds, that again shows us the interesting focal points. So we have drags exactly placed in one of the first most important focal points if we are looking at it from the rule of thirds point of view. So the top left is usually the first one that most viewers would jump to. Then we have this one here, which is, well, sort of it is grout, to be honest. So this focal point would be around grout, and then we have the bottom two points, the gun that Rocket is holding, and then I don't want to go into more detail the other point is pointing at. But yes, so in general, this is a brilliant composition. I love it to bits. And most importantly, I love the poses of these characters. For example, Star Lord has that cool, almost like a dance move that he's doing there, which works perfectly with his character. And if you just remember going back, to what we've seen before, like in this case, these poses are just so stiff and static compared to what we see here. Of course, you can argue that the Batman versus Superman wants to show that depressing, dark atmosphere that goes with the story while this one is a very colorful and upbeat poster. But still, because we are talking about superhero movie posters, poses that we get in the characters are very important and the silhouettes and outlines. So even though it's so colorful and bursting with detail, we can still get an amazing outline of all of these characters, and they have a very interesting dynamic pose on all of them. And yes, we arrive to the point that I can reveal the overall winner of this contest. But before I show you that, I wanted to quickly show you without damaging your eyes, the worst superhero movie poster ever made in my opinion. This one is just really bad on a lot of levels. I don't even want to go into listing the issues that I have with this, but feel free to comment if you think there are worse movie posters than this. But without any further delay, harsh contrast in terms of composition and excellence here is the overall winner. Drum roll, and let's turn on the Thor Ragnaroc poster. Again, you might not be happy with my choice. You might think that there are better posters. Again, feel free to comment if you have a better idea or a choice for the best superhero movie poster. But the reason I chose this is because first of all, we have nine rings in the composition that can be interpreted as the nine words. So we have Asgard, Midgard, Nil Pi, Masplheim and so and so forth, from the Scandinavian folklore. Then we also have a reference to the tree of life or Udrasil which in this case, we presented with these details that look more like branches here on the top, and then we have the trunk down there. So a very simplified way of showing you where the tree is in the composition. And on top of all of this, we have a really cool 80s vibe also that obviously was present in the film as well. But they managed to get that right using this type or treatment that we have on the type, the colors in general, and these funky outlines that we have on these containers. Now, even though I pick this as the overall winner, of course, you can argue that it has its flows. So, for example, these very strong black lines in the background, in my opinion, are a little bit too strong and they sort of gap blended in with the head gear that the villain is wearing, also they sort of resemble the radioactive sign, which might be a reference to the gnarc end of the world or maybe not. But I just feel like this is a little bit too strong in terms of the overall composition. Plus, also we have this strange shape going across the composition, which is the only thing that is not symmetrical. Or the only dominant detail that is not symmetric also, we don't see another shape going this way. This might be useful to break up the whole symmetry, but I feel like again, it's a little bit too overpowering, especially around here. So on the bottom, around this part, it looks fine, but here it's a little bit overpowering, especially because it's sharing the same color as hulk. So even though it's an amazing poster, There are a couple of flaws. But overall, I don't want to be too critical because I love this poster, and to be honest, most of these posters, I really admire and love. Even the last one in the list, I think it has its merits, and I don't want to come across harsh or negative about any of the things that I mentioned. 4. Poster Design Contest: This video is for you if you like illustrated posters of huge monsters and would like to learn about compositional techniques and graphic design principles. I'm going to take a close look at a recent art competition hosted by Talent House, where the task was to create illustrated posters for the Godzilla King of the Monsters movie. I will analyze the five winning posters and also some of my personal favorites from the hundreds of submissions. We have this amazing competition and some brilliant artwork submissions that we will go through. First of all, let's see what was in the brief. So, most importantly, they were looking for an illustration, digital painting or alternative poster design, which is a captivating and imaginative poster that can help to promote the movie. Now, the main reference for the style and inspirations were these posters that were obviously created for the movie. These were all the official artwork. And then a couple of restrictions that they mentioned that Godzilla shall not speak any human language in the posters. Also, Godzilla shall not be killed, so he shouldn't be dead in the poster, and also Godzillas use shall not be derogatory to its image. And from a stylistic point, it's important that Godzilla should be depicted with scaly skin, four fingers on each two hands and four toes on each two feet. The arm should be short and three rows of fins along the back. It's still three rows like in the previous design. But obviously, it should be with the new fin version, which we can see it already here in this poster. Now, whoever entered this competition could download these images. These four posters were the main references included. These posters also show really well the four monsters or Kaiju. So we have Rodan, we have King Gidora and we have Mothra besides Godzilla. By the way, I really like these posters, they all show the scale really well. So there's always indication of something that we can relate to. And then in comparison to that, we see the scale of these monsters. And also, I love the way they use these monochromatic colors. So we get a sense of each of these characters nature. And also, they are very well color coded in the film as well. So these colors actually come back in the film. I don't want to spoil it. So you should watch it if you haven't seen it already. These original posters are great. Now, let's take a look at the selected winners. So here we have the five posters side by side with the names of the artists underneath them. And I would say out of all of these, probably my favorite is this one from Gus Murtha. Which is a really nice composition, but also I love the flow in this poster. So we have the flames flowing in the background, leading the eye from Godzilla to Kingdora even these details here in the foreground, which I guess are either scales or it could be even rubble or buildings, or I'm not exactly sure what that is. But again, there's a nice diagonal composition that leads from one side to the other. My only comment would be that the heads are overlapping. So we can clearly see this head here, which is great. This is where the highest contrast is by the way, and we can also make out this head. But even this head is overlapping the neck. So there is already a bit of an overlap issue here, but there's definitely a big overlap issue on the left side. So where Godzilla's head is completely covering up the third head. The character on the right, Didora, having three heads is obviously a very important element of the design. So that should be a slightly bit more emphasized in my opinion. But apart from that, again, I love the style itself, and I really like the fact that we go completely black on some details. So the artist only had to indicate certain areas instead of creating a texture on the whole body and even on the wings, we have indications of texture and detail, but not covering fully everything. And that is a very hard thing to do. So when you're doing illustrations, the least amount of details you can use to indicate something is usually the best. So instead of adding so much detail, try to simplify your designs, and here's an amazing example of that when it works. Now, these are the other four selected winners for the competition, although I like them, I'm not 100% sure whether they were the best to select. Let me go through again, pros and cons. First of all, let's start with Chris Ramirez' work here on the left. The general style is really cool and I like the colors used. But I'm not too keen on the actual monster designs. Again, we have some overlap issues. For example, Godzillas hand, Being on a tangent, so completely aligned to Gdora's wings. This building here on the left almost perfectly aligning or following the shape of Godzilla's leg. Also, I feel like the proportions of perspective is a little bit strange. Godzilla's perspective would indicate that we are looking at the scene from below, which is the normal way of looking at it. But then Gidora feels like it's much smaller. It doesn't have that perspective or scale. So even though the heads and the height would indicate that this monster is taller and bigger, somehow the perspective just doesn't perceive that. This is a very tricky thing to do, and you have to make sure you get the perspective right if you want to include two main characters in the poster. I whenever you are doing illustrations, just make sure you think about these relations. Moving on to the second poster, I again, really like that there's only small indications of details and there's big empty area all around. Then It's an interesting concept to have all the other monsters present. So we have Motra here at the bottom. I guess we have Rodents win maybe here on the right, and then we have also Gidora here on the left, one of the heads. But it is so abstract and so simple or minimalist that I'm not 100% sure what I'm looking at. And also the general outline is a bit strange. So if you just look at the outline itself, Again, it doesn't really mean anything. There's no smart play on negative space or any special thing that I can see could be a merit of this design. Maybe it's just me and I don't see something that is hidden in this poster and maybe it's just too clever for me. But generally, I feel like although it's a nice concept, it could have been elevated if it was a little bit more laid out. Now, to the right, we have Pablo's design. And here, compared to the previous one, we have a really smart use of negative space. So using these big bulky fins in the new Godzilla design, the artists managed to squeeze in all the additional characters. So it's amazing that we have Gidora here, then we have Rodents heat here, and then we have Mtra here underneath. And additionally, obviously, we see Godzillas outline. So this silhouette reads really well and it shows everything, all the characters important for the movie. Out of these four, I think that one is a very smart and nicely executed design, clearly relying mainly on negative space. Finally, we have the last design here on the right from tuck, which has a nice symmetrical composition. So we have monster on the left, a monster on the right, and we can see the colors used. Again, the monochromatic theme from the main posters. We have the oranges on the left, and then we have the blues on the right, representing each of the monsters. Apart from all of this, we also have this big burst in the middle, which has all these lines coming out, emanating from the center, creating again interest and movement in the composition. So again, it's a great composition, nice execution. Although having said that, I'm not 100% keen on the shading on some details. So especially around here on the legs and the tail, Some of the shading details could be improved a bit and even here around the next. So it's not bad, but it could have been slightly better. Again, great designs all of them, and I'm not saying they didn't deserve to be selected as winners. But now, let me show you a couple of additional entries or submissions that, in my opinion, could have easily deserved to be selected as winners. These are just a few highlights from the hundreds of submissions. The reason I selected them is because they really stand out in terms of their composition or style, or they just simply being very creative. Now, normally, when I look at the design, the first thing I look at is the idea, so how creative it is, how unique it is. And then second, how good is the composition. So you can have an amazing idea. But if the composition fails, then nothing is going to really save your poster. And then third and also, of course, a very important element, the actual execution. So the quality of the final details and the general design. So based on these three things, I usually judge every design. So let's take a closer look at each of these, and I'm going to again tell you my opinion and pros and cons. So we have, first of all, a really cool symmetrical design here, again, showing all the monsters, and here we can clearly see the three lines of fins on Godzilla. And that's actually one of the best scenes from the movie, and we can see Gzila coming towards us under the water again spoiler er there. But that's one of my favorite scenes or shots from the movie. And this illustration captures that really well. So I love that detail there at the bottom. Now, just to come back to what I said, I think the creative idea and composition is brilliant here. However, the execution could have been slightly better. I think the bottom half of the design, So this part works really well, while the top area is slightly weaker. So again, the shading is mainly what I'm concerned about. It's a bit too flat, also, especially road and is very flat compared to the other characters. So that should have been a little bit more detailed in my opinion. Now, moving on, we have another great example of a unique style. It's more like a comic book style. And I love the way half toes were used here. So when we zoom closer, you can probably see this better. So we have the little dots, which is more like that printing technique. If you're familiar with it. Where we have the dots representing each of the colors used. But this is obviously a really nice treatment. And also, I really like the pose, and especially, I love the waves. They are really nicely detailed. And even the treatment and style of the title, I think is really good. Also, we have a nice overlap with the hand coming over the type and gzila standing in front of the sun. These details both creating nice sense of depth, and generally, the colors work really nicely as well. So overall, I think this is a brilliant poster. Moving on here, we have another very creative poster. Instead of showing any of the monsters, we only see a footprint, and although it doesn't really look like Godzillas footprint, because as we talked about it, in the original design, it looked more like I would say, probably something like that. I think as they mentioned in the brief, it should be four clothes or toes. It would be more something like that. But still, I really like this composition. And I love the way that even the names of the monsters are represented as locations or points of interest on the map. We can even see the highway names, although they don't really mean anything, but that's also a nice touch. But most importantly, this is actually something on the water, so it's like a deep crater filled with water, and the elevation shows how deep we go in. Of course, the underwater world is very important for the movie. That's a really nice touch. Instead of showing something like a mountain, we are actually seeing a deep sea elevation. Now, this submission is a great example of an extremely unique and creative idea, a good composition, but something that is lacking in execution. It's not bad. Again, I'm saying the illustration itself is good, but it was just a little bit overcooked in photoshop. There's too much effects, and the main problem, I think, is that it lost focus. The whole thing is lacking focus on crucial details. Of course, as you can see, this design resembles more of a stained glass church window where Godzilla looks more like a St., very unique and smart. As I said, the composition and the idea is just brilliant. I think if it was rendered or colored differently, it could have been also a winner for sure. At least if I was judging. Now, this composition, of course, can also be slightly risky to have a religious connotation to something like Godzilla. And I'm not sure whether that would have worked well, internationally, especially. So it could be slightly sensitive to do this. But I think it's not like 100% obvious what religion it would be used in. Of course, it's more resembling Christian stained glass window designs, and maybe that's why it wasn't selected as a winner. As I said, again, it might be slightly sensitive topic. But going back to the quality or the treatment that I think was a little bit overcooked, it's mainly the blurriness and also, there's a lot of effects going on instead of focusing on the important details. I think especially Godzilla's body should have deserved a little bit more high contrast detail, making sure that things like the hands are clearly separating from the body, because at the moment, that's not really the case. And also, I feel like the type here at the bottom really clashes with the whole design. So maybe this could have been done again, more like part of the stained glass window. Also, I'm not sure why the artist included the signature here in the middle almost like a water mark, But I guess that's not big of a deal. That's probably something just to protect the artwork if someone is trying to steal it. Moving on here, we have another really cool example. This one is actually a lino print. If you're not familiar with the technique, we actually have a video in our 365 days of creativity series where Shome shows you how to use this method to create prints, and then turned that into a pattern. If you're interested, check out that quick 1 minute video, which will show you exactly how this is done. But of course, in this example, the artist used this technique and created a very unique Treatment, which is more traditional media than digital. I'm not sure whether it was touched up or improved digitally, but it's a really nice example of again, a unique composition but also a unique media. Now, I'm not sure why it wasn't selected as a winner. Maybe because the monsters look quite different from the designs in the movie. But maybe it was just overlooked because there was literally hundreds of submissions. Anyway, I think this is just a great design, great composition and great final treatment. And there's a really cool detail here. I'm not sure if you notice, Godzilla grabbing Gdoras tongue. I just love that design, so I just remove my mark from there so you can see it better. And this is also a good example of showing that even when we work with the three heads, there can be a way to show all three of them without having overlap por tangent issues. One thing that I'm not too keen about is this UFO here on the top. I'm not sure whether that's actually works with the story, and maybe that was one of the reasons why this wasn't selected, but also the planets, not really sure about those, they are probably not needed. Instead, it would have been good to include Rod, the other monster because we only have three of the monsters here. Maybe Rodan is also there somewhere I just can't find it, but this would be my only negative criticism for this otherwise amazing poster. Here we have another very different and unique poster, extremely simplistic or minimalist, but it and smart, especially the smarter the bottom where it says. You can actually see the scale difference between a person and all the rest of the monsters. It almost works like an infographic where you can clearly see the size of these monsters and the differences between them. Although it's a minimalist design, it still has some nice textures and grunge details around the edges, which works well. Although there's only two colors, I think they are really well selected, gives enough contrast and white, red and black, even though with black, we only have a little bit of detail here on the side. It's a very strong combination, and it works well because it's almost like a warning. So these colors definitely work for that to grab the attention and to warn us about the monsters Now, in terms of illustration, this poster does probably the best depiction of Godzilla. So it's a great design. Lots of details went into it, and it really represents well, the new version, again, with all the new fins and the proportions and everything. And also, even the environment, I really like the clouds, the lightning and the smoke, the buildings, the destruction in the back and how Godzilla is enveloped in the clouds and is emerging from it. So I think this is a great illustration, mainly in terms of execution. The only argument against it would be that it's a little bit too simple for a composition, and also we don't see much action going on. It's quite static in a way. Again, going back to the three things that we talked about. In terms of the treatment, the third aspect, this is superb, but in terms of composition and creative concept, it's a bit lacking. And last but not least we have an example, which again, is totally unique. Concept is very unique. The composition is great, and also the treatment is brilliant. This, I would say, definitely would have deserved to be selected as a winner. It feels almost like a wire frame or like an instructional manual, the actual graphic style itself. But then we have all the monsters present. We have a really interesting diagonal composition again, which is almost like a V shape. So we have these lines coming, and again, directing the viewer's eye to the center, and that is where Godzillas head is. So really nicely leading there. All these leading lines are directing our eyes to go in the center. And also, this artist took the time to redesign the title for this style and really nicely incorporating it into the full composition. And if you are looking for Godzilla's name, which would normally be sitting here on top, it's actually here on the side. So we have it both in Japanese. And in English. And we also have the other names here. So it's really nicely presented. We even have some additional information which just works well with this instructional menu or style, so we can see that the size is explained here, and then we even have the monarch logo there on the top plus a made up page number here on the bottom right. So all in all, I think this is again a winning design in my personal opinion. So here we have again a few of my personal favorites from this competition. But if you want to check out all the other submissions, I highly recommend to follow the link from the description below and go to submissions, where you will be able to go through all the hundreds of entries, either based on the popular vote because people can vote on each other's designs. So if you choose the selected ones, the most liked posters will come up. And obviously, the selected artists are also here on the top. By the way, the judges normally on talent house don't choose based on the popular votes, so don't get confused by that. But you can also search by which ones are the most recent ones. Of course, this is a close competition, so don't try to submit your work because the binners were already selected and it's finished. The whole point of this review was to learn from all the entries and to go through a couple of design principles and illustration ideas which can hopefully help you and inspire you to do something and also maybe to motivate you entering competitions in the future, either on talent house or other sites like 99 designs. 5. Joker project: For the project of this course, I chose the movie Joker, but you don't have to stick to this film. You can follow along and work with the same images that I will be showing in this workflow or feel free to be creative and pick other images from the board that I included. Or alternatively, you can also pick a completely different movie, collect the images that you can work with and create a composition, either in the same style that I'm using or you can be again, creative and come up with a completely unique look. These type of compositions are best put together in photoshop. But just to mix things up a bit, I'm actually going to use the iPad. So I will be working with Photoshop on the iPad. However, if you don't have an iPad, don't worry. You can just work on Photoshop on the desktop and follow along using the same techniques. Now, to get started, I am just simply going to create a new document, and I will work with an A four portray size for a white background. So these are just default settings. And once I have my document ready, I will bring in the images that I'm going to work with. Starting with the hero image that's going to be the central piece of the composition. So I already have these images downloaded or uploaded on my iPad, so I can just go to photos, and from the album that I prepared, I will pick this first image. Once it's placed onto the canvas, I can just tap on done on the top right corner to accept the placement, and it shows up as a separate new layer. Now, for the selection, the best one to use would definitely be select subject. You can access this by double tapping on your selection tool, then tap on select subject, and it will make the selection already, which we can refine because I see this pool being added to the selection that we can remove by using the other tool called object selection. So this is the second one just after the Lasso tool. And to remove from the current selection, I just make sure that this third option is highlighted. And then simply draw over that shape and wait for photoshop to refine the edge. Now, I feel like it works perfectly. So we can turn this into a mask with the option here at the bottom, and that creates a layer mask from the selection. If I double tap on the mask thumbnail in the layer spanel, I can have a look at the mask itself. And I can see that this part here needs a little bit of refinement for which I can use the brush tool, and I'm just going to increase the hardness of this brush and paint over the edges that I don't need. So I can just refine this quickly and zooming out. I can take a look at the rest of the details, and I feel like it looks quite good. So once again, I can just tap on the layer mask to go back to seeing my selected image. No matter what images you end up working with, usually, it is always best to start with subject selection and then refining it with the other selection tools, and at the end, once you have a mask, you can further refine small details by just simply using the brush tool. 6. Adding shapes to the composition: So we jumped ahead a bit and we have the three masks ready for all the three pauses. So if I select any of these, I can still show how it looks with the background by using this icon here on the right. Again, this one as well, we can see nothing is lost at this point. So we have still everything, all the details on the layers. We just hit them with the layer masks. There's one thing I really miss in the current version of Photoshop for iPad, and that is smart objects. So at this point, before resizing and rotating these layers, what I would do is to turn them into smart objects if I were on the desktop version. But unfortunately here, we don't have them yet. I know it is coming or planned to be introduced later on. So in a future update, hopefully soon we will get it. But at this moment, we will have to keep on working like this. And the reason why I'm really missing smart objects is because by resizing and rotating these layers, I know I'm losing some quality. So I'm a bit more careful, but I already know the composition of what I need to do, so I can just simply use the move tool or select tool and I can move these layers around. So I'm going to put this one here on the left. I'm going to move this one here. Slightly down to somewhere around here. I think that's roughly the composition I used before. I'm just going to zoom out a bit and see if we need to move a little bit everything down. I think it's roughly in the right position. I'm going to select all three layers. When you drag right on the layers, you can select them all, and then using the move tool now, we can move them together. But also, we can resize them with the second tool. So I just go back. The second one from the top is the free transform tool with which we can resize the whole thing a bit. I think something slightly even smaller will work for this poster, yes, something like that. I'm going to click on done. And then now we can start adding some shapes. For this, I'm going to create a new layer. So tap the little plus sign here. And then on this layer, again, I'm going to use the Lasso tool. And with the Lasso tool, we will draw the shape that we need. I'm just going to try to draw it similarly to what I've done before. Let's try this again. Yeah, something like that, like a bean shape. I am going to fill this with a color. Now for the color, I'm going to pick a color from the image for now. It doesn't really matter we can change it later. That's going to be fine. I'm going to deselect this now, and I will move this layer further down. I think I have it somewhere around here. So just simply change the stacking order, and then we can move this slightly down, somewhere around there. Now, the first thing that I wanted to do here is to create depth, and we already have an indication of that by having this character here behind the shape while the other two characters are in front. To make this more interesting, the character on the right, so this one, I would like to have that clipped into this shape. So all we have to do for that is to create a selection of the shape. So we can do that from going into the menu and choose load as selection so that creates a selection based on the shape. This would be commando control, click on the layer thumbnail on the desktop version. But it's pretty much the same thing here. And then after this, I go into the layer on the right, select the mask and I'm going to invert the selection. Here at the bottom, we can tap on invert. Now everything is selected above the shape. Now we can use the brush tool, maybe make it a little bit bigger and just paint over around the edge. Now I'm going to change my brush back to the normal hard round brush, and then we can just get rid of all of that. We are masking out those details, and this helps to make it look like the character on the right is standing within this shape. We can now choose D select. I think we can move the main character down a bit. Yeah. Something like that is more similar to the way I've created before. Now, I would like to place a scene into this shape. For that, I'm going to bring in another image. Go into my album, this scene, I think is a very recognizable scene from the movie. I'm going to just maybe a bit smaller. Something like that, tap done, and then I'm going to place it just above the shape. Let's just drag this down just above the shape. And then this is the icon here on the right to create a clipping mask, so I can turn it off, turn it back on. And what I want to do is to have Joker visible on the left, but I also want to see the guy on the right. So they were quite important in the whole story. I want to make sure that they are both visible, and it's a quite nice way of having two interesting details within the same shape. But then have the characters in the middle divide the composition. But I don't want this to be too strong, so I don't want it to be in its original colors. I would like to use a gradient on it. So first of all, what we can do is using these properties here, the layer properties. Having this layer selected, I can change already the blend mode. Maybe I can change it to overlay. Now, this is going to mix the colors of this layer with the colors of the shape, which could work really well. And at this point, I can select the layer itself, and use a clipped adjustment to change the colors. Remember I said the original colors doesn't really matter because I'm going to change it anyway. So add clipped adjustment here in the layer properties and then choose hue saturation. Now notice that there's only a limited amount of adjustment layers here, not as many as what you would get on the desktop, but most of them are here. One thing I'm really missing is the curves. But hopefully that will be edited soon as well. For now, I'm just going to click on hue saturation, and with this, I can start to change the hue. So you can see already we can experiment with different colors. And I think I'm going to go with something along the lines of that. Now, at this point, also, I'm going to change the background color. I'd like to already set that up in the beginning. So I'm going to use the paint bucket tool again. I'm going to tap on the background, and I will actually change this to something a bit more purple, and I think it needs to be a little bit more desaturated, maybe brighter. Yeah. I think that's quite nice. So what we need to make sure is that this shape is darker. I just go back to the shape and reduce the lightness. But also, what I'm going to do is to reduce the opacity of the image. So the image doesn't have to be so strong and maybe even set it to soft light. Okay? Something like that, maybe reduce or increase the opacity a bit. But then what we can also do is to add another layer, just an empty layer. This can be on top of the adjustment layer, can even be above the image. It doesn't really matter. At this point, maybe I can just put it above. I'm going to use the brush tool and reducing the hardness. You can see we can create a very soft edge for this brush, make the brush size quite big, something like that. Now we can start introducing different colors. All I have to do is to switch to a different color, maybe orange and start painting over now. It's too strong at the moment. We can reduce the opacity with this slider here, going to go down and then paint over it. That's quite nice. Something like that on the top. Then we can make the color darker. Something like this. With that, we can paint around the edges, and that's already starts to create a bit more contrast. We can also introduce maybe darker purple around the edge. Maybe a bit bigger, something like that. 7. Changing colors on characters: So for now, I'm going to just keep it at that. And we can already see how this is working, but I want to also change the colors on the joker characters. So I'm going to do the one on the left first. I will select that layer. It's this one here on the left. So I'm going to create a new layer on top of that, and I'm going to clip it. So I'm going to use the clipping option. And whenever you see the little arrow on the thumbnail. That's when it means it's clipped onto it. So now that it is clipped, we can use instead of the fill color or the paint bucket, we can switch to the gradient tool. And this is quite handy that we have it here because with this, we can create gradients and it's going to create a gradient between the two colors, so your foreground and background color. And you can just paint over it and it will recognize the direction and you can very quickly set it up to whatever you want. I'm going to use a different color. Maybe use something like this. Okay, that's more interesting and then just reduce the opacity. Because I also want these to be a bit more faded, so I don't want them to be so high contrast. So something like this actually works quite well. But then we can also combine effects, so we can create a duplicate of this layer. From the extra options, we can choose duplicate layer. Notice that this is automatically set up as a clipping layer again and I'm going to choose multiply for this and maybe just reduce the opacity a bit. So that is quite good. Now, what we can also do is to add the mask on these gradients. So for example, if I want the face to be a bit more visible, I can tap on the mask icon and then using the brush tool, we can paint over the face, maybe with a bit smaller brush size, something like that. Actually, let's just make the opacity size bigger. Yeah. So notice how we can lift details and show the face a bit more. Because I think that's quite important still, something like that. It doesn't need to stand out that much. Now, once again, I would do the same thing on all of the images. The one in the middle, I would keep almost with its original colors. For that, maybe I would just use an adjustment layer. So I would going to add clipped adjustment, most likely hue saturation. But another cool one is color balance. I'm just going to show you how it works. So with color balance, you can start adjusting these three sliders, and once again, this is very similar to how you would do this in photoshop. So it works exactly the same way. You can turn off the luminosity option or turn it back on. That just helps to keep the same tonal values. And I think this already looks quite interesting. So if we turn off this adjustment layer, that was the original colors, and this is the new colors. So it's almost like adding a bit of tint to the layer. So I would continue adding effects like this. But another thing that I would do at this point already start to organize my layers. So I would have separate groups for everything. This is the main composition. So for this, we can just select all these layers, so I can hold down the little touch shortcut here on the left and just tap on all of the layers here apart from the background layer, and then I'm going to click on the little group icon here on the right, create a layer group, and we can call it jokers Now, another important shape that we have to create is that ring or circle. For that, I'm going to again create a new layer, just a simple empty layer and then use the elliptical marquee selection tool. Holding down the touch shortcut. I can click and drag to create the circle. Roughly around that size will work. Now, after you created the circle, you can fill this in with a color. Again, it doesn't really matter what color, so I'm just going to use the paint bucket tool. Tap on it, and then what we will do is to click on the more options. I really like the fact that they have this. There is the transform selection option here, and then simply pinch somewhere in the center of the selection. With this, you can create the ring, something like that. Tap done on the top right and then hit the erase. So that's how quick and easy it was to create this ring. You can use the selection tool and move this in place. So I think it needs to be somewhere around here. Maybe we can use the free transform to make it slightly smaller. And I think that's going to work. Now, I'm going to already add to this adjustment layer. Add clip adjustment, and I'm going to use hue saturation. Let's just increase the brightness a bit. I'm going to change the color. I use the bright yellow. Yes, something like that. For now, it's going to work. And I'm going to use the mask option. So add a layer mask on this. Using the brush tool, I'm going to set my opacity up and also the hardness all the way up. And then let's just test this brush out yet, that's going to work. Now, when you are using the brush, Obviously, you can just paint over it, and then with this, you can make it look like certain details are in front or behind the circle. But to make it even easier, because we already have these selections saved as masks, all we have to do is to find them, like with the main joker character in the middle. I can select that mask and then go into the extra options and choose load as selection. Once we have that there, we can go back into the mask of our ring. And then if I were to paint over here, you see immediately, it just deletes exactly the details from the arm. And this makes it look like the arm is in front of the ring. Also, we want the head to be in front of it, so we can just very quickly paint over that. And I will keep the other arm behind the ring to create this nice interaction between the ring and the character. But then I'm going to make another selection now. So I would like to make sure that we have the other joker selected now. So I do the same technique. So load a selection, and I think that's it. Yeah, load the selection. Now we go back up here. And also, I want to make sure that we can see him properly. And then I would like to make sure that the ring goes behind this other shape. So I could also move the whole thing behind everything, but then I won't be able to create these interactions. So that's why I prefer to do this on top. Anything that I create as an interlocking shape. I like to keep on top and instead, just use these mosques. So what I'm going to do is similarly to what I've done with the joker characters. I select that shape, the bean shape, and I'm going to load that as a selection, then go back to the mosque and just quickly paint over this thing here. So now, what we need to do is to select the other joker character on the left. So load that as a selection, go up, paint over him. He's also in front. And then I want this also to be behind the central character. So once again, I just load that as a selection and make sure I'm on the right layer, start painting and 8. Adjusting the selections: So we have the interlocking shape created. We started adding some adjustments. Now, notice that there is one issue with the selection in the middle that the shoes are obviously not completely visible. And that is because he was standing on stairs. Now, the quickest way to fix this would be to actually paint in those details. So I'm going to create a new layer quickly, and I'm going to use the brush tool. If you use the touch shortcut, and then drag to the side. It will become the eyedropper tool, so we can very quickly pick a color and then start painting. So I'm just going to go a little bit closer, and make the brush size smaller as well. And in the settings, I will make sure we have the pressure set, maybe also a bit of smoothing. So when I'm painting, it looks like this. One thing for drawing that I'm really missing is the ability to rotate the screen, rotate the view. That's also something that they plan to add later. I'm really looking forward to that. Just going to put this actually on top and that way we can paint over it and blend it a little bit better. Okay. So this is just going to be a very rough drawing just so I can show you how I imagine having this quick fix. You already see that that shoe looks quite good already. And then the other one, we have to do a little bit more work here. So I'm just using the brush. Then again, touch shortcut, pick this color, and then paint, something like that. Now, you could also use the clone SM tool for this, but I just feel like I'm faster working with the brush tool. I try to imagine how this would look like, probably a bit further out here. And then that needs to come out as well a bit more. Okay. So I'm not going to waste too much time on this. Now, I'm going to be just wrapping it up around somewhere around there. Also, if you hod down the touch shortcut while you are painting, that temporarily turns into the eraser which is really handy. So you can paint and then erase with the same tool. Let's see without and with this layer. I think it looks quite good. I want to make Joker look like he's floating in space, almost like he jumped up. I'm going to create another layer at the bottom, and I will use the lasso tool. Just draw very quickly, something like that. Fill that in actually on a separate layer. I forgot to do that. On a separate layer, fill that in with a color, then deselect, and then we are going to use this additional options here. At the moment, we only have two filters here, Gsmbler and invert. Invert will just invert the color. But that's not what I wanted. I wanted Gs and blur. So I'm going to create this very soft shadow because he's up in the air, so it shouldn't be too harsh, the edges of this shadow. And I'm going to yeah around there is fine. I can adjust the blur, obviously. I'm just going to keep it around 70 it done, and I use the free transform tool and just squeeze this together a bit, make it a bit more flat, drag it down, and then reduce the opacity in the blending options. So there you go. That looks quite good already. Maybe one additional thing is to set this to multiply. I think it will blend with the background a bit better. It doesn't make much difference, but it still, I think looks slightly better. Now, of course, I can always tweak this further. But for now, I think this will work. Now, of course, we can always check how the whole thing looks on different backgrounds, so we can create a new duplicate of the background layer, and then we can fill it in maybe with a darker color. It looks quite nice with dark as well. But I'd like to have several backgrounds, and then I'd like to experiment with that while I'm working on the design. Now, going back to the ring, there's an additional thing I wanted to do there as well. I'm going to select the ring, create a new layer, and this is already clipped onto the ring. So I'm going to use the brush tool. And with the brush tool, we will pick the original color. But then I'm going to change that color and make it darker, make the edges soft, make the size slightly bigger, and the opacity or I'm going to keep low. Okay. I really like this little selector here on the left with my left hand. I can very quickly adjust it. And of course, if you are left handed and you draw with the left hand, then you can move that little selector to the right side, so you can customize the location of it. But what I'm going to do here is to simply paint over this Having the layer on top of the adjustment will work better. Let's make the size of the brush bigger. What I'm doing here, you will see, I'm just adding a little bit of shading with multiply adjustment layer. I think it works better. I can create a bit of shading around these parts, make it look like there is some car shadow around the ring. Very quickly. I'm not going to waste too much time here as well. There there. Okay. So without and with just a subtle little addition there. Now, of course, if you feel like it's a bit too much, you can always reduce the opacity because once again, this is completely non destructive. It's on a separate layer. One thing that I find not that good at this point is that we have here a very strange thing. I'm going to show you, I would call this a tangent. So this point here. The problem with this is that we have a ring coming and then we have this shape coming, and then we have the jokers trouser also in the same place. So this point here is an intersection, which is not good. It would be better to have this ring slightly visible there, something like that, or maybe have the ring further going up, so it's not feeling uncomfortable. That it feels like almost like a mistake now. So it's good to avoid these, and even this here is a little bit too small that negative space. So I would make sure if I have a bit more time, I would refine these negative spaces as well to make sure that they read well. Like here, we have a nice negative space there as well. These are working really well. So I don't feel like there's a clashing between them. 9. Adding Type: All in all, I think with the image and the composition we are already doing quite well, and I'm going to just very quickly show you how I would add the typography. For that, we can use the type tool, and with the type tool, we just click somewhere on the image, and then I'm going to just type in a capital S. Actually, we need to have the text selected, make it white, and then let's increase the phone size to something like that. Okay. So we have the first letter there. I actually had another shape here, which I'm going to very quickly create in the background, new layer, less so tool. I'm just repeating the same things that I've done before, so I'm going a little bit faster. I'm going to create this shape. Okay. And then we can feel this on this new layer with a color, maybe using an orange. The typography, if we go back to our text layer now has a place where we can put it. So I'm just going to place it somewhere around here. I'll just make it slightly bigger, and for this, we can also use the free transform tool. Just have to make sure you drag one of the corner points, otherwise it's going to stretch it. And by the way, whenever I'm going back and forth, so I'm redoing undoing things, I just tap with two fingers so that's undo and with three fingers, you can go ahead, so that's redo. Now, I'm going to duplicate this layer, and there's also another handy shortcut for that. With the touch shortcut, you just press and then drag to the side of it and then drag the shape or the layer that you have selected. So that's a quick way of duplicating something. Let me show this again. So if you just hold down the center of the touch shortcut, with that, you can constrain the movement. So that's like holding down the shift key. But if you then drag to the site, that becomes the alter option key, which is to duplicate. So what I'm going to do now is to double click on the second one, and this is going to be a, then double click on the thumbnail of the third one, that's going to be. Then I'm just going to very quickly duplicate this two more time as one and another one, and then this one is going to be L and the other one is going to be the top one is going to be. The reason why I created them all in separate layers because I wanted to create this more dynamic composition on the text. So we can place the L somewhere around here, the somewhere around there, and then the M can go somewhere around here. Now, what I want to make sure is that it will definitely read in the right order, so I don't want it to be too complicated to read. Now, I would like to just create a little bit of interaction on the text, so they are not just sitting on top of these images. So first of all, maybe the M. I can move further down in the composition. I think it would work quite nicely behind that shape. So here you can see that's quite nice. Make sure it's still legible, so don't hide it too much. I'm just going to keep one of the details behind that shape. And then what I'm going to do with the letter I is to add a mask on it. I'll lay a mask. Use the brush tool set the brush up, make sure it's hard edge brush, smaller size, and then all I'm going to do here is to paint over it and make it look like it's hidden under the jacket I gets smaller as well. Yeah. Something like that. Then an additional layer on top of this clip it, and then just simply on this separate layer, we can paint over the top. Okay. And keep adding on it a bit just to create that depth effect. Something like that. You can see it feels like the is under the checket. With little bits of tricks like these, you can create a more unique, interesting composition. All I would do after this is to refine things and obviously add the additional put on a happy face on the bottom right. But essentially, these were the techniques I wanted to show you and you can see that we could create a composition on photoshop for iPad quite quickly and efficiently. 10. Conclusion: Well done for finishing this course. I hope you had just as much fun going through it as I had recording it. And of course, don't forget about the class project. Because remember, practice makes perfect. I can't wait to see your work, so make sure to submit it. And in case you like this course, and you would like to learn more from me, then there's plenty of other courses that you can find here. Go and check them out now. I can't wait to meet you in the next one.