How to Create This Urban Diagram Under 10 Minutes | Site Diagram Illustrator Tutorial

→ Get the Photoshop Brushes used in this tutorial:
Brush Vegetation Outlined and Silhouette: https://toffu.co/collections/brush-sw...
Brush People Silhouettes: https://toffu.co/collections/brush-sw...
Brush Cutout People: https://toffu.co/collections/brush-sw...

→ Get the Vector Seamless Patterns:
https://toffu.co/products/swatch-seam...

In this step by step tutorial, we'll give you quick tips on how to create a public space diagram using Illustrator and Photoshop.

→ Visit Toffu:
Toffu: https://toffu.co

→ Find Us On Social Media:
Instagram:   / toffuco  
Facebook:   / toffuco  
Pinterest:   / toffuco  
TikTok:   / toffuco  

→ Music ♪
Huge thanks to Skaldog for our intro music:
  / skaldog  
https://www.skaldog.com/

Track Name: Yor - Lofi u

0:00 Intro
0:45 Exporting 2D Graphics in SketchUp
01:00 Exporting Shadows in SketchUp
01:25 Editing the 2D Export in Illustrator
02:00 Coloring with Live Paint Bucket Tool
02:30 Designing and Drawing the Urban Space
03:00 Drawing and Detailing the Bike Lane
03:45 Creating 3D Urban Elements in Illustrator
04:30 Adding Colors, Patterns, Drawing Details
06:45 Adding Shadow Exports with Blend Modes
07:00 Adding Brushes in Photoshop
08:35 Adding Text Bubbles in Illustrator
09:00 Outro