Learn about gradients, blend modes, shapes, transforming, and much more in this Adobe Illustrator tutorial!
We’ll create a really cool silhouette artwork of a deer staring down a car speeding toward it and learn to use blend modes, colors, advanced gradients, path manipulation, and even the Magic Wand tool to create this complex-looking effect.
Inspired by Made by Marko (Instagram)
Tags: illustrator tutorial, adobe illustrator tutorial, adobe illustrator, graphic design, illustrator, illustrator tutorials, how to, adobe, tutorial, illustrator cc, graphic design tutorials, vector illustration, adobe illustrator cc, adobe illustrator tutorials, adobe illustrator cc tutorials, silhouette, tutvid, nathaniel dodson, AI
Tutorial Recording Notes:
Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.
- New document 2560×1440
- Create background filled with color #10002e
- Create a new layer
- ROAD–
- Place a 600x50px rectangle with any fill color
- Use the Direct Selection tool and nudge both top anchors inward while holding Shift 24x
- Duplicate this shape (change the fill to see it) and set the reference point to top center in the Properties>Transform
- Set width 1000 and height to 200
- Turn on Snap to Point and use the Direct Selection arrow to click the top anchor points together with the top anchors of the smaller shape
- Create a new rectangle 15x185px and fill with any color
- Select top left anchor with Direct selection and nudge 1x to the left
- Select top right anchor and nudge 8x to the left
- Shear this shape -1º on the horizontal axis
- Duplicate the shape and flip it horizontally
- Nudge into place where it looks good and group both of these shapes.
- Center stripes in middle of road
- Fill stripes with #f9ffb8 and mask the front side so it fades away
- Select first road layer we made (smaller shape) and fill with gradient: white, 0%opac, 30%location — white, 100%opac, 100%location and set the angle to 90º
- Reduce opacity of overall shape to 25% opacity and duplicate the shape and set to Overlay blend mode and back to 100%
- Fill the larger road shape with a gradient: #8c33e8, 30%opac, and 0%location — #8c33e8, 0%opac, 85%location set angle to 90º
- Set the stripes group to Soft Light blend mode
- Select all parts of the road and Group it up
- GRILLE–
- Grab rounded rectangle tool and create a 42x12px rounded rectangle with 3px corners and use the Properties panel to make both bottom corners 9px and center this shape over the road and place it slightly above the road
- Fill the shape with a White-Black-White gradient and set it to Screen and 60% opacity
- Create a row of black rectangles and distribute them across the grille, group them up, and mask the top and bottom and then set the group to Soft Light blend mode at 25% opacity
- HEADLIGHTS–
- Create a 16×13 ellipse filled with white, blurred 5px, and Color Dodge blend mode
- Duplicate/paste behind that shape and enlarge to around 20px wide and change blur to 20px, fill to #29a1ff and keep Color Dodge
- Duplicate/paste behind that shape and scale up until it’s about 65px across, change the fill to #ff91ff and set to Overlay
- Duplicate the blue shape above and move it below all these shapes and change to Normal blend mode and set fill to white
- Duplicate the pink shape and move it below all the headlight shapes and scale down until it’s about 26px and leave it as Overlay blend mode
- Duplicate the top white shape, drag it below all the headlight shapes and get rid of the Gaussian blur
- Hide all the other headlight layers temporarily
- Use the Crystallize and Scallop tools to make this shape burst and then scale up until this is about 130px wide, set to Overlay @ 45% and 5px blur
- Duplicate the top white shape and drag this shape to just above that shape we just made use the crystallize tool again and with one press and drag to the top right to create the headlight flare we want
- Set to Overlay @ 75% opacity and 6px blur
- Duplicate the top white shape again and move it down above both the flare shapes we just made and lock up both those layers
- Use the Crystallize and Scallop tools again and make a flare. Set this to 35% Color Dodge and 5px blur
- Group these shapes together and duplicate to make the second headlight
- Create 240x160px ellipse and fill with #da91ff and blur 55px and set to Soft Light @ 40% and drag this into place until it looks good
- HEADLIGHT REFLECTION–
- Create 140x180px ellipse and fill with gradient:
- white @ 100%location – white @ 33%location – black @ 66%location
- Use the gradient tool to drag in a gradient that has a sharp white top edge
- Set to Screen @ 95% opacity and 45px blur and then drag into place, shape, rotate, and adjust gradient until it looks perfect
- Duplicate and flip the headlight reflection over to the left side of the road
- DEER–
- Use the Paintbrush with a low smoothing setting and quickly trace over a deer or your choice of animal, movie character, mythical beast, or other and fill with #10002e
- Place the deer on the road and change size/shape until it’s just right
- MOUNTAINS–
- Create 900×100 rectangle fill with #150240 color and Roughen this shape: 1 and 1 with corner edges
- Duplicate this shape and paste behind, fill with #291052 and edit the roughen: 2 and 1 with corner edges
- Duplicate this shape and paste behind, fill with #3d1f7a and edit the roughen: 1 and 2
- Expand the appearance for all three shapes
- Use the Wrinkle tool and add tiny detail to the tops of all these shapes
- Group all three of these shapes together and create a mask to fade both sides of this shape
- Add a horizon line shape to this mask to cut away the bottom of the trees/hills
- NIGHT SKY–
- Create 650×650 ellipse and sample the gradient from the road and set to 90º and tweak the gradient to get the shadow near the horizon
- Create a mask on this shape and copy up the horizon mask from the tree/shills layer
- Blur the sky gradient ellipse 100px
- Grab the brush tool and set fill to a very light yellow (almost white)
- Dot in some stars and use the bracket keys to adjust the size of new stars
- Use the magic wand with the tolerance at 1 to select the stars and blur 2px and reduce the opacity to 60%
- Group the stars together and duplicate this group a few times, resize, rotate and randomize the stars in the sky.
- Create an ellipse, dark gray, duplicate it and the duplicate that again and move this ellipse up and to the left and Minus Front and fill the front crescent moon shape with a light yellow. Reduce opacity until it’s blended well.
Leave a Reply