From the course: Drawing Vector Graphics Laboratory
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Creating an animated GIF - Illustrator Tutorial
From the course: Drawing Vector Graphics Laboratory
Creating an animated GIF
- [Teacher] Welcome to Drawing Vector Graphics Laboratory. You'd think in an age of high-definition video and displays that the venerable animated GIF would have already been relegated obsolete, but this simple graphic format keeps chugging along, so in this movie, I want to showcase how to create simple animated GIFs using Illustrator and Photoshop, together. Not only that, the specific project that is going to be the key focus in this movie is one that I created a set of stickers for iOS on the iPhone for the Message app. Now, those are technically animated GIFs, or actually animated PNGs, but that's using C++ coding language in order to showcase those images, but the same exact principle applies, so you'll be able to actually learn both if you ever want to develop your own sticker set, for what it's worth. So, where did it all start? It started with drawing. This is one of those stickers for the set. The set's called Boneheads, for obvious reasons, because they're all skulls and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
- 1_Creating_a_Positive_Negative_Design.zip
- 13_Creating_with_Masked_Textures.zip
- 13_Creating_a_Shadowbox_Design.zip
- 2_Creating_an_Event_Graphic.zip
- 130_Creating_a_Greeting_Card.zip
- 129_Creating_Fruit.zip
- 132_Creating_a_Layered_PSD.zip
- 131_Creating_Authentic_Bubbles.zip
- 126_Creating_Typographic_Detail.zip
- 7_Creating_Letterpress_Artwork.zip
- 5_Creating_a_Stylized_Logo.zip
- 125_Creating_a_Samurai_Motif.zip
- 6_Creating_an_Organic_Pattern_Brush.zip
- 128_Creating_Photo_Filled_Art.zip
- 5_Creating_a_Line_Work_Graphic.zip
- 127_Creating_Xerography_Art.zip
- 10_Creating_with_Keyboard_Shortcuts.zip
- 9_Creating_a_Collaged_Poster.zip
- 8_Creating_a_Painterly_Graphic.zip
- 1_Creating_Hot_Rod_Art.zip
- 12_Creating_Transparent_Logos.zip
- 11_Creating_a_Blob_Brush_Logo.zip
- 8_Creating_Type_on_a_Path.zip
- 1_Creating_with_Filled_Shapes.zip
- 133_Creating_a_Monster.zip
- 8_Creating_an_Outline_Logo.zip
- 2_Creating_a_Stylized_Sticker.zip
- 12_Creating_Chrome_Surfaces.zip
- 7_Creating_a_Childs_Illustration.zip
- 8_Creating_a_Linear_Buffalo.zip
- 5_Creating_a_Seal_Design.zip
- 6_Creating_Instagram_Images.zip
- 11_Creating_a_Farm_Logo.zip
- 9_Creating_Clean_PDF_Files.zip
- 12_Creating_Segmented_Art.zip
- 11_Creating_from_Analog_Source.zip
- 9_Creating_a_Line_Icon.zip
- 10_Creating_a_Beveled_Monogram.zip
- 3_Creating_a_Dimensional_Effect.zip
- 4_Creating_Shapes_Quickly.zip
- 6_Creating_Organic_Textures.zip
- 124_Creating_with_Fill_and_Strokes.zip
- 3_Creating_from_Inspired_Moments.zip
- 4_Creating_Depth_of_Field.zip
- 10_Creating_Elegant_Curves.zip
- 7_Creating_Illustrative_Detail.zip
- 4_Creating_with_Scatter_Brushes.zip
- 3_Creating_Brush_Pen_Line_Work.zip
- 12_Creating_a_Fake_Logo.zip
- 2_Creating_a_High_Contrast_Design.zip
- 10_Creating_Simple_Grainy_Shading.zip
- 134_Creating_with_Nested_Texture.zip
- 8_Creating_Authentic_Bubbles.zip
- 136_Creating_a_Quote.zip
- 135_Creating_Drawn_Shading.zip
- 7_Creating_from_a_Doodle.zip
- 6_Creating_with_the_Width_Tool.zip
- 1_Creating_a_Polygon_Styled_Illustration.zip
- 9_Creating_a_Historical_Portrait.zip
- 5_Creating_Iconic_Detail.zip
- 4_Creating_a_Laurel_Motif.zip
- 12_Creating_with_Mixed_Methods.zip
- 3_Creating_Textured_Shading.zip
- 13_Creating_a_Podcast_Logo.zip
- 8_Creating_Shape_Association.zip
- 9_Creating_Big_Dot_Halftones.zip
- 7_Creating_Traditional_Tattoo_Art.zip
- 2_Creating_with_Raster_Effects.zip
- 11_Creating_Iconic_Hands.zip
- 10_Creating_Photoshop_Foliage.zip
- 11_Creating_Lino_Cut_Art.zip
- 2_Creating_Dimension_on_Flat_Motifs.zip
- 3_Creating_a_Graphic_Animal_Illustration.zip
- 4_Creating_a_Mandala_Ornament_Design.zip
- 5_Creating_8bit_Illustration.zip
- 6_Creating_Optimized_Final_Art_Files.zip
- 7_Creating_a_Graphic_Bird_Illustration.zip
- 8_Artist_at_Work_Bigfoot_Illustration.zip
- 9_Creating_a_Linear_Portrait_illustration.zip
- 10_Creating_a_Overlap_Color_Illustration.zip
- 11_Creating_a_Fat_Line_Illustration.zip
- 12_Creating_a_Graphic_Avatar_Illustration.zip
- 1_Creating_an_Art_Print1.zip
- 2_Creating_an_Art_Print2.zip
- 3_Creating_a_Painted_Logo.zip
- 4_Creating_Stained_Glass_Illustration.zip
- 5_Creating_Visual_Continuity.zip
- 6_Creating_Smart_Objects.zip
- 7_Creating_with_Found_Textures.zip
- 8_Creating_with_the_Blob_Brush.zip
- 9_Creating_a_Thin_Line_Illustration.zip
- 10_Creating_a_Distressed_Look.zip
- 11_Creating_Pattern_Brush_Shading.zip
- 12_Creating_an_Illustrated_Photo.zip
- 1_Creating_a_Water_Color_Design.zip
- 2_Creating_a_Reflected_Design.zip
- 3_Creating_an_Animated_Gif.zip
- 4_Creating_Color_Compositions.zip
- 5_Creating_Compound_Paths.zip
- 6_Creating_with_the_Eraser_Tool.zip
- 7_Creating_with_the_Shape_Builder_Tool.zip
- 8_Creating_with_a_Template.zip
- 9_Creating_Warp_Tool_Shading.zip
- 10_Creating_a_Pattern_Illustration.zip
- 11_Creating_PhotoBased_Illustration.zip
- 12_Creating_with_Halftone_Shading.zip
- 13_Creating_with_Opacity_Masks.zip
- 14_Creating_with_Shapes.zip
- 15_Creating_Complex_Geometrics.zip
- 16_Creating_a_Contour_Illustration.zip
- 17_Creating_a_Native_American_Design.zip
- 18_Creating_a_SingleWeight_Illustration.zip
- 19_Creating_Organic_Pattern_Brush.zip
- 20_Creating_CutPaper_Illustration.zip
- 21_Creating_Ornamental_Art.zip
- 22_Creating_Faces.zip
- 23_Creating_Stylized_Clouds.zip
- 24_Create_Neon_Sign_Illustration.zip
- 1_Process_Makes_Perfect.zip
- 2_Creating_an_Iconic_Logo.zip
- 3_Creating_Surface_Textures.zip
- 4_Creating_from_Inspiration.zip
- 5_Creating_Rounded_Corners.zip
- 6_Creating_Exported_Assets.zip
- 7_Creating_with_Shape_Blends.zip
- 8_Creating_Layer_Opacity.zip
- 9_Creating_Precise_Outline_Artwork.zip
- 10_Creating_Screen_Print_Artwork.zip
- 11_Creating_a_Halftone_Type_Design.zip
- 12_Creating_Offset_Graphics.zip
- 1_Creating_Hand_Lettered_Logotype.zip
- 1_Creating_a_Sports_Mascot1.zip
- 2_Creating_a_Sports_Mascot2.zip
- 3_Creating_with_Captured_Color.zip
- 4_Creating_Surface_Texture.zip
- 5_Creating_with_Simple_Methods.zip
- 6_Creating_Authentic_Graphics.zip
- 1_Creating_Free_Form_Art.zip
- 2_Creating_Digitally_Inked_Art.zip
- 3_Creating_Formline_Art.zip
- 4_Creating_a_Colorful_Mosaic.zip
- 5_Creating_Texture_Resources.zip
- 6_Creating_a_Surface_Texture.zip
- 7_Creating_with_Thin_Lines.zip
- 8_Creating_Pathfinder_Graphics.zip
- 9_Creating_Complex_Linears.zip
- 11_Recreating_NSA_Logo.zip
- 10_Creating_Interlocking_Motifs.zip
- 12_Creating_Pattern_Flow.zip
- 13_Creating_a_Mutant_Tiger.zip
- 1_Creating_Clean_Artwork.zip
- 2_Creating_Color_Palettes.zip
- 3_Creating_Gradient_Depth.zip
- 4_Creating_Constellation_Art.zip
- 5_Creating_a_Pattern_Snake.zip
- 6_Creating_Anaglyph_Art.zip
- 7_Creating_Tips_&_Tricks.zip
- 8_Creating_with_Live_Paint.zip
- 9_Creating_Conservation_Art.zip
- 01_Creating_an_Artsy_Globe.zip
- 02_Creating_an_Engraved_Portrait.zip
- 03_Creating_with_Index_Color.zip
- 04_Creating_with_Shape_Building_Tool.zip
- 05_Creating_a_Festive_Design.zip
- 06_Creating_Drop_Shadow_Effects.zip
- 07_Creating_High_Contrast.zip
- 08_Creating_Nataraja_Art.zip
- 09_Creating_Freeform_Gradients.zip
- 10_Creating_Kabuki_Art.zip
- 11_Creating_New_Years_Art.zip
- 12_Creating_Sasquatch_Art.zip
- 13_Creating_Grainy_Coloring.zip
- 1_Creating_Color_Detail.zip
- 2_Creating_Custom_Lettering.zip
- 3_Creating_a_Graphic_Profile.zip
- 4_Creating_a_Crazy_Design.zip
- 5_Creating_Bird_Man.zip
- 6_Creating_Ziptone_Shading.zip
- 7_Creating_a_Tribal_Tiger.zip
- 8_Creating_Flat_Shading.zip
- 9_Creating_Slanted_Graphics.zip
- 10_Creating_a_Mythical_Creature.zip
- 11_Creating_Fluid_Curves.zip
- 12_Creating_Gapped_Art.zip
- 1_Creating_Fan_Art.zip
- 2_Creating_an_Embroidery_Design.zip
- 3_Creating_Diverse_Icons.zip
- 4_Creating_Color_Schemes.zip
- 5_Creating_a_Historic_Graphic.zip
- 6_Creating_Immersive_Textures.zip
- 7_Creating_a_Sports_Graphic.zip
- 8_Creating_a_Sci-Fi_Badge.zip
- 9_Creating_Year_of_the_Rat.zip
- 10_Creating_a_Metaphoric_Design.zip
- 11_Creating_with_Custom_Scripts.zip
- 12_Creating_a_Wolf_Design.zip
- 13_Creating_Roughen_Graphics.zip
- 13_Creating_Degraded_Graphics.zip
- 1_Creating_from_Nature.zip
- 2_Creating_New_Document_Profiles.zip
- 3_Creating_Geometric_Characters.zip
- 4_Creating_with_Image_Trace.zip
- 5_Creating_Offset_Artwork.zip
- 6_Creating_a_Low_Key_Portrait.zip
- 7_Creating_Rough_Edge_Design.zip
- 8_Creating_a_Positive_Message.zip
- 9_Creating_a_Spot_Illustration.zip
- 10_Creating_Shape_Based_Motifs1.zip
- 11_Creating_Blob_Artwork.zip
- 12_Creating_with_Bitmaps.zip
- 13_Creating_Doodle_Art.zip
- 1_Creating_Flattened_Color.zip
- 2_Creative_Craftsmanship1.zip
- 3_Creating_with_Spot_Textures.zip
- 4_Creating_a_Halloween_Graphic.zip
- 5_Creating_Object_Mosaics.zip
- 6_Creating_a_Mystical_Design.zip
- 7_Creating_Deduced_Motifs.zip
- 8_Creating_with_the_Pencil_Tool.zip
- 9_Creating_an_Ornate_Insect.zip
- 10_Creating_Freeform_Color.zip
- 11_Creating_with_Pantone_Colors.zip
- 12_Creating_with_Essential_Tools.zip
- 1_Creating_Diffused_Shading.zip
- 2_Cleaning_up_Old_Art.zip
- 3_Creating_Linears_in_Fresco.zip
- 4_Creating_Spot_Texture_Brushes.zip
- 5_Creating_with_Eyedropper_Tool.zip
- 6_Creating_with_Actions.zip
- 7_Creating_Graphic_Pattern_Brushes.zip
- 8_Creating_Random_Organic_Brushwork.zip
- 9_Creating_a_Themed_Pattern.zip
- 10_Creating_a_Brand_Seal.zip
- 11_Creating_Shape_Based_Motifs2.zip
- 12_Creating_Circular_Stories.zip
- 13_Creating_a_One_Color_Portrait.zip
- 1_Creating_Year_of_the_Ox.zip
- 2_Creating_Modern_Kulture.zip
- 3_Creating_a_Duck_Design.zip
- 4_Creating_Overlap_Effects.zip
- 5_Creating_with_Geometry.zip
- 6_Creating_with_Reference_HL.zip
- 7_Creating_Color_Art_Quickly_HL.zip
- 01_Creating_Authentic_Graphic_Styles.zip
- 02_Creating_with_Raster_Effects.zip
- 03_Creating_a_Shape_Based_Tiki.zip
- 04_Creating_a_Tropical_Fish.zip
- 05_Creating_Ladybug_Art.zip
- 06_Creating_a_Weathered_Sign.zip
- 07_Creating_Blended_Graphics.zip
- 1_Creating_Neon_Graphics.zip
- 2_Creating_a_Memorial_Illustration.zip
- 3_Creating_a_Logo_from_a_Photo.zip
- 4_Creating_a_Globe_Motif.zip
- 5_Creating_a_Photo_Collage.zip
- 6_Creating_with_the_Recolor_Tool.zip
- 7_Creating_Good_Fortune.zip
- 1_Creating_a_Looped_Design.zip
- 2_Creating_in_Real_Time.zip
- 3_Creating_Posterized_Vectors.zip
- 4_Creating_a_Rock&Roll_Graphic.zip
- 5_Creating_a_Distressed_Poster.zip
- 6_Creating_Without_Irradiation.zip
- 7_Recoloring_Digitally_Inked_Art.zip
- 1_Creating_Laser_Engraved_Artwork.zip
- 2_Creating_Flat_Vibrant_Art.zip
- 3_Creating_a_Monoline_Design.zip
- 4_Creating_an_Apparel_Graphic.zip
- 5_Creating_Bitmap_Pattern_Brushes.zip
- 6_Creating_Vector_Brushes.zip
- 7_Creating_a_Geometric_Queen.zip
- 1_Creating_a_Tribute.zip
- 2_Creating_Pattern_Brush_Art.zip
- 3_Creating_an_Anthropomorphic_Character.zip
- 4_Creating_a_Custom_Pattern.zip
- 5_Creating_3D_Vector_Art.zip
- 6_Creating_Year_of_the_Tiger.zip
- 7_Improve_Your_Vector_Building.zip
- 1_Creating_Thick_&_Thin_Strokes.zip
- 2_Creating_with_Free_Transform.zip
- 3_Creating_a_Horror_Themed_Logo.zip
- 4_Creating_a_Logo_Mark.zip
- 5_Creating_Custom_Typography.zip
- 6_Creating_a_Painted_Graphic.zip
- 7_Creating_Pinata_Artwork.zip
Contents
-
-
-
-
-
Creating a water color design24m 2s
-
(Locked)
Creating a reflected design17m 48s
-
(Locked)
Creating an animated GIF17m 4s
-
(Locked)
Creating color compositions23m 31s
-
(Locked)
Creating compound paths20m 10s
-
(Locked)
Creating with the eraser tool19m 38s
-
(Locked)
Creating with the shape builder tool15m 54s
-
(Locked)
Creating with a template11m 28s
-
(Locked)
Creating warp tool shading20m 58s
-
(Locked)
Creating a pattern illustration21m 22s
-
(Locked)
Creating a photo-based illustration22m 4s
-
(Locked)
Creating with halftone shading29m 47s
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-