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 depth of field - Illustrator Tutorial
From the course: Drawing Vector Graphics Laboratory
Creating depth of field
- [Instructor] Welcome to Drawing Vector Graphics Laboratory. In this movie, we're gonna take a look at using depth of field to change the viewer's focus within the context of a visual narrative. This focus is simple and the functionality has been around for a long time, but I don't see it being used that often. So let's take a look at the whole process now. Now, this composition, to kind of demonstrate depth of field, I wanted a scene of sorts, and so I drew this out. Now with all of my illustration, I tried to figure out what I'm gonna build before I build it. Meaning I draw it out, in this case, I'm gonna set this layer to 20%, lock it, and then it's gonna work as a road map to build my vector artwork on. I don't have to think about it. I'm just building shapes that align with my underlying drawing. So when it's said and done, I end up with my color vector artwork like this. And I think this is gonna work well. Now what exactly is going on in this scene? I'll leave that up to you…
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 hot rod art20m 59s
-
(Locked)
Creating an event graphic17m 39s
-
(Locked)
Creating from inspired moments16m 10s
-
(Locked)
Creating depth of field7m 31s
-
(Locked)
Creating a stylized logo9m 19s
-
(Locked)
Creating organic texture23m 54s
-
(Locked)
Creating illustrative detail19m 31s
-
(Locked)
Creating type on a path13m 18s
-
(Locked)
Creating clean PDF files11m 50s
-
(Locked)
Creating simple grainy shading14m 38s
-
(Locked)
Creating iconic hands14m 57s
-
(Locked)
Creating chrome surfaces21m 52s
-
(Locked)
Creating degraded graphics22m 28s
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-