MaCo Graphics
 

Animated Envelope - Part II

Software: Ulead PhotoImpact 7,  Gif Animator 5

Skill Level:  Intermediate

Featured Tools: Path, Transform, Eraser, Stamp Tools

Additional Tools:   None

Note:  Create an animated envelope that would look great on a web site to use as a link to contact you.

Back to Tutorial Index


create an animated envelope

 

Image Two

Open another new canvas (102x100) and place it beside Image One.  In Image One, right click and Select All Objects. Right click and copy.  Right click and paste this into the Image Two canvas and while all objects are active bring it down to the bottom of the canvas centering it.   Hit the spacebar to deselect all objects.  Select only the rectangle and right click.  Go to Properties and click on the Position & Size tab.  Put in 2 for Position Left and 41 for Position Top.  Align the rest of the objects as in Image One.  The important part is for the base rectangle to always be in the same exact position.

Click on the top triangle.   Go to Format, Image Size.  Make sure Selected Object is checked and Keep Aspect ratio is unchecked.  From the drop down menu, choose Pixels.  Put in 98 for width and 30 for height and click OK.   Save this image as 2.gif using the method described above.

Image Two

Image Two

Image Three

Open a new canvas and place it beside Image Two.  Select all objects from Image Two, right click and copy.   Paste this into the Image Three canvas, moving it to the bottom of the canvas making sure it's centered.  Again, select only the rectangle and make sure the position is 2 for the left and 41 for the top.  If needed align the rest of the objects.  Select the top triangle.  Go to Edit, Rotate and Flip, Rotate 180.   Right click and go to Arrange, Bring to Front.  Move the triangle down as shown below. 

Rotate and bring to front

You will need to erase the part of the white rectangle showing above the triangle  (flap).  Click on the white rectangle to activate it.  Right click and Convert Object Type From Path To Image.  Using the Eraser Tool erase out the top portion above the rectangle.   Eraser Tool

Save this image as 3.gif using the method described above.

Image Three

Image Three

Image Four

Open a new canvas and place it beside Image Three.  Select from Image One only the rectangle and top triangle.  Do this by holding down the control key and clicking on these objects with your mouse.  Right click and copy.  Right click and paste into your new canvas.   Hit the spacebar to deselect the objects.  Now select the rectangle and make sure the rectangle is positioned 2 Left and 41 Top.  Then align the triangle over it.   See below.

Canvases on work area

Select the triangle.  Go to Edit, Rotate and Flip, Rotate 180.  Position the triangle flush to the top of the rectangle.  Click on the Path Tool and when the Path Panel box appears, put in 10 for the Border and Depth values.  Save this image as 4.gif using the method described above.

Image Four

Image Four

Image Five

Open a new canvas and place it beside Image Four.  Copy all of Image Four and paste this into your new canvas moving it to the middle of your canvas.  Select all objects and right click, Merge As Single Object. Click on the Transform Tool and choose Perspective.  Using your mouse on the left top corner of the envelope, drag up a tiny bit.  Select the Resize Tool and narrow the width of the envelope just a bit.  Make sure your lock is unlocked.  Make it approximately the size shown below.  Use the center both tool Center both to align this in the center of your canvas. Save this image as 5.gif.

Image Five

Image Five

Image Six

Open up a new canvas and place it underneath Image One.  Clicking on the rectangle in Image One, copy and paste this into your new canvas.   Make sure the rectangle is positioned 2 Left and 41 Top.  This will be the front of your envelope.  You can add a simple stamp to it.  Click on the Path Tool, Shape: Square, Mode: 2D Object and make a tiny square in a dark blue.  Position the square in the top right corner of your rectangle just where you would place a stamp on an envelope.  Click on your Stamps Tool, click on the arrow to view the dropdown menu and click on Select Stamp.   Choose flower 02.  Scale the size to 10 and add this onto your little blue square.  Once you have everything positioned as you like, right click and Select all Objects.  Right click again and Merge as a Single Object.  Click on the Transform Tool and choose Perspective.  Using your mouse on the right top corner of the envelope, drag up a tiny bit.  Select the Resize Tool and narrow the envelope just a bit.  Make it approximately the same size as Image Five (see below).   Use the center both tool Center both to align this in the center of your canvas. Save this image as 6.gif.

Stamp Tool

Image Six

Image Six

Image Seven

For your final image, open a new canvas and place it beside Image Six.  Highlight Image Six and click undo until you have the original rectangle with the stamp on it.  Make sure all objects are Merged as a Single Object and copy this and paste it into your new canvas.  Make sure the rectangle is positioned 2 Left and 41 Top.  Save this image as 7.gif.

Image Seven

Now you're ready to bring this into the Gif Animator.

 

Part 1     Part 3

 

Back to Tutorial Index

 

© Copyright MaCo Graphics.
MaCo Inc.
All rights reserved. Please read our copyright statement. This document may not be translated, duplicated, redistributed or otherwise appropriated.

 

bottom.jpg (15884 bytes)