Post-digital: Architecture Drawing in Photoshop


hey guys Oh graphics in here and in today’s video I bring to you a post digital image then with Sketchup basic lines and Adobe Photoshop this illustration has a great impact with small effort check it out alright so this is probably the best type of image you can aim for in your architecture presentations specially during school it takes less time to do it but you still can express your intentions in so many ways yes ultra realistic renders are really great but you have to spend hours to create an outstanding result that’s why I’m so fond of these illustrations in just a couple of minutes you can tell a great story and portray your architectural design you challenge yourself to think outside the box I’ve got a video coming up next week about the benefits of using these type of illustrations so if you’ve got any images with these post digital collage techniques and want to be featured in the next video send them over my Instagram at old graphics so in Sketchup all I did was apply a white line style to then export as a high-resolution PNG image then once in Photoshop there are a few things you should look for before actually starting to compose your image the first thing is the canvas which plays a crucial role on the composition usually a wider and taller sky works out great you gotta think of this as if it was a paint the white space is as essential as the actual architecture building after that you should divide the base image into workable layers and by that I mean that separating the terrain from the actual house will help you a lot along the way so consider separating all the elements possible I made a selection using the polygonal lasso tool then control X to cut it out from the base layer and then finally ctrl shift V to based on the same place in a new layer so during this process I’m going to point out some essential steps that will help you achieve this result the video is slightly faster than normal speed so if you need you can use YouTube’s booting feature on the player to slow down the video so you can see the exact keys I pressed or the moves I did there are weeks that I can bring you a full detailed tutorial and there are some that I’ve got to shorten up a bit but I’m always going to bring you a weekly update on architecture graphics so subscribe to the channel if you haven’t already alright so the key point of this image is to work with textures and masks on top of this baseline drawing you should use one layer for each element so you can always come back and correct something if needed and of course remember to organize workspace into folders and colors [Music] [Music] over this process don’t hesitate to go outside of the usual we should explore an experiment with different textures and patterns that don’t necessarily represent a real concrete or a brick wall for example so for instance brought a paper texture to give details to the top part of this house so you can set your own limits here [Music] [Music] [Music] [Music] [Music] [Music] [Music] the cutouts inserted on your image can and should look apart from reality they can have their own style and you don’t necessarily have to match the styles between them for example I’m using these black and white guys and I’m going to place another one sitting on the concrete edge that has a totally different style I’m going to link on the video description where I found these guys juggling so at the end of the day you want to tell a story you want to portray a mood on this image so use whatever digital elements you have at your disposal this son here I got a reference from fair nadir he has some amazing illustrations I’m also going to link him over the video description he has a unique approach to architectural visualization that does not go the usual way if you guys don’t know him yet it’s worth checking it out so the great thing about these images is that you don’t actually have to place any shadows and if you do they don’t have to be perfect I mean shadows are shadows so if you’re placing them you must at least get the same same direction across elements but here I’m not really going for any shadows but one on the concrete base as you can see at the end all right now let’s talk a little bit about colors they should also be explored but aiming for a pastel color scheme is an easy way to create a nice composition I would suggest picking up a complementary color palette because the contrast between for example the blue and yellow looks nice maybe you can also go for a bit of orange as well you got the idea so I feel that you can make these illustrations with the same color scheme that you’re going to use on your board composition and it does make a world of a difference in the final result [Music] [Music] [Music] [Music] all right so it is time for plants and vegetations here you can use rear ones of course but I find that these illustrator versions go really well with collards and post digital styles and there isn’t a problem if you repeat the same image across the composition I’m going to leave a link on the video description from where you can find these free downloads a quick note here it doesn’t matter what style you’re going for and what drawing you were making you must always make the perspective look right you can try out different colors shadows textures and almost everything but the perspective has to be right otherwise the image will definitely look odd like something is wrong and not composing well that’s why I got these splints looking like they are in 2d facade drawings you [Music] [Music] to create some hand-draw feel to this image I wanted to use a graphic tablet that I have to create these clouds and some details on the concrete base I still haven’t gotten used it but I’m trying to practice so at least I’m using it to paint some details this is nothing fancy you can do this with the mouse as well [Music] [Music] I’m going to overlay this paper texture on top of the sky to create some more details and I know there’s a lot of room for improvements on this image but I wanted to make a short tutorial with the basic approach to this illustration so I want to know from you guys what would you do to make it look better and what would you completely change it I’m going to place the files on our Gumroad page if you’d like to make your own version of this drawing it is a good way to practice your skills and don’t forget to send them over or Instagram I really want to see it and share on our Instagram stories the results you come up with by getting the files you also support our channel to keep posting these free YouTube videos [Music] then finally to finish off I added a single shadow only to emphasize the overhanging slab alright that’s it for this video I hope you enjoyed if you learned something leave a like don’t forget to subscribe and hit the belt so you don’t miss any new videos and I’ve gotta say next week’s video is going to be really special so we stay tuned for that thank you so much for watching and as always I’ll see you on the next video bye you you

25 Replies to “Post-digital: Architecture Drawing in Photoshop

  1. You're good, I followed you recently and I learn a lot from you, your drawings are the best, I congratulate you!

  2. Hey! Have been really enjoying learning with your videos! I would like to know more about Post Production but using Illustrator. I know it is possible to do and it will give a great quality to the final collage. Thank you 😀

  3. It looks amazing! I wish you would’ve given a detailed tutorial on this because for beginners like me, it’s really hard to catch. Anyway thank you for your hardwork!

  4. Curto muito o estilo dos teus desenhos, pode fazer um video de prancha sumula no photoshop? já tem vista isometrica com os planos de seção , planta de urbanismo, vista interior e exterior, so ta faltando sintetizar em uma prancha haha

  5. I really like your style, the way you are sketching on renderings is nice. Also Really helpful feature, that we're seeing keyboard shortcuts. Thanks for sharing

  6. thank you a lot!!! i really loved the tutorial and i'll try it out later… thanks for helping us!

  7. In SketchUp, you could paint each surface as a different color so you can quickly select and mask in photoshop. 🙂 I usually do this for people or backgrounds or screens that I need to do in post.

  8. Mt bom o vídeo!! Só tem uma dúvida que tenho na hora de fazer a colagem: como tu copia a imagem sem que crie uma nova camada? Quando arrasto a img no alt sempre cria uma nova, e especialmente no caso de máscaras eu só quero duplicar a imagem dentro da mesma camada… obg desde já!

  9. Fantastic! Where did you get the people with the type of graphics of the guy sitting in the deck please?

Leave a Reply

Your email address will not be published. Required fields are marked *