- 97
- 1 160 773
Toffu Co
United States
Registrace 13. 08. 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
℗ CZcams 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
℗ CZcams 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
zhlédnutí: 1 587
Video
Make This Floor Plan Under 10 Minutes in Rayon! | FREE Housing Blocks | Plan Drawing Tutorial
zhlédnutí 9KPřed 4 měsíci
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
zhlédnutí 2,9KPřed 4 měsíci
→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
zhlédnutí 3,1KPřed 5 měsíci
→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
zhlédnutí 3,2KPřed 5 měsíci
Check out the Part I: czcams.com/video/ffYKLtdojjI/video.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
zhlédnutí 14KPřed 6 měsíci
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
zhlédnutí 15KPřed 9 měsíci
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
zhlédnutí 6KPřed 9 měsíci
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
zhlédnutí 4,5KPřed 10 měsíci
Importing Blender Models into Rhino and SketchUp with Materials Tutorial
Create This Post-Digital Public Space Under 10 Minutes | SketchUp to Illustrator Workflow Tutorial
zhlédnutí 35KPřed 10 měsíci
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
zhlédnutí 12KPřed 11 měsíci
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
zhlédnutí 8KPřed rokem
Make This ARCHITECTURAL SECTION in PROCREATE Animation Tips | Procreate Tutorial for Architects
EASY EXPLODED BUILDING DIAGRAM Animation Tutorial in After Effects for Beginners
zhlédnutí 6KPřed rokem
EASY EXPLODED BUILDING DIAGRAM Animation Tutorial in After Effects for Beginners
How to Render Physical Looking Models in Blender Tutorial | Cardboard Effect Render
zhlédnutí 6KPřed rokem
How to Render Physical Looking Models in Blender Tutorial | Cardboard Effect Render
Best Architectural Portfolio Cover Designs: Tips for Standing Out!
zhlédnutí 15KPřed rokem
Best Architectural Portfolio Cover Designs: Tips for Standing Out!
How to Make this Paper Cutout Effect in Procreate Tutorial | Procreate for Architects Part 7
zhlédnutí 2,6KPřed rokem
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
zhlédnutí 4KPřed rokem
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
zhlédnutí 17KPřed rokem
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
zhlédnutí 38KPřed rokem
Make this Post-Digital Collage with Illustrator | Adobe Illustrator Tutorial for Architects
Perspective Section in Procreate Tutorial | Procreate for Architects Part 5
zhlédnutí 11KPřed rokem
Perspective Section in Procreate Tutorial | Procreate for Architects Part 5
25 Must-know Commands for AutoCAD Plan Drawing | Sketch to Technical Plan AutoCAD Tutorial
zhlédnutí 3,9KPřed rokem
25 Must-know Commands for AutoCAD Plan Drawing | Sketch to Technical Plan AutoCAD Tutorial
FREE COURSE: Exploded House Diagram Drawing SketchUp to Illustrator Tutorial
zhlédnutí 8KPřed rokem
FREE COURSE: Exploded House Diagram Drawing SketchUp to Illustrator Tutorial
Day to Night: Community Garden Illustration Tutorial | Adobe Illustrator for Architects
zhlédnutí 7KPřed rokem
Day to Night: Community Garden Illustration Tutorial | Adobe Illustrator for Architects
Architectural Sketching with Tracing Procreate for Architects Part 4
zhlédnutí 10KPřed rokem
Architectural Sketching with Tracing Procreate for Architects Part 4
How to Make Realistic Physical Model Render Using Blender & Photoshop
zhlédnutí 4,3KPřed rokem
How to Make Realistic Physical Model Render Using Blender & Photoshop
How to Make this Architecture Presentation Board from Scratch | Illustrator Tutorial for Architects
zhlédnutí 14KPřed rokem
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
zhlédnutí 21KPřed rokem
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
zhlédnutí 33KPřed rokem
How to Make This Axonometric Exploded Diagram Under 10 Minutes | SketchUp to Illustrator Tutorial
Architectural Collage with Procreate Tutorial | Procreate for Architects Part 3
zhlédnutí 13KPřed rokem
Architectural Collage with Procreate Tutorial | Procreate for Architects Part 3
FREE Course: Conceptual Diagram Tutorial | Adobe Illustrator for Beginners
zhlédnutí 17KPřed rokem
FREE Course: Conceptual Diagram Tutorial | Adobe Illustrator for Beginners
Amazing, thanks for sharing!
Thanks for the video. Why i don't see the textures in Rhino. Do i need obj. Legacy p.ex.? And do i have to add it manually? I use Rhino 8 and Blender 4.0.2.
is this pro sketchup cuz I have the student version and i dont have some options
Thank you very much for this beautiful video thanks from heart and I hope more of this beautiful videos ❤
All the heights are the same, how do I change each one?
Do you know how could I export the 3D model from 3Ds Max into drawings with layers (for each object) as you did here? As I don't use sketch-up or Rhino.
Unfortunately no one in our team uses 3Ds Max. You could google your query as how to export 2d in 3dsmax maybe
You make the most detailed works, thank you so much!! You deserve a million subscribers!! 🤍
Thank you so so much!! We really appreciate your kind comment
Is the SketchUp 3D model available to download?
Unfortunately it isn't, but you can check our our 3D models from toffu.co!
I do appreciate this video ! help me a lot !! But i am wondering when u were tilting the pattern to the axnometric angle, how to let those strokes inside the patterns also turn into axnometric way. thank u
You're welcome, thank you for your kind comment! It's what Shear Tool does, you can see it at work at 12:50
How to select the drawing without select the shadow layer on 3:19 ?
You can select one of the building outlines, go to Select menu, choose Same, then click on Fill & Stroke
And the high bathroom windows?
What is the size of this page?
It's an A4, 210 x 297 in mm
Thank you
it's our pleasure!!
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
@@toffuco same here, the vector pattern didn't apply to my selection shape. just a flat color
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: czcams.com/video/lrpCny81F7s/video.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