How to COLLAGE in Architecture using Photoshop
HTML-код
- Опубликовано: 19 мар 2018
- 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
Hello there! This video is a timelapse of this Collage type Illustration using Adobe Photoshop! There are tips and comments throughout the video. But if you have are any questions, please leave them below!
The drawing was a recreation of a photo of the Caledonian Somosaguas project from the Brazilian Architect Márcio Kogan!
―
● You can also follow us here:
Instagram: / learnupstairs
Facebook: / learnupstairs
Pinterest: / learnupstairs
● Let's talk:
hello@learnupstairs.com
―
Music:
Instrumental produced by Chuki.
be sure to check his channel!
/ chukimusic
Hi! What layers do you use to organise everything? I sometimes get confused with what layers should be in front of others. Some how I manage to place a few items with different depth arrangements under one layer/group, which I end up solving by just putting on a separate layer but it just makes the file messy. Is there another way of doing this and another way of arranging this all to avoid a messy layered file?
Also, I forgot to ask, where did you find those cool illustrated people cut outs and plants? I really like the textures you use, but I assume you just compiled those over time into folders?
Hi! Well, for me it's usually like this, the more layers I create the better! Try to separate every element/object into new layers, so when you need some change it is easy to get specific parts of your image. Now the key point here is to always organize them into folders, give them colors and names. I like to use Green for Vegetation, Purple for People, Gray for Background and Yellow for Lighting, so when I open any of my PSD files they are all organized in the same way, it saves a lot of time!
But all of this isn't worth knowing if you don't use the auto-select mode with your ctrl. The selection tool (V) has an option to turn on/off the auto-select. You should leave it turned off with the drop down menu next to it in "Layer" (not groups!). Then when you're working in an image you just have to hold Ctrl and click in the object that you want to select the layer, it does automatically for you, so you don't have to spend minutes trying to find one specific layer under a pile of unamed layers!
I didn't know if you already knew that, but I decided to share! Once you start doing this, you'll work much faster!
Hope that helps!
Cheers!
I do have my own library that I've built over the years, but most of them were downloaded straight from Pinterest! There are a lot of collage type plants and people, just have to search for them and it starts to show up!
Thanks so much! Youve helped a heap 👌😍
@@LearnUpstairs You just solved the most horrible problem i've been facing while selecting objects , thanks so much !
From few months ago, i wondered how to make graphic like this. and you answer it! thank you for this!
Thank you! I'm glad to hear that!
in love with your tutorials!! you made me wanna come back to my laptop playing like during my twenties after years in a boring arch studio. thank you!!
I love the sort of modern cartoonish feel to this. I am definitely learning this!
thank you so much for sharing this tutorial, it's very helpful!! I decided to try a different style of 3D modeling for my thesis project and this video helped me a lot!!
just watch your channel today! LOVE YOUR VIDEO!!
thank u so much, u literally saved my final project for this semester with this tutorial
Hi! In love with your illustration and skills. Only one request though, can you please add voice over or simple text in the video so as to which tool you are using? It is a bit difficult to understand for the beginners.
Watching slowly, awesome 👏🏻!
Man You're so great. Congrats.
This collage is awesome, thanks for the video. I'm currently learning super fast from your videos.
Bro, your videos are completely awesome --it has been like 3/4 days since I started watching your videos intentionally and whenever I see a video I get motivated--Thanks so much-you are an inspiration . and on 11:47 --I like the way you manipulated the man's leg...
Finally found a video that matches my style of collaging... Thank you for all the tips :D
I'm glad you find it helpful Pooja! Thanks for the feedback 😀
You are amazing and this video is life changing honestly. Your raising the game.
Thanks a lot, we loved to hear that!
amazing work!
omg this is exactly what I need! thank you so much!! looking forward to more tutorials!
Thank you for the feedback Rennnx!
You're Amazing!!!
Never understand why people dislike nice tutorial like this, thank you so much!
Maybe because this style of collaging is oversaturated in social media, it lost its uniqueness because everyone just does the same thing
Or maybe because it’s not the video they dislike but the final result + the whole collage obsession thing in architecture
once again: AMAZING result! Thank you!
i am in LOVE thank you
Thank you!
your channel is amazing honestly
Thanks a lot!
lovely lovely illustration!
Thank you!
so cool thanks for the video
Really good!
so much beautiful picture!
Thank you Dina!
Very nice! Keep up the good work, man!
Thank you!
Arrasou ❤️👊🏼
mal conheci e já estou amando este canal 🖤 obrigado pelo conteúdo!
Obrigado pelo feedback, Guilherme!
Amazing. Please keep uploading this lindo of videos.
Stefano Agudo Hi, ours is a relatively new channel in RUclips. But we do Archviz breakdown and Architectural presentation videos. Do check out and subscribe if you like our stuff :)
Such an amazing and informative video!
♥️
love it! thanks)))))))))))))))))
thx!!! so cute;) ,I love this style and trying to practice.
Thanks! Keep it up then! Send me at my Instagram later so I can check it out!
You should add voice over that would be really helpful but great videos tho
It sure does! I'll try to voice over in timelapse videos too! Thanks!
Really Nice
Parabéns pelo trabalho!
A composição ficou linda. E na hora que você resolveu 'descolar' o azul do céu e passar um pincel artístico, pra dar um 'fog' parece que você leu minha mente. hahahahah
Parabéns mais uma vez!
Muito obrigado! Hahaha fez toda a a diferença né! Valeu!
Very cool 🔥🔥🔥 Thanks
Great work 👍 but it will be more useful if you try to record in a little slow speed bcz some time we didn't know what command you have applied .
I always wonder how to make image like this, finally my curiosity has been paid after watch this video. Thank you :)
That's so good to hear! Thanks!
OU Graphics make something more like this please.
For sure I will! That's a great feedback. I can apply this technique to any type o drawing: facade, plan, detail, axonometric, diagrams, ... what would you like for the next video?
OU Graphics axonometric or detail maybe, there are no many video about that.
Nice video!
Can you do a short tutorial as to what to use how to use, its very fast and confusing as well!
Hi! This was a great tutorial.. can you also please share a link to libraries that have the plants and humans for collage? thanks!
wow, thanks.
Hi!! Thanks for sharing your works with us! You have amazing turorials which I enjoy all of them!! I have a simple question, how can I turn black lines into white as you did to your base image?
👌 Sweet style bro 🤓
Thanks mate!
Hey! Thanks for your great videos, and even more for NOT doing the graphic directly without masks! Once i started trying this kind of images I realized that would be a hell doing it without them ;)
There is something i can't get from the tutorial and it's very important, at min 11:19. How can you import the guy image but at the same time the mask just for the guy? I mean, i want to add people to my collage but at the same time being able to edit directly ONLY the "person" image and not the rest of the layer, excatly as you do in the tutorial. I know i could make a mask manually, but there must be a much more efficient way to do this, and working with the intelligent object does not allow to do "everything". Any advice??
Thanks, very useful tutorial and beautiful collage! But I would also like to know the best way not to have those white lines between shapes. Maybe starting with an autocad export with "Shaded" or "Realistic" appearence? Thanks a lot!!!!
Thanks! You could invert the lines to have them black instead of white or just completely delete them. We need them lines only yo use as a reference guide
The inversed palm tree tho
Hey great video! Can you tell which third party plugin you used to bring out the details, like you said towards the end of the vid? And where one can get it?
Hello, thank you for your video, really helpful! However, may you please upload these beautiful textures and plants as well, thank you !!
Hello! Thanks a lot! Those textures were downloaded straight from Pinterest. You can search for Collage Plants and you will find plenty of options. Hope that helps!
Amazing wot more keep up
What a lovely video! One question, could this be done in illustrator?
Yes! You could do it in Illustrator since there's no soft shadows. But you'd have to do in a slightly different aproach, using lots of masks and maybe Photoshop to cutout some of that vegetation background
Really informative video! Could you provide the link to get the plant and human cutouts? Thanks!
Thank you! For cutouts I usually go to Mr.cutout website! They have a very good variety of images! Check the link in the video description.
Also for vegetation, a simple google search gives you a lot of options.
Cheers!
Oii, quando vc coloca a textura e depois coloca na máscara, como que fica mais clara? O que vc faz ali?
Any chance you could upload a video of your textures and do a pack of them?
Voltou haha Parabéns pelo trabalho, acho essa técnica bem mais interessante. Como você deixou as linhas na cor branca?
Opa Obrigado! Como usei uma base com linhas grossas pretas para fazer a seleção das texturas, foi só desligar a layer da base para que o espaço não preenchido ficasse com as linhas ficasse brancas.
Outra maneira seria jogar a layer base para o topo da ordem das layers, segurar CTRL e clicar na thumbnail dessa mesma layer (para fazer a seleção somente dos pixels do layer selecionada), então pintar usando o ALT + Backspace na cor branca. Espero ter ajudado!
Muito obrigado! Se não for pedir demais, você poderia fazer uma interna usando essa mesma técnica? Fica a sugestão.
Where can I get a Bank of textures? Excelente video btw, as always.
Hi Rodrigo, thanks a lot!
Check out this video here: ruclips.net/video/ibB1rbcV3bE/видео.html
great work, can u send the plugin link please
Thanks a lot! The plugin was downloaded from their website. Search for Topaz Labs Adjustments or a similar
Do make any tutorial in Procreate - if you do, it would be very nice to go through, thanks
It would be great if you added the photo your working on so I can follow along with the video
Hi OU graphics! All your videos are really amazing and very very helpful.. especially this video, i tried to do something similar with your collage techniques and i would like to share it with you. Can you please tell me where can i upload my file?
Hi Manasi! Thank you so much for the feedback 🙏
You can send them on my Instagram @ou.graphics
I'd love to see them!
please do post a link in the description where we could download the textures and plants you've used in this video!
Cool stuff though! (y)
All the texture I used was found on Pinterest, like this one: pin.it/k6rl3sgi3cy5rm
Or
You can also check out Mr.CutOut website for all sorts of cutouts and textures: www.mrcutout.com/?OUGraphics
@@LearnUpstairs this is what i was looking for🐥🐥
How do you do those clean straight lines? What brush did you use?
Fist of all great video, and now my question. How can I copy/move a texture in one layer (which shortcut do you use)?
Thanks! Follow these steps:
With your desired layer selected, make a selection around the texture you want to copt/move
Then hit "V" for the cursor tool
Finally, holding *alt* drag and drop your selection to the side
@@LearnUpstairs thx
how was the base made? :)
Could you help me understand how to mask and make the image flat??
Hi! How do you cut and shape the layer using other layer ( I mean subtracting the layer) You just cut the texture according to the stairs. What is the command?
I love your videos and I want to follow you but I do not know what software you used in this video can you please tell me
9:54 how you do that? did you drag the layer mask to layer 7?
In this step I created a simples mask on the layer 7 using a rectangle selection.
Then to remove that little piece from at the bottom of the canvas I used another layer as reference. Ctrl click on another layer thumbnail to have its content selected. Then simply paint the selection black
Let me know if you got it!
How did you add the last finishing with Topaz Lab plug in? is it paid software?
Very nice video. But can you please tell me where i can find textures images ? Thanks a lot!!
I usually search for free textures on google or websites such as textures.com.
Also there are some high quality paid websites that provide free samples, check out poliigon website!
Where do you find the best rendering programm for architectural collages?
Can you provide then patterns material that you use in tanta video?
Please add voice and slow down the pace of this video. These two changes will make this one a real great Photoshop tutorial.
you can use RUclips feature to slow down a video up to 0.25x. Works for RUclips app too.
How did you delete the background of the plants ?
I have a question about the video files. Is it a long video that we can follow step by step the Darwing tutorial !
The video files on our Gumroad page are the essential files to make your own version of the image. Usually it is composed of the base PDF/JPG or Ai/PSD and sometimes there's also the 3D with it. If it is a render, it also comes with the some render passes if used in the video.
what's that plugin you are using at the end?? Thanks
Always at the very end I'll use the Topaz Labs Plugin to punch in details and contrast. It's the Topaz Clarity.
At 6:33 what shortcut did you use?
Ctrl + E to merge the layer or Ctrl + U to open the hue/saturation adjustment?
the video was great, can you just show the command you use!
Thanks! Yeah, for sure! I'll be adding for my next videos
Have completely lost the track of photoshop is it possible to guide us along with the commands and tools used for a better understanding
Hello! I´m learning to use photoshop, can someone explane me how he does the sky? i can´t get it from the video! thankss
He applied a light color, then used the "erase" tool shaped as a circle to gently erase chunks from the sky, you have to set the eraser "hardness" level to a minimum, this is shown at a menu that appears above your screen when you select the erase tool
1.24 how did you make shadow? there are two layers but it seem like you merge layer and make shadow by masking?
Hi! So what happened at 1:24 is this: I painted the whole window black, then duplicated the layer and dragged it a little bit to the side and bottom (45°). After that, I used this black rectangle that is on a different location to create a selection, and with that selection I deleted what I wanted from the original black window. Therefore creating a shadow just to make the width of the window.
You could alternatively draw this shadow using the rectangle marquee tool, or the polygonal lasso tool as well.
The method that I used was just to make it the perfect size on both sides.
I hope I could explain it! Let me know if you got it. Also, you could use RUclips's built in feature to slow down the video. Just click o the little gear to open up the video settings
Hi, just wondering how do you make the lines white or rather how did you ensure the materials did not cover the lines? and do you recommend only using white for the lines for this type of illustrations?
Hi Jade! You can use any color on the lines, white usually gives a lighter feel to the image and it doesn't appear too much on the composition especially if the background is also white.
To ensure that the lines will remain white at the end, here's what you can do:
You either duplicate the base layer and place the copy on top of everything, make sure the base layer is transparent with only the lines and that they are white colored.
Or during the image creation you could use the magic want to select inside the lines and always work within these boundaries, then at the end you turn off the base layer and you will have the same effect.
Let me know if you got it! 😉
@@LearnUpstairs thank you for ur reply! Your videos are all really helpful and helped me out with my uni work :)
What software do you use to draw the outline of ur building
Usually I export them from Sketchup or Archicad. But if only drawing them, you can use Illustator 😁
Hi I have a problem I find out that the texctuurs I use are pixeld. I use high resolution texctuurs. I can't find what I doing wrong. Thank you 🙏🏾
Hey! I'm a beginner and I'm trying to follow each steps and shortcuts required for the same, but I'm not able to understand it as the video is too fast and no shortcuts have been told while working so can you help me out with producing a better and quicker collage by suggesting me some videos regarding shortcuts?
Im sorry i am a really beginner.. But how do you turn your sketchup file into a simple line like that? What style do you use and do you render it first? Thank you
No problem asking, I'm here to help! The best way is to export the scene as .EPS or .PDF so you can import either in Adobe Illustrator or Adobe Photoshop. I recommend both for the first program and only .PDF for the second.
For a basic render, I always check "override materials" and turn on the ambient occlusion options.
Hope that helps! If not, hit me up!
What extension or plug-in are you using for basic rendering? I am on SuPodium and cannot find the "override materials" or "ambient occlusion options, nor in Sketchup itself. Thank you!
Hey Angelica! I'm using Vray for Sketchup
Please can you add this base level to the discription?
Hi Merve! Check this link here: gum.co/WzTk
Where do you get your textures from?
Mostly from google images, I use the search engine setting to look for very high quality images. Sometimes I look around in textures.com and poliigon also has some textures for free. The important thing is that you always save and catalogue them to have your own library over time.
Is it possible to do on Sketchbook?
Definitely. It only depends how much you master the workflow
hey can you provide the texture files that you are using...
Best part of video is to cut the leg 🦵its funny 😂 ... palm tree 🌴 position upside ???
hiii , how can i get this file to practice it ?? and thanks in advance
can you explain me where you drew this on 0:19 before ps drawing?
Well that drawing can be done directly in Illustrator, or any vector type programs. But this one was different, I exported the 3d scene into PDF and then opened in Illustrator to fix up some lines before going into Photoshop.
thank you.
would be helpful if you shared the file
Você exportou o desenho inicial com linhas do sketchup? Tem um tutorial dessa parte? Eu sei que é bem simples mas algo está saindo errado aqui!
Oi Karina, da pra exportar o desenho em PDF do Sketchup e depois importar no photoshop.
Na verdade pode ser PDF, JPG ou PNG. Você que sabe! O que é necessário fazer, é aplicar o Estilo de Linhas e fundo branco do Sketchup antes de exportar
Can someone explain how the stair lines disappear from 3:30 to 4:00
Hi Unnathi! The lines are in a separate layer on top of everything. I just turned it off, I only use the lines as a guide to insert textures and colors.
Hi me again! Looks great. Question. 1:27 how did you make those two black rectangles all of a sudden interact to form window and shadow???
Hi Jester! I just used one's selection to erase the other one. But that's just one type of approach to this result. You can use the polygonal lasso tool and holding Shift to mantain straight angle, draw the same shape to simulate the window shadow
@@LearnUpstairs Ah got you. I can copy the window as you did, then ctrl click that layer, go to the original layer and delete (using the selection) Thanks!
How did you converted the black line into white? . I didnt understant that part
Hi! There are many ways to achieve that. The easiest one is using CTRL+ I
But make sure that your layer is rasterized
@@LearnUpstairs thank you..
Porque não posta os vídeos em português? Seria uma ótima ajuda.
Infelizmente o público já é pequeno para esse tipo de video no youtube, em português seria menor ainda. Em inglês consigo ajudar mais pessoas! De qualquer maneira, estou trabalhando em colocar legendas em todos os videos. O "Exploded Axonometric Diagram in Adobe Illustrator" já tem em PT-BR!
OU Graphics Obrigado mesmo!!!
Hey guys, how long should it take to be done? Just checking if I'm that slow, or if I'm being hard to myself
Hey Ana, it really depends on the image and how big the project is. But for an image/collage like the one from this video, it takes me around an hour to make it.
At first you'll definitely take more time, all you need it practice.
Also the more you learn shortcuts, the quicker you'll become 😁