Architecture Program Diagram in Adobe Illustrator

Поделиться
HTML-код
  • Опубликовано: 6 июл 2024
  • Get the video files to follow along here:
    gum.co/IvmHM

    OU Graphics has changed to Upstairs! The channel is still managed by the same people, we're just improving the identity.
    You can know more about it here: • OU Graphics is Changin...
    ● A platform to learn Architecture Representation and Visualization:
    learnupstairs.com
    A quick and useful diagram to present your projects' program.
    About Carlo Ratti reference:
    www.dezeen.com/2017/08/25/ope...

    ● You can also follow us here:
    Instagram: / learnupstairs
    Facebook: / learnupstairs
    Pinterest: / learnupstairs
    ● Let's talk:
    hello@learnupstairs.com

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

  • @scheibe2791
    @scheibe2791 4 года назад +197

    Please do more videos using illustrator. I learned a bunch of things watching this video and you really show how useful illustrator is 👍

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +3

      Alright Camila! I really appreciate your feedback 😁 I'll work more on that

  • @FutureArchitecture_CA
    @FutureArchitecture_CA 4 года назад +8

    Yes please, more illustrator! I learned so much just from this video, even if a bit fast.

  • @captainjacobkeyes7804
    @captainjacobkeyes7804 4 года назад +3

    where have you been all my life! I just recently graduated in Spatial development and only now after 5 years have I found your channel. You could have saved me so much time and my drawings and presentations would have looked so much better. Damn I hate my school.

  • @hokage613
    @hokage613 4 года назад +18

    I follow you from a long time ago and everytime you upload a video and i see it, i learn something i didn’t know.
    Keep up the good work! You’re doing great and i’m sure you’ll get somewhere

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'm happy to know that! Thanks for your feedback Agüita! 🙌

  • @rushabhsuthar7337
    @rushabhsuthar7337 3 года назад

    This is one of the most helpful videos i have found for illustrator till now.....thank you so much and keep up the good work

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

    I’m so grateful for these videos Oliver! You are such a straight to the point teacher 👍🏽👍🏽👍🏽 please consider creating videos or courses for sketch up modeling

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

    I like videos like this with all the work flow, from modelling software to graphic and publishing ones. Thank you for this video!

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

    Hey OU Graphics,
    congrats! 80K.
    I always appreciate about your video tutorials.
    It helps a lot.
    Thanx

  • @karthikvenugopal9139
    @karthikvenugopal9139 4 года назад +6

    Was Searching for one of a kind video. OU finally did it !

  • @Ernani003
    @Ernani003 4 года назад +6

    Congrats for the 80k subs, you deserve it!
    Your channel is one of the bests about architectural illustrations on RUclips by far!
    Do you think that’s possible for you to do an example of parasitic architecture? It is getting very famous around the world, and I would love to see your take on it.
    Thank you

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Thank you so much Ernani! It means a lot 😁
      Loved your suggestions! It does look like a challenge, but I'll add to future videos

  • @romanvssvmromania
    @romanvssvmromania 4 года назад +5

    Great! :) I was planning on learning this program for a long time...

  • @sergiojimenez8355
    @sergiojimenez8355 4 года назад +5

    I am an architecture student and I really appreciate your videos, these are very inspiring and useful! Thank you

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'm glad I could help Sergio! Thanks for the feedback 😁

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

    Love having a choice of tools to work with!

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Me too! And I think the best is to use both at the same time. Start in Illustrator and then place the .Ai file linked in Photoshop. Then you can work simultaneously in both 😁

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

    Amazing work man! , thanks much. I remembered a lot of tips after two years of not using Illustrator. Awesome work :)

  • @vladbucur9935
    @vladbucur9935 4 года назад +4

    Congrats! Your hard work pays off! Keep up the great work!

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Thanks for the feedback Vlad! I really appreciate it

  • @92WAZZUPARUNI
    @92WAZZUPARUNI 4 года назад +2

    Hey! Wonderful tutorial, really love your work. It would awesome if you could do a video or a series of videos about Illustrator and all an architecture student/architect should know about Illustrator and how to use it. It would be awesome if we could be shown a lot more about Illustrator and working with it, within the bounds of architectural presentation. Thank you! Big up!

  • @shosho554
    @shosho554 4 года назад +1

    this is awesome and well-explained thank u so much!!!!

  • @ajayp7916
    @ajayp7916 4 года назад +3

    I think I learnt more from your channel than in my college , but will be lot of help if you do a video on zoning !!

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

    congratulations bro for the 80k you deserve 80m the best graphic channel in RUclips by far 👍👍👍

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      🙌🙌 Thanks!! I really appreciate it 😁

  • @salometabatadze497
    @salometabatadze497 4 года назад +1

    Thank you so much, this videos are most helpful content to work on architectural drawings. Easy and important

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'm glad I could help salome! Thanks for the feedback 😁

  • @markkatsdesign
    @markkatsdesign 4 года назад +1

    eres el mejor profesor de diseño!
    You are the best design tutor!
    你是设计的最好的老师
    ты лучший учитель дизайна!

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Thank you! I really appreciate it 🙏

  • @andrealoubert2477
    @andrealoubert2477 3 года назад +1

    Instead of using the select same function, you can use the magic wand tool (shortcut is Y)! It’s a lot faster that way

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

    Vídeo sensacional, simples, direto e muito bem explicado. Parabéns!

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Muito obrigado pelo feedback Guilherme! 😁

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

    This helped me alot! Thank you!

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

    This was extremely helpful! Thanks!!! :)

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

    U RE THE BEST! THANK U FOR HELPING US

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      I appreciate your comment Aznar! 🙏 thanks!

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

    That was awesome, I particularly like Illustrator tips much more than photo shop.

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

    bro this is so cool and so helpful

  • @manoelacalabresi3732
    @manoelacalabresi3732 4 года назад +1

    amei seu canal! Já assisti vários vídeos e estão sendo muito úteis! Parabéns!

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

    That looks awesome thank you for the tutorial. One question, which software do you use for screen capture and for adding the arrows and call out rectangles?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Hi Dave! I use OSB for screen recording and the arrows and call outs are added in Adobe Premiere while I'm editing the video. Thanks for the feedback!

  • @BezalielTandirerung
    @BezalielTandirerung 4 года назад +3

    Thank you sir, this really helps my work :)

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'm glad I could help Bezaliel! Thanks for the feedback 😁

  • @LAC-qs9pf
    @LAC-qs9pf 3 года назад

    Mixed use is always better for variety and I use almost all adobe programmes. looking to move to blender for 3D so hope to see content on that as well. New follower here and like your videos thanks for sharing!

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

    Eu amo os seus tutoriais. Era exatamente o que eu estava procurando a uns dias atrás sobre como montar pranchas de TCC no Illustrator. É um programa tão simples, que chega a me chocar. Juro. Eu prefiro o Illustrator, porque ele faz mais o meu estilo de trabalho. Tenta fazer um vídeo sobre os básicos do Illustrator por favor.

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

      Illustrator é muito bom mesmo! Eu gosto muito também. Pode deixar, vou adicionar na lista de tutoriais. Valeu Douglas!

    • @desireecavalcante8372
      @desireecavalcante8372 4 года назад

      @@LearnUpstairs Adorei a ideia, eu estou encantada com você ! Eu amo essa parte gráfica e infelizmente não pude me aprofundar durante a faculdade, mas é algo estarei correndo atrás agora que estou terminando !!

  • @priyanshajmera8033
    @priyanshajmera8033 4 года назад +34

    i want to learn illustrator but since i have my hand set over Photoshop working on it gets really annoying.
    If you can, make a basics of illustrator video please

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +8

      Alright! Will add that to the list, great suggestions Priyansh

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

    Thank you so much for your efforts and tutorials! i have a quick question, why did you delete the original strokes and then re-add it later? why not just keep them?

  • @fernandabalanlazarin2514
    @fernandabalanlazarin2514 4 года назад +3

    Amo mt o ps pq foi o que aprendi. Usar o illustrator me dá panico kkk pq já estou habituada com os atalhos do ps kkk mt obg pelos vídeos! Ajudam mt!

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

      Valeu pelo feedback Fernanda! Quem sabe faço um vídeo mais introdutório do illustrator 😁

  • @markkatsdesign
    @markkatsdesign 4 года назад +1

    Please more Illustrator videos Upstairs!

  • @TanimaSonar
    @TanimaSonar 4 года назад +1

    thank you for your work...i am one of your new subscribers from few days ago. Till now I've been using photoshop for my projects but now it seems illustrator could be a quite handy too. I am up for both software. Also I am recently interested in small scale animating to explain the concept or diagram. like the part you did in the beginning of the video putting the box in place by hand. can you teach us how to do that?

  • @maggieee4u29
    @maggieee4u29 4 года назад +1

    I'm a Chinese student preparing the portfolio, it's really hard for me to use VPN to get there, but it is worthwhile to see videos like yours, thx a lot.

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Thank you so much for your effort and for being here. I hope it pays off 👍
      Good luck on your portfolio!

  • @user-we7ty5fh3x
    @user-we7ty5fh3x 4 года назад

    넘 멋지당..

  • @sunnyisland8869
    @sunnyisland8869 3 месяца назад

    amazing! thank you!

  • @valkiria9473
    @valkiria9473 4 года назад +6

    While i use more Ps, i think you should do your videos based on the best workflow you've found since you are the one teaching us stuff. Great vid btw

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Alright, I'll take that into account! Thanks Valkiria

  • @ukraniasanjiwani350
    @ukraniasanjiwani350 4 года назад +1

    Cool tutorial, thank you very much ❤

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'm glad you liked! Thanks for the feedback 😁

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

    photoshop and illustrator are very useful keep making videos of both please !!

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

    love thiss omg thankssss

  • @chemycaic
    @chemycaic 4 года назад

    🔥🔥🔥 saludos de México 🇲🇽
    buen video

  • @fabuxo
    @fabuxo 4 года назад +1

    Caramba, que tutorial! Parabéns, Oliver

  • @RiyaKumari0404
    @RiyaKumari0404 3 года назад

    You are doing a great job brodaaa

  • @MaracatuAtomico
    @MaracatuAtomico 4 года назад +1

    I love your videos!

  • @stan89sx
    @stan89sx 4 года назад +1

    Awesome, you earned a follower!

  • @matheusbittencourt4946
    @matheusbittencourt4946 4 года назад +1

    Você é o cara!!!

  • @diovanadelfino
    @diovanadelfino 4 года назад +1

    Perfeito!

  • @user-hl3bs9dv8u
    @user-hl3bs9dv8u 4 года назад +1

    Wow!!! Excellent thank you🥰🥰

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

    Olá, descobri seu canal recentemente e estou fazendo uns testes de estudo. Na parte que você coloca a linha grossa em volta do grupo, como vc tirou o preenchimento depois de adicionar todas as formas no pathfinder?
    Estou amando seu trabalho e já sinto que vai me ajudar demais a partir de agora na faculdade!

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Oi Rafa, seja bem-vinda ao canal!
      Assim como em qualquer shape você pode tirar ou colocar stroke/fill usando os símbolos em baixo dos quadrados das cores.
      É um quadradinho pequeno branco, com uma linha em diagonal dentro vermelha. Clica nele pra tirar o fill.
      Fica difícil explicar por texto, mas qualquer coisa vc consegue achar no google procurando por "how to remove fill in Adobe Illustrator"
      Espero que ajude! 😁

  • @Archidit
    @Archidit 4 года назад +1

    Thanks! Can u do a tutorial on how u made that arm move?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      It was a basic move from Motion Graphics using Adobe After Effects. If you google motion graphics basics in AE you'll find it easily

  • @Tiger_Bolo
    @Tiger_Bolo 4 года назад +1

    i like the illustrator tutorials better, only because i'm not really familiar with photoshop because i don't have it. i find i personally use your illustrator vids more. so, i'd say make both.

  • @victoriamarchiorato8439
    @victoriamarchiorato8439 4 года назад +1

    Muito bom!!!! Adorei!

  • @1994gn1994
    @1994gn1994 4 года назад +1

    Keep working bro, good job!

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

    Very nice very helpful

  • @DJUmoo
    @DJUmoo 3 года назад

    When I load the pdf with my colored masses (created with Revit) it shows the solids in illustrator with many horizontal (vector) lines, do you know what causes this?

  • @fernandoe.chavezfinol4358
    @fernandoe.chavezfinol4358 Месяц назад

    Gracias

  • @weixiang1048
    @weixiang1048 4 года назад +1

    Hi! That was great video! I am wondering if you know any resource for line art? You know, especially when you are drawing a line art section.

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Hi Wei! Yes, there's a book called Manual of Section:
      amzn.to/38PcOBP
      It is brilliant!

  • @michaelowen8
    @michaelowen8 4 года назад

    I'm a newbie but I prefer Illustrator since it keeps the line quality while Ps seems like a quick solution or good for final touchup.

  • @Carol-qt1ix
    @Carol-qt1ix 4 года назад +1

    A lot of both but I would really enjoy learning more about Adobe Illustrator

  • @ashketchum5001
    @ashketchum5001 4 года назад +1

    Very cool video thank you but can you tell us how did you animated the hand at the start

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Hi Ash! Thanks!
      The hand was done in Adobe Premiere, which is the software I use to edit these videos.

  • @vanguardcycle
    @vanguardcycle 3 года назад +1

    Brilliant

  • @abhishekgite97
    @abhishekgite97 3 года назад

    thank you

  • @paryagolgoun1717
    @paryagolgoun1717 3 года назад

    Hi, first of thanks for your great videos they are sooo helpful, but i have a problem, I cant get edges and lines from sketchup when I export to pdf, and when i open in Ai it comes just a image and there is no lines, how can i fix it?

  • @mudassardesignspace
    @mudassardesignspace 3 года назад

    great thanks

  • @ayasalahel-deen54
    @ayasalahel-deen54 4 года назад +1

    u r amazing!

  • @khanguyen589
    @khanguyen589 3 года назад

    nice video clip . thanks.

  • @user-ku4xk8cm9c
    @user-ku4xk8cm9c 3 года назад

    非常喜欢你的视频 继续加油 加油

  • @gbemilekepeters5764
    @gbemilekepeters5764 4 года назад +1

    Yes illustrator videos

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

    Can i use revit generic model instead of sketch up for this?

  • @johnydf1029
    @johnydf1029 4 года назад +1

    How do you choose whether using Photoshop or Illustrator? What are the advantages and differences between them?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Hi Johny!
      Photoshop works with pixels, so it is best to use textures, soft shadows, gradients, adjustment layers, ...
      And Illustrstor is a vector based software, so it is best to use when you are working with lines, different stroke widths, and so on
      Also anything done in illustrator can be scale infinitely. You can print in any size and will remain high quality. Photshop you can't do that for example.
      There are lots of other big differences, but I think this sums it up

  • @ajmalanshad4450
    @ajmalanshad4450 3 года назад

    can you make a tutorial which file is imported from AutoCAD

  • @diegocabrera5857
    @diegocabrera5857 4 года назад +1

    Hello! How do you put your color palette in the little boxes and beside the project?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Hi Diego, it's simpler than you think. I just print screen the color palette from the website. Then create one square and duplicate it how many times I need. Then using the eye dropper I pick then color from the screen shot.

  • @vaidasvileikis4001
    @vaidasvileikis4001 4 года назад +1

    When I export PDF from Sketchup it exports as a lines only PDF with no fills. Do you know how to change that?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Hi Vaidas! Make sure to set the sketchup style to have fill as well. If you've got the line style applied it will result in a lines only pdf document. I hope this works for you 😁

  • @hylkedejong6516
    @hylkedejong6516 4 года назад +1

    Congrats!

  • @quazimd.fazlehasanfahim1813
    @quazimd.fazlehasanfahim1813 4 года назад +5

    I would suggest more of both photoshop & illustrator .

  • @skoobydoooo
    @skoobydoooo 4 года назад +1

    Amazing one

  • @arelibautista8510
    @arelibautista8510 3 года назад

    The waht???
    I adore photoshop since I'm 12 but this video just made me reconsider going to illustrator

  • @starbit7754
    @starbit7754 3 года назад

    Hi, Alice here! I'm an architecture student and find your videos really useful. I was wondering if I could contact you for asking some questions about the area. By the way, are you brazilian? I get some vibes by your accent.

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

    Nice video but i am still waiting for the ferneyra style interior in illustrator

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Yep, I know. But I'm trying to diversify the content before repeating a video. Thanks for the feedback Fosey at!

  • @m.m4542
    @m.m4542 4 года назад +1

    Can you do videos for final project presentation

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      I'll add that to the list! Thanks for the suggestion M.!

  • @sushiltank7747
    @sushiltank7747 4 года назад +1

    can you make video on how do you make video on this website i mean like starting animation

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Hi sushil tank! The intro was made using Adobe Premiere and Adobe After Effects.
      You can learn more about these softwares, specially about motion graphics. Which will help you achieve this simple effect.

  • @pranavk6193
    @pranavk6193 4 года назад +1

    is there a tool in illustrator that adds shadow to an object?
    btw look your work

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Yes there is, just like Ignace pointed out! But it is a drop shadow and not like a 3d shadow.

  • @philb6081
    @philb6081 3 года назад

    Try Affinity Designer and Photo!

  • @saraokasha1128
    @saraokasha1128 4 года назад +1

    can you please explain how did you move the hand and place the block in to its position.

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Hi Sara! It can be done in many softwares, even in photoshop.
      But I did using Adobe Premiere, which is the video editing software I use to edit these videos.
      I key framed the hand with the block moving, then swapped the hand for one without the block, and moved it away. Very simple for a video edit. I just wanted to create a fun intro

    • @saraokasha1128
      @saraokasha1128 4 года назад

      @@LearnUpstairs Thanks!

  • @nasseralajmi5259
    @nasseralajmi5259 4 года назад +1

    Thanks man

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

    Hi, I follow your step by step but somehow the icon creating process didn't go well since I couldn't compound them together. I did download the icon from Flaticon with PNG option, is that right?

  • @DavidSchweitzer
    @DavidSchweitzer 3 года назад

    BLENDER question:
    does somenone know how to set the isonometric view in Blender?
    thanks :)

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

    do both AI and PSD!

  • @brunoaugusto7856
    @brunoaugusto7856 4 года назад +1

    Muito bom!!

  • @ksenijave98
    @ksenijave98 4 года назад +1

    How did you subtract icon from the circular I can not manage it. Do I need to do something with icon firstly?

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

      Hi Ksenija!
      I use the pathfinder tab to do these shape modifications.
      Make sure to have the icon above the circle, then select both and chose Subtract from the pathfinder tab. That should work correctly!
      Oh and make sure to have the icon as a vector shape and not image. When downloading the icon from the website, make sure that it is a .svg file and not an image file (like jpg or png), otherwise, it won't work.
      Cheers

    • @ksenijave98
      @ksenijave98 4 года назад

      @@LearnUpstairs Thank you!

  • @101mercenary
    @101mercenary 4 года назад

    Dont believe there is an export mode for this in rhino. Would love to try this but cant export a file like this to illustrator.

  • @vadlamudiakhilakash585
    @vadlamudiakhilakash585 4 года назад +1

    More of Illustrator Videos

  • @kadebrandon509
    @kadebrandon509 4 года назад +1

    Can you export 3d views in revit like this to be able to manipulate the lines?

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Yes for sure! Just make sure to export as pdf

    • @kadebrandon509
      @kadebrandon509 4 года назад

      @@LearnUpstairs could you tell me how to do this? I've looked up video's and haven't found a solution. BTW your graphics are amazing, keep up the work!

  • @mh1919_
    @mh1919_ 4 года назад +1

    Arrasto o PDF para o Illustrator porém o mesmo não vem com preenchimento e linhas separadas

    • @LearnUpstairs
      @LearnUpstairs  4 года назад

      Oi Murilo! Vc tem que arrastar ele como um arquivo novo. Não pode ser em um existente.
      E depois "explodir" ele usando o ungroup e o "release compound path". Ou usar o atalho A que é a seta de seleção individual

  • @ksawerymarszaek3334
    @ksawerymarszaek3334 4 года назад +1

    Imo there is a lot of channels with mostly photoshop architecture tutorials, your illustrator makes your channel unique so i would advise to stick to Ai more but mby with other topics techniques and styles ;)

    • @LearnUpstairs
      @LearnUpstairs  4 года назад +1

      Good to know that Merry! Thanks 😁 I'll work on that

    • @ksawerymarszaek3334
      @ksawerymarszaek3334 4 года назад

      @@LearnUpstairs Counting on it ^^ ;) Big fan of the channel