Create Dimensional Signage Typography in Adobe Illustrator

typography signs This is a topic that many people are looking for. star-trek-voyager.net is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, star-trek-voyager.net would like to introduce to you Create Dimensional Signage Typography in Adobe Illustrator . Following along are instructions in the video below:

“And welcome to another every tuesday tutorial in this week s tutorial. We re going going to be creating some dimensional signage. Typography together so exactly what you see on is what we re going to be creating. I m going to show you how to create the typography and then depending on whether or not you want to text your behind it or not the colors will change very slightly.

So i want to just make you aware of a couple of things there this texture is from my mega paint streak pack it s number 17. So if you have the pack that is this texture and i ll leave a link in the video description. If you want to check those out the font that i m using is a free font. It s called novecento stands wide bold in the normal weight.

And that is also in the video description so just click. There and then you ll get to everything i m going to take you through the colors and then we re just gonna happen and get started so if you are just putting it on a white background. These are some colors that are harmonious that ll work pretty well and look really believable from far away. And the whole point of this tutorial is to seem kind of like signage.

So you ve got dimensional typography. So it s 3d type. So you ve got thickness to your letter. But then you have a long shadow that extends in the opposite direction.

And it emanates from behind the letter. So the shadow is cast from where. The letter is affixed to a wall versus just coming off this top part right here. Which makes it seem a little more believable so i ll show you all the angles.

So you can get everything right right there if you re putting it on a white background. The shadow color is the one that i d suggest versus a darker one over here. If you re on a texture. So i m working an rgb for this just because it s a lot more vibrant on screen for you so that is what you re seeing over here.

The color builds. So this is the main letter color right here if you re working on white..


This is the three dimensional aspect. This is the shades of that 3d aspect and then this is the shadow color and then over here. Everything is the same except for this top color. It s a little bit lighter.

So there s more contrast from the background color right here. So this is the color of the actual letters. This is still the same as that color for the 3d. Part and then the shades of the 3d part and then this color is for our shadow.

But we re applying a multiply blend mode right here so you can kind of see the texture peeking through so it feels believable okay. So we re just gonna jump right in and we will set this type out so get ie t. Here to represent kind of the abbreviation for my website. Every to stay calm and black here letters are definitely way easier to start with versus curved letters.

So these are really good letters to start with if you re just new to this so i m gonna hit t on my keyboard and i m just gonna put e t and make these nice and big for you so you can see what s going on here. And once again the fun that i m using is novecento sans wide and it s in the normal weight right here or you could go to medium. Either one is totally fine. So i ve got the normal weight right here and the next thing.

We re going to do is we re going to expand this so it s no longer editable text. So just a heads up about that so i m going to go type create outlines and that makes it shapes now instead of editable type. So now i m gonna come in here. I m first going to color.

My letters right here and then we just need to create this dimension. So it seems more 3d. So it s got the thickness to it so i m just gonna hold all on my keyboard. Which will make a copy and then just click and drag out until you kind of see a good angle.

I m going to keep it right here so it s not too extreme. So it still feels believable okay so from here..


We need to make a copy of this top one right here so all you re gonna do is hit command c. Or control c on a pc to copy it and then you re gonna hit command f or ctrl f on a pc to paste it on top so now i ve got two of them right here and i ve got one right here. And i will let you know why i did that in just a second you ll see exactly why so the next thing. We re going to do is come over here to our blend tool.

So just double click on that and when this pops up this is my own personal method. Um. If you have a different method for this by all means go ahead. But this is how i do this so specified steps i up this pretty high.

So i can even go to 75 here you just want a large number so when you transition from one to the other it looks smooth because you have so many copies in between so then i m gonna hit ok and i m just gonna click once on this top copy and then click one more time on the spot em copy. And that will create a blend between those two copies. So now what i do is with it selected. I go object and if expand is available right here i hit expand.

If it s not then i had expanded appearance and then i come up here and go expand and that divides all those individual copies that we just made those 75 copies. It ungroup all of them so now you can see there s a ton of stuff right here. But now we want to merge them all together. So they become one shape instead of a bunch of copies.

So i use the pathfinder palette to do that and if you don t have your pathfinder palette. Over here. You can get to it by going window pathfinder and then you re just gonna hit this icon right here for unite. So hit that once sometimes it ll take a second and now you ve got one shape with that nice smooth transition and now we re just going to send this to the back you can right click arrange send it back or you can hit command shift open bracket and that will also send it all the way to the back nothing looks like it changed.

But remember we have this copy remember how we had those two copies on top. This is the remaining copy now we can color this kind of 3d shade right now by coloring it right up here so now we look like we really have some good dimension going on so we re gonna save these extra shaded parts for last so the next thing. We re gonna do is just create that shadow that we need so i m gonna click on this top copy. I m going to hold alt click and drag until i hit this position right here from your shadow.

Remember how you dragged it down before you re just gonna drag this copy to the exact same spot and then you re gonna hold alt click and you re gonna drag in the opposite direction so once you have that now we re gonna blend these two together and it s fine if they re the same color right now. But if you want to be able to tell them apart a little easier you can definitely color them a different color..


So you can see everything so then you re just going to come back over to your blend tool click on that click on one copy click on the other copy that s going to blend together. Then you re going to come back to object expand hit ok. And that s going to divide all of them up and then you re going to over here to your pathfinder hit the unite. I con and now their one shape.

And then you can send them to the back okay so that was a lot to get through. I realize i m going kind of fast. But you can always pause. If you need to go back a few steps okay so the next thing that we re going to do is put in these extra shadow parts on the 3d aspect of our letter.

Just to make it look a little more believable. So. What i do is i just come in here with my pen tool so i hit p on my keyboard you want to make sure that your smart guides are on because it ll be a lot easier they kind of snap. As you re drawing especially for block your letters.

It makes them a whole process way easier. So. If you don t have your smart guides already turned on definitely do that so just go view smart guides right here and make sure. This is checked okay.

So i ve got my pen tool right here. If you don t have yours on yeah. Just hit p and it will be on and then i m just gonna click here and it s kind of gonna snap right into the anchor point right there click there click there there in there and that s close and i need to eyedropper that darker color. So now that adds that bit of shade right there that shadow so now i m gonna hit p on my keyboard return and then come to all of these if it s hard to hit that anchor point.

If you feel like you re not hitting the exact spot just zoom in and you ll be able to see everything it will snap a lot easier so i m just going to come all the way around here and finish up doing the rest of these okay. And if you re ever unsure. Where you should be putting these shaded areas you always want to consider the direction that your light source is coming from so since my shadow is going off this left side of the letters that means my light source is kind of right up here. So anything that s kind of hitting the light rays right here since this is the underside of the t and the e right here these ones would be in the shade.

Because these left kind of top sides are what are getting hit by the light rays. So that s just an easier method for thinking about where you need to put those shadows..


And where the highlights hit okay. So we are pretty much done right here. If you want to add a texture then just drop it right in here once again this from my mega paint streak pack and you want to make sure. It s sent all the way to the back.

And then this doesn t look believable right now. But once you apply let me make this a little bigger here. Once you apply a multiply blend mode to your shadow right here you can do that coming over here to your transparency palette. You can get to that by going window transparency and you just want to toggle this little normal drop down down to multiply and then you can see everything kind of pops off once you do that so you can see everything really well and the texture is kind of coming through that shadow.

If you are not using a texture. I would recommend just keeping it a light color. So whatever color your background is you just want to be a little bit different than it and then it ll look more believable as a shadow. So that s how to create dimensional signage.

Typography using adobe illustrator if you enjoyed this tutorial. Please subscribe. I release a new design tutorial every single tuesday and don t forget to head on over to my blog. Every tuesday dot com.

For even more design. Tutorials and a bunch of design. Previews. And once again all the links to everything.

Mentioned within this video is right in the video description thanks again for watching. ” ..

Thank you for watching all the articles on the topic Create Dimensional Signage Typography in Adobe Illustrator . All shares of star-trek-voyager.net are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.
description:

“All links + colors mentioned available here: https://every-tuesday.com/signage-typography-adobe-illustratornnIf you enjoyed this tutorial, please subscribe! Check out past tutorials + pick up design freebies over on my blog here: https://every-tuesday.comnnYou can also follow along on Facebook: https://www.facebook.com/everytuesnnInstagram: https://instagram.com/everytuesday/nnPinterest: https://www.pinterest.com/teelac/nnand Twitter: https://twitter.com/teelacunningham nnThanks for watching!”,

tags:
3d, 3 dimensional, dimension, dimensions, signage, sign type, sign, typography, text, adobe, chunky, shadow type, shadow, type effect, text effect, how to, d…

Leave a Comment