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

Рет қаралды 37,598

Күн бұрын

→ Get the Photoshop Brushes used in this tutorial:
Brush Vegetation Outlined and Silhouette: toffu.co/collections/brush-sw...
Brush People Silhouettes: toffu.co/collections/brush-sw...
Brush Cutout People: toffu.co/collections/brush-sw...
→ Get the Vector Seamless Patterns:
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: 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
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

Пікірлер: 15

@aaahhh5236 Жыл бұрын

Thx a lot, i really cant thank you enough, i hope you will keep learning us for many years to come, this channel deserves all the best.

@toffuco Жыл бұрын

Thank you so much for your kind words and wishes, it means a lot

@aaahhh5236 Жыл бұрын

@@toffuco you absolutely deserve it, 🙏

@stalyncalderon101 11 ай бұрын

Sería magnífico también en español!

@sarahshuchi9920 8 ай бұрын

thanks for the video. I have one question. the 3D Cadmapper creates with thick blue outline. Any tips pls?

@narendra672 Жыл бұрын

😀👍

@oktavia_kirana Жыл бұрын

Hey can you make a tutorial on how to create a site analysis diagrams?

@toffuco Жыл бұрын

Hi there! Of course, we would love to make one! In the meantime, you can check out our Illustrator & OpenStreetMap Site Diagram Tutorial at this link: kzfaq.info/get/bejne/pa6XZNubvdaYqGw.html

@Lewhateverr 2 ай бұрын

Hii thanks a lot for the tutorial, great content! That bike path part, my contour is like an offset path (there are only nodes in a single line, not like yours that has nodes like a ''contour''), do know how to transform the offset in a full path so I can cut with the scissors like you did? Thank you so much!

@toffuco Ай бұрын

Great question! That part is really missing in the tutorial First, we increased the stroke weight of the bike lane. Then, followed these steps: Select the bike lane line, go to Object Menu, and click on Expand. This way your line becomes a shape with contour. Then you can use offset and everything!

@Lewhateverr Ай бұрын

@@toffuco Thank you so much for the help, you're awesome!