hey everyone and welcome back to the channel and hello if you're new in
today's video I will be showing you how to create the 6 site analysis diagram
for my previous project which was a theater so I know I've done this video
in the past but you guys seem to really like this so I thought I'd show you how
to actually prepare base diagram which then you could use to create all of
these six diagram stage one of this site analysis the preparation so first of all
we're gonna start with digi map and I'm really sorry if you guys don't have
access to digimon but I think you could use CAD mapper or Google Maps but it
will kind of have a different result and a different process so if you go to digi
map and then go to your site any site kind of has different styles so choose
one that you like I like the vector map district and then on the left in the map
content you can see that it has different layers which is really good
for us as we can export all of these layers and add them into Photoshop I'm
gonna hide all of the different layers and then start one by one starting from
height information and I'm gonna export that as an a3 to keep it high quality
and it's always best to export bigger size than you think you need just so
that you don't have to go back and do the whole thing again and I'll also have
all of the files link down below so that if you guys want to follow along hide a
settlement name I didn't know that you can hide it wow that could have saved me
a lot of time which you'll kind of see what I mean in one of the diagrams for
the natural features railway roads so that afterwards we're done and then we
could help on on to photoshop
some of the techniques I used today I learned by experimenting with photoshop
tools and others in a class by daniel scott on Skillshare in this class daniel
who is an Adobe certified instructor for Photoshop dives down into the
fundamental tools of Photoshop and how to use them the right way
I find Skillshare truly amazing to expand on your current interest or
talents deepen your knowledge of things you are interested in while also giving
you so much space to discover something completely new to learn they offer
thousands of classes on all sorts of topics such as Photoshop Illustrator and
even architectural classes that I've already spotted that I'll link down
below for you I think it's the perfect platform to make the most of this year
to develop new skills and develop your creativity because culture is an online
learning community so classes are so easily accessible you can watch in your
own time at your own pace they are also affordable as the annual subscription is
less than $10 a month I'll also have link below to give you
two months free premium access to however many classes you are interested
in only available to the first 500 that click the link below do check it out if
you're looking to develop your personal and creative skills in 2020 and thank
you so much to Skillshare for sponsoring and supporting channels like mine open a
Nathan same as all of the images and then place them onto your document and
as you can see they are aligned perfectly
change its blending mode to multiply and then we are going to crop it going to
select my site and color that with red as it will need to be in all of the
diagram so then I'm going to rasterize all the layers hide them one by one and
as you can see if you zoom in you can see that digi map leaves this watermark
if you want to remove it you can use the magic wand tool select it and then
delete but there's also a quicker way if you right-click and then go on to color
range you can then select that color and then delete that separate but
unfortunately you will have to do that for each individual layer because
sometimes the color might be too similar and it will not pick it up properly once
you're done with that you can then start on creating your base diagram so you can
keep it as a rectangle you can make it into a square whichever you'd like if
you want a circle or a rectangle all you have to do is draw in the shape and
literally just add a clipping mask
but for me unfortunately I took the long way which is kind of a very tedious task
which I really wanted it to be more organic so I'd have to add a layer mask
to each layer and then from there start painting in black and kind of erasing a
few area
then save that Photoshop file in two different other Photoshop files such as
traffic cycling public transport figure-ground and then open all of them
onto Photoshop and then you can start your diagrams the first diagram we are
going to do is the figure-ground diagram select the layer of the building flyer
color overlay in black and as you can see you've done please don't select
every building individually because I have seen it before and there is an easy
way and this is where you can see how I should have known that you can remove
the settlement name but I didn't let's just say Wolverhampton has a few more
buildings now it's fine no one's gonna notice unless they watch
this video the second diagram which is traffic to get traffic information go to
Google Maps and then write traffic and then you can see the traffic for your
site you would normally have to do this for three days out of the week with
three different times but I got no time for that so I literally just chose a
time that it's kind of on average I'd say and then I snipped older and then
added onto Photoshop lowered its capacity
use that color slightly a bit darker than the original color and then just
paint it on traffic so orange obviously for slow traffic and then green for fast
traffic I mainly went just over the Ring Road you can do as far as you need to
and in the end this is the final diagram it's pretty easy should take you not
more than probably 10 minutes I'd say or even less now let's hop on to the other
diagram why am I saying hop on and where did where did that come from anyway the
third diagram is public transport I'm gonna use a bus icon add that to my
photoshop file and then color that with blue turn that into a smart object so it
doesn't lose its quality rename the layer obviously and then scale it down
and then move it to wherever there is a bus stop the more the merrier
more your bus stops you have on your site that means it has good public
transport it's easily accessible so I'm also going to add the train station so
I'm just going to find the train station icon scale that down and add it we also
have a bus station so select the building layer use the polygonal lasso
tool and then click on this and what it basically does it kind of intersect the
selection you could see it selects the station pretty easy so I'm gonna color
that with the same color as the bus icon so it kind of matches then we're going
to do parking kind of the same way this time the icon I just left it purple with
a P on the top also charging stations I really like to add this bolt it kind of
adds a nice color to the diagram but again you can use whichever icon you'd
like convert it to a smart object so it doesn't lose its quality just place it
wherever you need to we're gonna go back to Google Maps and if you click these
three bars on the left you can then choose cycling and that basically shows
you the cycling
so again I'm gonna snip to that and copy it paste it onto my Photoshop file scale
a lower its opacity and then just play around with the blending mode sometimes
they'll work unfortunately this time it didn't the only one that I really liked
was different and the cycling route ended up being this kind of neon purple
which I really liked I decided to use that color happy coincidence so on a new
layer I'm going to start painting all of the cycling routes it would be really
helpful if you are from the area as you can kind of fill in the gaps and add a
few more detail that Google Maps doesn't know which is pretty handy as you can
see in some areas it is dotted if you click on here you can go on to brush
properties and that will change its first spacing instead of painting every
dog by itself because that would be just crazy I'm just gonna rescale that make
sure everything fits properly that is basically the final diagram the next
diagram is literally going to take you about two seconds I'm not even joking
all you have to do is hide the building layer basically Road pattern or Street
pattern and all you have to do is kind of add text explaining its character and
where it originated from but that's basically it from a graphical
presentation
so now we're gonna move on to land views and I know guys I hate this diagram too
I always leave it to the end because it takes a bit of time start first with
making the key because if you don't make the key things could get kind of
confusing add rectangles and then if you color overlay that within color and then
copy that layer style and then paste it onto the other rectangles you basically
color all of them at the same time and then press on the FX top the color
overlay option again and then you can just change that to any other color that
you like I'm just doing some rough colors right
now I'll probably change them into something a bit more vibrant name the
keys or residential commercial retail and all that I'm not paying too much
attention to the key right now because at the end of all of the diagrams I'll
be adding one key for all of the diagrams to actually select the
buildings use the polygonal lasso tool to kind of rough out the areas kind of
tell this is a residential area residential is pretty easy to know
because of its form and kind of spacing but the problem with land use is you
kind of have to go to Google Maps and see every building individually
if you go onto the building layer copy and paste it if you press ctrl shift + V
it will copy and paste what you selected in exactly the same location and then
you can color overlay that with a different color but you can also go the
other option if you want to go into a bit more detail and then select
individual buildings here and there and then color those with a different color
if they're commercial and so on and then once you are done you will have this
beautiful diagram of different colors and it's kind of my favorite to look at
at the end but it's kind of a bit annoying to actually me I've took a very
blurry screenshot from one of my previous diagrams just to get the colors
because I really like the colors that I chose the diagram looks so much
different so much vibrant so much life in it and I actually really like this
one and let's move on to the final final diagram we are almost there guys we can
do it so the last diagram is the Wolverhampton area action plan which
stands for what kind of reminds me of a Burger King burger but that's not the
point in the UK every city has an area action plan I'm not sure if it's in
different countries but they should do it has diagrams and information about
what the council wants to improve in that area so it's really helpful because
you want your design to fit in with that proposal what is really helpful in your
site analysis is to kind of do a diagram in which you summarize the area action
plan so we're going to use all the same techniques that I've used in the
previous diagrams we're doing a dotted line based on but I previously showed
you
you can also add a circles here and there to indicate any public harlem
improvements and in connection improvements could add arrows through
photoshop if you didn't know if you click on the line and then from the top
here you can then select to add an arrow to its start or end but I don't really
like the arrows from Photoshop so I like to add my own arrow from Google you can
then combine them to make longer arrows or bigger arrows and then you just have
to add it wherever the diagram has arrow it kind of indicates connections between
two areas or two streets going to add that in different colors and then
basically just add a few more icon stars to finish off the diagram what I found
was a website online for designated heritage assets which basically tells
you listed buildings Conservation Area instead of actually making this diagram
yourself all I did was took a screenshot of it pasted it onto Photoshop and then
lowered its opacity and in the clipping mask and then painted over it with black
to kind of erase the areas and make it more blended I only just realized my
silly mistake I used the eraser instead of a paintbrush so technically I will
not be able to hide and reveal but you get the point do use a black brush and
that is basically it the diagram looks like we've worked for hours on it didn't
take us as long as it could have I hope you guys enjoyed this video thank you so
much for watching let me know if you guys like this kind of longer videos
chitchat or a more shorter videos quicker more scripted also let me know
how your twenty twenty year is going if you are planning on learning anything if
you have any new year resolutions mine is pretty much to just survive 2019 has
been such a hard year for me so I'm just trying to focus on how I feel in 2020
and just to as creative as I can be as productive
and as happy as I can be and literally not focus about specific goals and
specific achievements but do let me know what you guys are doing I love you guys
so much and I miss you so so much thank you so much to everyone who has been
following me on Instagram this past few months I've been connecting with a lot
of you and it really meant so much to me so if you guys are not following me on
Instagram you should do it like right now I'm Reza Shirou and I'll see you
next time