How to create a Greeting e-Card

In this tutorial you will learn to create a Mother’s Day Greeting e-Card.
So, let’s start with creating a new document, with 500px by 400px
with any background color. Unlock our background layer by double
clicking on a layer icon, and pressing ok. And apply to it these
settings:


Now, using a Custom Shape Tool, select a Heart shape, and draw it as it is shown below (color is not important):


Apply to the heart these settings:





That is what you should see:

Now
select our Heart Layer by Ctrl+click on a layer icon, select Eliptical
Marquee Tool (subtract from selection) and cut the bottom of a selection
as it is shown below:

Create a new layer (name it Gradient_layer) and fill it with this gradient (After you fill it, pres Ctrl+D to deselect) :


Click on an icon Add Layer Mask in a layers palette, to ad a mask to our Gradient_layer.

Now drug a black to white gradient on our mask, as it is shown below:


The
Heart is ready. Now, create two text layers (I’ve used EpsilonCTT
font), one with a word “Happy” and another with words “Mother’s Day”.
Arrange them as I did, and create warped text with the next settings to
our two text layers respectively:

To “Happy” layer

To “Mother’s Day” layer

That is what we got by now:

Now, to our background layer apply this filter: Filter>Distort>Wave with this settings to create a curtain effect:


The
next step is to create another heart as we created the main one, but
this time it must be white color and smaller. Set the Opacity to 30% and
clone it all around the main Heart, as it is shown below:

Name
our small heart layers as 1, 2, 3 … 7, select all 7 layers in the layer
palette and duplicate them. After you duplicated it, select one by one
“copy” layers, and scale to 50% each of them (Ctrl+T), so our card has
to be look like this:

So, if you don’t want to add some animation to your e-card, you can stop here. For those who want to animate – let’s go further.

Export our psd file to Adobe Image Ready by clicking on an icon in the Tools palette

In
Adobe Image Ready, in Animation palette, duplicate current frame by
pressing Duplicates Current Frame icon 6 times so that we get 7 frames.

Now,
in each frame only one copy layer must be visible in this order: in 1
frame – “1 copy” layer must be visible, in 2 frame – “6 copy” layer must
be visible, in 3 frame – “4 copy” layer must be visible, in 4 frame –
“7 copy” layer must be visible, in 5 frame – “2 copy” layer must be
visible, in 6 frame – “5 copy” layer must be visible, in 7 frame – “3
copy” layer must be visible.

After that, go to File>Save Optimized As> and save our animated e-card as a GIF file. That’s it! :)

Thanks to:


Copyright © http://megatutorials.blogspot.com

Speak Your Mind

*