Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - Bell with a Bow

12/3/2017

0 Comments

 
Here is how you can create a bell and a bow as an icon or a 3D creation within the bell and ribbon tails. 
Picture
Picture

Picture
Start the body of the bell with a Polygon. To create a triangle, draw the polygon, then on the upper right, slide the diamond UP for less sides, DOWN for more sides. 
Picture
Create a square on top of the triangle. 
Picture
Select the square and the triangle and align both objects on their centers using the Align Panel under the Window menu. 

Picture
Use the Pathfinder Unite mode to combine the two objects as one. 
Picture
Use the Direct Selection Tool to select the lower  two points and pull the corner widgets in slightly. 
Picture
Use the Direct Selection Tool to select the middle  two points and pull the corner widgets out slightly. 

Picture
Use the Direct Selection Tool to select the upper two points and pull the corner widgets in toward the center. 
Picture
Pull the corner widgets in to the max amount to form the top of the bell. 
Picture
Fill the bell body with a color and no stroke around it. 

Picture
Choose Object>Path>Offset Path and create a path inside the bell body. 
Picture
Color the resulting shape a slightly lighter color. 
Picture
Duplicate the new created offset path to the right. (The color was changed to indicate this step.)

Picture
 Select both the offset shape and the newly duplicated shape and choose the Minus Front Mode in the Pathfinder Panel. This create a highlight. 
Picture
Draw a circle. 
Picture
Use the radius handle from the right side and drag it over to the left side 180° to create a half circle. 

Picture
Place the half circle under the bell. 
Picture
Create a triangle to start the bow. 
Picture
Pull the Corner Widget into the center slightly to round the corners. 

Picture
Flip and duplicate the triangle to create the wings of the bow. 
Picture
Add a square in the middle of the bow and round the corners. 
Picture
For the ribbon, create a rectangle and place a triangle over the end of it. 

Picture
Select both the rectangle and the triangle and choose the Minus Front Mode from the Pathfinder panel. 
Picture
Add the ribbons to the bow, rotating them slightly and place them behind the body of the bow. Add a heavy, darker stroke to all the elements in the bow. 
Picture
Add a few lines to the wings of the bow. Cap the ends with round caps  to "hot dog" the ends. 

Picture
Group the elements of the bow together and move it over the top of the bell.
Picture
To create a bell with dimension, draw an oval over the bottom of the bell. Fill it with a darker color. Place it so it lines up with the edges. 
Picture
Use the Direct Selection Tool to select the center top point on the half circle and move it up.

Picture
Use the Curvature Tool and double click the center point you just moved. 
Picture
Place the half circle in the base of the bell body. 
Picture
To curve the ribbons, select on the the tails and choose Effect>Warp>Arc.

Picture
Warp the tail horizontally to give it a slight curl. 
Picture
Select the other tail and repeat the process to the right to give it more of a free-flowing appearance. 

Picture
Now you can create a bell icon or a dimensional bell. 
Picture
Add a few together and create a decoration. Place it on a wreath which you can create here.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022