Her

Home Photoshop Tutorials Web Layout Casino Site Banner

Casino Site Banner

Author: Mopacity.com Author's URL: mopacity.com More by this author

Start by creating a new file of banner size.

image 1

Create some horizontal lines using line shape tool.

image 2

Similarly create some vertical lines over the horizontal lines.

image 3

Create a rectangular selection using rectangular marquee tool.

image 4

Press Ctrl+Shift+I to inverse the selection.

image 5

Create a new layer and fill it with black color.

image 6

Create a rectangular slit using rectangular shape tool.

image 7

Create another vertical rectangular slit and place as shown.

image 8

Duplicate both green line layers. Hide the layers. Reduce the opacity of the original green lines layers.

image 9

Insert a numeral image of any number.

image 10

Duplicate the layer. From filter menu select blur>>motion blur. Apply settings as shown.

image 11

image 12

Duplicate the layer again and press Ctrl+F to reapply the filter.

image 13

Type text details in a new layer.

image 14

Type rest of the details in separate layers. Insert company name and apply some outer glow.

image 15

Insert an image of some gold coins and place on the right hand side.

image 16

Create a rectangle using rectangular shape tool.

image 17

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 18

image 19

Ctrl+Click the layer thumbnail to get the selection. From select menu apply modify >> contract. Contract the selection by 2 pixels. create a new layer and apply a black to white gradient in linear mode. Change the layer mode to screen.

image 20

Type button link over the rectangle.

image 21

Open animation window. For the first frame keep the most blurred numeral image visible.

image 22

Duplicate frame. Unhide both the duplicated green lines layers. Move the vertical lines layer downwards.

image 23

Move the horizontal lines layer towards right.

image 24

Hide both the blurred image layers.

image 25

Press tween button from the animation window. Apply settings as shown.

image 26

image 27

Select the 2nd 4th and 6th frame and hide the most blurred layer so that semi blurred layer is visible in these alternative frames.

image 28

In the 1st 3rd and 5th frame the most blurred layer will be visible.

image 29

Select all the seven frames and duplicate.

image 30

Keep selecting successive frames and for each frame unhide the text layers as shown.

image 31

image 32

image 33

For the 13th frame unhide the button layers. Hide rest of the text layers.

image 34

For the next frame unhide the layer style on the button layer.

image 35

Similarly for the next frames keep toggling the layer style on the button.

image 36

Press Ctrl+Alt+Shift+S to save an optimized animated GIF.

Casino Site Banner