Wednesday, June 9, 2010

Final Project Mockup --- sampa


I had a lot of fun by recreating the mockup. First I collected all the pictures, then created a rough draft with the help of pencil tool, rectangle tool and horizontal type tool. Then I started creating the actual mock up.

Background: I created the background with an (1200*900) image size and then painted it with the paintbrush tool. I used Gradient Lens Flare filter to give a shiny effect to the background. I created a big text with a company name and used stroke to give an effect to the text. I used that text for my background feature.

Banner: My banner is combination of a header, search and menu bar.
Header: In the header I created a logo and a header detail with the Elliptical marquee tool, Pattern Stamp tool and horizontal type tool. For the background effects, I used Neon Glow filters and lighting effects for the header detail and thus created an eye-catching header.
Search: I used Rectangular marquee tool, horizontal type tool and Custom shape tool to create the search Portion.
Menu bar: I used Layer comps to create a rollover and rollout menu bar. First I used Rounded rectangle tool to create a shape then copied and pasted and created another four buttons for the menu bar. I chose styles from the styles layer. For roll out or normal menu bar I used Blue glass Style. That very much matches with my background mockup.
For roll over I used chiseled sky style.

Left side bar: I used Rounded rectangle tool, Paint bucked tool for left side bar. There are two parts, one is Category and another one is Category detail. I used the Pattern Stamp tool and horizontal type tool to create Category Part and I used the Gradient fill for blending the text with the background. For Category detail I used horizontal type tool and used Lens Flare effects, Stroke and Curve mask for blending. I also Added a diamond picture to the left side bar, which I cut it by using Quick selection tool from the original picture. For blending purpose I used Lens Flare.

Content: I created the content part by using the Rounded rectangle tool, Paint bucked tool, and horizontal type tool. I used Stroke for the blending purpose. I used a picture, which I created before. This picture is combination of two pictures. I cut one from its background by using Extract tool and added that to another picture. I created a paragraph for the content and used clipping mask to blend the paragraph with the red flower picture.

Footer: I used the rectangle tool, Paint bucket tool and horizontal type tool to create the footer. I used clipping mask to blend the text with the red flower picture.
The following colors are what I used for the project.
Projects colors
# 27254f -- Dark blue
#2e256f -- blue
# 625a9d -- light purple
#530306 – Dark red
#5c1969 -- Purple
#a3d39c --Pastel yellow green
#a1a1a1 -- Gray
#636363 -- 75% Gray
#0b0a0a -- Black

No comments:

Post a Comment