Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:13Length:1.7 hours
  • Overview
  • Transcript

2.3 Logo Design With Gradients

Everyone loves gradients, right? In this lesson you’ll learn how to create gradient-based logos, primarily using only two colours: black and white.

2.3 Logo Design With Gradients

[MUSIC] Okay, so we're gonna jump onto our third artboard. This is really, really cool, I love this. We're going to look at gradient logos now. So sometimes you see logos and they have a gradient to them, and they blend really nicely over different colors. So a good example would be the Adobe MAX logo. The more abstract one that was made out of lots of different triangles. Very, very minimal, and it was all made up of gradients. So when you lay a color or any image behind it, it doesn't matter what it is. It looks fantastic and it works. So let's start by creating a polygon. So we'll left-click anywhere on the artboard, and of course, we can specify the number of sides, so we'll go for three. Now the radius does determine the size, but let's not worry about that because we can just click OK, and just scale up from the corner holding Shift. Now what we're going to do is click on the gradient panel on the right. If you don't see that, don't worry, just go over to Window and down to Gradient. And if you click anywhere on that slider, you'll get the default black to white gradient. Now, of course, we can left click on this shape, hold Alt+Shift, and drag out. And we can repeat this last action with Cmd or Ctrl+D so you can keep doing this if you really wanted to. And I think, let's rotate this. So we'll select everything, and hold Shift and rotate from one of the corners. Now if I drag over everything, we can change the transparency blending mode from Normal to Multiply. So if you use Photoshop, these options will seem very familiar. And there we go. We've kind of got a W logo. So let's pretend that this is a fictional company and the logo is a W. We've gone for a really minimalist approach. Now what using multiplier does is it just blends those together so they kind of overlap with each other, and we can of course, we'll bring these in a bit. Now, if I manually start adjusting this, the spacing, of course, you can see, isn't equal on each. So we'll just select everything and from the Align panel, go to the Distribute Object section, and select Horizontal Distribute Center, and it will space these equally apart. So now, if I select this, you can see this is still made up of black and white. Then we have the multiply blending mode. So let's just go and add a background color, With the rectangle tool. And it's given us a gradient. So let's just go and pick a swatch. We'll double-click any swatch. And we'll just adjust this, like so. And then go to Object > Arrange > Send to Back. And there you go because we have the black and the white. So we've not introduced any color. Whatever color you lay behind this, it will blend in really, really nicely. So if we go back to the Swatches panel, and we change this global swatch, You can see that this is background color proof, essentially, and we can do a whole bunch of different things with it and it looks really cool. And we can, of course, go back into each shape, and we can adjust the rotation, we can reverse the gradients around, So we've got lots of flexibility. Let's try changing the angle. So something like that, and then of course, if you do want to, you can double click on a swatch in the gradient and then go and add colors as well. In fact, what we can do is we can actually use the eyedropper tool. So if we select one of our original shapes that had a black to white gradient, we can actually eyedropper tool this. And it will copy those same gradient settings, and then of course we can go back and start reversing and rotating. Now, of course, we've introduced a specific color. So if we do start changing the background color, now we've got to be conscious about how these two colors blend together with the multiply blending mode. So if we start changing this background now, Which I think looks really cool. So you can see, we're not working with just black and white in here. We've kinda got this really, really dark blue swatch over here that we used to white instead. And now we've kinda got this sort of coral-y color background in. So those two colors are blending together. Yeah, so I think this works really, really well. So it depends entirely what you're going for, but that is one way that you can use gradients within your logo design to just make something that looks really, really awesome and works with a variety of different backgrounds. You can do this with circles as well. In fact, I mean there's some fantastic logos out there that use all manner of different shapes. And just combine them, In various ways, With various colors. And you can even use the same color, and then where the shapes overlap, you've got that multiply blending mode set. Obviously, that's not the most interesting logo in the world. I'm sure what you create will be much better. But anyway, there's a few tricks and tips about how you can use gradients and the multiply blending mode to create logos that work against a whole different amount of backgrounds, and that just look really cool.

Back to the top