LEARN TO DESIGN THIS DOVE ICON IN ILLUSTRATOR! | Learn to use shapes to help construct complex guides to make drawing shapes with the Pen tool very easy.
In this Adobe Illustrator tutorial, we will create this complex 3d icon graphic which will be straight up copied from the incredible designer and illustrator “Yoga Predana” (check out their Dribbble link here in the bio!) and in the process of making it we will use the Pathfinder to create complex shapes with ease, we will create and position shapes on a grid to later convert to guides and then use these to make using the Pen tool a complete piece of cake. Of course, we’ll also look at building out the colors with gradients, shadows, and much, much more. You’re going to love this video!
Tags: illustrator tutorial, illustrator tutorials, Adobe Illustrator, how to, vector graphics, how to design a logo, design 3D logo, how to make an icon, icon design, icon Illustrator, design icon illustrator, design logo illustrator, AI
Site Exclusive 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.
Create new doc 2560×1440
Create a series of guides using shapes and we will then construct a perfectly aligned “3D” object from those guides and colorize with gradients and mask highlighted edges to the faces of the objects that need them.
- Create new ellipse 400×400 and fill with any color
- Shut off all snapping, but leave smart guides on
- Duplicate that ellipse and nudge Shift 9x to the right and Shift 8x up
- Duplicate and nudge Shift 10x to left and Shift 1x up
- Select both of those shapes and Intersect in Pathfinder panel
- Duplicate original ellipse again and Shift 2x up
- Duplicate original ellipse again and Shift 31x to left and 6x up
- Select both of those new shapes and Intersect them
- Duplicate original and nudge Shift 26x right and 10x up
- Duplicate original and nudge Shift 1x right and 2x down
- Select all four shape together and Divide them in the Pathfinder.
- Ungroup and delete bits you don’t need and Merge remaining shapes using Pathfinder
- With Smart Guides turned on, use the Pen tool and draw the shapes that will be highlights
- Fill the shapes with black to white gradient and set blend mode to Screen
- Use the Gradient tool to draw the gradient at the exact position, etc… that you need
- Reduce opacity, etc… to blend this in perfectly
- Select all three shapes and group them and copy the main original shape and use that as a mask for this group of three highlights to clip them to the underlying shape.
- NOTE: Use Direct selection tool to tweak exact edges of highlights to make sure everything matches up.
- Turn on snap to grid and turn the grid on.
- Open preferences and set the spacing between grid lines to 50px with 5 subdivisions (cells will be 10x10px)
- Create a 150px ellipse and drag to center left of original shape
- Create 100px ellipse and drag to center right of original shape
- Create 80px ellipse and drag to about the middle of the center “peak” in original shape
- Create a 40px ellipse and drag so center-top point of the ellipse is aligned with left-center edge of the 80px ellipse
- Select those shape and convert them to guides
- Use the Pen tool and trace a bird shaped shape
- Shut off the Snap to Grid and use Direct Selection tool to tweak the shape to make it perfectly as you want it
- Create a small ellipse for the bird’s eye and punch to hole with Pathfinder
- Mask this whole shape to the original, underlying shape
- Add a gradient #ff00ba to #00ffff and add it to the underlying layer
- Fill the bird shape with solid white
- Duplicate bird shape and paste in front and fill with radial gradient that runs from the darken color of our above gradient to white.
- Reverse the gradient if needed so shadowing is on the “outside” of the shape
- Next, draw a hooked shape to create the shadow on the cheek of the bird
- Fill this shape with a dark color to white gradient and use the gradient tool to get the exact angle needed and mask this to the bird shape. TIP: unlink this from the mask so we can move it exactly into a position we want.
- Look over the graphic and tweak colors and paths as needed to clean up everything perfectly.