MAKE BLUEPRINT ARTWORK - Super Easy Tutorial for PHOTOSHOP BEGINNERS

happy birthday grandpa i made this blueprint designed for you this is a spitfire from the war and i made this blueprint design myself took me about 12 minutes i'm gonna show you exactly how i made it step by step this is going to be a fun one the first thing i'd recommend is finding a high quality scan of the image that you'd like to do for a blueprint so here i'm on a website called drawingdatabase.com and these are primarily blueprints for 3d modeling but we could certainly use one of these for our art project there's a number of different drop-down lists here there's vehicles cars buses motorcycle truck military and trains there's also aircraft like fighters spacecraft bombers gliders there's watercraft and then there's also weapons so if you wanted to do like a pistol or a machine gun that sort of thing i've picked one out here from the list and i'm going to use the super marine spitfire blueprint so this is the white and black print that i'm going to use there's a couple here and i like how they have related posts down at the bottom and then they have this thing i call like a breadcrumb trail down at the bottom as well so you can find out exactly where you are inside of the drawing database there's just thousands and thousands of these so this is the design i'm going to use as my base i'm not just going to copy the design and throw it on print but i'm going to use this material this digital material as a baseline to create my own blueprint art print all right so i've saved my photo or my drawing here of the spitfire and you'll notice it has a white background and that's because i saved it as a jpeg file that was really the only option so what i need to do now is remove the white background and i'm going to do that with a free program you can get online called inkscape so this is the website it's just inkscape.org this is a completely free to use vector software the idea here is you can get professional vector graphic software you can just download it and you can also click on this explore features to find out what it's capable of i'm going to be using inkscape to just simply trace my picture and remove the white background i'm just going to make a png file out of it instead of a jpeg file so when you download and you open inkscape you're going to get basically just a blank palette that looks like this there's menus along the left-hand side and if you hover over them it does tell you what each of the menu items are and then up top as well there's a menu path and then there's an actual menu at the very top so all i'm going to do now is i'm just going to open the jpeg of the spitfire so here's my jpeg file i'll just double click it and it will then open up into inkscape okay so now i've got my jpeg file there it is now i'm just going to use inkscape for one feature for this tutorial and all i'm going to do is trace this image and only pull the black off of this jpeg so i'm actually just going to go to file and i'm going to go to document properties and i'm just going to make the background transparent just so you can see what i'm dealing with here so see how the background is transparent but this is a white picture i need to remove the white on it so i've got this now selected i'm going to go to path and then trace bitmap and when i do that i'm going to get this little menu over here now because i have the object selected and i've got live preview now turned on i can see what's going to happen so i've got a brightness cut off and i can change the threshold to make it darker or lighter if i change it right down to zero you'll notice it's completely white and if i increase it all the way up to 100 or 1 it will go completely black it'll have like infinite darkness so what i want to do is change it usually about 50 is the default i'm going to try 60 just to see what happens and then i want smooth stack scans and here's the key i want remove background i'm actually going to remove smooth smooth kind of like blurs some of the lines and i don't want that i want this to be as accurate as possible so i'm just going to have stack scans there's only one scan but if you were to do colors for example you could have multiple scans this doesn't matter and then i want to remove background so when i click ok it's now going to make a copy of it and i've got that copy it just gets automatically selected so i'm just going to drag it and you can see now that's my actual vector so here's my underlying photograph and here's the actual vector when i click this little button on the left hand side it says edit paths by node because i have well first i'll click the white one and i'll click edit paths by node there's nothing there because it's not an actual vector file but if i click the new one that we just traced and i click edit pass by node look at all the nodes that make up that picture so this is the actual picture that we're going to use so i can just remove the white one i just deleted it i'm going to click on this and now i'm going to close out that menu and now i'm just going to export this selection to a png file so over on the right hand side there's a ton of menus it's probably my one complaint about escape is there's just so many features which i know sounds like a horrible thing to complain about with a free piece of software but it's like there's so much so i only know a tiny bit on how to use inkscape what i use it for now over on the right hand side is i'm going to export this document so it's a little out arrow key there's a couple here import a bitmap this one is export so i'm going to click the export button and it's going to say k do you want to export the page the drawing i want to export the selection which is what i've selected it's going to give me the image size width and height and the pixels i can change it to 300 dpi i'm going to change this to 300 dpi and then i'm going to click the export button and that's going to export it now i can also change the path here and i can change what it's going to be called as well so i'm going to do that i'm just going to name this spitfire and i'm going to say clear just so i know that this is the clear image even though it's saved as a png it's just personal preference and then i'll click the export button on the bottom right hand side and that's it now my image is exported and i can see that in my files that i have on my computer here's the original that's a jpeg file and then here's the clear one bigger dimensions and it's a png file it looks white because it's a preview but it says png file and it gives me new dimensions when i hover over them so i'm good i can now close out of inkscape okay so i'm in photoshop now and i'm going to create my template for my blueprint design so i'm just going to go file and then new and look i'm using an old version of photoshop but it it's all the same whether you're using a new version or an old version i'm just going to create my picture here 11 by 17 and i'm going to set it to 300 pixels per inch so this is just going to be able to get printed onto 11 by 17 piece of paper or a piece of card stock so here is my actual template that i'm going to use okay now i'm going to import my png file okay so i don't want to import my jpeg file because that'll give me a white background actually i'm going to do that just to show you that's my white background that's not the one i want because now i've got the white background now you could remove the white background you don't need inkscape for this and i'm going to show you how to do that in just a second but instead i'm going to place my clear file instead and that gives me just the black and then i can zoom in on it if i want and i can see this is what i want to do now i can create my document here i can add a layer and i could make the layer any color i want i'm just going to use ironically white just so that i can see what i'm working with because i find this this transparent background this checkerboard is a bit tough to read so i'm just going to make my palette white and then i'm just going to use the little paintbrush and just paint that layer white just so i can see what i'm dealing with here so you can see this is the spitfire there's the side view the front view and the top view now i'm going to show you the exact same way to get to this but without using inkscape the reason i like escape is because it's a very clean program if you're using uh like a really like if you want a really clean image and what i mean by that is it's not frayed or it won't pixelate but i'm going to show you the other option and either one will work it totally depends on the size of the photo that you're dealing with so if you just wanted to import your file and i'm going to import the jpeg in this case notice the dimensions are a lot smaller they're 774 by 120. the one that i ran through inkscape is 3000 by almost 4500 so it's a much much larger file but let's pretend that this image that i'm just going to import is sufficient for what we want and it actually looks like it might be there's a couple ways you can remove the white in photoshop it's really easy to do one easy way is just to use the little eraser button over on the left in the menu and you use the magic eraser tool and when you do use the magic eraser tool when you click on it it's going to ask you to rasterize the image which is fine and then when you click on it it will remove the white now the problem with this method is you're going to have to go in and click a whole bunch because every time there's a a like a black delineation inside of the file it's only going to remove up to the other black so if you've got like a circle so you know inside of the plane or something where it's closed out you're gonna have to spend a lot of time doing this so i don't really like this method but if you had a really clean design like if it was just a very simple picture of a happy face and you could click like three times and remove all the white you're good so i'm going to just try this one more time but what i'll do is i'll show you a different method to remove the white all right so i've imported a redo here i've got the same jpeg file and it's got the white background what you can do instead to remove the white is just simply click on the actual layer not the thumbnail not the name but over on the right and you may have to expand the layer out in order to do it but you want to click on like some white space over here and that will open up the actual layer and inside the layer there's this little black white slider bar and there's another one under here and and what you want to do is look at this layer slider bar and you can simply remove the white so as i move this over it actually removes and makes the image progressively lighter and if i move it all the way to the left the entire almost the entire image disappears conversely i could use the black as well and i could make the image darker or sorry lighter it moves it to white and it would remove all the black so what you do is you're removing the white or you're removing the black so it's just one option i'm just going to move this from 255 i'm just going to move this to 254. like it's literally one little tiny nudge to the left and that will remove a bunch of the white now will it be perfect that's the other problem so i'm just going to make a background here that's a bit dark and i'm going to throw it underneath it and you can see in some cases with this lower quality jpeg this didn't work so great so what i would need to do is either monkey with the design you know remove as much of the white as possible so i could for example go to there that could work and again it's all personal preference but that would be an option and then you would just make your layer a maybe a bit lighter so maybe you just have like a bit of a lighter color and that might work you know again it depends on the quality of your image now when i zoom in it looks pretty good but if i zoom into like a hundred percent you can see how it looks a bit pixelated so you may not want that so just be aware when you're dealing with large images that are going to go on your wall you may want to spend a bit of extra time to use inkscape because inkscape is free and i'll just throw in inkscape here my inkscape as a as an example even though it's not perfect it's a lot smoother and cleaner design and it doesn't look pixelated so that's an option as well so i'm going to go with my inkscape trace and i'm going to make this now into a blueprint design and it's pretty easy to do the hard part's already been done all i'm going to do is on my layer that is my inkscape trace i'm just going to right click and rasterize the layer and what that does is changes it into a true picture kind of freezes it as an actual photo and then i'm just going to go up to image adjustments and i'm going to invert that layer now i'm only inverting the black and i'm turning it into white that's it so now i've got a white picture instead of a black picture from there i'm going to change the background to be more of a blueprint color and if you're not sure what the blueprint color is you can just find a picture of a blueprint online and just literally steal that color number so i just went on to google and i typed in blueprint art and it gives me back a bunch of results and i'm just going to pick the color that i like the best so let's pretend i really like this color and i'm in no way ripping off the design i'm just literally going to right click and save this image only so that i can take the color from it so now i'm just going to open that picture and then i'm just going to click on the little eyedropper tool which is pretty standard it's been in photoshop forever and when i click on the eyedropper tool and then i just click on anywhere whatever color i want it to be it will change right there and that's the color that i want and then i'm done with this picture so i don't i'm not using it for any other reason so now on my blueprint design i'm just going to add a layer and fill it with that color easy next up i'm going to change the text i don't like this spitfire stuff down here so i'm just going to take the eraser tool and i'm just going to erase it just make sure you're on the right layer i'm going to erase this and then i'm just going to add the word spitfire somewhere on here so i'm just going to use the text tool and i'm going to type in the word spitfire now it's actually creating the text in the same color so i'm just going to go up to the top and change it to white text and i'm going to pick for my actual font i'm just going to go through my ridiculously large font options here and i will just make it futura medium i really like that font so that's the font that i'm going to use and then i'm just going to put it down at the bottom now you may notice it's covering the bottom and that's okay because i'm going to change this i'm going to move this up a bit and i'm going to make this a bit smaller and i'm just going to put it right there so now i've got my spitfire image the word spitfire i'm going to highlight both of these i'm going to highlight the underlying layer which is blue so i've got three of them and to highlight these layers i'm just clicking the control key so it's control control control click and then i'm going to go right to the top and i'm just going to align all these so they're in the middle so there's a couple different ways you can align but that's the easiest one i just select the underlying layer and then i just click this little align button right in the middle now you could be done at this point you could just say that's how i want it to look but if you wanted to put a background on it i'll walk through a couple different options the first one is to put some sort of a grid on the background and it's pretty easy to do i just went online i went to wallpaper access dot com and you can just google like grid if you google blue paper wallpaper it you're not going to get like very much because it's usually got pictures on the blue paper but if you type in grid wallpaper you're going to get back stuff like this so i'm going to use this one here this is a just a white grid okay so i've downloaded the grid wallpaper and now i'm just going to place it into my file file place inside of my file here i've got the wallpaper i'm just going to click on that and then i can just make it either stretch it if i want or i can just hold down the shift key and i can just make it larger without changing any of the underlying like if you stretch it right it's going to change that's not square anymore so you just want to keep the proportions the same so that looks good now to remove the white or sorry to remove the color and keep the white only you're going to click the channel and then you're going to remove in this case the dark and you're going to keep the white so it's kind of the opposite of what we did before so i'm going to make it quite thin there we go so i moved this black slider all the way over see if i leave it it's going to keep the orange on there so i'm just going to remove the black and as i slowly get over to see if i did it all the way it would almost all be gone so i just want just a tiny bit of white so i'm just going to do that and i'll click ok so there's my grid now i don't want the grid to be so like in your face i want it to be subtle and so to do that i'm just going to change the opacity of the layer and i can just change it right down to like 19 for example or 15 so i can make it much less than it was before so that's pretty easy to do as well so i'm just kind of giving it some character in the background rather than have it be like all about the grid so that's one option you download a grid wallpaper or some sort of grid background and then you just kind of plop it in there and then you just remove whatever the color is hopefully you would just get a white grid and you could always do a better search than i just did you could search for white grid transparent background you could even create this grid in photoshop in theory you just you could you know draw a bunch of lines you know if you really want to make high quality and if you're going to make a lot of these prints then you may just want to make your own grid and then just save it as a png file and then you've got yourself a template to use there's other options for backgrounds as well i'll show you another option so i just went online and i just looked up textured backgrounds hd and i found a concrete one i found a metal circular one and then i found a weathered metal one so these are just some options you could pick wood you could have vintage paper there's all sorts of different backgrounds that you can use these are just a couple examples so now it just really comes down to playing around with what sort of background you would like so i'm just going to place the concrete one for example in here and just make sure it's covered up so it has totally covered which is great and then all you would do in this case is just remove it or move it rather down underneath the blue layer and then you can just change how the blue layer interacts so here there's a normal you can do dissolve you can do multiply and when i do multiply now it changes it and it kind of is like a see-through layer like almost like sunglasses you could also flip this you could put the concrete layer above the regular layer and then you could make the concrete layer darken for example that sort of gives it like a weathered look like maybe it's like an old vintagey piece of blueprint and again it has nothing to do with it being concrete like you're not saying this is a concrete design you're just using that as fodder as you're creating this through different layers so that's an option so concrete's one the other one i'll throw on there just to compare them is the circular metal one there's all sorts of things you can do in photoshop this is the neat thing i can spend hours just playing around on this so that kind of looks cool just as is right you might just want to keep it like that but if you wanted to have the blue layer shining through then you would just change this to multiply you'd have the metal circular and now the metal circular has sort of a neat effect so i would just encourage you to just look through the different layer styles and just see what pops up this one's darken that one's called multiply that one's color burn linear burn i really like that one lighten screen color dodge linear dodge overlays pretty nice too there's soft light hard light vivid light that one's neat and again it all depends on what you're trying to make right so if i was doing like say a black light poster or some sort of neon design then i've used vivid light quite a bit in the past i love the way it looks but not for this one then there's linear light and then pin light hard mix which i'm not a huge fan of difference that's pretty neat it's absolutely not what i was intending and then there's exclusion as well and then hue so oh and then saturation so there's a few different designs here so i'm just going to go right up to the top and i'm just going to go back to multiply and we're just going to pretend like that's the one that we want to use so again i'm not saying there's any right or wrong way to do it it's just those are options let's try one more that's the metal circular one let's go in here and see the weathered metal design so this is like a piece of metal that's got like weathering around the edges this is a very popular type of look for blueprint or for vintagey looking designs and again i'll just flip this to multiply and we can see that's pretty standard stuff right it looks like a vintage blue and again it all comes down to what sort of style you want to have you could also just put a piece of paper on like a weathered piece of paper behind it and just call it a day so there's a number of different options this is this is really next level stuff is the background if you don't do that if you just leave it like this nothing wrong with it okay so i'd say like most basic would be this design intermediate would be putting the actual grid on it just like that that takes a bit of time and then if you really want to make your art print pop and have people kind of like stop in their tracks and go whoa then you'd want to have something like that because that really moves it to the next level and makes it really hard to duplicate if you're selling these prints or if you're you know uploading it onto a website or that sort of thing this really moves it into the realm of more art because this is now completely an amalgam of our original print that we downloaded and inverted our own font it's got our own background that we you know lifted off of the internet and we've got multiple the multiply filter on here with the color that we selected ourselves so there's three four five different things at play here and when you combine it all together you've made an original piece that would be very hard for somebody else to duplicate so i hope you found that helpful i absolutely love doing these you know long-form walk-throughs with photoshop if you found this helpful please do hit that like button hit that subscribe button i would absolutely love to hear from you in the comments if you have a question maybe you have a suggestion i would love to hear that too thank you so much for watching take care

Channel: Crafty Stax

Views: 9,124

Keywords: photoshop tutorial, adobe photoshop, blueprints, how to make a blueprint, how to make blueprint art, print on demand, print on demand etsy, etsy, redbubble, shopify tutorial, crafty stax, photoshop, adobe photoshop tutorial, photoshop tutorials, make a blueprint in photoshop, crafty stacks, redbubble tutorial, etsy tutorial, digital artwork tutorial, photoshop for complete beginners, photoshop for absolute beginners, photoshop for novices, make blueprint art, blueprint how to

Id: KDogyGIWazo

Length: 27min 40sec (1660 seconds)

Published: Sun Mar 21 2021