How to Create a Photoshop Blueprint Effect Quick and Easy – Blueprint Effect Photoshop Tutorial

How to Create a Photoshop Blueprint Effect Quick and Easy – Blueprint Effect Photoshop Tutorial


Hi I’m George Peirson and in this video we’ll be doing this Photoshop Blueprint Effect. If you enjoyed this video make sure you hit that Like button, and share, you can support this channel through Patreon, and don’t forget to Subscribe. I do several videos a week, here’s my current schedule. Weekends are kind of flexible and I also may be putting in other videos in the off days as well. Take a look at my complete training for Photoshop also, there’s a link for that right down there in the description, and let’s go ahead and get to it. For this Photoshop Blueprint Effect what you need is a black and white line drawing. You know we’ll get ours from a previous video I did where I made this blue line effect based upon a photograph. If you want to see how this one was done there’s a link for that up there in the upper right hand corner and also in the description and this will work either with a blue line image like this or even with just a straight black and white they much like that I’ll show you both versions of this let’s do the blue line first and for this one we need to copy the whole thing let’s go up here to select and all right there and then edit copy merged now merge copies all of these layers onto one new layer so I’ll copy merged listen to make a new file file new since we have that one copied it’ll be sitting on the clipboard so we can use clipboard as our new file size choose create and then edit paste will fit exactly and there it is there’s our blue line effect okay so go back here again and I’m going to turn off those layers right there and just leave just this basic drawing without the outline or anything now this black and white image is just on one layer so just a regular copy will work edit copy go back to our new file and edit paste there we go there’s our black and white line drawing and our blue line drawing we’ll do it from both of those they’ll both work out just fine lucky we can now close this one down we’re done this there we go and I won’t bother saving that and we also don’t need this up any longer I’ll close that one down as well okay well start with the blue line effect right here our next step is to put in the blue for the background for our blue for an effects they’ll come down to the background layer right here go up to layer and do a new fill layer solid color just choose okay right there and then down here type in zero zero zero zero six D there it is zero zero zero zero six D choose okay if I hide that blue line there’s our nice blue background and the reason why I wanted this in is a fill layer instead of just filling a regular layer with a Paint Bucket is with a fill later I can double click on this icon here and then easily change my coloration so it makes it very very easy in here let’s bring our blue line back up again now to make this appear as if it is line drawing on here we need to have this inverted and we also need to have this as a grayscale so of course our grayscale is already set for that that one’s fine let’s go ahead and work on this one so we’re going to first convert this to a black and white image so it’s image adjustments black and white there we go you know I like a bit more contrast for this so this was all in blues so come down here to the blue layer and just move that to the left until you have a nice contrast if they like kind of like that nice nice heavy contrast in here is pretty good she was okay there’s our black and white version now on the regular black light up here it’s not contrast enough let’s go ahead and punch the contrast up on this layer so if you’re working with the blue line you can do your contrast as you’re doing your conversion of black and white if you’re working with just a black line image you may want to boost the contrast is up to you let’s go ahead and do that as well adjustments and on the levels and just bring the black side up right there take it a nice bit of contrast in there those have become our white lines okay at that point these are basically the same thing except for that outline right there we’ll come back to that in just a bit so this is our blue line layer I’m going to make a change here let’s just rename this one blue line and greyscale okay on the blue line one we’re going to invert this so it’s a negative of this image adjustments and invert there it is same thing on the greyscale line the exact same step image adjustments and invert now to get these looking like they are drawn on to that blue background all you have to do is change the blend mode up here to linear dodge add and there it is at this point you can adjust the brightness just by adjusting the opacity level over here using a little less opacity more opacity whatever you want I’m going to leave this all the way to the top just for this video so it’s easy to see but when you’re doing your own version you can adjust the brightness right down in here okay so we did that one let’s do the same thing for our grayscale version just change the blend mode to linear dodge add and there it is okay so far so good let’s go back in work on this one the next thing we need is our grid lines in here now seeing other ways of doing this where there’s some complicated stuff very very tricky and interesting on making a nice neat pattern that will create a grid for you clever stuff but we don’t need that you show you how this is done go to the top up here make a new layer there it is go up to your paint bucket change this to pattern open your patterns up and you’ll find right there there’s a grid pattern click on that and then does fill this and there’s your gray no need to do anything fancier than that it’s already included inside of Photoshop so we have our grid all set to go now obviously it’s the wrong color so let’s invert this one same steps as we did with our house images so image adjustments invert and then mode linear dodge add now it comes in too bright so let’s tone this down by bringing the opacity down to 50 I’ll just type that in 50% there it is now notice that the size of the image is a bit too large because of that line in there so we’re going to ignore that line and we’ll make a new line just inside this a little bit and I’ll show you how that’s done just a second but first we want to do a layer mask and mask out the grid out here on the grid line so we’re on our grid so one says layer one we’re going to grab the rectangular marquee tool up here and come in two and two on the grid right there and then just pull a marquee down come down to two and two two squares in two squares down or up rather just right about there and let go there’s your selection hit the layer mask button there’s a layer mask and that now blocks that grid out now that we have that layer mask done we can copy that layer mask down to these two layers let’s just bring this one in hold the Alt key down grab the layer mask and pull it straight down do the same thing one more time for the blue line there we go so we just now copied that down so now have this shown now all we need is that nice light outline again and we can make that one right on our top grid up here because we have that same outline so let’s open up the layer styles layer layer style of course you can also use the button in the bottom right hand corner down there but that’s easier to see up here what I’m doing come down to stroke and we want to have this set at inside and you see there’s the stroke right there that’s at two pixels and go a little bit more three pixels kind of nice just large enough so it looks good and color is white and choose okay so there’s your nice outline you can adjust the pixel size on that to make it brighter if you want to bright or thicker that again is three pixels in that works with either of our two images there is the one there Zilla this is from the grayscale that’s from our blue line okay as at that point it’s all done except for putting in our legend right up here if you want to do a legend then you’ll need to download a nice architecture font for that let me bring that up and show you where I found that architecture font there we go it’s called architect’s draft and I found this on dafont.com and there’s the link I’ll put this link on my video download page for this video so you can go ahead and find that very easy or just go to the font and look for architect’s draft same thing once you’re on this page it’s a hundred percent free as you can see right there but it’s not a bad idea to donate something to the author for this nice bit of work on this really nice font click this download button don’t click anything else just go for that download button right there rep lower says 100% free that’s one that you want this will download as a zip file me just go down here and inside of the zip file you’ll have these files we’ll be using the architects draft bold you can install us either as a true type or as an OpenType font either one depending upon what you need if you’re inside windows just double click on the font brings this up and you can install right there now to install this font you’ll have to first close down Photoshop then install the font and then reopen Photoshop the reason for that is because Photoshop reads the font list when it opens up so if you don’t close down Photoshop first you won’t see this inside your font list but you’ll see it once you close down and reopen then show up of course I already have mine installed so we’re all set to go on that step so we need a little box right up in here for that all describe the shape tool right here I’ll be using the rectangle tool I have it set with a fill of nothing and with a stroke right here of white so it’s white stroke and two pixels is a little bit thin up here we can go to three three matches this line right there there we go and then come over here I’m going to come over here little ways and let’s just do this about four boxes down and go over a little bit once you have this done you can position it where you want to there we go there’s the line that’s a bit too thick I think on this bright I’m going to tone that down to two pixels a little better I think that’s okay it’s still too bright we can tone that down over here on the opacity I just wanted to match the outline now the Allen is going to be out 50% because the grid is at 50% so there we go now once you have this you can put this anywhere you want you can put it right into the corner like that that’s one look or you can indent it a little ways that’s another luck it depends on you whether you want it right up against the edge or if you want to indent it a little bit let’s go ahead and just do this one right on the edge and grab the wrong thing there let me just do one thing here move tool and undo auto select right there that way we don’t want have that problem again and I’ll put that right in the corner right there take a little nudging with the cursor keys the arrow keys get exactly right and that’s it okay now we have our box in place we can go ahead over to the type tool make sure you have white as your foreground color and then on the text we’re going to be using two text sizes one for the top line and then a different size for the second line for our top line let’s use 12-point and again the typeface over here is that Architects bold here’s the lawn that’s just come down a little bit so I can find that one architects draft bold right there okay come in here someplace no notice when I come in here I get that kind of a cursor with a circle around it I don’t want to be using that that’s going to be putting text inside of a shape which is not what I want to be doing so to prevent that from happening to put a new layer above that rectangle layer now I have the regular cursor just come in here someplace like this and then type in our heading right there modern house one that’s pretty good and then come back into our text do it enter let’s change our type size here to eight and I put my name right there now I want this as a separate line from the rectangle so I can change it easily or move it around like this with my cursor keys and get a position just where I want it and there we go there’s your nice blueprint effect and again we can adjust the value in here of your grid easily by just adjusting the opacity of the grid we can adjust the brightness of the drawing it’s coming down to your drawing layer and that’s right there whistles a path and you can adjust that in here so there we go that’s how to do this blueprint effect here inside of Photoshop [Music]

These are the Must Have GRAPHIC DESIGN Tools For Your CREATIVE TEAM!! w/ Gio Dizon

These are the Must Have GRAPHIC DESIGN Tools For Your CREATIVE TEAM!! w/ Gio Dizon


Hi I’m Gio Dizon senior graphic designer
at Hall Pass Media you might be curious on how creatives come up with really
cool looking designs in this age of digital and cloud computing today I’ll
be giving you a glimpse of what’s inside the toolbox of the creative team at
HallPass at Hall Pass Apple products are the hardware of choice for computing
they have been an industry standard for creatives for a long time having this
Apple ecosystem allows us to share files and communicate with different devices
seamlessly the creative team uses Adobe products more than any application the
days of compact discs and serial numbers are long gone and have been replaced
with Adobe Creative Cloud having a subscription to Adobe CC allows us to
use every single Adobe product like Photoshop Illustrator InDesign After
Effects Lightroom and XD to name a few for any creative it is great to have all
these applications available in one subscription back in the day you only
have one or two of these applications with Creative Cloud all of these are
available if you need web design starts with mock-ups and wire framing which are
valuable steps in the web development process a couple of great tools for this
are Adobe XD and sketch once the designs are approved they are now ready to be
developed as live website web flow and WordPress help us transform those
mock-ups to beautifully designed responsive websites a few other
invaluable tools in the design process that help our team include a font
manager like expensed a suitcase a Pantone color book and even a pen tablet
like Wacom Intuos these are just the basics new and improved devices plugins
and applications are being developed as fast as we can think of them and those
are topics for the coming days I hope you have learned a few things about the
essential tools that we use we are a passionate team of creatives that are
adapting and evolving with the latest technology to best help us and our
clients achieve and exceed our goals all of that happens here at Hall Pass Media

How To Create a Fake Blueprint Effect in Photoshop

How To Create a Fake Blueprint Effect in Photoshop


How To Create a Fake Blueprint Effect in Photoshop welcome back to psdesire photoshop tutorials youtube channel. In today’s tutorial I’m going to take you through the process of creating a blueprint effect in Adobe Photoshop. We’ll use some built in Photoshop filters to produce the basic outlines from a source photograph, then mix in some grid patterns and textures to enhance the realism. first goto adjustments panel and select solid color. choose a dark blue color. In order to add a grid to the blueprint, we first need to make a pattern swatch. Create a new document at around 80x80px in size. This size may vary depending on the scale of your document. Take rectangular shape tool and draw a vertical line. Duplicate the shape and move it to other end of the document similarly add lines at top and bottom as it looks like a thick outline border. then go to Edit>Define Pattern. Give it a descriptive name such as Blueprint Grid Pattern. Close the document and return to the blueprint effect. Create a new blank layer and Fill it with black. scale down the layer by 25% Double click the layer to open layer style dialog and add a pattern overlay. then choose the newly created outlined boxed grid pattern. reduce the pattern scale and also opacity Again open layer style dialog and this time add stroke Change the blending mode of the grid layer to Screen The realism of this blueprint effect tutorial all depends on the base photograph we have to work with. Duplicate the base image and drag it above all layers Go to Image>Adjustments>Desaturate to remove the colour from the image, making it black and white. Then go to Filter>Stylize>Find Edges to generate the basic outlined look that forms the blueprint effect. Blueprints are mostly recognised as a light coloured drawing against a dark blue background, so go to Image>Adjustments>Invert to switch the colours around. If you look closely at your artwork, you may notice some white seaming occurs we can fix that using levels adjustment layer. Adjusting the black and white point levels to get clearer line edges and now no white seaming particles in the
effect. Change the blending mode of the image layer to Screen to render the black background transaprent, leaving just the white outline against the blue background. Now select transform tool and scale down the blueprint design layer Edges of the blueprint line is very thin so move the white Output Levels slider to the left to bring back the whites until it appears subtly over the image. i want to finish the effect off with a dirty paper texture, we can get one of these type of royalty-free paper textures from google search. Drag it into the document & place where u will find it looks good, Change the blending mode to Screen to allow the grungy paper texture double click on the layer to get the layer options panel. we want to preserve the highlights so drag the black triangles to the right. Hold Option or Alt Key clicking on the triangles splits them to feather the blend. all layers and effects are editable so we can adjust any layer any time. Here is before and after The final result is a great looking blueprint effect with a hand drawn appearance, along with a subtle grid pattern, creases, stains and folds that add to the realism. Thanks for watching! If you enjoyed
this video tutorial be sure to subscribe to our channel. post a comment, click thumbs up, like and share to
get more videos. see you again in next tutorial.

Game Map Generator – Features and workflow – Photoshop Plugin

Game Map Generator – Features and workflow – Photoshop Plugin


Every game map size is possible Choose a basic texture Set the isometric grid Add a layer to draw your shape Choose a GMG Element Change the global light Bring your shapes into the correct
isometric angle Use the “original_shape” to generate an other
GMG Element from the same shape Hold shift to select several layers Change the brushes, the brush size and opacity
for better results Click into the layers palette to set the right position
in the layer hierarchy You can hide areas by drawing
into the layer mask You can determine the icon size with
the icon size slider BTW: You can load your own icons
into the panel, too! (only from CC-2014)

Is this Better Than Drop Shadow? | Crazy Plugins

Is this Better Than Drop Shadow? | Crazy Plugins


Introducing the Shadow WiFi extension for
Photoshop. Unfortunately, you still need to pay for WiFi
because this is a Shadow Creation extension and it claims to create flat or realistic
shadows very easily. And it also does all these things for the
Green Tech. We’ll see how green they are later. But the point is we already have Drop Shadows
in Photoshop. So why do we need this? Here’s the note from the creators – ‘Drop
Shadows in Photoshop often look unrealistic. Shadowify WiFi allows you to create more natural
shadows by applying stepwise blur.’ So they say it’s all customizable so that
you can also turn off Blur. Is this translated from Chinese? Anyway, the product does look interesting
to me. But with so many features already in Photoshop,
do you really need this plugin / extension? Let’s find out. So without any further ado, let’s get started. So here we are back in the brilliant world
of Photoshop, and the way that it works is this – first of all, select the layer for
which you want to create a shadow. So here we have a simple white background. On top of that we have some text. I want to create a shadow for the text. So let’s go ahead and select the text right
there and open up the extension. So here is the Shadowify extension. There we go. The second thing we need to do is to set the
angle. What angle do you want the shadow to follow? This is not about the light. Just as in Drop Shadow we determine the angle
of light, this is not that. This is the angle of shadow. So, I want the shadow in this direction. So, I’m going to set an angle of something
like this, 123 degree or 120 degree looks good to me. The second thing we need to set is the length
of the shadow and that is something you set by manipulating distance. So, how do you figure out what distance to
use. Use a Ruler in Photoshop. So, Ruler is a very important and underrated
tool in Photoshop. You can find it over here. If you cannot see it, it’s in the Eyedropper
group. So, click and hold and you will find the Ruler
tool. So, I want the shadow to be this long. So, I’m going to click and drag. I want it to be this long. Have a look at L. L is the length of the ruler
that you just dragged in. So, it’s about 591 pixels. So, I can make it smaller/larger, it will
correspond to that. I would like it to be this length. So I’m going to set it to 400. So Distance, you’re going to set it to 400
pixels. You can also clear up these Rules by clicking
on Clear. Now, the third thing is, well, there are lots
of things. For now, let’s just create the shadow and
see what it is. We will manipulate the rest of the settings
later. So click on Create Shadow. Now, this reminds me of shadows when I tried
to play high risk games on a potato computer, but, it really shows how this extension actually
creates the shadow stepwise. As you can notice, the steps of the shadow
right here and with each step, the distance between two shadows keeps on increasing. Notice that carefully. Seems like there are very less steps. So let’s go ahead and increase it. Luckily, with this extension, you can undo,
unlike most actions where you can’t, you just can undo – Ctrl or Command + Z, it’s gone. Now, let’s redo it. Now, I need to bring this up that while you
can undo, unfortunately, you cannot adjust things on the fly. So let’s say you created the shadow, just
as we did before, and on the fly, you just wanted to increase the steps of it, you cannot
do it. You will have to undo it by pressing Ctrl
or Command + Z and then redo it by increasing the steps. So let’s try increasing the steps. Let’s increase the steps from 20 to 200 this
time, and let’s go ahead and create a shadow. This should work, but, I’m not very sure. Have a look at this. This still looks jagged, right? Maybe the steps are still too low. 200 is not enough because the distance is
400 pixels. So what if we put 400? That should work, righ? 400 – 400 pixels distance? It makes sense. So,let’s go ahead and try 400. So we’re going to put 400 right there and,
well, it still doesn’t look quite satisfactory. Have a look. I can still see the steps. Maybe it is because the distance is increasing
as the number of shadows increase. Disappointment in my Photoshop abilities. So maybe it’s not the Steps, maybe it is the
Blur. So let’s go ahead and try it. What if we increase the Blur from 40 to 150? Maybe it will be better. So let’s increase the Blur and let’s decrease
the steps to 200, because 400 is kind of too much. Delete the shadow, make sure the Shadow layer
is selected, press the Delete key. Select HELLO and let’s go ahead and create
the shadow. Now, this is decent. Have a look at this one. It’s better than before, it’s not excellent,
but it’s better than before. And it’s something that we can work with. I would use it, but in my opinion, it still
needs some adjustments. So, this is very dark around the edge. So let’s go ahead and decrease the Opacity
to something like 70%. That’s better, or maybe 75%. As you see the shadow is not clearly very
nicely blending in with that of the white background. So we can clearly create a mask to make it
softer. So with the HELLO shadow layer selected, click
on the Mask button right there. And then with the Gradient Mask, click on
the Gradient right there. Just choose a gradient from black to white,
just like this, and we’re going to drag in a Gradient. There you go. It’s much softer that way. And what if you want to change the direction
of the shadow? Look, I’m a very firm believer in non destructive
workflows and it’s great to see that they have given a checkbox that allows me to uncheck
Flattening or in other words, it allows me to avoid merging all the layers. But is that really helpful? Let’s take a look. Now as you can see, this is the flattened
version of the shadow. You cannot change anything. However, you can just uncheck Flattening right
there and let’s apply the same shadow again. Just select the HELLO text and create shadow. So here we have a group which is pretty nice. Here’s the before, here’s the after. And if you open up the group, have a look
at it. There are 20 copies. Have a closer look..20 copies of the HELLO
text and in each one of these copies, 10 filters of Drop Shadows have been applied. So that totals up to 20 x 10=200. Right there, 200 steps. So basically that’s exactly what we did in
this video where we created realistic shadows using Drop Shadows by creating multiple drop
shadows, but this one is in a much larger scale. Anybody who can open up and manipulate 200
filters of Drop Shadow should be given a Nobel Prize for patience. However, if you look at it closely, it’s not
all that bad. There’s some good reason behind this button. Unchecking Flattening has a very practical
use if you do one more thing, that is check Global Light. Have a look at this, there is this Global
Light checkbox. Now, this will check the Global Light check
box wherever it applies Drop Shadow filter. Again, how is that going to be helpful? Well, this is a really good trick that we
all must know. Let’s delete the shadows, I’m going to delete
the group. And this time, let’s check Global Light and
keep Flatten unchecked. So select HELLO and this time again, create
the shadow. You can actually change the angle on the fly
by going to Layer and then Layer Style. Have a look at this one – Global Light. Interesting, isn’t it? Now once you choose that, you can change the
angle. So I’m going to change the angle to, let’s
say, 175 and have a look. Suddenly, it all changes. Isn’t that amazing? You can easily change the angle just by coming
to Global Light. Now this is something which really impressed
me about this extension. I’m so happy that the creator thought about
Global Light. Whenever you are we applying and effect like
Drop Shadow and you check Global Light, in all of the drop shadow filters where you have
checked Global Light, will respond to one collective light source or Global Light source. Now let me show you what Photoshop can achieve
with its built in features and tools and whether it can beat it. So basically, I found two main ways in which
Photoshop can replicate this effect. Hold on to the second one because that is
absolute favorite. Starting with the first one – the Multiple
Drop Shadow technique, the same technique that we used in this video, but we’re going
to manually do it and see if it’s worth it. Double click on the right hand side of the
HELLO text, just check in Drop Shadow. I’m going to decrease the size and you can
also change the color of the Drop Shadow. Let’s change it to the default Black. So let’s change it to Black and hit OK. You can actually drag the shadows. You don’t have to play with the angles and
stuff. Just click and drag it just like this. So I’m going to have it at this distance. Looks nice to me. And let’s increase the size, that looks fine,
and decrease the Opacity, just a little bit. Now let’s add one more Drop Shadow on top
of it. Click on the ‘+’ sign right there. And this one, I want to to bring a little
closer. Make sure you have checked Global Lights so
that all shadows are in the same alignment. So this time again, let’s decrease the size
and bring it just a little closer, like that. If you want, you can also decrease the Opacity
and click on the ‘+’ again, one more shadow, decrease the size even more. Let’s bring it even closer just like this. That works. Decrease the Opacity if you want to. Click on the ‘+’ again, decrease the size. So this is something which we are doing manually. Opacity is fine. One more. This one I’m going to bring even more closer
and increase the Opacity so that we can actually see what it is. Keep it probably right here and then increase
the size. Yeah, that looks good. Now control the Opacity. Not bad at all. Let’s create one more. And this one, we’re going to bring it even
closer and decrease the size, just like this, and control the Opacity. There we are, that was not bad at all. Once you’re satisfied with this, hit OK. There you have it. Now let’s compare this with the extension. This is the one that we just created, and
this is the one with the extension. Now in all seriousness for this technique,
I believe that the shadow file extension does a better job. But if you need a lesser number of shadows
and easier control, this is the way to go. If you manually create Drop Shadows, there’s
one more advantage that you have. You can actually go into settings of each
one of these Drop Shadows and just change whatever you want. You can change the color, you can change the
distance and the spread and the size; everything you can do manually because there are less
number of Drop Shadows, so you don’t have to mess with it all the time. Plus, it’s all one layer. There are no 20 copies of layers with 10 drop
shadows applied to each. That can get a little confusing. Now the second technique is something which
blows my mindall the time and there’s no match for it. Guess what it is. Photoshop 3D. See, when we are talking 3D, we are actually
rendering these shadows by throwing real light on it. There is no fakery going on, no illusions,
just pure real shadow. Even Drop Shadow is an illusion, right? So where we just feel the shape with a darker
color, put it at a distance and blur it. But the 3D technique actually calculates where
the light is falling, where it’s not reaching and thus, create shadows. And you’ll be surprised how it even realistically
creates reflections from those texts. First of all, let’s convert this background
to 3D. So we’re going to convert it to a postcard. So, select the background, let’s go to 3d
and then New Mesh from Layer and choose Postcard. Now it’s going to ask you – Do you want to
switch to 3D workspace? You can go ahead and choose Yes because that’s
more easy to work with 3D in that workspace. So let’s go ahead and close Shadowify. We don’t need this anymore. Now we have the background in 3D, but we also
want HELLO text to be in 3D . Here’s what we do. Let’s go to Type and then select Extrude to
3D. Make sure that the Text layer is selected,
just click on that. Have a look at this. This is the top view. It’s extended into 3D. But there’s a problem with this. If you go back to the layers panel, the HELLO
text and the Background are on separate layers, so they don’t respond to each other in 3D. So we need to merge it. So select the HELLO and hold the Ctrl or Command,
select the Background as well and merge it. Press Ctrl or Command + E. Now when you merge
3D layers, they don’t rasterize like everything else. Press Ctrl or Command + E. Now they are one
object. Let me show you something interesting. If I just rotate this and show this to you
see how the HELLO is extruded. It’s looking fantastic, isn’t it? Now, let me just set the Camera right. Let’s go back to 3D and let’s choose Current
view. And we’re going to change the view to Default. This is nice. Now you can extend the HELLO as much as you
want. So I’m going to bring it a little bit to the
front, just like this and extend it so that it touches the postcard at the back. So at the top, you can see there’s a lot of
gap in here. So all you have to do is to come to the Text
Properties, so let’s bring it out right there, and here, just increase the Extrusion Depth. There you go. I don’t want so much of a depth, so I can
just take it back, just a little depth. There we are. Now, there’s no shadow here yet. So how do we bring the shadow? Think of it like real life. In real life, if you want a shadow, what do
you do? Throw some light. So, right now, there is this image based life,
which is creating a very flat looking stuff. We need to add lights in a direction. So let’s go to the Lights tab right there
and let us open up the Properties. Let’s go to Window and make sure Properties
is checked. If you have a closer look, so I’m going to
bring it at the top, there’s this image based light. We don’t want that. Let’s turn it off. Now there’s no light so that’s why there’s
absolute darkness. We need to add a directional light. So click on the light, you can also add a
Spotlight, but I’m going to add an lnfinite Light. It’s easy to work with. Now, you can move the direction of light in
any direction you want and it automatically creates the shadow. Isn’t that amazing? So I’m going to leave it at that, something
like this. And now you can control the intensity by just
clicking on the light, it increases the intensity. And also you can increase the softness of
the shadow by just increasing the softness right there, as you can see. How soft do you want the shadow to be? Now once you have decided that, all you have
to do is just render. So click on the Render button. Now take a look at this. Isn’t this looking amazing? What’s more interesting is, have a look at
the reflection of the light. See, the light is a jumping off the text and
creating this golden reflection right here on the wall. Now this is totally impressive on an absolutely
next level. But there’s a problem with this. It’s not actually a problem. What if you want flat designs? So, right now we have added 3D, but if you
have a closer look, this extrusion is showing up. What if you don’t want to see this extrusion
as a result of 3D? All you have to do is to change the Camera
View. So you need to choose a camera, which is very
far apart from the text and then zooms in. See when you’re very far from your subject
and then you zoom in just like in a telephoto lens, you don’t see so much of an extrusion. And the opposite is if you take a wide angle
lens, and just go closer to the subject, you will see all of this. So that’s what we have to do. So let’s go to the View, let’s go to this
tab right there, click on Current View, and we need to change the Camera to Orthographic. Now, it doesn’t look right, because we need
to increase this to 1. So let’s dial in 1 there and there you have
it. It’s the exact same thing, just a different
view. And now you can adjust the light accordingly. Now, let me show you a few tricks about this. So let’s click on the Infinite Light. And this looks nice to me. All right. Now, what I’m going to do is increase the
Shadow all the way high and decrease the Intensity of the light. Because now, I’m going to add one more light. Let’s go to the Lights tab and click on the
Light button right there and New Infinite Light. And this one, I’m going to add a different
direction, just a little lower like this, and make sure it’s all soft, very soft, and
decrease the Intensity just a little bit. Maybe for the longer one, the first one, I
don’t want it to be so soft. So you can add multiple lights, which is absolutely
amazing. So let’s add one more. Click on the Light and choose New Infinite
Light. And this time, I’m going to choose something
like this. And this one is going to be pretty soft and
not that intense. Now, let’s render it and see how this one
looks. Maybe I need to decrease the Intensity, it’s
kind of too much. So let’s decrease the overall intensity of
this one and this one as well. And now let’s render it. Since rendering takes time, I made little
adjustments in the Direction of light, Intensity of light and Softness and this is what I got. This is my final render. Look at the reflection off of these letters. That’s what impresses me. Now you can of course turn it off if you want
to, but it’s good have. Now as for flat shadows, you can also create
them super easily by using Photoshop 3D. You can check out this tutorial on how to
do that. It’s also very easy to customize. As you can clearly see Photoshop 3D smokes
this panel out. Now the real question is, is this extension
/ plugin for you? Let’s go through the pros and cons. As for the pro – Number one – it quickly creates
the long shadow effect, but it does need a little bit of practice. Number two – I love that the extension comes
with a checkbox that prevents it from flattening the shadows and also apply Global Lights so
that it can actually change the angle of all the shadow filters at once. Number three – if you try to manually create
it with the Drop Shadow folder in Photoshop, it’s going to take a lot of time. Number four – unlike Photoshop 3D, you do
not have to render it every time you want to move things around. And yes, rendering does take a lot of time. Now as for the cons – Number one, this is
a big one – Photoshop 3D is just the best, if you want the highest quality shadows and
lighting. If you’re going for quality, there is, indeed,
no match. Number two – Although this is faster than
Photoshop 3D, you cannot adjust things on the fly. For instance, let’s say you want to make the
shadows softer or decrease the length of the shadows, it is tough. Whereas in Photoshop 3D, all you gotta do
is change the properties of light. Just move the handle, that’s it. Number three – to be honest, it’s just a little
difficult to use. Maybe with a little bit of practice, I will
get a hang of it. But at the moment having to dial all the numbers,
doing hit and trial, I find it not easy to use. Just my personal opinion. Is this the one for you? Well, that for you to decide. If you are in Envato Elements’ member you
can download it at no extra cost. Try it and see if it’s for you. Or you can also get it as stand-alone at Creative
Market. I have both the links in the description and
I’m not sponsored by anybody. Thank you so much for watching. This time around, I tried to do a different
kind of video. Please let me know if you enjoyed it and would
you like to see more of these? If there’s something you want me to review
or have a look at, let me know down in the comments below as well. Please don’t forget to subscribe and ring
the bell so that you don’t miss any of the future tips, tricks or tutorials. I would like to take this moment to thank
all these nice and amazing people for supporting this channel on Patreon and helping keep PiXimperfect
free for everybody forever. Thanks so much for watching. I’ll see you guys in my next one. Till then stay tuned and make sure that you
keep creating.

Adobe photoshop Graphic Design Tutorial – Summer Sale Banner Design

Adobe photoshop Graphic Design Tutorial – Summer Sale Banner Design


Welcome to our channel TutorialWebDesign Photoshop Graphic Design Tutorial – Design Sale Banner Create new document with any dimension Add grey color in background Apply white color soft brush on new layer. Select Rectangle tool Press Shift white Create box. Give it border. Select round rectangle tool Create box and fill it with color. Edit – Transform – Perespective Edit – Transform. Rotate it. Select the green box and mask it. Masking the green box will send it behind frame. Thanks for watching. Don’t forget to subscribe my channel.

Photoshop Tutorial: How to Transform a Photo into an Architect’s Blueprint Drawing

Photoshop Tutorial: How to Transform a Photo into an Architect’s Blueprint Drawing


Hi. This is Marty from Blue Lightning TV.
I’m going to show you how to transform a photo of a building into the look of a blueprint
drawing. This is an update to a tutorial I did quite awhile ago on an earlier version
of Photoshop. In this tutorial, I’ll show you how to do it quicker and easier. Open the Photoshop file I provided, so you can follow along. It’s located in the video’s
description or project files. It includes two images: an image of paper texture and
a photo of a building. Whether you use this photo or your own, the paper texture needs
to cover the entire photo. To do this, open your Transform Tool by pressing Ctrl or Cmd
+ T and go to a corner. When you see a diagonal, double-arrow, hold down Shift +Alt on Windows
or Shift + Option on a Mac as you drag out until it covers the entire photo. Then, press
Enter or Return. To fit it onto your screen, press Ctrl or Cmd + 0. If you’re foreground
and background colors aren’t black and white respectively, press “D” on your keyboard or
click this icon. Remove or desaturate the color of the paper texture by pressing Ctrl
or Cmd + Shift + U. Click the thumbnail of the background to make it active and make a copy of it by pressing Ctrl or Cmd + J. Drag the copy above the paper. Desaturate the building and go to Filter, Stylize and “Find Edges”. I’d like to brighten the middle, darks of this image, so I’ll open the Levels window by pressing Ctrl or Cmd + L. I’ll drag the Input midtones to the left to lighten them. I dragged it to 1.87. In the next few steps, we’ll add a border and texture. We’ll start with the border. Double-click on the
thumbnail of the background copy to open its Layer Style window. Click Stroke and the color
box. Pick white and click OK. Make the Positon: Inside and the Blend Mode: Linear Burn. Make the Size: 20 pixels. Click Inner Glow and the color box. Pick black and click OK. Change the Blend Mode to Normal and increase the opacity to 100%. Increase the Choke to 100%
and make the Size: 21 pixels, which is one more pixel than the Stroke. Keep in mind,
if you’re using a different photo and its size and resolution are different than the
one I provided, you may want to play with the sizes for the Stroke and Inner Glow to get a similar result as this. Change the Blend Mode to Linear Burn. To brighten your image, first make the Paper layer active and invert the foreground and background colors
by pressing “x” on your keyboard or by clicking this icon. Open your Brush Tool and open your brush tip panel and type in a large brush. I’m using a brush size of 800 pixels. Keep
the Hardness at 0% and the Opacity: 100%. Then, press Enter or Return. Press F5 at the
top of your keyboard to open the Brush Preset panel. Make sure none of the settings are
checked, except “Smoothing”. Press F5 again to close the panel. Change the Blend Mode
to Soft Light and brush over the middle of your image or wherever you’d like it to be
brighter. Make the top layer active and click the New Layer icon to make a new layer. Click the foreground color to open the Color Picker. Type in 0036A5. Then, click OK or press Enter or Return. Now, the foreground color is the blue color we just typed in. Fill the empty
layer with the foreground color, by pressing Alt or Option + Delete. Change the Blend Mode
to “Screen”. Next, we’ll add text. Open your Horizontal Type Tool and pick a font. I’m
using “Draftsman Regular”. If you’d like to use it, I provided its link in the video’s
description of project files. For this font, I’ll make the size: 16 points, Sharp and Left
Alignment. Click on your document and type out your text. If you want to add a thin line
under the text, highlight it and go to Window and Character. The Character panel will open.
Click this icon, which will add the underline. To move your text, open your Move Tool and move it. To add another line of text, press “T” to open your Type Tool, click on your document and type your text. To reduce its size, highlight it and type in a smaller point
size. Open your Move Tool to move it. If you don’t want the underscore for this line of
text, just click off the Underline icon. To close the panel, click the double, arrowhead icon. If you’re working on version CC or later, there’s one more effect we can do that will
automatically apply vertical perspective corrections. Make the blueprint building active and go
to Filter and “Camera Raw Filter”. Click the Lens Corrections icon and in the Manual settings, you’ll see Upright. I did an in-depth tutorial
on the Upright filters and I provided its link in this video’s description. Click the
Vertical Upright icon and click OK. As I toggle back and forth, you can see how Vertical Upright straightened the vertical perspective. This is Marty from Blue Lightning TV. Thanks for watching!

how to UPDATE PHOTOSHOP CC 2017, Where are my PLUGINS?

how to UPDATE PHOTOSHOP CC 2017, Where are my PLUGINS?


How to Update Photoshop CC 2017 Hey Cafe Crew, it’s Colin Smith here from
PhotoshopCAFE. Today I’m going to show you how to update
Photoshop CC to the latest version which is CC 2017. I am also going to show you how to copy all
your plug-ins over. And this will work pretty much for any update
of Photoshop. So what we’re going to do is go to Creative
Cloud. Now if you don’t see the latest version right
there, just go under the icon and then, just go down and choose App Updates and update
your app. But right now, we see that Photoshop CC 2017
is ready to go so I’m just going to click Update, type in my password and go. Now one of the things that you need to be
aware of is 2017 is actually going to replace Photoshop CC 2015.5. So when you just get the incremental updates
from time to time, all they do is they just drop new features in an update, but when we
do a full version such as a 2016 or a 2015 or a 2017 in this case, it’s going to completely
replace that version of Photoshop. Okay, this is now being downloaded and if
you’ll look under here, you’ll now see Open, so let me click on Open and what it’s going
to do now is it’s going to open Photoshop. Okay, here we go. There’s our Photoshop and if we go down the
bottom here, you’ll see that it’s playing right there, but this is my old version; it’s
2015. Now, if I turn on 2015.5–in my case, it’s
still there–okay, so here we are. We are now running Adobe Photoshop CC 2017. Now one of the things you’ll find is you could
go under Filter or your third party plug-ins are missing. All right, let’s fix that. So what we’re going to do is we’re going to
quit Photoshop CC right now and then we’re going to go under the drive where we have
this installed. We’re going to go to the Applications folder. I’m just going to open this up a little bit
so we can see. So here’s the application folder right there
and you’ll see this Photoshop CC 2017. Now, if I double click that, it’s going to
open up and one of the things that you’re going to see is there’s a folder. This is plug-ins. Now if we click on those plug-ins, it just
shows generators, so what I’m going to do is I’m just going to Ctrl or Command click
and that’s going to open that in a new tab. Okay, so here we are 2017. Let me go back to applications here and we
can look at their earlier version, so here’s a 2015.5. I’m going to Ctrl Click and open that in a
new window. We’re also going to go back here. Let’s open up 2015 as well. So let’s go to our plug-ins folder for 2017
and I’m going to move this tab to a new window. So here’s our tab there; we’ve got nothing
in it, really. Let’s go to 2015.5, go to plug-ins and we’ll
see we’ve got our Google. So that’s a _[00:03:04] plug-ins, so we’re
just going to drag those over, hit Authenticate, and that will be our _ filter. Let’s go to our previous version, see what
else we’ve got in here. I’ve got a Particle Shop here and I’ve got
some other filters, so let’s just drag those over. Let’s choose New. We’ll just create a new file here and we’re
just going to go here. Let’s just open a default Photoshop size,
so there’s really nothing in it. And if we look under the Filters, now you
can see there are all our different filters are now availableóParticle Shop, Photomatix,
all the different ones. They may require updating in some cases, but
let’s have a look and see if it works so if we just grab here the Color Effects Pro4,
and there we go. So I hope you found this little tip useful. If you did and you want lots more tips like
this and other tutorials on Photoshop, Lightroom and different gadgets and stuff like that,
don’t forget to join the Cafe crew by hitting the Subscribe button right now; become a subscriber. So thanks for watching, guys, hit the Like
button, drop a comment, let me know you’re watching. And until next time, I’ll see you at the CAFE.