Logo Redesign Challenge: 3 Creative Styles in 15 Minutes

1. Introduction: Logos today are getting way too serious. You know them. You love them, but it's time to bend the rules and bring back the fun. Hi. I'm Hadija, but you can call me Dija. I'm a graphic designer and a top teacher here on Skillshare specializing in branding and packaging Slig. In this class, we're remixing classic logos into three playful styles, vintage, retro, and 80s action figure. I'll walk you through quick tools and tricks in Illustrator and Photoshop, so you can transform any logo in just a few minutes per style. This class is short and fast paced, so it's perfect for any designer with basic Photoshop and Illustrator skills. Anyone who needs a creative break or experienced designers looking for fresh logo inspiration. Not only will you learn three new logo styles in just 15 minutes, you'll get some break out of design ruts, flex those creative muscles, and remember, logos can actually be fun again. I'm so glad you're here and I can't wait to see how you remix your favorite logos. 2. Logo Style 1: Vintage: So the brand I'll be using in this exercise is Rolex. I have pre prepared mood boards for each style that will help guide me. I just pull these off of Pintres. These can be movie posters, book titles, stamps, badges, et cetera. You want to identify certain details. Maybe it's the font, maybe it's the texture, maybe it's the stylistic lines around the type, and you want to incorporate those details into your reimagined logo. Okay, so I'm here now on Illustrator, and I have Rolex here typed out in a bunch of different fonts. This is motorino. I think it just fits the overall vibe and the references from my mood board, and I love the detail on the R. I think we can work with that. What I want to do now is I want to complete the loop of the R. Kind of don't like how it just stops there. And I might also increase the size of Olex just a little bit. So it kind of looks a little bit more balanced to me in comparison to the R. Now, what I want to do next is I want to create an icon for the crown. Alright, so next step, I want to start adding color, and I want to start adding the oval devices that were in my moodboard and also have different variations of the logo, one as a full logo, and one with monogram and one with maybe a slogan or a text around it. Alright, so these are my three final Rolex logo variations. And the last step that I want to do is to take you on Photoshop so we can add that vintage bad print effect, and that's what's gonna really give it that old time feel. So let's go do that. Now, this is the way I like to add a distress letterpress effect to my type. I'm going to focus on the Rolex layer right now. Okay, and now we want to add, like, a scratchy texture to it. Mm hm. And you want to save this texture as a displacement map because we're gonna use that later. Press Okay, and it's going to prompt you to put in the displacement map. Okay, and then I'm going to go to effect and inner shadow. And then when you're happy with the effect so far, you want to start copying the effect onto the rest of your layers and adjust the values accordingly. And for a very, very last touch, I just go to my oval device here, go to filter, filter gallery, graphic pen. I just added a final hue saturation layer here just to give it that washed out effect a little bit, and this is the final look. 3. Logo Style 2: Retro: Alright, so for my retromodbard, I like the idea of playing around with the extension of the first and last letters, adding some retro offset paths around the word mark, and playing around a little bit with the colors. So from my collection of fonts this time, I think I want to use this condensed, bold San sera font. And what I want to do is I want to extend the leg of the R, extend the leg of the X, and kind of conjoin them together. And then I want to play around with, like, cool, multiple offset paths, play around with strokes, add some cool colors to achieve that retro 70s hippie effect. I want to start adding offset paths. And sent it back. Mmm. Now I want to take you on to Photoshop to add, like this bad print half tone retro scratches effect onto it just to give it a little bit more of a retro vibe. And you can play around with a slider, but as you can see, the more you add, the more it becomes extremely distorted. So I'm just going to stick with five. Then you want to go again to filter, pixelate Color half tone, set the max ratus to four and the rest to 45 degrees. And then you want to go to the little blending options next to Color half tone, double click on it, and go for soft. Now, in order to give a more distressed look, you want to separate the black strokes from the image. Now, to do that, you want to turn off temporarily your color half tone by clicking on the eye icon and convert your image to CMYK. Don't merge and don't rasterize. And then you want to go to channels, and you want to make a copy of the black color channels. So drag it onto the plus line down below, and it's going to duplicate. Then you want to go to adjustments levels and make that black really prominent so it's able to pick up on it. Then hover over the thumbnail window and on your keyboard, click and hold Command. So it selects it. Then go back to your layers and layer mask it. Now, in order for it to be a little bit more accurate, you want to undo, so it still selects the black channel, and you want to go to select, modify, contract, make sure it's at one pixels, and then mask it again. Now, you want to turn on your color halftone and convert your image back to RGB. Then go back to your channels and then select the black copy again by hitting Command. Go back to your layers, click a new layer, inverse, and then color fill with black. This way, the black color channel is now separate. So when I move it, you can see that I have this distressed effect a little bit. If you want to make the speckles a little bit more apparent, you can do so by filter, sharpen, unharp mask. And there you have it. Mm hm. 4. Logo Style 3: 80s Action Figure: For my 80s action figure style moodboard, we're going all out. We're going to envelope warp, add gradients, add long shadows, and go the whole 9 yards. Okay, so for this style, I'm going to go for a slab sera font. So this is Alpha slab. This looks like the most similar one to the current typeface, but we are going to completely transform it. So first things first, object, envelope distort, make with warp. I'm going to go with arch at 30%. And then with my selection tool, I'm just going to bring these points up. Okay, now that we have our base and our warp, I'm now going to add some long shadows. You can do this in several ways. One way is add a stroke effect transform, move one point horizontally, and one point vertically, then add your copies. You can always go back to appearance, click on Transform and manage your shadows. Or you can do it another way, and this is the way that I'm going to do it today. Effect three D materials, three D classic, extrude and bevel. I'm just changing the colors here so I can see which is my foreground, which is my background. Okay, so I just separated my foreground type here from my shadow because instead of the two other styles, we're going to actually be coloring this on Photoshop, where we're going to add gradient maps, Bevel and embossing inner shadows, et cetera. So I'm going to copy these separately onto Photoshop. Okay, first up, just hide the shadow for now. We're going to add it on later. And then go to Effects Bevel and Emboss. These are the values I have right now that worked for me, but you can play around with these You can change the style from linear to diamond. You can change the angle if you want the shadow to come from the right instead from the top. You can also play around with the scale here. I'm going to go then to adjustments, curves, and I'm going to make an S curve here. Just eyeball it. Go back to your layers, and then I'm going to go to adjustments again and gradient map. This is where you basically add the color to your typography. So this can be anything of your choice. This is just what I'm going to go with. And then you want to turn on your shadow again. For the final touch, I just want to add some noise to the gradient. Mmm 5. Class Project: Now it's your turn. Pick any famous logo you like and reimagine it in a brand new style. When you're done, upload your project in the project gallery as a JPEG file 12 80 by 720 pixels, and don't forget to show a before and after so we can all see your creative transformation. So have fun with it and make it your own. 6. Thank You: Thank you so much for taking the time to take this class. I hope it served as a quick and fun design challenge for you, and I'd love it if you left me a review down below as it helps others know what expect from this class. Good luck, and I can't wait to see your logo makeovers.