Illustrator & OpenStreetMap Site Diagram Tutorial - Visualize Site Analysis Using Adobe Illustrator

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • → Get the patterns used in this illustration:
    toffu.co/produ...
    → Get the flat icons used in this illustration:
    toffu.co/produ...
    → 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
    In this quick tutorial, we're going to show you guys how to visualize site analysis using Adobe Illustrator and OpenStreetMap.
    → Music:
    Huge thanks to Skaldog for our intro music:
    / skaldog
    www.skaldog.com/
    Music Credit: Quincas Moreira
    Track Name: Level Up

Комментарии • 63

  • @williannie.
    @williannie. 3 месяца назад +5

    So people now just guess that we all know illustrator? show the commands :)

  • @sansamman4619
    @sansamman4619 2 года назад +19

    Why so fast? I want a walk through that teaches me every single detail, that would be so much better than these fast videos.
    I already know everything there is about site analysis I just can't use illustrator at all that is what I want ;(

    • @vegetablemother8909
      @vegetablemother8909 10 месяцев назад +1

      I agree! I slowed mine down to 0.5 and still barely caught what options they were clicking on. Ridiculous.

  • @deskinem_rooted
    @deskinem_rooted Год назад +3

    So helpful. Cheers man.

    • @toffuco
      @toffuco  Год назад

      Glad you liked it!✌

  • @aaahhh5236
    @aaahhh5236 Год назад +1

    great work

    • @toffuco
      @toffuco  Год назад +1

      thank you so much, glad you liked it!

  • @danutzberende
    @danutzberende 2 года назад +4

    Can you show us a technical prespective, Bow Wow style. Please sir. 🙏

    • @toffuco
      @toffuco  2 года назад +4

      Hi there! We've added that style to our to-do list, it'll be live in the coming weeks

  • @katayounjanginejad4672
    @katayounjanginejad4672 2 года назад +3

    my eyedrop tool just copy a spot color on the sample not whole sample, what can i do?

  • @nathanielz4073
    @nathanielz4073 7 месяцев назад +6

    i love that you can do it but i hate how the important little detail wasnt really shown how to be done properly, ive been trying to do this for too long and as straight forward as this seems, for someone like me, it is not so straight forward. I mean to those who know it great good for you, but to those who dont know how and would like to try to do something thats supposedly easy and straight forward but directions are not directioning, its horrible sorry :/

    • @toffuco
      @toffuco  7 месяцев назад +4

      This was one of our initial attempts at creating tutorials. Now, we have many detailed step-by-step tutorials available in our channel. We recommend that you check them out

    • @nathanielz4073
      @nathanielz4073 7 месяцев назад

      can you link me to the ones are similar to this kind of tutorial? @@toffuco

  • @Célie-i7r
    @Célie-i7r 10 месяцев назад

    Thank you very much for this video ! But I can't do the step where we have to put the roof in the foreground. Can you help me please ? 😊

    • @toffuco
      @toffuco  10 месяцев назад

      You could use 3D classic version, go to View > 3D and Materials > 3D (Classic). There, you can edit the rotation and depth of the roofs!

  • @alisha3993
    @alisha3993 11 месяцев назад

    Hi 👋🏼 thank you for the tutorial!! But may I ask how high does the graphic card need to be do beveling and 3D effects. Cuz currently my laptop isn’t able to do that 😅

    • @toffuco
      @toffuco  11 месяцев назад

      Hey there! You should be able to use 3D classic version, just go to View > 3D and Materials > 3D (Classic)

  • @ashim84
    @ashim84 2 года назад +2

    Nice video. Thanks for sharing these tips. One question - how did you quickly fill the trees in the whole plan?

    • @toffuco
      @toffuco  2 года назад

      So glad you liked it! It's just video-editing magic, unfortunately. It took some time behind the scenes

  • @SeifMohamed-l7v
    @SeifMohamed-l7v 8 месяцев назад +1

    how can i put the selected parts in on layer?????????

    • @toffuco
      @toffuco  8 месяцев назад

      Hi there, select the parts using the Select menu, then go to Layers panel, you'll see the parts you've selected is highlighted in a square at the right side of the layer they're located, drag the little square to the layer you want to move them into. And that's all!

  • @omardaniel93
    @omardaniel93 2 года назад +3

    Que gran trabajo! Jamás pensé en hacer volumetrias así de contexto! Un saludo

    • @toffuco
      @toffuco  2 года назад +2

      Thank you, so glad you've liked it!

  • @iasonaskastoras2150
    @iasonaskastoras2150 11 месяцев назад +1

    Nice music! What is the song's name?

    • @toffuco
      @toffuco  11 месяцев назад

      It's listed in the description box above, with its link and everything

  • @klarazaugg9395
    @klarazaugg9395 Год назад +1

    Hi, I cannot edit the buildings after expanding them. It makes a picture, an image. What's the problem here?

    • @toffuco
      @toffuco  Год назад +1

      Hi there, it's really odd 🤔Have you tried ungrouping them? Also, maybe you can try expanding them multiple times. If it creates an image (which is very unlikely given that Illustrator is a vector based program), you can try to use image trace command to turn them into vectors again. Hope this helps

    • @toffuco
      @toffuco  Год назад

      Also, you are using 3D Classic right? Not 3D realistic. You should select: Effect > 3D and Materials > 3D (Classic) > Extrude & Bevel (Classic)

  • @judyhuynh6419
    @judyhuynh6419 2 года назад +1

    The download PDF feature is broken. Says contact webhost :(

    • @toffuco
      @toffuco  2 года назад

      Hi there! We've checked it and it's working now, it might be a bug or smth

  • @rezkyyseptian
    @rezkyyseptian 6 месяцев назад

    im a poor student, Apakah ada cara bebas lain seperti ini? Is there another way like this? for free

  • @ginodigirolamo7512
    @ginodigirolamo7512 5 месяцев назад

    Perché quando lo faccio io le case che dovrebbero stare dietro stanno davanti? Ho eseguito ogni comando come nel video

  • @sexxxxfexxxx
    @sexxxxfexxxx 2 года назад +4

    I have a query, it happens that when I make the clipping mask all my elements buildings, green areas, streets, are in a single layer and it does not let me change the color of my elements, for example if I want to change the color of the buildings I have to select them one by one, it doesn't let me do all the buildings at once

  • @dobziland
    @dobziland 7 месяцев назад

    Expand diyince sizinki gibi wireframeler çıkmıyor sanırım daha yeni bir sürüm kullandığım için, direkt bütün obje olarak expandliyor. Nasıl düzeltirim

    • @toffuco
      @toffuco  7 месяцев назад

      Hi there! To open the PDF file in Illustrator, you must right-click on it and select Open with > Illustrator. The entire drawing will be expanded in this way. Then select the object with the features you want, for example an outline. Go to Select menu and click on Same > Fill & Stroke, all outlines with the same features will be selected. Afterwards, you can select Expand from the Object menu

    • @dobziland
      @dobziland 7 месяцев назад

      Hayır açılıyor object menüden expand denmiyor@@toffuco

  • @toncby4814
    @toncby4814 Год назад +1

    hello, i wanna ask how did make the color swatch you used for the green space areas?

    • @toffuco
      @toffuco  Год назад +1

      Hi there, we've created a set of patterns for the green areas, to get it the link is in the description box above

  • @akosuaasabeaobese604
    @akosuaasabeaobese604 2 года назад +1

    Wheee can we get the patterns used please

    • @toffuco
      @toffuco  2 года назад

      We will be releasing a content pack containing those patterns, stay tuned!

  • @Calmdownjamaldontpulloutthe9
    @Calmdownjamaldontpulloutthe9 8 месяцев назад

    When I import the map there’s only one layer what do you do exactly to separate the layers ?

    • @toffuco
      @toffuco  8 месяцев назад +1

      Hi there! Right-click on the pdf file then choose open with Illustrator. This way you'll be able to edit the drawing. If you open the file this way and you're still unable to select the shapes and locate them into another layer; you can try ungroup or expand first.

  • @Zoe-ki9oq
    @Zoe-ki9oq 10 месяцев назад

    After I open the pdf in illuatrator, it is only IMAGE and I unable to ungroup them or even select those road, building, and soo. Helpp me please!

    • @toffuco
      @toffuco  9 месяцев назад +1

      Hi there! Right-click on the pdf file then choose open with Illustrator. If you open the file this way you'll be able to ungroup or expand it also. Go to Object menu and choose expand.

    • @sudharsh26
      @sudharsh26 8 месяцев назад

      ​@@toffuco I had the same problem, this helped me. Thank you😄

  • @tawisaaa
    @tawisaaa 6 месяцев назад

    I don't get it. If clipping mask make all layers merge, why do we bother to seperate layers at the first place?

    • @toffuco
      @toffuco  4 месяца назад +1

      You could definitely leave out the clipping mask step, it just looks cleaner for the tutorial!

    • @tawisaaa
      @tawisaaa 4 месяца назад

      @@toffuco thank you for clarifying!

  • @sophiamariedarroca6771
    @sophiamariedarroca6771 11 месяцев назад

    How do you do the layers step by step?

    • @toffuco
      @toffuco  10 месяцев назад

      In 0:34 , first we use select tool to select the shapes with the same properties, then we'll add new layers from the layers panel, and place the selected shapes into their assigned layer

    • @moo_idle6568
      @moo_idle6568 9 месяцев назад

      @@toffuco how do you "place the selected shapes into their assigned layer"? I'm having trouble with mine because when i try to change the layer everything even the things i havent selected move into the new layer

    • @toffuco
      @toffuco  8 месяцев назад

      @@moo_idle6568 We're not sure why that happens, but it's possible that your drawing is grouped. You can try ungrouping or expanding the map first. Then, use the select tool to choose and drag the shapes to another layer from the layers panel.

  • @michakrzynowek4770
    @michakrzynowek4770 Год назад +6

    Tooo fast

  • @mubarakkhan-zh6vy
    @mubarakkhan-zh6vy 11 месяцев назад

    Can you creat a nolli's map using the same technique?

    • @toffuco
      @toffuco  11 месяцев назад

      Yes of course!

  • @facularrosa4924
    @facularrosa4924 2 года назад +1

    Hi! Where did you get the icons?

    • @toffuco
      @toffuco  2 года назад +2

      The link is in the description box above!

    • @facularrosa4924
      @facularrosa4924 2 года назад +1

      @@toffuco thnks! And the “texture” of the grass?

    • @toffuco
      @toffuco  2 года назад

      @@facularrosa4924 A content pack with this grass texture and more will be out soon, stay tuned!

  • @mariamazilu5424
    @mariamazilu5424 11 месяцев назад

    Where I can find the green texture? Is that a png file that could be transform in a color or ...?

    • @toffuco
      @toffuco  11 месяцев назад

      Hey! It's the first link in the description box above

    • @mariamazilu5424
      @mariamazilu5424 11 месяцев назад

      So that is like a png, like a picture that you use like a color?

    • @toffuco
      @toffuco  11 месяцев назад

      @@mariamazilu5424 No, it's a vector pattern, Illustrator Swatch