Animated Advertising Banner In Photoshop By PSdlovers.

Tutorial by PSDLOVERS. In this tutorial You will learn how to make a advertising banner for your site our your product.  Click On The Images for Full View Here i am making Advertising Banner og Iphone. Step 1: Creat a New document of size 900×120 px. Now we are going to make the baground of the banner. select your layer 1.Rignt click on it.Click on Blending options. Apply the settings shown in the below image. Result you get will be exactly like the below image. Step 2 : In this step we are going to add images i.e your products in the banner. Here i have used iphone 3g images.Im providing the psd of this banner so you can get them from the psd. I have also added Apple icon to make the logo related to the iphone. Adjust the Images in proper postion. Image shown below is the result i got after adding images to the banner. Step 3: In this step we are going to work on the text of the banner. Select your Text tool or press T. Type your text. I written “Apple Overstock” in black colour Now we are going to apply text effects to the banner. Select your text layer.right click on it and click on Blenging Options. Apply the following blendings shown in the below images. Image shown below is the result i got after applying the Blendings. Hide the text layer “Apple Overstock” now im going apply another text for this text we are going to use same settings, but i have written it in green colour. Image shown below is the result i got after applying the Blendings. Step 4: Here comes the best part.We are going to add Animation in the banner. Hide all the layers (unread the eye mark of the layers) except the baground layer i.e layer 1. We are going the animate the product i.e iphone.Open the animation window.Duplicate the frame. I have three images here.so lets start with first image. Unhide te image then decrease its opacity to 20%.

Step 5: Now we are going to add same animation to the text “Apple Overstock”. Unhide this layer and apply step 4 for this. Image shown below is the result i got after applying Step 4 and Step 5.

Step6: We are done with the first text.Now we will different animation to 2nd text. Unhide the 2nd text layer.then duplicate the frame.then hide the text layer. duplicate the frame then unhide the layer.do this step for four times. Set the timings of the frame 2sec or what it suits. Final Result you get will be

Animated Advertising Banner In Photoshop By PSdlovers.

Note: THIS TUTORIAL IS COPYRIGHT OF PSDLOVERS.IF YOU WANT TO SHOWCASE THIS TUTORIAL ON YOUR SITE THEN ASK THE PERMISSION HERE.

In this tutorial we’ll morph a model’s face into a devil face. We’ll use simple tweening animation technique in photoshop to morph the face.

Start by opening a close up of girl’s face.

Create duplicate of the layer. We will use the original image later on while animating.

Select her hair using polygon lasso tool.

From bottom of the layer palette select new adjustment layer and select hue / saturation.

Apply settings as shown below. This will change the hair to some weird color. You can use a shade of your own choice too.

Select the neck area again by using polygon lasso tool.

Apply settings as shown below.

Open an image of a skull. Knock out the background color using magic wand tool.

From filter menu select liquify. Choose forward warp tool and apply as shown. Use the brush settings shown below.

From layer palette change layer mode to multiply.

The devil face is done. Now we will animate  / morph it.

Select all the layer except the original face layer and press Ctrl + G to group it. Hide the group. Open animation window. The default first frame will show the girl with original face.

From bottom of the animation palette select “Duplicate selected frames”

A new fram will be created.

For this new frame switch on the visibilty of the group layer from the layer palette.

From bottom of the animation palette select “Tweens Animation Frames”

Apply settings a sshown below.

This will create 20 frames between the two states. Select all frames. right click and set delay to No Delay.

Set looping to forever.

Here’s the ouput. Scarry huh!

Another Tutorial By psdlovers.
Create A heart beat Animation in Photoshop.