| Photoshop Tutorials » Web » Real estate |
11. Now we're going to add a picture to make sure everyone knows that this is a website about a real estate company (ofcourse you can add other pictures if you're planning on using this layout for something else). Anyway, I have 2 examples below this step and just copy them to your design in photoshop to use it (I think I've found them on google)! They have a transparant background so everything should look ok and it should be something like my outcome in the third screenshot below.
If your looking to start a real estate website and want a free and full template, I've found one on Theme-Box.
While I was looking into these sites i decided to do a bit of research and it looks like all the designs are created through one company - http://www.realestatewebmasters.com/portfolio/ - check it our for further examples of Real Estate website design.
3. Now we are going to create the navigation bar. Start off by creating a new layer titled Navigation Bar. Move this layer below the Table Background, since the navigation bar will look best if it appears to "pop-out" from under the main table. Since the bar will have a slightly irregular shape, use the pen tool to create a selection. You can see the shape that I created for it below. You can fill the selection in with any color you'd like for now.
these are nice. I think it is important for real estate companies to have nice looking websites. If a consumer is going to trust someone to find them a big ticket item like a house, then they should at least look reputable.
This is a Photoshop tutorial on building a real estate website design using Adobe Photoshop CS3. This real estate website design tutorial will take you through a step by step process if you offer web design services to your agents/realtors. Website templates for real estate agents are great, but what if you could create professional real estate websites that were completely unique, espectially since there are so many web design services. Start to create you very own website templates, and hey, sell your website templates to web design services like Template Monster. If you company offers website design services, why not make some passive income using these techniques. Anyhow, this should provide you with a decent path to creating further real estate website designs in Photoshop.
2. Start filling the background with #ffffff using your paint bucket tool.
Create New Layer, use Rectangular Marquee Tool (M) and using fixed size make a selection. Fill this selection with #fae5c8. Keep our sellection, use Select -> Transfrom Selection, and with Shift key rotate it by 45�, place it in left corner and hit delete. Now Select -> Deselect (Ctrl + D)