Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Creating and Animating A Jack In the Box

Filed under: Drawing — Fiery Darts @ 8:49 am

Creating and Animating A Jack In the Box
We’ll start by creating a 3d box. Create a rectangle in a new layer.
Press Ctrl+T. Right click and select perspective.
Duplicate the layer and fill with black color. Move the layer below the first layer.
Create another rectangle. Using similar steps create the other sides of the box.
Duplicate this layer and fill with black color. Place it on the other side. Move this layer below all layers.
Create top lid of the box similarly.
Press Ctrl+T. Right click and select warp. Adjust nodes and handles to create a shape like this.
Fill this shape with orange color.
Duplicate this layer. Fill it with brown color. Move this layer below previous layer. Move this shape towards right a few pixels.
Apply stroke layer style to all box layers.
Using custom shape tool create some cool flowers and patterns on front sides of the box.
Our box is complete. Now we’ll create jack. USing elliptical shape tool create a few ellipses and place as shown.
Create eyes, nose lips etc. using 2 pixel brush. Create 2 springy antenna and place on top of the head.
Create arm and hand using pen tool.
Duplicate the arm layer. Flip horizontally and place it for the other arm.
Our jack and box, both are done. Link and merge all jack layers together. Time to animate jack. Open animation window. Select first frame and in layer window hide jack layer.
Duplicate this frame. Unhide jack and adjust it’s position as shown.
Duplicate this frame. Adjust jack’s position as shown. At this frame jack is mostly out of the box.
Duplicate this frame. At this frame simply move jack just a couple of pixels down.
Select frame 3&4. Duplicate it three four times. This will add a springy motion to jack.
Press Shift+Ctrl+Alt+S to save an optimize animated GIF.

WordPress database error: [Table './fierydar_fire/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT * FROM wp_comments WHERE comment_post_ID = '11' AND comment_approved = '1' ORDER BY comment_date

10 Comments »

No comments yet.

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112