Monday, March 25, 2024
How to Create Super Slow Motion Effect in Adobe Premiere Pro CC (Optical Flow vs Timewarp)
How to Create this Simple Intro Text Title in Adobe Premiere Pro CC
INTRODUCTION
Hey guys in this adobe premiere pro tutorial i'm going to teach you how to create this simple and clean text title intro so to begin i just have a clip on the timeline and i'm going to grab my type or text tool and make sure you're in the program window up here and you can click and begin to write out your text i can just write in whatever i want and you'll see that has created a new graphic layer
TIMELINE
wherever your timeline was so don't worry you can always move this wherever you want and you can make it as long or short as you want past what it is by default so what we want to do next is open the essential graphics panel on the right hand side if you don't see that just go to window and you can open up the essential graphics panel and here you see that text layer we created that says music video title so the first thing we're going to do is choose the font that we want
OWN STYLE
so i like to just keep it really simple and clean with a solid all caps style for this one i'll just use arial black just a nice bold and big text and there's a few ways you can align and adjust the text so i'm going to increase the scale i want it to sort of fill the whole screen and if you want to bring it back to center you can click on these align horizontally and align vertically buttons so that fills the whole screen so right now the switch is like at zero but i can even make it squished in for more you know modern look you can even space it out if you want for that sort of look this is where this you can add your own style to it
TIGHTEN
so i'm gonna sort of tighten it in center it and you can also adjust other things such as the proportion in the scale so right now it's linked to to scale proportionally but if i uncheck this chain or length button i can make it you know wider than it is tall or taller than it is wide that's an interesting sort of graphic design stylistic choice and then you can just adjust the size of the font if you want to keep the proportion instead so you know here we have a little bit more wide feel and look and that's why a simple clean fawn like aerial work so you can try futura or helvetica and play ground with the different uh font families
DIFFERENT IDEAS
so this is aerial black but if you're just in regular aerial you have options for bold or bold italic you have different ideas here the font choice is really what's going to make or break the title since it's it is very clean and stripped back now the next thing i'm going to do is add a little subtitle text so there's a lot of ways you can do that you can right click and duplicate on whatever the first thing you've created was and move it down and then adjust the size of the font rather than the scale to get sort of a proportional thing and then just change what it says so now you have the same thing
HOLDING SHIFT
so if you highlight both of these layers together by holding shift and clicking them you can adjust multiple things about them like if you wanted to change both of the layers color to a different color or whatever sometimes white works yellow works both of those are cool also if you're working with a clip that is very bright and you're using white text you know it might be hard to read some things if it is a very bright shot in that case you can consider changing the color so you can either consider changing the color or you have options to add a shadow so you have this shadow text here i like to be careful with this you know it can look a little bit cheesy if you add too strong of a shadow or a stroke
OPACITY
so you can lower the opacity a lot and increase the shadow sort of feathering a lot in these options just to get sort of a subtle separation so you can read it but so it doesn't look too much like a default layer style now something like this could serve you very well for many different videos even in its default state so simply cut the title on whatever shots are happening in the background and then cut the title off and then you can do like several variations of this title but if you wanted you can also add very simple animations on this so you know if you wanted
DIFFERENT TRANSITIONS
you can right click apply the default transition that will be a fade in if you wanted you can also go to the effects panel and do different transitions such as a crop or push so let's let's do a wipe for example that'll be like a wipe in and you can make these faster or slower and that adds a little bit of flexibility to it too and if you even wanted to try something a little bit more advanced like the example i showed in the beginning we can even create another new layer
COMBINATION
so i'll grab my rectangle tool and we can make like a little animation line so i'm just going to make a little line here it's like a really thin rectangle and i'll bring that over and then with a combination of keyframes we can make it appear as though it's wiping on so i'll go to the effect controls panel and i'll add a keyframe on the position at the very beginning so i'll click the stopwatch icon and make it go all the way across the text like it's scanning on and you see those are keyframe one and two
INTERPOLATION
so if i play that that's what happens you can even do something like right-clicking the keyframe going to temporal interpolation and easing in and easing out of the keyframes so that sort of gives it a little bit more velocity or a change in velocity and then you can add something like a crop effect onto the original layer and go to the very beginning again and make it crop in from whatever side so in this case the right i'll increase the percentage all the way to like 100 add the keyframe at the beginning and this is a little bit tedious or done by hand but if you just use the arrow keys
FEW KEY FRAMES
i'm going to use the right arrow key on my keyboard you can arrow over until you see that line up here then you can highlight the right percentage amount and then you can use the down arrow key to lower it so you could just go like a few arrows to the right highlight that a few arrows down and repeat this process until the end if you hold shift and down that'll make you go instead of one percent at a time ten percent at a time so that's a little shortcut for you and we can just bounce a few key frames at a time and it'll blend these in layers
VELOCITY
so a little tedious maybe but if you get the hang of it it can be quicker and boom we have the animation now if you play that back it should look pretty smooth if you did it if you didn't skip around too much even with that change in velocity and if you wanted to do the same thing for animating it out a simple trick that you could do is uh just copy both of these layers command c command v or or you can just hold option and paste it um if you're if you're wondering why it pasted over
NESTED SEQUENCE
the original layer that just mean you just have to untangle the track targeting to tell premiere which layer to paste on and then i can simply highlight both these right click and nest them together and then right click on that nested sequence go to speed and duration and press reverse speed and that'll basically flip it in reverse the other way so if i want i can just crop over just to this part i want and that'll be like the end of the transition
LINE OR ANY ANIMATIONS
so if i play there's the simple music video title and uh you can play around with with the duration and the text and the color and all that but even without that line animation that was just something a little bit extra advanced for you if you wanted even without that line or any animations just a simple cut in and out keeping it clean and simple like this should serve you well a lot of times and it's very useful to be able to construct a simple and clean title and not everything always has to have like crazy 3d animations and fonts and things
PROFESSIONAL MUSIC VIDEOS
you see many professional music videos don't even have the animation or anything just they just cut in with a very simple full screen title white simple clean font and cut out of that and go into the video works especially well if you know you have a high quality video in the background so that's enough about that if you've enjoyed this video and you learned something
CONCLUSION
you can check out hundreds of more on the playlist on my channel and subscribe to stay tuned for all my new videos my name is justin odisho you can find more resources online at my webshop www.justinodshow.com shop and follow me on social media at Justin show if you want to reach out or keep in touch thanks so much for watching and i'll see you in the next video
5 Time Saving Video Editing Tips in Adobe Premiere Pro CC Tutorial
INTRODUCTION
here's five quick time saving tips while editing in adobe premiere pro number one when you're playing back footage you can press l to double the playback speed so spacebar is start and stop but pressing l while it's playing goes to time speed and allows
FOOTAGE BACKWARDS
you to listen through to let's say a long podcast interview you could still understand what's being said but you don't have to spend twice as much time reviewing the footage you can just listen to it in double time and make your cuts and marks where you need to you can also keep going by pressing l multiple times and that will let you scan footage faster and you can even hold shift and l that will increase the playback speed in smaller increments than just two times additionally not as much used is pressing j that will begin playing the footage backwards
CUTTING FOOTAGE
i don't use that as much but double time playback speed especially if you're reviewing long talking segments will quite literally save you twice as much time reviewing and cutting footage next we have this little red arrow here or when you're placing a jpeg or something of that sort so i have this red arrow png if i drag this onto my layer on my timeline i can increase the scale or decrease it
MOTION EFFECTS
i can mess with the rotation and move the position around in the effect controls window under the motion effects and you know typically this is how you'll play something with these sliders but a much faster way and more intuitive to do things instead of the sliders is just highlight the motion tab here make sure you're in the program window and then you can just move and drag stuff around as if you were in photoshop or a program
DRAG AND DROP
like that so you can shrink things like this you can rotate like this and it's just a lot quicker to drag and drop things or text or shapes without needing to do the x and y axis of sliders so this should be able to save you a lot of time not only can you do this for just like if you're let's say you're animating you can click on the keyframe here you can move around and then you can sort of do your animations in this way and you see this little blue line happens showing we're going to be moving from there to there you can also do this for a lot of different effects
ADDING A CROP EFFECT
so let's say i am adding a crop effect onto this clip if i highlight the crop effect and make sure i'm in the program window again i can visually see things rather than having to do things with sliders so nothing wrong with sliders but just this visual cursor way can be really useful for certain things also bonus tip if you can't see the whole working window sometimes you can just zoom out like 50 and you can get access to those bounding box especially when you're working with masks or effects in this way tip number three this one might be something
TRIM AND RIPPLE
you're familiar with but if you're not it's probably one of the most useful is the ripple trim and ripple delete tools so let's say i just want to trim off this first portion of the clip normally you know you'd press c to activate the razor tool maybe you'd create some cuts press v to activate the select tool and then delete them now you have this gap in between the clips now notice i can actually click and highlight this gap and i can just delete it that's very useful that's the ripple delete tool but if i press command z and undo also a useful tip instead of sometimes having to just drag things back together snap them in place and that's happening
TIMELINE THE MAGNET TOOLS
because the snap in timeline the magnet tool is on you can turn that off if you don't want things to snap in place another thing you can do is just simply use the q and w keys on your keyboard so q will just trim the end of that clip and automatically move everything over and w will trim the other way so we'll trim forward and bring everything over uh sort of skipping over all two or three of those steps so q is to ripple delete or trim to the left w trims the right portion of the clip and moves everything over and if you ever have a large gap in your footage just highlighting that gap and pressing delete deletes it and moves everything over keep in mind that this v1 v2 track targeting
HIGHLIGHTED
whatever one of these is highlighted blue is what will be considered the trim over points or the point that things snap back into next up you might often find yourself having to fade in audio or fade out audio or fade between clips and one of the most useful tools that you're going to reach for is just simply right clicking on a clip and applying default transition for audio that's just a constant power
ZOOM INTO THE TIMELINE
so it'll just slowly fade out the audio and for video that's a cross dissolve so it'll just dissolve from one clip into the next and for like half of your transition needs you're just going to be either using a cut or a fade or a dissolve if you're not fading between clips let's say you're at the end of a clip it'll just fade out so it'll fade to black and you can see as i zoom into the timeline this little yellow piece of tape i can extend it to make it longer or shorter and if you're ever in the effect controls panel you can adjust the placement of it between clips
PRESS COMMAND
so in this case it fades to black that can be a really useful tool and a shortcut for that is just command d if you highlight the clip and press command d it'll apply the default transition if you highlight a bunch of clips and press command d it will create default transitions in between all of them also a little bonus in the video transitions folder in the effects panel you can actually choose any one of these to be the defaults so you see right
BLUE BOX
now cross dissolve has this blue box around it that means that's the default but let's say i wanted to do dip to black i can right click and set that as the default and that will be the new default transition for video of course lastly while we're in the effects controls panel another really useful way to save time is to create presets of whatever effects that you often use so i have a whole tutorial on how to create a preset and on my channel i have hundreds of effects and transition tutorials step by step that you could turn into presets
WHOLE TRANSITIONS
so for example i have a whole transitions pack on my website where you can just drag and drop these presets on your clips and it will automatically create transitions for you so you have two options there you can go through my tutorials learn how to save presets save presets of your own or if you just want to skip all that i've already went through all hundreds of my best tutorials and effects and packaged them down into my preset packs and effects packs which are available on my website shop justinodisho shop
CONCLUSION
if you just want to save time get all of my dozens of effects and transitions and just import them in and start drag and dropping and not have to watch and create presets my name is justin odisho you can check out hundreds of more free tutorials on my playlist with more tips thank you so much for watching and i'll see you in the next video
How to create a Halftone Duotone Cutout Effect in Adobe Photoshop
INTRODUCTION
Hey Guys in this Photoshop tutorial I'm going to teach you how to take your regular photo and turn it into this cool halftone duotone style cutout effect so let's begin just working on our original photo and our life is actually pretty easy here because Photoshop has all these automatic cutout tools so although you could use the polygonal
POLYGONAL
so tool to get a rough sort of cut out like this you know that's one thing you can do in this case I'm just going to highlight the object selection tool and I'm going to just create a rectangular Marquee around the subject so if this doesn't work for your photo if your photo is more complicated then you can use the other options so in this case we've got a good selection there is just this little chip on the shoulder of the jacket and in that case I can grab my polygonal lasso tool or other lasso tool just make sure
SELECTION MODE
I'm working on add to selection mode up here in the toolbar and click and just sort of fill in that patch the nice part is we are not worried if it's not an exact cut because this is a cut out style anyway the next thing I'm going to do is go to select modify expand so in order to get that rough cut out look I'm going to expand the selection by something like 10 or 20 pixels it just depends on how big your original photo is but you can see now we've got a little bit of a breathing room not so right up on the edge of the person the next thing
SMART OBJECT
I'm going to do is right click and layer via copy this is going to take our selection and copy it onto its own layer and then we can begin working with this copy so firstly I'm going to right click on this layer and convert it to a Smart object so that when whenever we apply effects onto this we can always go back and adjust them later and things are not so permanent so the first thing we're going to do is go to image adjustments threshold and this will just create a black and white threshold and you can move the middle points over or the levels so that you get a decent outline based on the contrast in your selection
SMART FILTER
so something around there is fine for me it's really a matter of taste and I'll press OK and since we created a smart filter a smart object you see the smart filters pop up and we can always double click on this threshold and change it later if we want we can even hide it and this little other button here to the right we can double click to actually adjust the opacity of it or even make it a blending mode so we're not going to do that in this case but that's just a useful thing to know the next thing I'm going to do is add a half tone effect
FILTER PIXELATE COLOR
so I'm going to go to filter pixelate color halftone here I would recommend taking a few moments to play around with what different settings look like the max radius the bigger it is the bigger the color halftones are going to be so if I use something like 15 you'll see what that looks like and then the screen angles and if I press OK you could see what these degree angles look like especially if I zoom in a lot here you can see what happens but I would encourage you to play around with different options of where you want to place the angles so I'm going to go to image adjustments gradient map and here is where we can create any color gradient we want
COLOR PICKER
so whether you want to just play around with the different presets I find that maybe those are not the best or you can just click on the gradient and make your own so typically we can start with one dark color for what was our black or shadows and then a complementary light color this is where you can get creative and choose whatever you want a another quick tip here is in the Color Picker uh normally it's just it's just on Hue mode but you'll also have these other sections like let's say you find a yellow that you like but you want it to be a little bit brighter you can go to saturation make sure it's it's the most saturated or or less saturated yellow or you can go to lightness the L and make sure it's a little bit lighter for more contrast
GRADIENT
so just a quick tip in the Color Picker you can switch different modes to really dial in on just one aspect of one color so once you're happy with your gradient you can press OK if you need to flip it around you can press reverse just in case and in fact there's no reason that it has to just be duotone you can even add like a slight third color it won't really make much of a difference but you can get some of the fringes of that color half tone in a third colors and as a final touch one thing I've done is Right clicked on the layer went to blending options and then press stroke and you can even add like a white stroke on top of this depending on how clean your cutout was this will look better or not and I can press ok
PRETTY SIMPLE PROCESS
now this is a pretty simple process it might took long because I was explaining it to you but once you've done it once you can essentially just repeat this pretty quickly for each individual subject and you can create different colors make each one stand out but in fact if you were going to just put make them all the same color then there's no reason to even cut them all out individually you could just make sure you're working on add to selection mode and you can actually select everyone all at once Photoshop should be able to handle any photo that's similar to this and in fact I can just cut out all of them at once layer via copy and do the whole process here just on the group
CHANGE THE BACKGROUND
so there's no reason even to need to do everything individually and another cool thing is if you've recently applied an effect it'll always be at the top of your most recent filter so I can just click on it and it'll automatically apply that and then I can add whatever gradient I want in fact it looks pretty cool as black and white to be honest but you get the idea it's up to you and another final thing I've done is you can change the background to be something so whether you want to add a color halftone on the original photos background or just make the original background some kind of gradient
PAPER TEXTURE
so you can apply text onto it or something or even another idea is to throw on a different background completely so here's a paper texture scan and I can add that as the background instead and the cool part is when you cut out stuff like this there's no nothing stopping you from rearranging stuff pressing command T to edit transform so I can even free transform stuff move it around to my liking and really make whatever I want out of this cool design style feel free to experiment there's definitely lots of room to tweak things and and slight adjustments on the effects but this is just a basic model and formula for something like this style if you want more Photoshop tutorials tips and tricks
CONCLUSION
I've got a playlist with hundreds of them on my channel so you can check out another one of those And subscribe to my channel here on YouTube to stay tuned for all of my videos my name is Justin odisho thanks so much for watching and I'll see you in the next video
Designing a Promo Poster for the new Astrobrite Album!
INTRODUCTION
hey how's it going everybody yesterday I found out that astrobrite has a new album coming out now if you're not a shoegaze fan then that really doesn't mean that much to you but that's very exciting for me because their last album came out in 2015 and we don't know anything at all about the album other than it's coming out in summer of 2023 which really could be anytime now and I got to think it would be really cool to create like a promo poster for it even though I have no information on the album itself
ILLUSTRATOR
so I have an idea I haven't played around at all with anything yet but I'm just gonna roll with it and let's jump into illustrator and have some fun all right so really anybody who is a kid at heart is going to recognize this logo right here this is the logo for Hot Wheels but Astro bright actually uses their name in the place of the Hot Wheels logo for things like t-shirts and other merchandise and I always thought this was really cool but I got to thinking what's another iconic brand that maybe starts with an A that's also retro and we could easily do something like that for this promo poster and it immediately came to me apple apple starts with an A Astro bright starts with an so we're gonna let this flying apple right here be our inspiration
FAIRLY SIMPLE
I want to do something similar to this where we have this apple and this trail of colors behind it and I got to thinking well what's something that we could utilize there in the place of an apple well here's a picture of Scott Cortez who's actually The Man Behind astrobrite and he's wearing this shirt with an astronaut on it and I thought that's perfect an astronaut helmet so that's where we are so let's see if we can find an astronaut helmet vector and there's a lot of options right here but I want something that's nice and solid that we can easily vectorize here we go I found this one right here and it's mostly solid and since we're using it for personal use I'm just going to go ahead and steal it all right let's bring this into illustrator and this is already fairly simple
VECTORIZE
so we should be able to just hit image trace and it'll just go ahead and vectorize everything for us I don't need those Sparkles so I'm going to get rid of those okay so let's go ahead and scale this down move this over here really quickly and I actually really like the idea of maybe doing the the beige background here that is on this so let's go ahead and set that and what I'm going to do to make this easier is I'm just going to size this down to roughly about right there and I'll go ahead and design our Trail right here and I'll do this horizontally and then we'll rotate it so we're going to use the exact same colors here
PATHFINDER TOOL
so I'm going to hold down option or alt if you're on Windows and just drag this down and then I'm going to hit command D and that's going to step and repeat and we'll do a total of six of them right here and I like to make absolutely sure that there's no spacing in between any of these at all so I'm just going to use distribute spacing so I'm going to select this key object right here make sure this is set to zero and click on vertical distribute space so now we want to make these same bars right here the total height the same height as the astronaut helmet so all we have to do is select all of them and bring them up to right here and make sure that it's the same at the top as well Perfect all right this next part's pretty easy all we have to do is color drop so now all we have to do is select all of these option or alt drag over here select everything including the astronaut helmet and we're going to go to our Pathfinder tool and click on divide
SELECTION TOOL
so now all we have to do is delete everything that is outside of the area of the astronaut helmet and now we want to select everything here and click on divide again and now we can just delete these little circles in here so that way it gives us dimension doing this can be very finicky and also I forgot to mention make sure that you have your direct selection tool selected all right so now these points right here are just looking a little bit too pointed so I'm just going to smooth that one out right there all right that's looking really good okay so now what we're going to do is we need to set this like maybe around here somewhere this next part is going to be a little bit tricky because what we need to do is we need for the outer edge of this shape to cut and Contour into these rainbow colors just like it's doing right here in this Apple logo but the Apple logo is a lot simpler than our astronaut because we have all these different shapes in here
JAGGED EDGES
so I'm going to move this over here and I'm going to duplicate this I'm going to go over here to object and path and offset path and I think something like an eighth of an inch will be enough so we need to align the center of this about with the center of the end of this line right here because we need to make sure that we're cutting and we're not going to leave behind any kind of jagged edges or anything so now we're going to select all of this right here and we're going to click on divide and now all we need to do is go in here and basically delete most of this out where all that we're left with is that Contour and going into your outline mode is definitely going to help you with this all right let's take a look and see where we are definitely going to have to do some cleaning up in here but that's no big deal I definitely should have chosen the simpler design foreign let's delete this one
FEW ADJUSTMENTS
now let's bring this over here and see how it's contouring for us it's pretty good we just have a few adjustments to make inside here and most of these are just going to be color changes so we can go in and just select this with our direct select tool and let's close up this path right here so we can easily make this all one color and what we'll do here is just select these and click on Pathfinder again delete that one on the outside and now everything on the inside here can be purple I need to delete that little sharp line right there all of this can stay we just need to change it to red and this one needs to be changed to red as well and this one to Orange
SMOOTHING
now this will be a little bit tricky because we need to just bring this over here with our direct select tool that's good and now we'll just bring that one over and I'll just add this right here so that we can smooth that out a little bit since we don't have the option of smoothing this one here is a little bit pointed but I'm not too concerned about that and now we'll just go in and color this one yellow and this little bitty part right here needs to be colored green all right very cool and now what we can do here is just we can you know move it out a little bit to about right there or so looking good all right so now we're going to bring this over here and that looks really cool so now let's go ahead and select both of these and group them together and before we set our angle
GRADIENT STROKE
let's go ahead and type out our text and it's going to be just like the old Apple logo right here so let's go ahead and turn this all right cool and if you're curious the name of this font for the old Apple retro logo is modern tectura by default the kerning on it is pretty terrible so you need to go in and make sure you manually turn it all right so let's select everything here we'll create outlines and I think what we'll do here is add a really cool gradient stroke so let's go over here to window and gradient and this is going to be just on the stroke itself
COLOR DROP
so what we'll do is We'll add a couple of colors here we have a total of six and we'll just color drop from the colors that are in this rainbow here we can't really see it too well right now but we will in just a second after I deselect everything all right very cool so each one of these have their own path when it comes to the stroke however you do have the option of having it Go continuous across the entire text and I'll show you how to do that all right so if you want the gradient to go across the entire text select your text go to object compound path and make and it's going to take away the fill color so all you have to do is grab your eyedropper tool hold down shift and click on black
EYEDROPPER TOOL
now it's one continuous shape going from left all all the way to the right and then we can grab our eyedropper tool hit X on our keyboard to switch to stroke and now just color drop on that stroke and now it's going all the way from left to right now that is really cool and everything but for some reason I just like this better at the top and I think that it fits a little bit more in line with what astrobrite does and you can play around with the angle right here my default is usually 135 and if you want you can reverse the gradient actually kind of like that best so we'll leave it like that and rather than going 100 black I'm going to go like maybe 15 black just to make it look a little bit more retro all right
MEASURE AND FIGURE OUT
so let's grab this and we'll group all that together and I'm going to align this to the center I'm going to grab this whole unit right here align this to the center and I don't want it to be dead center vertically like this so I'm going to bring it to the center and then maybe go like this negative three inches and now we will align this to the very bottom of this and push it out maybe an inch or so that's a little too much maybe like half an inch there we go that's good okay so next we need to do our rotation so what we need to do here is when need to measure and figure out what this rotation is and it's really easy to do that so all we have to do is I'm just going to make this a black stroke right here and we're just going to go like from here to here and then I'm going to create a perfectly straight line going from here to here
LITTLE CROSSHAIRS OVER
so now I'm going to select this bottom line hit r on my keyboard and hold down option and bring these little crosshairs over to here on this side and then that'll bring up our rotation and we will rotate this up to looks like 20 degrees so we'll just make sure that that rotates at 20 degrees all right that's looking great but what we need to do is we need to make sure that this is going to the edge of the paper so I'm going to add a line up here and this is really just going to act as a guide I'm going to lock that line real quick and now I'm going to hit a on my keyboard to activate the direct selection tool and we're going to select just the left side of These Bars and we want to make sure that it stays in line with everything and that's what that line is for all right
NEW ALBUM
now we can hit unlock and delete that so there's our Astro bright poster right there and let's just add something like new album summer 2023 because that's all they've told us all right the kerning is done there and now I just want to bring this up to I actually really like when it's tight like that in between the the lines okay so we'll move this down here to the bottom and then bring it in by like negative one inch or so looking good and we'll set our Anchor Point to the bottom right and we'll just make it go like an inch or something like that all right and let's color drop this black right here with that same that same black color all right so our very last step is going to be to mask the artwork inside of the poster itself so all we have to do to do that is click on our background I'm going to hit copy and paste in front
CONCLUSION
now I'm going to go up here to object arrange and bring to front move this over here just for a second and I'm going to go back to our original background and lock that and now bring this back over and align it to the center and then select everything right here and just do command 7 on my keyboard and that's going to mask everything on the inside of this so there it is our Astro bright promo album for the new album coming out in summer 2023 whenever that is all right well thank you so much for watching I really hope I taught you something in illustrator today if you like this video please hit like And subscribe and click the bell for notifications to be notified of all future videos thank you so much for watching I'll see you next time bye
Saturday, March 23, 2024
How to Make a Vintage Style Poster in illustrator & photoshop
INTRODUCTION
welcome back to design Smith today I'm going to show you how to recreate this vintage style poster using a combination of techniques from Adobe Illustrator and Photoshop before we get started please consider subscribing to support the channel okay so there's a few things that we need to notice about this posture really quickly before we get started and that is it's made up of a very simple gradient background and the text in this is most likely hand drawn
ILLUSTRATOR
so it's not an actual font that actually existed at the time but what we can do is use a combination of techniques and specific types of fonts in order to achieve this effect so right now I'm in Photoshop but we need to get started in illustrator okay so I went ahead and dropped this into illustrator and I've mapped this to an artboard that's probably closest to 18 by 27.
COMBINATION
so that's what I've done here now in terms of the text we have a combination of a couple of different things here this down here is going to be a nice condensed version of the type which is very tall and also very skinny and then when we move to each block of text it changes just a little bit as you can see it's a little bit chunkier right here a little bit thinner right here and now it goes more to a regular weight in these top three right here so for the sake of time I'm not going to harp too much on the specific widths of the type here
MODIFICATION
I'm just going to try to recreate the effect as closely as I can and again for the sake of time we are going to use the most professional font website on the internet def font.com hopefully you heard the dripping sarcasm okay so what we want to do is we want to go over here to fancy eroded this is going to give us the closest look that we're going for in the type without having to do too much of modification on the text and keep in mind not every font on here is free to use
FREE DISPLAY
so if you're going to be using this for commercial purposes this is what I recommend that you do go over here to more options click on public domain do not click on 100% free display 200 fonts and display size large and click on submit and as you can see it took us down to one page so we don't really have a lot of options here however Victor is a really good font right here so let's go ahe and download that and again if you want to use a different category of font that's totally fine just go in and find what you're wanting to use for the poster that you're making heavy equipment is also a good one but it's a little bit too quirky for what we're trying to recreate today
VICTOR INSTALLED
so for this video I'm going to stick with Victor all right I've got Victor installed and let's go ahead and map out some of the type here and in situations like this whenever we're recreating this feel free to manipulate the type if you want to all right as you can see here in the type there's a little bit of a baseline shift from letter to letter so if you want to change that then all you have to do is select the letter and go over here to the Baseline height and you can set whatever shift you want to do there I don't really care too much I think it looks perfectly fine all right
SHIFT COMMAND OR SHIFT CONTROL
so once you have all of your texts exactly as you want it go ahead and select all of it and hit shift command o or shift control o on Windows and that will convert everything to outlines and I'm going to go in here to the word another ungroup all of the letters here and I'm just going to move some of these and just kind of scale them a little bit differently like I said I'm not too worried about it but I don't want the word another to be so crazy different another thing I'm not going to worry about is making sure that all of the words are exactly centered onto the artboard I think that when there's a little bit of a shift gives it more of an organic feeling
APPLYING EFFECTS
so I'm just going to leave it exactly as it is however one thing I am going to do is Select everything and I'm going to double click on my color and as you'll see right here this is at 100% black what we want to do is raise this up to about 10% black and the reason for that is because we're going to be applying effects to this in Photoshop and if it's 100% black those effects will not show up so now let's select everything hit copy now we're going to go here into Photoshop and create a new document
RESOLUTION
I'm going to say 18 by 20 27 at full resolution and now I'm going to hit paste and click on Smart object and hit okay and now that's exactly the size that I want it to be so I'm going to go ahead and hit enter on my keyboard and now what I'm going to do is click and drag this over to here and the reason I'm doing that is because I want to copy the colors that are here so I'm going to go down here to the background and click on solid color and that's just going to give me a black solid color layer
GRADIENT OVERLAY
I'm going to leave it exactly as it is and hit okay and now I'm going to double click on this color fill and that's going to bring up our layer Styles and we're going to go right here to gradient overlay and we're going to leave our blend mode at normal and opacity at 100% so let's go right here and click on the gradient and we need to add a couple of stops here since we have three colors I'm going to add a few more stops and it's also going to depend on exactly the look that we're going for but in general I'm going to do about two stops per color
LAYER CUTZ
so let's double click on the first one and you can just color drop right here that little little pink color and we'll do the exact same thing here but we're going to come down to about where it's right here just to give it a little bit of a shift now I'm going to come down here to Yellow do the same thing here and now let's click somewhere in here to get the start of that blue and now we'll get all the way down to the bottom and as you can see this is actually upside down from what we want so all we have to do is click on reverse and we'll make sure that our angle is at 90° and our scale is at 100 and just hit okay and now we can hide this layer cutz we don't really need it anymore all right
PAPER OVERLAY
so here we are we're done right no we're not done remember we're trying to make this look authentic so there's a few things that we need to do to make it look aged and distorted and the font here already has the distorted piece mostly taken care of but there's a few other things that we can do the first thing I'm going to do is drop this paper overlay right here so we're going to go up here to the top I'm going to go ahead and Center this and we'll rotate this this be vertical and now I'm going to hold down option and shift or alt and shift on Windows and we're going to cover the entire area right here with this paper and because this beige color already exists in the paper it's already got that aged element to it .
BLENDING MODE
so I'm not going to change the color of it but I am going to change the blending mode and we're just going to kind of play around with it and see what's going to work best color burn is very nice cuz it's got that very vibrant look to it and after cycling through all of them I think that color bur is going to be the best looking one but one thing that we need to do is slightly fade it and we're just going to do that by lowering the opacity so down to about 80% looks good to me and this text is looking far too clean so let's go ahead and make a couple of changes here first thing
FILTER DISTORT
i'm going to do is go up here to filter distort and displace and because we've already got some Distortion in the text I'm only going to do a horizontal and a vertical scale of two and you can just leave these to the default settings and let's make sure that we have stretch to fit and repeat Edge pixels and hit okay in my resources folder I have this ink sms.
DISPLACEMENT FILTER
PSD and I'll link to that down in the description so you can download it and just click on open and now it's going to displace those pixels by two pixels using that displacement filter and as you can see here's the before and here's the after it's just giving it that slight bit of distortion around the edges of the text to make sure that it doesn't look too clean all right there's two more things that we need to do here I'm going to double click on my Vector smart object and I want the background of this poster to slightly show through that text so we're going to do a blend if in this area and we're going to leave it to gray
CURRENT LAYER
I'm going to leave the current layer alone and we're going to go down here to the underlying layer and I'm going to hold down option or alt on my keyboard and just select that left arrow and we're just going to bring it down to about right here where you can start to see that fade coming in you'll notice it mostly in the lighter areas so we'll just leave it at 190 that looks good to me and the last thing we're going to do here is add a Gaussian blur so let's go to filter blur and Gaussian blur and three pixels will probably look good let's zoom in and see how it looks all right that's looking really good okay
HORIZONTAL BARS
so there's one thing that we need to mask here and we've got some banding going on so look at these horizontal bars is going across here this is actually a result of using the blend if feature but it's not a big deal so what we're going to do is go up to the top layer we're going to add a new layer and just type in Grain and let's hit shift delete on our keyboard and we'll fill it with 50% gray and hit okay now we're going to go up here to filter camera raw filter and we're going to increase the grain all the way up to 100 and the roughness
VIGNETTE
I'm going to bring it up to about a 70 and I'll leave the size at 25 and I want to add a slight vignette around here - 255 is usually a good one and hit enter and now we've got a nice consistent grain going across our entire art piece and now we'll just change the blending mode to Overlay and as you can see we still have the slight banding going on there but it's not nearly as obvious because we have the grain there all right let's take a look at these side by side and the first thing that jumps out to me is that this is a lot more saturated than the one that we had before so if you want that more faded look and not too saturated
HUE AND SATURATION
what you can do is add an adjustment layer and we'll go up here to Hue and saturation and make sure it's at the top of everything and now we'll just bring the saturation down maybe to about -30 or so and you can play with these however you want to you can even change the colors by going in here and changing the Hue so if you want a completely different look you can go whatever Direction you want to go in and you can even go some in like this this is kind of got some Rob Zombie Halloween Vibes or something but I'll just leave it at zero
CONCLUSION
so definitely take these techniques and play with them a little bit do whatever you want with them to make whatever style you're going for and come up with something that's going to work perfectly for your project well I hope this video was useful to you if you wouldn't mind please consider subscribing to support the channel and I'll see you next time bye-bye
How to Create a 3D Text Effect in Photoshop and Illustrator
INTRODUCTION
welcome back to design Smith if this video has actually reached you that means that I was actually able to finish it I was sick all weekend and I'm still feeling a little bit of the effects of it so I'm not exactly feeling 100% right now so hopefully I can get through this video and then afterwards I'm going to go lay down today I'm going to be showing you how to do this really cool 3D typography effect in Photoshop before we get started please consider subscribing to support the Channel all right
ILLUSTRATOR
so the first thing we need to do is start in illustrator all right so I'm here in illustrator and for your reference I'm using a document that is 18 in wide and 24 in tall okay so I've got my text typed out right here unfortunately I have no idea what font that was because I created this design several years ago so I'm just going to cycle through and see if I can find that same font or just find something similar it definitely works best if you can find a really nice thick font and also because of the 3D look you want it to look maybe a little bit retro you want to look for something that's a little bit on the blocky side but it's also nice and unique to capture that retro feel all right
GIGAL LIPSE
so I think this one is really cool this is called gigal lipse and the first thing that caught my eye on this is that it looks like an old television set from like the 1950s or something so very cool this is what we'll be going with all right so what we're going to do here is I'm going to select everything and let's go over here to character and the first thing we want to do is set it to Optical karing that gives us a really good starting point for kerning this type if there's anything that we want to go in and make some adjustments on we can do that if you want to get even better with kerning check out this video right up her.
CURING EXACTLY
okay I've got the curing exactly as I want now what we're going to do is manipulate this text a little bit more what I want is for each line of the type to be exactly the same width so what I'm going to do is Select everything here I'm going to go over here to type and create outlines and now with everything still selected I'm going to ungroup everything so I'm going to hit shift command and G or shift Control G if you're on Windows and now I can select each one of these lines individually so I'm going to select this top one and group it select this one and group it and this one and group it
ALIGN PANEL
so I think that it's a good practice to get in the habit of doing but I'm going to select all three of these select the top one and go over here to the Align panel if it's not up here for you make sure you go to window and align and then it'll show up over here and we're just going to align everything to the horizontal center now we're going to select the top line and go over here to transform and I'm going to do something like 12 in this number doesn't actually matter all that matters is that they're all the same width so select this one and we'll enter 12 in and same thing with the last one all right
PATHFINDER
so now they're all exactly the same width so now we're going to select all three of these I'm going to select the top one and we're going to go over here to the distribute spacing in the Align panel if you don't see it then go over here and make sure that show options is selected and I'll try something like a/4 of an inch and I think the spacing on that is good now I'm going to select all of this and go over to the Pathfinder and click on unite this is going to make everything one continuous shape this is another way of grouping things together so you can select this and pick it up and now it's all one unit all right
OBJECT TRANSFORM
so the last thing we're going to do in illustrator is go up here to object transform and shear and we want to Shear this vertically and I'm going to do -20° and this next step really is optional I just like to do it because it's a habit but I just go over here to Pathfinder and click on unite that will make sure that all of the effects that are applied to the text are removed while still maintaining the appearance okay so now we're going to copy this and I've got a new document open in Photoshop
SMART OBJECT
so we're going to hit paste and we're going to change this to Smart object and hit okay and I'm going to bring it to about right here I'm not really too concerned with the exact sizing of this all that really matters is that it's nice and large in the center of the poster all right so I'm going to name this layer as 3D text bottom and I'm going to double click on the thumbnail here and this is going to take us right back into illustrator and I need to change this color from black to red and hit okay and now we can just hit save and now that updates and now I need to make a copy of this layer by hitting command J on my keyboard going to double click on this text and change bottom to top and we can just get rid of copy there and we need to hide this top layer temporarily and now
GLOBAL LIGHT
I'm going to go over here to the bottom layer and double click on it and we're going to click on bevel and emboss so this is actually going to be a preset that I went ahead and saved before I started this video but we'll go through this so for the style we've got inner bevel technique we've got chisel hard depth is 100% direction is down size is 25 but I'm actually going to increase that to about 50 and soften we're going to leave it zero and for shading 90° use Global light 30° altitude gloss Contour linear
FX ICON
I'm going to check anti-alias and we're going to leave highlight mode at normal with an opacity of 50% and Shadow mode normal and opacity at 50% and just hit okay and now we're going to go over here to the layers panel hold down option on Mac or alt on Windows right above that FX icon right there and we're going to click and drag up to that top layer so now these both have the exact same bevelin and boss effects and we can collapse both of these arrows right here
3D TEXT EFFECT
we don't need those anymore and now we're going to make sure the top one is selected and go over here to our blending mode and change it to difference and as you can see we've already got a little bit of that effect happening there and now with the top layer selected let's hold down shift on our keyboards I'm going 20 pixels to the left so that's two strokes on the keyboard while holding down shift and that will go up 20 pixels so now we've got this really cool 3D text effect going on and now it's time to apply some effects to the top of this this is a photocopy texture and and I'll link to this down in the description below
COOL TEXTURE
so now we're just going to pick this up and bring it over here to our file and just drop it right there now we're going to Center this and we will scale this up and I'm going to hold down shift so that we can go to the exact proportions there and we need to change this blending mode to difference and now we can hit command or control I on our keyboards to invert those colors and now we've got a really cool texture being applied to the actual text itself now there's one more texture that we're going to add here and it's going to be a half te pattern
CREATE A NEW LAYER
so let's create a new layer and I'm going to name it half T te and I'm going to fill it with 50% gray hit okay and we're going to go up here to filter and filter gallery and right here under sketch we're going to select half tone pattern and for the pattern I'm going to bring it down to about a two and we're going to leave the contrast at 50 and we're going to do the pattern type as Dot and hit okay and now we're going to change the blending mode of that half T te pattern to Overlay and it's a little bit strong so let's Dr drop it down to about 50% and now we've got that really cool half T te pattern that's showing up in all of these different areas especially the color areas and I'll show you this last part it's optional but I think that it adds a lot more depth to it
COOL CONCENTRIC CIRCLES
so we're going to add a circle half te and just like before we're going to hit shift and delete and fill it with 50% gray hit okay go up here to filter filter gallery and we're still on half T te pattern and now we're going to change this to Circle and that's going to give us these really cool concentric circles going from the center and out outward and we're going to hit okay and do the same thing as before change the blending mode to Overlay and now I think I'll drop this down to about a 25% so here you go here is your 3D text with your really cool pattern overlays and there's one last thing you can do with this if you ever want to change the colors there's a couple of ways to do this but one thing you can do is double click on the thumbnail and you can change the colors directly in here and then make sure you hit save and hit yes if that comes up
COMPLIMENTARY COLORS
go back in here to photoshop and then those colors will adjust however if you want to do it directly inside of Photoshop this is a cool way to do it if you go up here to create an adjustment layer we're going to click on Hue and saturation and with red and blue already being really nice complimentary colors if you adjust the Hue right here it will keep that relationship there so you can change it to like this green and purple right here you can go even more 50s Retro by doing this teal and pink color and you can also go to the opposite direction where you can do like a blue and yellow or like a orange and blue
CONCLUSION
so you've got plenty of options there and also if you want to make the colors a little bit more vibrant you can just crank up the saturation a little bit that plus 30 looks really cool all right well here's the full size and I hope you enjoyed this tutorial today in Photoshop if you did please leave a like on the video and consider subscribing to support the channel I'll see you next time bye-bye