How to Create a Butterfly Clipart

Vector graphics (SVG) are wonderful things. You can scale them as big or small as you like without fear of blurriness! A clipart is made up of these lovely scalable graphics, and you can learn how to make all sorts of things. A butterfly...

Part 1 of 2:

Drawing the Outlines

  1. Picture 1 of How to Create a Butterfly Clipart
    Start by opening your graphics program. Create a 'New Document' with a size of 800 pixels wide by 600 pixels tall.
  2. Picture 2 of How to Create a Butterfly Clipart
    Using the "pen" tool, in your program of choice, is useful for creating more complex shapes. Start by creating one of the butterfly's wings with the pen tool. Set the stroke to "3 pixels," and don't worry about a fill at this point.
  3. Picture 3 of How to Create a Butterfly Clipart
    Make the other side. An easy way to create symmetry in an artwork is to copy and paste like shapes. First, select the original butterfly wing, select 'Copy' (generally located in the 'Edit' menu of a program's toolbar), select 'Paste', and then drag my duplicated wing into place. Now you have a set of wings!
  4. Picture 4 of How to Create a Butterfly Clipart
    Utilize the 'Circle' or 'Ellipse' tool to add circles for the head and antennae. After selecting the tool, simply click anywhere on the artboard, click and drag to your desired size. Copy and pasting can also come in handy here.
  5. Picture 5 of How to Create a Butterfly Clipart
    Use a few more overlapping ellipses to easily form the butterfly's body!
  6. Picture 6 of How to Create a Butterfly Clipart
    Connect the antennae to the butterfly's head, using either the 'Line' tool or the 'Pen' tool. With 2 clicks of the Pen Tool, you can create one antennae connection. After that, copy and paste to apply the same line to the opposing antennae.
Part 2 of 2:

Cleaning Up and Filling In

  1. Picture 7 of How to Create a Butterfly Clipart
    Review what you have so far. The graphic looks a but basic and cluttered with all of the overlapping lines, don't you think? That can be fixed by adding 'Fill' colors to the shapes and removing/recoloring the outlines or 'Stroke'.
  2. Picture 8 of How to Create a Butterfly Clipart
    Select each of the segments that made up the butterfly and add fills of color. You might use brown with a slight red tint, as pictured here (RGB value: #6B4411). You can also change the outline (stroke) color from black to the new brown. In the case of the antennae connections, only the stroke needs to be modified.
  3. Picture 9 of How to Create a Butterfly Clipart
    Do the wings, too. After applying the same treatment to the wings (this time using a dark red color: #B54B1D), you have a fully colorized digital butterfly!
  4. Picture 10 of How to Create a Butterfly Clipart
    Use gradient, if desired. This more advanced technique can be applied to fills to create a more natural or interesting colorization. For each wing, you can apply a 'Radial Gradient' combining two colors (a yellow: #D3D400 with a red: #B54B1D) to produce a more naturally colored pair of wings. Check out the final product!
Update 05 March 2020
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile