Final product:
Step 1: Create a document as shown in the image
Step 2: Make a new layer, name it "Background" and color it in with any color
Step 3: Right click the layer you just created and click "Blending Options..."
Step 4: Check the box next to "Gradient Overlay"
Step 4a: Make the gradient (I used the standard Xwidget colors, since I'm making an advertising banner for Xwiget)
Step 5: Open the image "54.png" in a new tab
Step 6: Click&Drag it onto your ad banner and place it in the spot indicated
Step 7: Accidentally jumped over step seven, I'm going to continue... e.e The numbering of the images xD
Step 8: Place some text onto the image
Step 9: Add some effects
Step 9a: I used these effects
Step 10: Set the title's opacity to 0% and move the small text bellow the image as indicated
Step 11: Add another layer, color it any color, set the fill to 0% and add stroke effect, inner, 1px, black
Step 11a: This is how the layer bar should look
Step 12: Go to Window > Animate and the animation bar should open (Set it to timeline view)
Step 12a: This is how it should look
Step 13: Open the properties of the layer with the logo and click the timer next to "Position"
Step 14: Move the logo with your arrow keys all the way to the left side of the banner until it goes off-bounds (Mine is almost off-bounds)
Step 15: Play with the animations on the other components. I use the position for the small text and the opacity for the title
Step 16: File > Save for Web & Devices...
Step 17: Set it as shown and click Save.
And there you have it! If you don't understand a step tell me, I'll explain it.
Login
FAQ
Search
