Ground Floor Plan SketchUp to Illustrator Workflow | Illustrator Tutorial Series Part 1

→ Get all the vectors used in this illustration:
toffu.co/products/flat-vector...
In this step by step tutorial, we're going to show you how to create a ground floor plan representation with SketchUp to Illustrator workflow
→ Visit Toffu:
Toffu: toffu.co
→ Visit Our Blog For More Detailed Tutorials:
Medium: toffu.blog
→ 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: Dreaming after work (Prod. by Lukrembo x Cloudscape)
Link: • lukrembo x cloudscape ...
0:00 Intro
0:40 Export 2D in SketchUp
01:18 Artboard and Drawing Setup
04:10 Coloring with Live Paint Bucket Tool
05:18 Adding Details and Floor Patterns
06:30 Adding Furniture Blocks
07:48 Landscaping: Adding Ground Patterns
09:38 Landscaping: Illustrating the River
10:50 Landscaping: Adding Greenery
11:15 Adding Architectural Plan Symbols
12:25 Final Illustration
12:40 Exporting
12:55 Outro

[@chrisgarganta3936]

Thank you so much!!!!! This was great!!

[@toffuco]

That's great to hear, thank you 🥰

[@rahulbanerjee770]

this was mind blowing! seriously waiting for 2nd part. thanks

[@toffuco]

So glad that you liked it! Part 2, 3 and 4 is posted in our channel, here's the link to Part 2: ruclips.net/video/x7Rh2atoSss/видео.htmlsi=KAOrZy8oD-GYVLB0

[@aaahhh5236]

you are amazing, thx a lot

[@toffuco]

Glad you enjoyed it 🥰

[@AliNoh]

wow love it

[@toffuco]

So glad you liked it, thank you 🥰

[@fvargas3089]

thanks

[@blastonchirwa5072]

Brilliant

[@toffuco]

thank you!!

[@user-hc9yu3ie6h]

wonderfull amazing

[@toffuco]

Glad you liked it, thank you so much

[@Smashingpumpins]

veery helpful

[@toffuco]

[@aditidhavle]

very helpful! could you also do a tutorial of the bartlett style of visualisation?

[@esincupcake]

Oh god I would love to see that

[@toffuco]

So glad that you enjoyed it! We actually have one in our channel, it's called Bird's-Eye Street View Bartlett Style. We would be happy to do new ones as well 🥰

[@narendra672]

👏👍

[@Arya-td5yl]

How did you bring the section lines and other annotations...??

[@toffuco]

Hi there, we get the annotations from our Content Bundle, at 11:14 you can see that we copied and pasted them into the plan. The links to the content bundle is in the description box above!

[@liliyardan]

How could you copy all of lines to bg layers? By the way very good tutorial for beginners . Thank you ❤

[@toffuco]

So glad that you liked it 🥰 You can see at 3:06 and again 4:48 we simply select the lines, then drag them to the chosen layer from the layers panel.

[@liliyardan]

@@toffuco ohhhh okey got it now. Thank you for quick answering ❤️

[@ateovall]

where are the patterns from?? they look really nice.

[@toffuco]

The link to the content bundle including all the patterns is in the description box above!

[@hexmangelen5942]

Good day, I'd like to ask, until what point do you work on your sketchup model before you stop detailing further and continue on in Adobe Illustrator?

[@toffuco]

Hi there, thank you for the question! The level of detail varies depending on the project, especially its scale. As shown in this tutorial, we usually add 90% of the details in Illustrator. It ultimately depends on which program you can use more effectively

[@hexmangelen5942]

@@toffuco got it, thanks for the reply

[@mariamazilu5424]

Where can I find the pattern for ground floor? Thank you!

[@toffuco]

The link to the content bundle including all the patterns is in the description box above!

[@akshitabaheti]

how did you get those view tabs?

[@toffuco]

Hello! Did you mean in SketchUp? We've been working on this model for some time and have created many camera angles for specific views.

[@paulocurado7967]

i cant edit my pdf in illustrator. looks like a picture. i cant do anything

[@mennahashem4248]

Don't drag and drop it inside illustrator. Click right in the pdf and choose open with illustrator .

[@toffuco]

Right-click on the pdf file then choose open with Illustrator. If that won't work, you can ungroup or expand it also. Go to Object menu and choose expand

[@SarveshSonawane]

can u share illustrator files of this plss

[@toffuco]

Hey there! You can get all the content used in this tutorial from the link in the description box: toffu.co/products/flat-vector-ground-floor-top-view-creative-content-bundle and then apply it to your floor plan drawings

[@zano372]

The make of live paint doesn’t work what can i do? 😢

[@toffuco]

Hi there! You might have empty paths in your selection. Try opening the layers panel, click on the arrow symbol on the layer, and check out if there are any empty paths.Hope this helps!!

[@alejandroelvaz5702]

You are the best! I love Toffu co

[@toffuco]

Thank you so much for the love 🥰We appreciate your support