![Toffu Co](/img/default-banner.jpg)
- 97
- 1 114 816
Toffu Co
United States
Приєднався 13 сер 2017
Easy illustration tutorials for architectural representation.
Easiest Way to Make Site Models | Physical Maquette Effects in Blender Using Google Cities
→ Get the 3D blocks and materials used in this tutorial 🫧
✸ 3D Model Futuristic City Fillers | toffu.co/products/3d-model-futuristic-city-fillers?_pos=1&_sid=c55251528&_ss=r
✸ HDRI Environment Light | polyhaven.com/a/brown_photostudio_01
✸ Blosm for Blender Add-on: Google 3D cities, OpenStreetMap, terrain | prochitecture.gumroad.com/l/blender-osm
✸ Open Street Map for coordinates: prochitecture.com/blender-osm/extent/?blender_version=4.0&addon=blosm&addon_version=2.7.8
In this step-by-step tutorial, we're going to show you how to make site models with physical maquette effect in Blender using Google cities.
→ Visit Toffu🪴
Toffu: toffu.co
→ Find Us On Social Media🪐
Instagram: toffuco
Facebook: toffuco/
Pinterest: www.pinterest.com/toffuco/
TikTok: www.tiktok.com/@toffuco
→ Music 🎧
Huge thanks to Skaldog for our intro music:
soundcloud.com/skaldog
www.skaldog.com/
💿 Track Name:
Level Up - Quincas Moreira
℗ UA-cam Audio Library
00:00 Intro
00:26 Downloading the add-on
00:44 Uploading the add-on
00:57 Determining the city boundaries
01:51 Importing the model of the city
02:30 Adding project model
04:55 Camera setups
06:58 Adjusting the materials
07:50 Adding environment light
08:18 Final renders
09:30 Outro
✸ 3D Model Futuristic City Fillers | toffu.co/products/3d-model-futuristic-city-fillers?_pos=1&_sid=c55251528&_ss=r
✸ HDRI Environment Light | polyhaven.com/a/brown_photostudio_01
✸ Blosm for Blender Add-on: Google 3D cities, OpenStreetMap, terrain | prochitecture.gumroad.com/l/blender-osm
✸ Open Street Map for coordinates: prochitecture.com/blender-osm/extent/?blender_version=4.0&addon=blosm&addon_version=2.7.8
In this step-by-step tutorial, we're going to show you how to make site models with physical maquette effect in Blender using Google cities.
→ Visit Toffu🪴
Toffu: toffu.co
→ Find Us On Social Media🪐
Instagram: toffuco
Facebook: toffuco/
Pinterest: www.pinterest.com/toffuco/
TikTok: www.tiktok.com/@toffuco
→ Music 🎧
Huge thanks to Skaldog for our intro music:
soundcloud.com/skaldog
www.skaldog.com/
💿 Track Name:
Level Up - Quincas Moreira
℗ UA-cam Audio Library
00:00 Intro
00:26 Downloading the add-on
00:44 Uploading the add-on
00:57 Determining the city boundaries
01:51 Importing the model of the city
02:30 Adding project model
04:55 Camera setups
06:58 Adjusting the materials
07:50 Adding environment light
08:18 Final renders
09:30 Outro
Переглядів: 1 273
Відео
Make This Floor Plan Under 10 Minutes in Rayon! | FREE Housing Blocks | Plan Drawing Tutorial
Переглядів 7 тис.3 місяці тому
Start drawing with Rayon for free 👉:www.rayon.design/? Get the FREE Housing Blocks Kit 🏠: www.rayon.design/app/model/5b32edaa-1b15-445b-ae8e-889188fd1830?token=rayon-template& In this step-by-step tutorial, we're going to show you how to create this floor plan from scratch only using Rayon. → Visit Toffu🪴 Toffu: toffu.co → Find Us On Social Media🪐 Instagram: toffuco Facebook: fac...
Easiest Way to Make Axonometric Landscape Diagrams! | Photoshop Tutorial for Beginners
Переглядів 2,6 тис.3 місяці тому
→Get all the content used in this tutorial🫧 🪩 Cutout & Axonometric Urban Park Creator Bundle: toffu.co/collections/toffu-originals/products/axonometric-cutout-flat-vector-park-kit 🪩 Axonometric Diagram Contents: toffu.co/collections/axonometric-diagram In this step-by-step tutorial, we're going to show you how to make post-digital collage style landscape diagrams within minutes! → Visit Toffu🪴 ...
Make This Post-Digital Style Render with D5 Render
Переглядів 2,9 тис.4 місяці тому
→Get D5 Annual Subscription at a 5% discount: myspace.d5render.com/subscribe/year?kolCode=GRPJA3 D5 Render Download: bit.ly/3VPUzan D5 Hi : d5next.ai/ →Get all the content used in this tutorial: *3D Model Coffee Shop 2: toffu.co/products/3d-model-coffee-shop?_pos=5&_sid=5a8ce0d2a&_ss=r In this step-by-step tutorial, we're going to show you how to make a post-digital style render using D5 Render...
Isometric CAD Drawing to Illustration Tutorial Part II | Adobe Illustrator for Beginners
Переглядів 2,9 тис.5 місяців тому
Check out the Part I: ua-cam.com/video/ffYKLtdojjI/v-deo.htmlsi=oDK0xsLM9aRvDHA2 →Get the content bundle: toffu.co/products/axonometric-house-ilustration-creative-content-bundle In the final part of our two-part step-by-step tutorial series, we're going to show you how to turn the isometric drawings we've made in AutoCAD into an illustration using Adobe Illustrator. → Visit Toffu: Toffu: toffu....
Easiest Way to Create Sections in Rayon + FREE Section Content Kit | Architectural Tutorial
Переглядів 13 тис.5 місяців тому
Start drawing with Rayon for free 👉: www.rayon.design/? Get the FREE Section Content Kit 🌳: www.rayon.design/app/model/8057d621-22d9-40a7-b495-85df9167a06f?token=rayon-template& In this step-by-step tutorial, we're going to show you how to create this section from scratch only using Rayon. ✸ Visit Toffu: Toffu: toffu.co → Join Our Discord Channel: discord.gg/archade → Visit Our Blog For More De...
FULL TUTORIAL: Axonometric Illustration From Scratch Only Using Illustrator | For Beginners
Переглядів 14 тис.8 місяців тому
Get the patterns and vectors used in this tutorial: *Patterns: toffu.co/products/swatch-landscape-patterns-4 *Vectors: toffu.co/products/axonometric-landscape-ilustration-creative-content-bundle In this step-by-step tutorial, we're going to show you how to create this axonometric landscape illustration from scratch only Using Illustrator. → Visit Toffu: Toffu: toffu.co → Join Our Discord Channe...
Architectural Visualization Tutorial Series for Beginners | Illustrator SketchUp Photoshop Blender
Переглядів 6 тис.8 місяців тому
To Learn More and Enroll: toffu.co/pages/course We are excited to introduce our new comprehensive course, tailored specifically for beginners in architectural representation. This course is designed to help you enhance your current abilities and learn new methods in the most popular design software: Adobe Illustrator, Photoshop, SketchUp and Blender. You'll learn all the fundamental concepts an...
Importing Blender Models into Rhino and SketchUp with Materials Tutorial
Переглядів 4,3 тис.9 місяців тому
Importing Blender Models into Rhino and SketchUp with Materials Tutorial
Create This Post-Digital Public Space Under 10 Minutes | SketchUp to Illustrator Workflow Tutorial
Переглядів 33 тис.10 місяців тому
Create This Post-Digital Public Space Under 10 Minutes | SketchUp to Illustrator Workflow Tutorial
How to Make Isometric Drawings in AutoCAD Tutorial | From 2D Plan to Isometric Drawing PART 1
Переглядів 11 тис.10 місяців тому
How to Make Isometric Drawings in AutoCAD Tutorial | From 2D Plan to Isometric Drawing PART 1
Make This ARCHITECTURAL SECTION in PROCREATE + Animation Tips | Procreate Tutorial for Architects
Переглядів 8 тис.11 місяців тому
Make This ARCHITECTURAL SECTION in PROCREATE Animation Tips | Procreate Tutorial for Architects
EASY EXPLODED BUILDING DIAGRAM Animation Tutorial in After Effects for Beginners
Переглядів 5 тис.11 місяців тому
EASY EXPLODED BUILDING DIAGRAM Animation Tutorial in After Effects for Beginners
How to Render Physical Looking Models in Blender Tutorial | Cardboard Effect Render
Переглядів 6 тис.Рік тому
How to Render Physical Looking Models in Blender Tutorial | Cardboard Effect Render
Best Architectural Portfolio Cover Designs: Tips for Standing Out!
Переглядів 14 тис.Рік тому
Best Architectural Portfolio Cover Designs: Tips for Standing Out!
How to Make this Paper Cutout Effect in Procreate Tutorial | Procreate for Architects Part 7
Переглядів 2,5 тис.Рік тому
How to Make this Paper Cutout Effect in Procreate Tutorial | Procreate for Architects Part 7
How to Print Drawings in AutoCAD Tutorial | Plot Settings & PDF Export Tips AutoCAD for Beginners
Переглядів 3,6 тис.Рік тому
How to Print Drawings in AutoCAD Tutorial | Plot Settings & PDF Export Tips AutoCAD for Beginners
How to Make Isometric Diagrams in Procreate Tutorial | Procreate for Architects Part 6
Переглядів 17 тис.Рік тому
How to Make Isometric Diagrams in Procreate Tutorial | Procreate for Architects Part 6
Make this Post-Digital Collage with Illustrator | Adobe Illustrator Tutorial for Architects
Переглядів 37 тис.Рік тому
Make this Post-Digital Collage with Illustrator | Adobe Illustrator Tutorial for Architects
Perspective Section in Procreate Tutorial | Procreate for Architects Part 5
Переглядів 11 тис.Рік тому
Perspective Section in Procreate Tutorial | Procreate for Architects Part 5
25 Must-know Commands for AutoCAD Plan Drawing | Sketch to Technical Plan AutoCAD Tutorial
Переглядів 3,8 тис.Рік тому
25 Must-know Commands for AutoCAD Plan Drawing | Sketch to Technical Plan AutoCAD Tutorial
FREE COURSE: Exploded House Diagram Drawing SketchUp to Illustrator Tutorial
Переглядів 7 тис.Рік тому
FREE COURSE: Exploded House Diagram Drawing SketchUp to Illustrator Tutorial
Day to Night: Community Garden Illustration Tutorial | Adobe Illustrator for Architects
Переглядів 6 тис.Рік тому
Day to Night: Community Garden Illustration Tutorial | Adobe Illustrator for Architects
Architectural Sketching with Tracing Procreate for Architects Part 4
Переглядів 10 тис.Рік тому
Architectural Sketching with Tracing Procreate for Architects Part 4
How to Make Realistic Physical Model Render Using Blender & Photoshop
Переглядів 4,2 тис.Рік тому
How to Make Realistic Physical Model Render Using Blender & Photoshop
How to Make this Architecture Presentation Board from Scratch | Illustrator Tutorial for Architects
Переглядів 14 тис.Рік тому
How to Make this Architecture Presentation Board from Scratch | Illustrator Tutorial for Architects
Make this Master Plan Illustration using only Google Earth and Illustrator Tutorial
Переглядів 21 тис.Рік тому
Make this Master Plan Illustration using only Google Earth and Illustrator Tutorial
How to Make This Axonometric Exploded Diagram Under 10 Minutes | SketchUp to Illustrator Tutorial
Переглядів 32 тис.Рік тому
How to Make This Axonometric Exploded Diagram Under 10 Minutes | SketchUp to Illustrator Tutorial
Architectural Collage with Procreate Tutorial | Procreate for Architects Part 3
Переглядів 12 тис.Рік тому
Architectural Collage with Procreate Tutorial | Procreate for Architects Part 3
FREE Course: Conceptual Diagram Tutorial | Adobe Illustrator for Beginners
Переглядів 16 тис.Рік тому
FREE Course: Conceptual Diagram Tutorial | Adobe Illustrator for Beginners
How to select the drawing without select the shadow layer on 3:19 ?
And the high bathroom windows?
What is the size of this page?
Thank you
Wow great and helpful thank you
Hey, is it for free to download after completing the render?
Hey there! Yes it's free
How do I put my work from Revit into illustrator
Hi there! You'll just need to get a pdf export! Click File tab in Revit, choose Export(PDF Export). Then select the views/sheets to export. Once your pdf file is created, right click on it and choose Open with > Adobe Illustrator. This way your pdf becomes editable in Illustrator!
where can I get that template?
Hi there! You can download the template from this link: rayonapp.notion.site/Rayon-s-Architecture-Competition-8fdf55fe88714858ae85557909de9987
For the export of line work, is there another way? sketchup takes so long for the pdf file export ! Otherwise, the illustrator can't make the pure line work if the file is exported to png or jpg(those file types will just basically image on the illustrator, but using image trace on illustrator doesn't have same qaulity like what you did.
Hey there! As you mentioned, only the PDF exports are editable. If exporting the entire drawing takes too long, you can export it in smaller parts and then put them together in Illustrator.
Can it be drawn on iPad / Apple Pencil ? Thanks
So people now just guess that we all know illustrator? show the commands :)
Can i get this cad file ?
Of course! The link is in the description box above
Amazing
So glad that you liked it!!
It’s perfect
@@canklnc.xyz7 thank you so much
❤Hermoso
wouldn't the foundations also have lines that go towards the vanishing point since it is in perspective?
Yes of course, you could show the footings in a more 3d way! In this illustration we just left them as 2d projections, it's up to your representation style
gracias arquitecto mucho me gusto
ami missinng a step? I have appeareance clicked on my eyedropper I do same>fill and stroke > copy and paste in place and select the vector pattern I want but it turns into white and nothing
Hi there! Could you please explain a little more about what you want to achieve? This way we could assist you better
hi! how can i get those blocks for free?? tks
The link to free blocks is in the description box! Or you can get them from here: www.rayon.design/app/model/d3a94ad8-f1a4-4f06-8a57-01ac45f8a5e7?token=rayon-template&
@@toffuco i can´t, it´s not free :S
@@diegopaz4148 it's completely free!
Can we use png or jpg pattern
Yes of course! You can place jpeg patterns into surfaces by making clipping masks out of them
The make of live paint doesn’t work what can i do? 😢
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!!
How did you change shadow color?? I changed the color of whole building line, but I couldn't find how to change shadow color. Would you explain it in detail? There is no way in my SketchUp to change the shadow color. Is there any other plug-in?? And when I export image to pdf, picture quality of the shadow image was not good...I've already changed to hybrid...
Hi there! As you've said there’s no way to change Shadow color in SketchUp directly. You can get an image export from SketchUp and change its color in Photoshop or Illustrator as we did in 8:12 in this tutorial. For the image quality, you can check out the Image Resolution and Image Compression from PDF export options in Layout. Hope these help!
Just to clarify, in this video, the shadow appears pinkish because we placed a colored surface on the ground. You can try this as well, but if you get the shadow export without the background surface, it will appear gray as usual.
Make face pluggin is not free
Can u please tell how to uninstall yqarch plugin from autocad. It's really important. Please 🥺🙏
You can checkout this Autodesk help article: help.autodesk.com/view/OARX/2023/ENU/?guid=GUID-5E50A846-C80B-4FFD-8DD3-C20B22098008
@@toffuco Thankyou so much 🧿🌼
❤
Thank you for the tutorial. please more tutorial like this
More to come!
hello, I am a new beginner of illustrator and in the step we choose the main lines after painting, select > same > fill & stroke button seems inactive on my page. I want to ask what is the reason for that and how i fix it?
Hi there! After coloring with Live Paint, you should go to Object Menu > Expand. After that, you can ungroup the coloring group, and only after that you'll be able to apply fill&stroke selection. Hope this helps!
From were did u bring the pallette?
They just created a random color pallet :)
This was really Helpful. I'm really new to Illustrator and this made it really easy, I'll be glad if you add Photoshop tutorial as well.
Great to hear that We'd be absolutely thrilled to make a Photoshop tutorial series for beginners as well!
0:06 days
Wonderful Thank you so much
so glad you liked it, thank you!!
comment
Antwoord
love it
How That can help me in my architectural college !?
If you have an iPad, it could help you to conceptualize your ideas quickly, making sketches and even technical drawings as we've showed in this tutorial
Which iPad model should I use for this?
Hi there! Any iPad model would work, but we recommend choosing one with 256GB of storage or more
how do i increase text size?
When you type something go to right panel, section TEXT, and then STYLE. Click on the gray rectangle. A small window will pop out with more option. Look on the last position - is size: S M L XL and [...]. Press 3 dots and you will have more option to choose your own size.
@@szymonk2106 thanks
Thanks 😊
Isometric drawing of 2nd floor ?
You can check out the Part 2: ua-cam.com/video/lrpCny81F7s/v-deo.htmlsi=8NMSKlsdKmIjTxxL
@@toffuco thank you 🧿
Are you doing it in Canva?
Hi there, we're using Procreate!
first thank you for the great video!! i have one problem: my window tool doesn't "create and place" the window to a wall? how can I solve it ? thanks for any help!
Hi there, thank you for your comment! You need to enter the group and use the window plugin, it should automatically create windows when you do that
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!
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!
@@toffuco Thank you so much for the help, you're awesome!
High quality content always 👌, thank you.
Thank you, we're delighted that you enjoyed it!!
Where and how to get procreate software?
If you have an iPad, go to App Store application and search for Procreate!
I wish I had an iPad and your channel back when I was in Architecture school :') Amazing tutorial! Now that I own one I can try this! Love it! <3
Thank you so much for your comment, it means a lotPlease share your drawings with us by tagging us in Instagram @toffuco
Love this app. But a question regarding line weight, even if I use 1 px, it’s somehow still thicker than what I would usually have after exporting a pdf from vector works. Could you please look into to this issue.
Kindly describe the issue to their support team via chat so they can investigate.
your work is amazing!!!!
thank you so much
hi, where did you get the vector patterns?
Hi there! It's first link in the description box above!
Please make videos in detail. So people who are newly learning it, they will understand. With telling each step and command
We have many step by step tutorials that show and explain everything in detail for beginners in the channel, highly recommend you to check out our newer tutorials as well
Is there a Part 2 to this video? I couldn't to find it. Thanks for the videos great for getting started with the programs and beyond!
Yes it's here: ua-cam.com/video/lrpCny81F7s/v-deo.htmlsi=8NMSKlsdKmIjTxxL So glad you liked it!!