hi guys welcome back to the channel today's video is how to create an
opportunities and constraint diagram in Photoshop so let's get started so now
there are two ways well three ways actually to start creating this diagram
first of all you can have your site drawn in AutoCAD then you add that in
Photoshop and then you select everything and then you add the colors the second
option is to use the Google Maps and from there you can do the exact same
steps although you won't get layers so you'll have to divide it into layers now
I wasn't feeling really well that day so I decided to take the quick and easy way
and I've used Digimap to export different layers of the site and then
add them into Photoshop to create the diagram so the first thing that I did is
I got rid of the watermark and if you are using Digimap the
easiest way I found to get rid of the watermark is to use the color range and
then for example select the water and then you inverse the selection and then
from there you can delete the water mark and I did that for all of the layers it
took less than 2 minutes I think and it was good to go so then afterwards I've
added in my color palette which if you haven't seen my previous video is all
about how to create your color palettes so that's the color palette I'm going
for so I'm adding the gray color overlay to the buildings and then after that
colored over the buildings and merged it with the surface layer so that it's all
one clean surface you guys know how much I am a big advocate for Skillshare and
I'm so excited to be recommending this class by Steven Rubio also known as the
iconic show it better channel on YouTube in this class Steven shares his
knowledge and a step-by-step tutorial to creating this image
starting from Sketchup all the way to the final image if you don't know what
Skillshare is it is basically an online learning community with thousands of
classes on design business and more it is so amazing to expand on your current
interests or talents or to deepen your knowledge of things you are interested
in it is also affordable as the annual subscription is less than $10 a month
I'll also have a link below that gives you two months a free premium access to
however many classes you are interested in it
will only be available to the first 1000 that click the link so do check it out
if you're looking to develop your personal and creative skills and now I'm
adding colors into the water and then the green space so all using the palette
and then afterwards I'm going to erase the buildings on my site and it's really
easy to do that since everything is on layers exported from Digimap so if you
are doing this from AutoCAD make sure you also export everything in layers so
it will make this diagram a lot easier to make so now I'm also adding a drop
shadow to the water just to give it a bit of depth and then Digimap
didn't recognize that this is green space so I had to select it in some way
to try and color that in so I'm gonna do it really messy and then I can select the
roads and then delete it afterwards so I'm also adding concrete texture to the
surface just to give it a bit of texture and I'm using this diagram for
inspiration for the color palette as well as like the overall style of the
diagram it's by a firm called Hall McKnight you should definitely check out
their diagrams I'm actually shocked I haven't seen anything like them before
and I really really like them they're all desaturated so if you like this
image I'll leave the link to the firm in the description box for you if you want
to check that out
I'm also coloring in the surface with like a base color and then I'm adding a
grass texture to the green space using the pattern overlay then I'm also gonna
hug grass images on top and then add that using a clip in masks why I'm
adding a second texture for the grass is because I want the grass to look patchy
so then using the black brush I can then erase some areas and make it and just
make it a bit patchy
adjust the hue saturation to bring the saturation down so that it all matches
with each other if you are for example doing a location map all you'll need to
do is just add the red boundary and I've seen this trick in another video which
is adding that vintage grain to your images so all you'll have to do is press
ctrl shift alt + E and that stamps all of the layers onto a new layer and then
you can convert that into a smart object go into filter Camera Raw filter and then
if you click on the FX kind of reminds me of math you know the FX function ugh I
Miss math so now if you adjust the amount and size and roughness so play
around with it test out how it looked so now if you're not doing a location
map and you're doing the opportunities you can straight diagram you can then
delete that layer and we'll get back to it when we're done so I'm gonna add a
stroke to my site and I'm gonna select that with a magic wand tool and then add
the grey color overlay and then stroke and even the stroke is from the color
palette so once you create your palette everything has to be within that palette
to create a cohesive look within your presentation boards so now another thing
that I liked about the diagram is how simple the trees were it was literally
just a circle with different shades of green and with a low opacity and a white
stroke so then you can see how these trees overlap each other with the white
stroke and I think it looks really nice and it's actually a lot easier than
getting a PNG from Google or any other site so now I'm going to add some
symbols too to the opportunities and constrain
I usually take them from Google but one of my friends actually on YouTube the
architectural insider if you haven't watched this video yet go check it out I
absolutely hate doing this diagram but he made me feel like it was really easy
with that video he found this image from Pinterest and it has all kinds of
different symbols and then I added that into my diagram and then deleted
everything that is white by selecting everything that's black in the color
range and select inverse and then delete
everything and then afterwards I also added a color overlay to make sure that
nothing was black and it was gray so I'm adding this exact line to represent
noise and it's mainly coming from the Main Street and train line so these
arrows are for example vehicle access and also connections so now I'm going to
add my master plan on top because I want to select the buildings I want it to be
relatively to scale but not necessarily perfect select all of the buildings in
the master plan and add a color overlay and I also have this linked loop so I'm
also going to add a color overlay to that select everything from the master
plan and just add a color overlay to that add some text so then we're going
to change this into this vintage look by pressing ctrl shift alt + E you go into
filter Camera Raw filter and then you adjust the grain
you
that is the end of the diagram I hope you guys enjoyed it and you found it
helpful let me know in the comments down below what skill share classes have you
watched lately I've watched real productivity by Thomas Frank I've also
watched productivity master class also by Thomas Frank because as you can see I
have a habit of procrastinating so I need to be productive and I've also
watched two classes for calligraphy I've watched another class for hand
lettering digital lettering block lettering and then also hand lettering
essentials for beginners because I wanted to improve just how I write I've
also watched design thinking art hacks to overcome creative block the perfect 100
day project your guy - explosive creative growth so let me know in the
comments down below what skills share classes have you watched I hope you have
an amazing day I'm Rasha Shrourou and I'll see you next time