Post Digital Architecture illustration [illustrator + Photoshop]

Рет қаралды 208,244

Күн бұрын

This video an illustrator tutorial for architects will show how to create architecture visualisation illustration using illustrator and photoshop. The first 1000 people who click the link will get 2 free months of Skillshare Premium: skl.sh/survivingarchitecture0820
Timestamps:
00:00 Introduction
00:08 How to export PDF from Sketchup
00:45 Architecture Illustrator Tutorial
05:30 Architecture Illustration Tutorial in Photoshop
12:44 Final Image
12:57 Thank you for watching!
✅Download PDF for practice: rb.gy/zupxqq
✅ Book a call with me on Superpeer: superpeer.com/survivingarchit...
✅ Check out my Fiverr page: www.fiverr.com/survivingstudio
✅ Subscribe for more free Architecture tips: / @survivingarchitecture
✅Free Architecture Indesign course: • Architecture InDesign ...
✅Give this video a like and share for more architecture illustrator tutorials!
✅ If you enjoyed this video, help others enjoy it by adding captions in your native language:
✅ Help me help other students by joining the community on Patreon: bit.ly/2nS9X8a
Patreons:
Art Dray
✅ Let us connect:
***************************
Twitter: / surviving_arch
Instagram: / survivingarchitecture
Facebook: / survivingarchitecture
****************************
Music:
***************************
Music by www.bensound.com
KZfaq Audio Library
FTC // This video was sponsored by Skillshare, some links may be an affiliate, all opinions are my own!

Пікірлер: 203

@SurvivingArchitecture 3 жыл бұрын

I loved the music on this one lol You can download the PDF of this illustration so that you can practice and improve your illustrator skills in the [description box]. Don't forget! “The first 1000 people who click the link will get 2 free months of Skillshare Premium: skl.sh/survivingarchitecture0820

@tomdaniel4201 3 жыл бұрын

Literally been trying to find this type of render style for ages, never knew how to do it and now I know, it’s so simple as well🤣thanks!!

@SurvivingArchitecture 3 жыл бұрын

Same haha!! You're most welcome ☺️

@billj.3561 3 жыл бұрын

if you are going for these kind of aesthetic, then you can also paste the a transparent png of a tree(if you can't find one, you can search for a jpg tree with white background, and do select+color range and pick the color white, invert then delete, copy to your workspace) Then with new layer above the tree layer, using alt click between the layer. With this, you can paint with any color. bonus tip: use gradient tool to have a variation of color.

@authogonal6879 2 жыл бұрын

Thanks! A small improvement to this workflow is to save the Ai and then Place it as a linked image into PS (file>place linked), this means that you can continue to update the Ai file and it will automatically update in PS every time you save the Ai.

@aldridge9724 3 жыл бұрын

This is the tutorial that I need!! Hoping for more collage tutorials!!

@SurvivingArchitecture 3 жыл бұрын

I'm glad you enjoyed it! Will do more ☺️

@TheArchitecturalInsider 3 жыл бұрын

The end product is just amazing you did really well.

@SurvivingArchitecture 3 жыл бұрын

Thank you so much!

@armypambhar3611 3 жыл бұрын

We need more this type of video... Amazing work

@SurvivingArchitecture 3 жыл бұрын

Will definitely do more! Thank you ☺️

@landewell6862 3 жыл бұрын

This is the final nail. You have convinced me to install Adobe illustrator. This is amazing

@SurvivingArchitecture 3 жыл бұрын

Loool. Let me know how you get on with it ☺️

@benjik.2843 2 жыл бұрын

If you want to recolour all elements of the same colour at once in Illustrator you can just triple clic with the live paint bucket. Live saver!

@misdede1959 3 жыл бұрын

Best architecture visualisation channel ever!!

@SurvivingArchitecture 3 жыл бұрын

Wow! That's a fantastic compliment. Thank you ☺️

@Araop324 3 жыл бұрын

It was simplistic and soothing thank you.

@SurvivingArchitecture 3 жыл бұрын

You're most welcome!

@iversondescartin3948 3 жыл бұрын

YESSSS. THANK YOU! You’re the best

@SurvivingArchitecture 3 жыл бұрын

You're most welcome! ☺️

@misdede1959 3 жыл бұрын

You deserve millions of views for your efforts!

@SurvivingArchitecture 3 жыл бұрын

We will see if youtube agrees 😅😂

@aamemy 3 жыл бұрын

For the tress (or other elements which you want to look more like a graphic, rather than real objects) I recommend using Filter -> Filter Gallery -> Cutout. I also had a problem with finding proper elements so now I find it easier to make them myself :D Great video!

@SurvivingArchitecture 3 жыл бұрын

Will keep that in mind next time. Thank you for watching and for the tip! ☺️❤️

@PedroAlves-ir2bv 3 жыл бұрын

Stunning!!! Gonna try my own

@SurvivingArchitecture 3 жыл бұрын

Thank you! Good luck!

@misdede1959 3 жыл бұрын

This is really helpful! Thank you for the PDF

@SurvivingArchitecture 3 жыл бұрын

You're most welcome!

@jaquelinequeiroz1233 3 жыл бұрын

I loved it, it’s just what i’m looking to do this semester cause my notebook isn’t collaborating with me and I can’t render anything kkkk

@SurvivingArchitecture 3 жыл бұрын

Lol glad you enjoyed it! ☺️

@ecarchi 2 жыл бұрын

Hi, I really like your workflow and style!! Thanks for sharing! I'd love to see how we can add some shadows, to give it that extra pop!

@SurvivingArchitecture 2 жыл бұрын

Thank you! Usually, these style of drawings are flat, but I can image it will *pop* more with shadows haha

@anhnguyentien6488 2 жыл бұрын

Love it, that what I need. Many thanks for your sharing :)

@SurvivingArchitecture 2 жыл бұрын

Glad you think so!

@melisozaltun7039 3 жыл бұрын

life saving! thanks!!

@SurvivingArchitecture 3 жыл бұрын

You're most welcome!

@anubhavrana621 3 жыл бұрын

Simply beautiful, well explained. Best wishes

@SurvivingArchitecture 3 жыл бұрын

Thank you so much 🙂

@rob78981 3 жыл бұрын

genius, thank you!

@SurvivingArchitecture 3 жыл бұрын

Thank you for watching!

@meLisa-gx1yb 2 жыл бұрын

First of all great video, it is very helpful! I am just starting with learning illustrator and you've already made it so much easier for me. Around minute 5 you mention that you somehow erased the lines. What's the easiest way to do that?

@aristarchus2566 3 жыл бұрын

Golden video🔥👏🏼

@SurvivingArchitecture 3 жыл бұрын

Thank you ☺️☺️💛💛

@johnjoelmariano5791 3 жыл бұрын

this is so helpful 💖

@SurvivingArchitecture 3 жыл бұрын

Thank you!

@HassanAhmed-ok3ne 3 жыл бұрын

The best Architecture channel

@SurvivingArchitecture 3 жыл бұрын

Thank you! Means alot to me 😍

@SurvivingArchitecture 3 жыл бұрын

I would really appreciate it if you could share the video as KZfaq doesn't recommend my videos to others :(

@mariam-bx8yx 6 ай бұрын

Thank you ❤❤

@SurvivingArchitecture 6 ай бұрын

You're welcome 😊

@ayushmittal6141 3 жыл бұрын

Thankuuuuu soo much..nice video 🔥

@SurvivingArchitecture 3 жыл бұрын

Thank you! ☺️

@CanadianBatmanNerd 3 жыл бұрын

You're a life saver. I mean it.

@SurvivingArchitecture 3 жыл бұрын

Glad to hear that!

@AlishaKhan-jv3go 3 жыл бұрын

I love your way of explaining, I love your tutorials, I love your channel. Hope you achieve all your goals and become a great Architect. In Shaa Allah. Keep going. Loads of Love

@SurvivingArchitecture 3 жыл бұрын

Thank you so much Alisha. That's a beautiful name by the way ❤️

@SurvivingArchitecture 3 жыл бұрын

Let me know if you need anything specific ☺️

@AlishaKhan-jv3go 3 жыл бұрын

@@SurvivingArchitecture Thank youuu. You made my day lol.

@SurvivingArchitecture 3 жыл бұрын

And you did too ❤️❤️

@AlishaKhan-jv3go 3 жыл бұрын

@@SurvivingArchitecture If I ever come to UK, I'll surely wanna meet you. You've really inspired me. And if you ever come to India, I'll wanna be the first one to meet you and show you around.

@DPSarquitectura 10 ай бұрын

Note that you can improve your "arch" lines; while drawing archs in sketchup, just imput number of segments... so you can avoid those "12 edges" arches settings by default (or use arches from the dwg imported). Great video by the way !

@SurvivingArchitecture 9 ай бұрын

Thanks for the tips!

@meledeangelteves2767 3 жыл бұрын

This is really helpful!! Thank you so much!! 😍

@SurvivingArchitecture 3 жыл бұрын

Glad it was helpful!

@meledeangelteves2767 3 жыл бұрын

Surviving Architecture please continue making architecture videos! You’re truly an inspiration ♥️

@SurvivingArchitecture 3 жыл бұрын

Aww that's so sweet! Thank you so much 😍☺️❤️

@Omkar-dm5lz 3 жыл бұрын

I always thought illustrator is hard to used now feel it is very easy, thanks to you..😋

@SurvivingArchitecture 3 жыл бұрын

I'm glad it helped you ☺️

@artdray1015 3 жыл бұрын

Yh man its actually not bad its just about learning it.

@imanenejmi7352 2 жыл бұрын

bravo !!

@SurvivingArchitecture 2 жыл бұрын

Thank you!

@Nature97689 3 жыл бұрын

Love your tutorial videos 🙏🏻🙏🏻🙏🏻 keep up the great work 👍🏻

@SurvivingArchitecture 3 жыл бұрын

Thank you so much! I'm glad you enjoyed it ☺️

@Nature97689 3 жыл бұрын

Surviving Architecture Am thinking of getting illustrator but I wanted to ask you if Photoshop can compensate the things illustrator does? Or can Illustrator do other new things that Photoshop cannot?

@SurvivingArchitecture 3 жыл бұрын

Yes, you need to use both in your work flow! You use illustrator to do all of the diagrams, illustration line work, etc and then do any effect in photoshop.

@Nature97689 3 жыл бұрын

Surviving Architecture Awesome, i'll get illustrator and start learning it then. Thank You so much!

@SurvivingArchitecture 3 жыл бұрын

You're most welcome! Let me know how you get on with it ☺️

@8127713602 3 жыл бұрын

You always present amazing videos 😁 surviving architecture

@8127713602 3 жыл бұрын

Hope you remember me😁🙏

@SurvivingArchitecture 3 жыл бұрын

Thank you so much! Of course I do haha ☺️

@mychoicepicsart357 3 жыл бұрын

I am watching from India🇮🇳 it's very helpful video I would like say you should make more video like this keep it up. 👍👍

@SurvivingArchitecture 3 жыл бұрын

Thank you! Will do!

@mohitx_o 3 жыл бұрын

we can even use shape builder to remove things, just keep pressing alt along with shape builder :]

@SurvivingArchitecture 3 жыл бұрын

Yes of course! Thanks for the tip ☺️

@GeoCreationsarchitectur 3 жыл бұрын

Great video and I guess we can do this in photoshop itself 😬. BTW it's a great decision that you've thought of doing tutorials on illustrator. Good luck 😊

@SurvivingArchitecture 3 жыл бұрын

You could if you wanted but you're supposed to use illustrator for the entire illustration. Although, you can do what I did in photoshop in illustrator but takes a little longer but the result is better! But, I'm not that experienced yet lol. Even the people were from illustrator because they are vector which I traced.

@GeoCreationsarchitectur 3 жыл бұрын

@@SurvivingArchitecture Cool... please make a tutorial only with illustrator if possible 😬

@youtu.behandle 3 жыл бұрын

Bro I viewed your channel... Really informative tips...😀

@GeoCreationsarchitectur 3 жыл бұрын

@@youtu.behandle thanks dude.

@SurvivingArchitecture 3 жыл бұрын

Will do soon!

@monirahmed9652 3 жыл бұрын

WOW !!

@SurvivingArchitecture 3 жыл бұрын

Thank you!

@alejandrar4715 3 жыл бұрын

To find that kind of people for an illustration you just need to search for "flat people" :)

@SurvivingArchitecture 3 жыл бұрын

Thank you for the tip!

@nightmarez1569 3 жыл бұрын

freepik

@elifkocakEK 3 жыл бұрын

thank you so much !

@foufounazer4181 3 жыл бұрын

you can also create them in illustrator. If you do an image trace and limit it around 6 colours you can create pretty flat people

@ireneprado7794 3 жыл бұрын

I loved the video 💜 and I also liked the people you used, where did you get them??

@SurvivingArchitecture 3 жыл бұрын

I traced some and then downloaded others. I wouldn't be able to share as it took me ages to find these and I didn't save the link 😅

@nunoalexandre8630 2 жыл бұрын

can you please show what it the video, where you use the texture/patterns? can´t find that video. thank you for the tutorial.

@grishmaregmi8331 3 жыл бұрын

First of all, Your hardwork in details, Damn!!😍 Second, I loved that music, felt serene.😊 Third, I loved that swan too, seems like it flew away😝 Fourth, I wish i knew Illustrator. Fifth, As soon as Photoshop opened, u worked like a fastest moving train.😝😊 Hahaha Anyways, Thankyou for always showing a new perspective on how to do things ❤

@SurvivingArchitecture 3 жыл бұрын

Haha thanks Ghrisma❤️. What do you mean by I was fast in photoshop? I made it real speed 😂✌️

@SurvivingArchitecture 3 жыл бұрын

You can download the practice file to start learning illustrator. I hope it helps you! ☺️

@grishmaregmi8331 3 жыл бұрын

I was understanding Illustrator lil by lil, could see cursor moving at least but as Ps opened u did everything sooo swiftly. U so PRO at it😁

@grishmaregmi8331 3 жыл бұрын

I am hoping to manage time after classes and assignments.😁

@SurvivingArchitecture 3 жыл бұрын

Lol yh it did feel different once I opened photoshop. A sense of relief 😂

@1ashwinyadav570 3 жыл бұрын

Thank you 🙏👍

@SurvivingArchitecture 3 жыл бұрын

You're most welcome!

@SurvivingArchitecture 3 жыл бұрын

If you need anything specific, please let me know ☺️❤️

@1ashwinyadav570 3 жыл бұрын

Ok i will thank you 🙏😊

@waltissussybakka 3 жыл бұрын

You are very talented!

@SurvivingArchitecture 3 жыл бұрын

Thank you so much ☺️

@SurvivingArchitecture 3 жыл бұрын

Let me know if you need anything specific ☺️

@waltissussybakka 3 жыл бұрын

@@SurvivingArchitecture Sure, that was so kind of you, as the name suggests I'm surviving architecture because of you xD

@SurvivingArchitecture 3 жыл бұрын

Lol! I'm glad to hear that

@toastmalonee 25 күн бұрын

I am working with different layers for each colouring in Photoshop so should I do the same for Illustrator? For example, when colouring a building, can I erase a specific colour without erasing the other colours?

@harshvardhansingh7839 2 жыл бұрын

not able to join paths into shape ( the one when you did by making rectangle over your pdf)

@yaramiran1148 13 күн бұрын

lovely work! quick question, when you removed the stroke underneath it weren't there white parts showing? I tried following the tutorial and when I removed the stroke there were white lines separating the colors and it seems that the paint bucket hadn't painted underneath the stroke earlier. do you know any tips for this?

@ting1981 3 жыл бұрын

first of all, love this video! thankyou so much for guiding. i wasnted to ask how do u get more PDF files like that of the guidelines of buildings?

@SurvivingArchitecture 3 жыл бұрын

Thank you! What do you mean by guidelines of the buildings? This was a model that I created in sketchup and then exported the PDF

@ting1981 3 жыл бұрын

@@SurvivingArchitecture ohh no worries. Thankyou for replying.

@SurvivingArchitecture 3 жыл бұрын

Happy to help!

@mansisingh11 3 жыл бұрын

Please could you make a video how to show comparison on sheet (old structure vs new structure)🙏🙏

@SurvivingArchitecture 3 жыл бұрын

Will do soon!

@leeknow1184 3 жыл бұрын

after i paste in photoshop the vector change to an image,what should i do?i already select the smart object

@andreeanistor2192 2 жыл бұрын

did you kow that if u hold alt while using the eraser tool you can delete easier rectangular areas? xaxa

@nicolasgervasoni3594 2 жыл бұрын

hi, where do you find your character ? I like this graphic design

@BigBoss-bh9cc Жыл бұрын

How did you change the color of the black path lines at 4:48 ?

@tatianacramaregeas4821 3 жыл бұрын

Hi! Thanks for that amazing video! But could I ask you just one question please: why using Illustrator as intermediate? I guess we could go stragiht from SU to PS?

@SurvivingArchitecture 3 жыл бұрын

@egecatar1345 2 жыл бұрын

What is the color palette please share with me

@joeyjoe694 2 жыл бұрын

Probably the easiest way for me to get the same effect if I don't want to have linework is to just put it in layout without lines, so I don't have to correct them later.

@SurvivingArchitecture 2 жыл бұрын

Clever!

@sexxxxfexxxx 3 жыл бұрын

In which web page did you download people like illustration 6:32

@rollerdcm5477 2 жыл бұрын

Hola qué tal, cuáles son las características de tu PC.

@BoothArchitecture Жыл бұрын

When I try to colour different areas a different colour, it changes anywhere I’ve already coloured to the selected colour! How do I stop this?!

@MegaViola22 2 жыл бұрын

i dont understand the step to make the vector liles into faces that you can add colour

@AR_KHANMOHDAQUIB 3 жыл бұрын

🤟🏻❣️

@SurvivingArchitecture 3 жыл бұрын

☺️

@juliacccl 3 жыл бұрын

Can i do this with a common photo? Vectorizing it and doing the rest of the process like you did?

@madamaczone 3 жыл бұрын

Sure you can do it, the result will be more 'natural' because of you are drawing over a picture and isn't too straight as if you previously model it from SketchUp. Look @vistaenplanta channel you will see some projects from her using the technique you are describing. Greetings.

@Bruh-se2je 3 жыл бұрын

Hey, do you have any suggestions or recommendations to students who are about to join architecture schools? I'm still in Senior high school BTW. (I'm new here, love your vids!)

@SurvivingArchitecture 3 жыл бұрын

Will do a video on it soon! Hopefully it will share some insights :)

@evanjuniorgunawan5292 Жыл бұрын

why my imported pdf just can be selected like a group not a single line of vector, I've already checked that the pdf doesn't group or locked, and after I look at it more clearly it doesn't read as a path however it read as a linked file, can anyone help me?

@SurvivingArchitecture 11 ай бұрын

Yo have to make sure you are working in 300 pixels format. And make sure you have a large sheet as your canvas. I hope this helps.

@georgiastefan2670 2 жыл бұрын

why do i see all the lines on photoshop ? :(( please help mee somebody

@gouthamr.n4252 3 жыл бұрын

Cool !... Well I never work on illustrator... Guess I need to start working with it. Is this the hotel project ? 🤔😬😁

@rubiconmango2749 3 жыл бұрын

Its a very good programme very similar to photoshop as well, i think its just something she put together for us, see how nice she is lol :)

@SurvivingArchitecture 3 жыл бұрын

lol! You can download the PDF for practice. Oh no! I can't share PDFs of uni project so this is just a concept.

@gouthamr.n4252 3 жыл бұрын

@@SurvivingArchitecture hahahah !... Aye aye so it's the hote ? !... Well I got better with Photoshop ... I like your visualization Photoshop videos ... They were good !.

@SurvivingArchitecture 3 жыл бұрын

lol you are correct! Thanks

@SurvivingArchitecture 3 жыл бұрын

Hopefully, you can get better in illustrator now and so can I xD

@3abdallahh 10 ай бұрын

Please, the pdf file for practice ?

@SurvivingArchitecture 10 ай бұрын

If you go to my gumroad page you can buy these at a very afforable price something like under 5 dollars even. survivingarchitectur.gumroad.com/

@infinity8596 3 жыл бұрын

Is it possible to do this from Revit to Illustrator with the linework?

@SurvivingArchitecture 3 жыл бұрын

Yes, of course!

@archthiel 2 жыл бұрын

I hope you are all still healthy ^ ^

@alpsolakoglu 3 жыл бұрын

don't know how to use illustrator, i'm stucked on some steps and couldn't continue, maybe using a plugin or addon which shows the keys you are pressing will be helpful before you're preparing those videos. thanks

@SurvivingArchitecture 3 жыл бұрын

That's a great tip! Thank you. If you need any help, you can show me your progress on my Instagram

@angrykid26 Жыл бұрын

How do you remove the stroke?

@SurvivingArchitecture Жыл бұрын

The stroke is on a separate layer so you can just turn it off in the layers tab. Thank you watching and commenting :)

@chaehyunsung9473 3 жыл бұрын

Hi, for some reason I am not able to ungroup them! Dont know quite why

@SurvivingArchitecture 2 жыл бұрын

Which software did you use to export the PDF? Sometimes it happens to me and I'll have to ungroup in the 3D modelling Software ie Sketchup.

@shrekthing5981 Жыл бұрын

what cna you use instead of sketchup

@SurvivingArchitecture Жыл бұрын

Any other 3D modelling software: Revit, Archicad, Grasshopper, etc.

@shrekthing5981 Жыл бұрын

@@SurvivingArchitecture thank you :)

@hiyaayih685 3 жыл бұрын

What is your opinion about architecture? (250 words min)

@SurvivingArchitecture 3 жыл бұрын

Shall I send you my personal statement for uni applications xD ?

@habibachaudhry6507 3 жыл бұрын

Its not picking up pdf lines like yours at 1:36.. What should I do?

@selmas. 3 жыл бұрын

Hi Habiba. I had the same problem but she had another tutorial that solves the issue Recreating Bartlett Style Architecture Illustration you can check it out. Select the pdf go to properties-quick actions=embed=release mask=ungroup. This should work.

@nithichea 3 жыл бұрын

@@selmas. ahh, thank you haha, i just saw it

@habibachaudhry6507 3 жыл бұрын

Thank you Selma

@gddraftsman5617 2 жыл бұрын

simply just detail in sketchup and delete those lines that arent needed in ai

@JamesOinam11 6 ай бұрын

I am just a beginner Why my pdf imported file isn’t editable

@SurvivingArchitecture 6 ай бұрын

release the mask on the file and you'll be able to edit it

@achlamenace 3 жыл бұрын

there is an option on photoshop to generate illustrated trees that would fit really well in this collage I think it's on category effects or something like this I'll check this out later

@SurvivingArchitecture 3 жыл бұрын

Thank you for that! Will check it out. You can also do it on illustrator but I personally didn't like the result. It takes a bit longer to edit and refine ☺️

@achlamenace 3 жыл бұрын

@@SurvivingArchitecture I found it ! You must go to Filter > Render > Tree to generate the kind of tree u want, number of leaves, size, age ... It is really helpful u can see a showcase of it here kzfaq.info/get/bejne/b9Sad9V_3NapfWQ.html