illustrator cc draw 3d heart
Read Fourth dimension: 14 mins Languages:
Follow this tutorial and acquire how to create a fix of beautiful heart icons: a "Honey you" banner middle, a broken, a post-it annotation and a devil eye. The middle is made with the help of the Mesh Tool (U) in Adobe Illustrator and it's rather easy to create as well. You will likewise discover other techniques so let'south brainstorm!
i. Create a Heart Base Shape
Step one
Outset open a New spider web document. Take the Ellipse Tool (L) and draw a 223 10 223px circumvolve. Use the Direct Selection Tool (A) to select only the peak ballast bespeak so go to Object > Transform > Move. Choose to movement this point minus 85px vertically so hit OK.
Step 2
At present, yous demand to distort the summit role of this shape. Select with the Direct Option Tool (A) the top point to reveal the handles and move them as shown below (1). Hold downwards the ALT Cardinal on your keyboard while dragging the outset handle and so yous tin move them separately. Next, select simply the bottom ballast bespeak with the Direct Selection Tool (A) and go to Object > Transform > Movement. Choose to move this point minus 23px vertically and hit OK (2).
Stride 3
Having the bottom bespeak selected, press the Catechumen selected ballast points to corner option (1) then go to File > Scripts > Circular Any Corner. Run this script and select a 10 Radius (2). Select the height point in the eye using the Straight Selection Tool (A) and run the script once again. This time select a 2 Radius (iii).
If you oasis't installed the Round Whatsoever Corner script yet, go here and follow the instructions to install it.
2. Use the Mesh Tool to Add Color & Depth to Your Eye
Step 1
Before you keep, you need to make a copy of the centre because you lot will need it later. Therefore, Re-create (CTRL + C) and Paste it in Back (CTRL + B) and hide it for the moment so that it won't bother you.
Take the Mesh Tool (U) and click on the bottom anchor point in the eye to generate the showtime vertical mesh line. You can employ the Direct Selection Tool (A) to move the handles as shown (1). Side by side, click with the Mesh Tool (U) in the spot indicated exactly on the heart path. Equally a result yous will get the second mesh line. Continue with the third line and the correct side of the center is fix (2).
Step 2
As y'all did earlier, click in the spots indicated with the Mesh Tool (U) to generate the ii mesh lines on the left side of the heart (1). Next, nosotros will create the horizontal mesh lines. Have the Mesh Tool (U) and click exactly on the first vertical mesh line, in the upper function. This volition generate the first horizontal line. Click on the second spot indicated to create the next line (2). If your lines are non quite every bit you desire them, you can always motility some of the points or move the handles with the Directly Selection Tool (A) to suit the curves.
Footstep three
Continue with the adjacent three mesh lines as shown and you are done. You lot tin can also encounter below the terminal result but before you lot become there, y'all take to go through all the colors.
Step 4
Now, take the Straight Selection Tool (A) and select each signal individually and modify its fill colour from pinkish to the 1 indicated. This thing may seem irksome only you have to colour this heart, right? In the following images I took each vertical line separately and I've shown next to each point the color used.
These are the next two lines:
And here are the last:
It wasn't that bad, right? At this point our pretty heart is ready and we will utilise it to create the broken heart, the banner, the post-it note and the devil eye icons.
3. Add together a Gilded Banner
Step 1
The first icon is the "Love y'all" imprint centre. Offset make a copy of the eye then go to Brushes panel, open the Brush Libraries Card and navigate to Decorative > Decorative_Banners and Seals. Find "Banner 3" and elevate information technology into your working area. From the Object carte du jour, choose Ungroup as many times every bit needed until you take all the shapes that brand up the imprint separately. Scale the banner and move it over the heart. Go on the chief shape of the banner in front and send all the others in back. (Object > Suit > Send in back).
Step 2
Color the imprint using the gradients shown below. For the two shapes on the left side of the banner use the aforementioned gradients just set the angle to 180 degrees.
Step 3
Copy (CTRL + C) and Paste in Front end (CTRL + F) the main shape of the imprint and motion it a lilliputian downwardly using the Pointer Keys on your keyboard (the black path). Copy (CTRL + C) and Paste in Front end (CTRL + F) the blackness path and move it below also (the pink path). At present, select both shapes and click Subtract from shape expanse > Expand from the Pathfinder panel. Fill up the resulting stripe with a linear gradient called "Neutral 11", which can be establish in the Swatch Libraries Menu nether Gradients > Neutrals. Set up the Blending Way to Colour Burn down and reduce the Opacity to lx%. Duplicate this stripe and motion it to the bottom.
Pace 4
The same method applies here. Copy (CTRL + C) and Paste in Front (CTRL + F) the left end of the banner and move information technology a little downward and to the right using the Pointer Keys on your keyboard (the black path). Side by side, Copy (CTRL + C) and Paste in Front (CTRL + F) the black path and move information technology also. Select them both and click Subtract from shape area > Aggrandize from the pathfinder Console. This time, yous will go a compound path but become to Object > Chemical compound Path and cull Release. Delete the smaller shape that you don't need. Fill the stripe obtained with the gradient shown, set information technology to Color Burn and reduce the Opacity to sixty%. Do the aforementioned things to obtain the 2d stripe. Employ the same settings for the other two stripes on the right side simply change the angle of the gradient to 180 degrees.
4. Add together Text to the Imprint & Refine
Step ane
Side by side, use the Pen Tool (P) to draw a path post-obit the curves of the stripe as shown below. Have the Blazon on a Path Tool, click on this path and type "Love you lot" using "Monotype Corsiva", size of 33 pt. Increase the Set the tracking for the selected characters value if necessary. Select brown as the fill colour and likewise a 2 pt Stroke Weight to make the text thicker.
Step ii
Having the text selected, from the Object carte du jour choose Expand twice. Once to transform the text into shapes and the 2nd time to expand the stroke applied. Copy (CTRL + C) and Paste in Back (CTRL + B) the group of messages and move it slightly upwards and to the left with the assistance of the Arrow Keys. Change the make full color to yellow and ready the Blending Mode to Overlay.
Step 3
Let'southward add some shadows and we are done with the first icon. Have the Pen Tool (P) and depict a path following the top edge of the banner as shown. Requite it a 2 pt blackness Stroke Weight then go to Issue > Blur > Gaussian Blur and utilize a 2px Radius. Exercise the same thing in the lower part of the imprint.
5. Create a Crack in a Broken Heart
Step 1
The adjacent icon is the broken heart. Yous will need another copy of the eye and the middle-path that I've told y'all to go along earlier on. Now, use the Pen Tool (P) to draw the 2 zig-zag paths as shown beneath. The 2 end points must overlap and the blueish path must start from the top center signal of the heart (i). Later you lot are done, draw a pocket-size curved path between the two starting points like the dark-green path (2).
Pace 2
Now, Lock the middle and focus on the three paths just before you lot continue make some copies because you lot will demand them again. Take the Direct Pick Tool (A) and drag a selection over the 2 end points of the bluish and xanthous paths and press CTRL + J the shortcut for Join. Choose Corner and striking OK. Repeat the same thing for the other two pairs of stop points then fill up the shape obtained with the radial gradient shown.
Footstep 3
Kickoff, bring to front end the centre-path (one). Take the Direct Option Tool (A) and alter the path at the height by moving the anchor points and the handles. Yous must follow the curve of the cleft-shape obtained at the previous footstep, more precisely what was the pocket-sized light-green path at the top (2). After you are done, remove the blackness stroke. Select this shape and likewise the centre and go to Object > Clipping Mask > Make (CTRL + vii)(3).
Stride 4
From the copies that I've said to make at step 17, bring to forepart only the blue zig-zag path and the pocket-size green path (1). Next, take the Pen Tool (P) and draw another zig-zag path starting from the light-green path as the pink one from below (ii). Utilize the Add Anchor Point Tool (+) to add an extra indicate on the blue path exactly where the pink path ends. Now, select only the end indicate of the blue path with the Straight Option Tool (A) and striking the Delete Primal (iii) and earlier you continue, make a copy of this path. Lock the heart and the cleft-shape then bring together the three pairs of end points by dragging a selection over them with the Direct Selection Tool (A) and pressing CTRL + J to open the Join window. Cull Corner each time (four). Fill the resulting shape with the radial gradient shown (v).
Step 5
Now, bring to forepart the copy of the yellow path made. Use the Direct Selection Tool (A) to select only the top point and delete it (i). Accept the Pen Tool (P) and depict a zig-zag path like the green one from below and make sure that the first and the final points of the two paths are overlapping (2). Before you go along, make a copy of the yellowish path. Bring together the two pairs of terminate points every bit you did earlier (iii) then make full the shape obtained with the gradient shown at the previous step (4).
Step 6
Bring to front the copies of the blue and yellow paths made then take the Scissors Tool (C) and click on the indicated points to cut them into segments. If yous release the path only reselect it and proceed to cut (i). You volition get all these segments but keep only the ones that yous see in the image 2. The color is not important at this moment. Stroke all remaining segments with and Fine art brush chosen Tapered Stroke that you can find in the Brush Libraries Bill of fare nether Artistic > Artistic_Ink. Set the Stroke Weight to 0.one pt (iii). Once you are done, cull Expand Appearance from the Object menu. Fill the resulting shapes with a radial gradient from white to blackness and modify the Blending Mode to Screen (4).
6. Mend a Broken Heart with Vector Stitches
Step 1
Apply the Pen Tool (P) to describe the stitches and so stroke them with Tapered Stroke. Ready the Stroke Weight to 0.2 pt so cull Expand Appearance from the Object menu. Fill the resulting shapes with the gradient shown.
Step 2
We are almost done with this icon. Use the Ellipse Tool (L) to draw a small circle at each cease of the stitches. Make full the circles with the gradient shown then grouping and send them behind the stitches.
Here are the two icons made then far:
7. Create a Mail-It for a Middle
Footstep 1
The next icon is the Post-it annotation heart. Offset, depict a post-it shape with the Pen Tool (P) and fill it with the gradient shown. Type "Miss You!" using a font called "Dicks Handwriting". Select a black fill and also a 0.5pt black Stroke Weight to make it thicker then expand the text and arrange it to a higher place the post-it every bit you want.
Footstep 2
Motility the note on top of the center. Select the post-it shape and go to Effect > Stylize > Drop Shadow and apply this effect using the settings from beneath.
eight. Add Sticky Tape to the Postal service-It Note
Footstep 1
Take the Rectangle Tool (K), click on your artboard to open the Rectangle window and enter the dimensions shown. Utilise the Add Anchor Point Tool (+) to add together many points on the sides of the rectangle and so take the Direct Choice Tool (A) and move these points randomly to create the distorted edges. Fill up the tape-shape with yellow.
Stride 2
Duplicate the tape and arrange them over the post-information technology note. Having both tape-shapes selected, go to the Advent panel and from the fly-out menu choose Add New Fill. You lot volition become a 2nd fill in a higher place the showtime. Use the gradient shown then set the Blending Mode to Darken. Reduce the Opacity for the yellow fill to 40%.
nine. Add together a Vector Kiss to the Post-Information technology Note
Step one
Allow'south continue with the vector kiss. I ever try to use my stuff instead of wasting some fourth dimension to search images on the web and reading licenses. Therefore, put on some red lipstick (or any other strong color) or on a "victim" who happens to be next to you and kiss a canvas of white paper. Make a photo with your phone or camera then save it into your estimator. Drag the paradigm into the Illustrator file then go to Object > Alive Trace > Tracing Options. Change the settings as shown and then striking Trace. From the Object menu choose Expand and you at present have a vector kiss.
Step ii
Arrange the buss over the postal service-information technology notation and this icon is fix.
ten. Create Devil Horns to Add to a Centre
Stride ane
The terminal icon and the easiest is the devil heart. Use the Pen Tool (P) to draw a horn-shape and transport information technology behind the heart. Go to Object > Transform > Reflect, cheque Vertical and hit Re-create. Move the 2nd horn on the right side and make full them both with dark brownish.
Pace two
Use the Rectangle Tool (Thousand) to describe a pocket-sized 60 ten 4px rectangle and so rotate it and put information technology over the horn. Multiply it and encompass the entire horn with stripes. Group all the stripes then Re-create (CTRL + C) and Paste in Forepart (CTRL + F) the horn-shape. Now, select the group of stripes and the copy of the horn and click Intersect shape areas > Aggrandize from the Pathfinder Panel. Fill the resulting compound path with the slope shown. Repeat this step for the second horn or merely reverberate it.
Step 3
Depict using the Ellipse Tool (L) 2 oval shapes at the bottom of the horns and give them a black fill up. Go to Upshot > Blur > Gaussian Blur and employ a one.3px Radius. Set the Blending Mode to Multiply and reduce the Opacity to 30%.
xi. Add a Devils Tail to Your Pattern
Pace ane
Only the tail is missing. Take the Pen Tool (P) and draw the two wavy paths. Select the end points with the Directly Option Tool (A) and join them equally yous did before. Fill the resulting shape with night brown.
Step 2
For the tip of the tail, commencement draw a shape similar in the prototype beneath (i). We demand to cut information technology in half therefore draw a path that goes right through the middle of the shape (2). Next, select the tip and this path and select Carve up from the Pathfinder panel then Ungroup from the Object menu. Fill the two halves with the linear gradients shown (three).
12. Add a Tattoo to Your Heart
A tattoo would look nice. Go to the Symbols Console, open the Symbol Libraries Menu and in the Retro category find Flight Sunburst. Drag the symbol into your working area and press the Break Link to Symbol push button at the bottom of the Symbols console. Scale it and put it over the heart. Set the Blending Style to Multiply and reduce the Opacity to 80%. At this point the devil heart icon is fix.
13. Endeavour Your Icons in Different Sizes
Here are the four icons fabricated. You can create dissimilar sizes if you want just brand sure that y'all expand each upshot applied and each castor stroke. This is very of import.
Awesome, At present You're Finished!
This is the entire set of heart icons. Of course, you tin create other types of hearts following this piece of work flow only all depends on your imagination. I would beloved to come across your creations.
danielsdevescithhen.blogspot.com
Source: https://design.tutsplus.com/articles/how-to-create-a-set-of-heart-icons-in-adobe-illustrator-with-the-mesh-tool--vector-9979
0 Response to "illustrator cc draw 3d heart"
Enregistrer un commentaire