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: 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
    @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

    @toffuco

    Жыл бұрын

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

  • @aaahhh5236

    @aaahhh5236

    Жыл бұрын

    @@toffuco you absolutely deserve it, 🙏

  • @stalyncalderon101
    @stalyncalderon10110 ай бұрын

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

  • @sarahshuchi9920
    @sarahshuchi99207 ай бұрын

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

  • @narendra672
    @narendra672 Жыл бұрын

    😀👍

  • @Lewhateverr
    @LewhateverrАй бұрын

    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

    @toffuco

    18 күн бұрын

    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

    @Lewhateverr

    18 күн бұрын

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

  • @oktavia_kirana
    @oktavia_kirana Жыл бұрын

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

  • @toffuco

    @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: kzread.info/dash/bejne/oXybk9qjiNOaqJs.html

  • @diananas01
    @diananas01 Жыл бұрын

    How can we gut the Textures pattern swatches ?

  • @toffuco

    @toffuco

    Жыл бұрын

    We've added its link to the description box above! Or you can search toffu store for "Swatch Seamless Patterns"

  • @alexvervloet2709
    @alexvervloet270923 күн бұрын

    comment

  • @alexvervloet2709

    @alexvervloet2709

    23 күн бұрын

    Antwoord