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

Подписаться 31 тыс.

Просмотров 39 тыс.

50% 1

→ 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

Опубликовано:

4 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 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 Год назад

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 Год назад

😀👍

@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 2 месяца назад

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 2 месяца назад

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

@diananas01 Год назад

How can we gut the Textures pattern swatches ?

@toffuco Год назад

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

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oHg1xjXp4x8.html