Architectural Facelift in Photoshop

Hi guys, as promised, ito na yung step by step tutorial on architectural facelift I did for one of my projects. The process is very simple yet very effective. Hope you like it.

Heres the Photoshop file for you refernece >>> http://www.bokkins.com/tut/facadetutorial/facadetutorial.zip

And here's the step by step process:

1. Take a good photo of the existing building, if it's not good enough, just correct it in photoshop using lens correction as shown below.
original photo

filter>distort>lens correction

adjust the vertical perspective under lens correction. the same process I'm using in prepairing a photomatch.


2. create a new layer and start applying colors. colors that will also hide the original facade of the building. use mask for boundaries, you may also use the burn tool to create variations in tone.

another layer with "color" in blending options to change the existing color

added a new fascia

more fascia


3. Create another layer for the subwalls or inner walls to hide the existing gate.


4. Another layer for the gate design, I added a drop shadow to show depth.


5. New layer for the windows, gray rectangles as shown below


6. Look for a good photo to serve as your reflection, I found one in the internet. fit it to your window and crop.

reflection layer, transparency 50%


7. Add window frames, the process is the same with adding the fence and gate. Apply a drop shadow to create depth.


8. Add another layer below the gray glass layer and add a white frame, this will frame your window as part of the design.


9. Add another layer for your glass railings to give it a more modern look. use blue or green color to represent the glass. I exaggerated the color to have a good distinction between the window and the glass railing.


10 and finally, change the transparency to 50% to simulate the glass transparency. And this is our Final Product.


Enjoy!

thanks dude! very helpful! mabuhay!

ayos ang daya hehehe....another pandaraya nanaman natutunan ko jejje tnx for sharing bossing

Very effective and easy nga!

Thanks for sharing bro!

Thanks mga bro, I'm glad you like it.

ayos to sir parang vray ang output.hehe

thanks sir bokkins. nice tuts.

yun yon eh....ok ah...mabilisang work nga yan...effective pa sa taste ng client....thanks for sharing bro

ang galeng...! tenks sir boks!

ok ah,mabilisan nga.thanks bro for this one.

haha astig to boks..very practical and quick. thanks for sharing..

wow!!!sir, ok ah..thanks po sa tip sir...i like the way u present it po
very helpful..thanks again...

tnks for sharing sir...

malinis na pandaraya sa mata sir boks!hehehehehe!..ayus!

Thanks guys at naappreciate nyo. sana makatulong sa work nyo to. sa uulitin. pag may naisip ako ulit.

nice ps tuts brow!

kala ko render. good job books. anmd thanks for sharing.

nice TUTS bro..!

very very nice sir....share more!!

galing galing..

ayos op ito sir bokkings, parang 3drender outpu, galing. thanks for sharing sir.

thanks! sir ayos to.

galing ng renovation mo bokkins ah! parang namiss ko gumawa ng ganito..actually challenging din siya gawin!!!! biro mo from the facade tp the windows to the gate and to the balcony pa! cool!!!

ang galing sir boks... kakatuwa ung magic na ginawa mo dito...

and daya nga.. hehehe...

kakamiss ung mga ganitong mga tira...

i like this so much.

galing nito sir..hindi pa ako naka try nito..very interesting..