Master Plan with Google Earth and Photoshop + Animating in After Effects

―
Learn in this video how to quickly create a complex master plan using a Google Earth image and a base file.
All the digitally produced images/renderings were done using the ConceptD 7 Ezel from @ConceptDCreator.

If you need to download a base map and there’s no urban department on your contact list. Take a look at this website:

Also, check the comment section because other people may have different options to download detailed city bases.

Learn more about ConceptD:
ConceptD 7 Ezel: ConceptD 7 Ezel
Social: @ConceptD | Linktree

Timestamps:
0:00 Intro
0:22 Important info
1:26 Base drawing
3:44 Site analysis (Conceptual)
4:41 Google Earth
5:40 Photoshop - First steps
8:13 Photoshop - Adding Textures
10:52 Photoshop - Highlighting areas
12:53 Animating in After Effects

―
● A platform to learn Architecture Representation and Visualization:

● You can also follow us here:

● Let's talk:

[curious]

Anyone in the UK, digimaps provides many formats for many uses, free access is normally available with your University login.

[rahma]

Your original vid/tutorial of this master plan was a key inspiration for my BA thesis-project at the Royal Danish Academy of Architecture only back in January '22

Seeing you re-open it, using my capital city as the backdrop, is such a treat!

Thanks for fantastic videos mate, and for making your graphical work so readily available and easy-to-follow.. You're a godsend, thank you!

[macabazan]

I never thought on using after effects for architecture presentation... I would be really interesting to go deeper into it.
Nice video 👌🏼

[ificouldstopexisting]

can you detail the export from CADMAP pr just briefly explain it ? I don't understand the process to the different png layers

[dilyanarabadzhiev]

To align better the building make the image more ortho, go to Tools / Options/ Elevation Exaggeration (also scales 3D buildings and trees): and set it to 0.01 (min value)

[xxurbanlogs]

openstreet maps exported as SVG or PDFs when opened in Illustrator does provide you with all the necessary information just that one will have to separate the desired layers from it (when there is no other option to the information)

[merveergan]

Great work. But in my case because of our location, we don't have detailed maps on all platforms. Could you please make a tutorial about how to import these files from GIS and basically start from scratch? Thanks a lot.

[TiborMiklosAE]

You can make it more complex visually if you use the stroke effect instead of trim paths, but it takes more steps. So you need to have the map and the red line on separated images. Then you create a new white solid, hide its visibility(turn off the eye icon) and use the pen tool to trace the red line. Then you apply the Stroke effect on this layer and animate the "End" property from 0% to 100%. In order to work, you have to change the track matte on the red line layer to "Alpha Matte" and the white solid layer must be above the red line layer!

It does the same thing visually as your trim paths solution, but here's the more part! If you create a new point light then you can use the mask from the white solid layer to animate the light. You just have to select the white solid layer hit the "m" key on the keyboard to reveal the mask properties and then select "mask path" and copy it! (ctrl+c on the keyboard or go to Edit---->Copy) After that select the light and hit "p" on the keyboard to reveal the position properties and select it and hit ctrl+v or Edit----> paste!

So what it does is the point light is going to follow the red path. You probably have to tweak the keyframes a bit to sync the red line reveal and the position of the light source. Now if you have Optical Flares from Videocopilot then you can use it on a new layer and then you can use the point light as the light source. It can create many interesting-looking effects. For example, a flickering flare is revealing the red line or something like that.

If you have Trapcode particular then you can use this point light as a particle emitter, you just simply need to rename the light to "emitter".It allows you to create a particle trail or something else.
I think these combinations (particle trail, flickering light/ lens flare ) can make this neat animation look even better!

[mrCetus]

I'd love to see you bring us more After Effects tutorials. Great job man, thanks!

[Zelectec]

I can recommend Blender and its GIS addon.
The only problem for me seems to be to export into svgs. I use a outline to svg addon on top of it to export selected meshes and just add them together in illustrator

[nokia]

I heard of TIM online for base plans - but I think it's mostly for German locations

[henrymunnich]

Holy crap. Best youtube tutorial I have ever seen. What a spicy workflow!

[manelmv]

try snazzy maps next time, you can edit evertything! EVERYTHINGS, NAME TAGS, COLOURS, what you want or not to see... is amazing!

[mariaveronicasomozamartine]

Oh! I'm obsessed! I can't wait for an After Effects video oriented to architecture

[billionaired]

This video was helpful but then it wasn’t, I followed every step but I noticed that your cad-mapper file came out with solid color areas already and mine i just plain line work …so when I go to add layers and color fill it doesn’t work the same as yours because you already have tweaked it. I love this channel but it’s kinda hard to follow as a beginner when you skip steps sometimes

[DesignItGreen]

Great video! I remember watching the original when it first came out! but this updated one is even better!!! Also, The animation for architecture presentation would be a really cool idea! I'm curious to see how animation comes into play in the future for young aspiring designers.

[jpmeniconi]

More After Effects please Oliver! You are the man!

[babyjesus]

Lol, got recommended this vid and I live on part of that map, thats Amager & Christianshavn, Copenhagen Denmark, I live in the lower right corner. <3

[instantgui]

I wish this video was out during my final project development! Amazing content!!

[divinedreamdesireislove]

Open street & Mapbox, seen from one of utube videos itself.