|
Adobe Fireworks tutorial to create realistic 'Post it' Let us create an authentic looking 'Post it' / 'sticky notes'.
To begin with, lets create a vector image as shown below
When 'Post it' / 'sticky notes' is stuck, there is usually a fold in the paper where the sticky area ends. Lets now create that fold effect
I created the above fold effect by creating a slanted vector image with a linear gradiant fill, darker pink as the bottom gradiant and the base paper pink color as the uppermost. I have also provided a "drop shadow' effect with 1px distance, dark pink color (same as the one used for linear gradient fill) and 35-40% opacity. Finally I gave a 'Gausiar blur' of 2 blur radius.
Usually when these 'Post it' / 'sticky notes' are left on the wall for some time, top corners curl down and bottom free end lifts up. Let's provide a gradiant fill to create this effect.
I took three copies of the base vector graphic and reduced the sizes as shown above. Provided linear gradiant fill with darker pink gradiating to base vector graphic pink color for vector images on top. Provided white color gradiating to base vector graphic pink color for the one in the bottom. Reduced the opacity of bottom vector graphic image to 30%.
Next ,we will need to provide 'shadow'.
We might not be able to provide the required shadow effect by using 'Drop Shadow' filter from properties window. Hence we will need to create the same.
I copied the base pink image, pushed it to the bottom, reduced the width and pulled it a little below to the base vector image. As it still doesn't convey the shadow effect we want, We will need to tweek the shape of shadow image. Provide a curve in the base as shown below
Finally lets provide 'Gausiar blur' of 2 blur radius.
Image of the final 'Post it' / 'sticky notes' is shown below
Tags: Fireworks post it, Fireworks sticky notes
|
