Movie Theatre Web Layout
With the help of this tutorial, you will be able to create a stylish Movie Theatre Web Layout

Create a new file that would have 766x600 px and 72 dpi with white background.
Take the next instrument shown here which will outline that territory painted in black color.



Represent a vertical line now on a new layer of 4x4 px and 72 dpi. Use the next tool for this operation, colored in C2C2C2.



This is the basis for the text?s clich?
Take now a different instrument and represent an element of the media player?s panel and correct its angle with the next instrument



Blending Options-Inner Glow

Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Pattern Overlay



Blending Options-Stroke



Using the same instrument, create one more element of the media player, which angle may be corrected with this instrument too .

Make use of the following instrument to represent the basic layer of the media player.



Blending Options-Drop Shadow



Blending Options-Inner Shadow



Blending Options-Inner Glow



Blending Options-Gradient Overlay

Gradient?s parameters:



Blending Options-Pattern Overlay



Using the same instrument, it?s possible to draw the screen of black color, designed for the media player too.



Insert the text on the media player screen?s window.



(the demands for the text of grey color)



(the demands for the text of the blue color)

We have to write also the advertising slogan, keeping the demands from the tables below:



(welcome)



(to our theatre)



Blending Options-Drop Shadow

Blending Options-Outer Glow



Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next instrument and make a stripe formed of several dots of the next color 797979.

Make a copy of the new created layer and place it the way you may see in the following picture:



Take now the next tool and represent the lowest layer of the advertising photos (using Free Transform option, turn it under the necessary angle). The color is 958014.



Blending Options-Gradient Overlay



Gradient?s parameters:



Blending Options-Pattern Overlay

Blending Options-Stroke



Copy the new made layer two times and place everything the way you may see below:



Place now the photos under the made already layers reserved for the advertising photos.



The parameters for all the photos are the same.
Blending Options-Stroke



Insert a little more advertising text:



(Coming)

(Soon)



(OPENING DECEMBER 5)



(view showtimes)



The parameters for the expression Coming Soon.
Blending Options-Drop Shadow

Write now the name of the Movie Theatre:



(silverfilm)



(movie theatre)



The parameters of the ?silverfilm? word.
Blending Options-Drop Shadow



Blending Options-Outer Glow

Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next instrument and create an opening for the button of the media player colored in A3A3A3.



on the layers



Blending Options-Stroke

Selecting the same instrument, represent now the basis for the button.





Blending Options-Inner Glow



Blending Options-Gradient Overlay



Gradient?s parameters:

Make a copy of the new made layer and press on Alt button to erase the unnecessary things and set the black color.





The Opacity on the layer should be of 50%.



Now we should merge down in a group all the layers containing the button.
Then copy the new made group four times and make use of the Free Transform option to change the parameters, like it is demonstrated in the next image:



Take the following instrument and represent the PLAY symbol colored in black.

Select these two instruments now: and represent the symbol of PLAY BACK, having the same black color.





Represent the same way the other symbols on the rest of the buttons, having the black color too.



On the last button we?ll insert a letter.

Take the next tool and try to represent one more layer for another button:





Blending Options-Drop Shadow



Blending Options-Inner Glow

Blending Options-Gradient Overlay



Gradient?s parameters:



Take the next instrument and draw a triangle of black color, like you may see below:

For your convenience, we should merge down in a group all the layers containing the button.
Make a copy of this new made layer and make use of the Free Transform selection to turn it around and place it the way it is shown here:



The final result!

View full size here.