Posts Tagged 'characters'

Drawing in PowerPoint: Emoji


Emoticons and emoji were invented to add emotional context to emails, texts, social media posts, etc. Initially, emoticons created from characters like ” :-)” were used to assure that emails were not misinterpreted. Later, emoji (stylized faces based on the “smiley face” and other symbols) were introduced to provide a clearer indication and a wider range of emotional clues.

I have written several posts on introducing characters and emotional context to PowerPoint presentations. I’ve shown you how to create expressions and personalities using simple cartoon-like figures. And I’ve used similar techniques based on Lego toy figures. In this post, I’ll show you how to add emotional context with emoji created with standard PowerPoint shapes.

But wait! You can find millions of emoji on the web; why would you want to create your own? There are several reasons:

  • You may not be able to find precisely what you need on the web; for example, maybe you need a sad doctor.
  • You can create a set of emoji with a consistent appearance and style.
  • Since the emoji are PowerPoint objects, you can modify them to create new versions.

Of course, these points may not be important in your application; go ahead and use web images to punch up your presentation – I won’t tell anyone.

I have used standard PowerPoint shapes, to create these objects; occasionally, I use Merge Shapes to combine standard shapes to create new ones. This method avoids drawing and editing Freeform shapes because some readers may not be comfortable with “hand drawing.”

Some emoji drawings have a dimensional look; I think this is partly because the smiley face was used as a pin-on button early in its career. This can be done in PowerPoint; here are examples comparing the flat look with the “button” look, both created in PowerPoint:


You could use 3D Bevels, Materials and Lighting to get the button look. You could also work with Gradient Fills to create shadows and highlights. However, I don’t recommend it. You will find it much simpler to stay with the flat look, especially as I will add additional features to the basic face.

turdI have written dozens of posts on 3D drawing (search this blog for “3D”) and have often complained about the inconsistencies and issues with PowerPoint 3D tools.

Here’s how the basic “happy” emoji is constructed:


The face is a circle, the eyes are Ovals. The mouth outline is a Moon shape, rotated. The teeth shape is made by applying Merge Shape/Intersect to a copy of the mouth outline and an Oval as shown. Fill and outline colors are added to create the final emoji.

Here are a few basic tips:

  • Set Grid Spacing to 1/10 (or whatever you like) and set Snap to Grid. This will help in drawing and aligning the shapes.
  • You can override the Snap when needed by holding down the Alt key.
  • Create a circle using the Oval shape and holding down the Shift key.
  • Use Drawing Guides to help align and center shapes. The Alignment tools will also help – here’s an example showing how Guides are used to center the parts of the face:


  • I aligned the eyes and Grouped them (see above); then, I centered the Group to help space the eyes.
  •  Use Rotate and Flip tools to get accurate rotations (rather than free rotating using the handle). The Moon shape is rotated 90 degrees to form the mouth.
  • I used the Eyedropper fill tool to copy the “yellow” face color from a web image.
  • For convenience, I Grouped the elements of the face to form a single object.
  • You will probably need to resize your emoji; here are some tips:
    • Check the Lock aspect ratio  for the group in the Format Shape/Size pane. This will assure that you will not distort the emoji when you resize it.
    • Be aware that elements measured in points (lines, text) do not resize along with the shapes. One way to preserve the proportions of the object is to Copy and Save Special as a picture. The PNG type is best since it does not have an opaque background. More on this here.

Here are three “happy” variations using different shapes for the features:


Version A replaces the Oval eyes with rotated Moon shapes. The mouth shape is Filled with white to provide the additional teeth. Rotated Chevron shapes form the eyes in version B and a Teardrop shape is added. In Version C, the eyes are Moons and the Moon shape forming the mouth is adjusted (flattened) using the adjustment handle.

Adding eyebrows adds expressiveness; here are some examples using the same face with different eyebrows:


The faces suggest sadness, anger, concern and another form of anger, all distinguished by differently oriented eyebrow shapes.

Here are a few more expressions using different mouth shapes:


These are some more intense versions:


The teeth shape in the second version is made by intersecting two Moon shapes. To make the eyes, group the eye and the eyebrow, duplicate and flip horizontally, align and group the two eyes.

Traditional comic artists have developed a vocabulary of symbols that you can use to intensify emotional impact:


The “steam” line is created by intersecting two Double Wave shapes. For more examples including idea light bulbs and speech balloons, see my post on character expressions.

You may want to create individual emoji characters to tell your story. One way to do this is by occupation.

Some occupations can be signaled by head gear:


The “headband” shape is made from a Rectangle and two Ovals; one Oval is Unioned with the Rectangle and the other is Subtracted. This shape is used for the police officer, the scholar and the chef along with other standard shapes as shown.

NOTE: Shapes must be sized and positioned carefully to get good results from Merge Shape operations. Use Drawing Guides and Snap to Grid to help here. Sometimes the order in which the shapes are selected before the operation is important. For example, the second object selected is Subtracted from the first.

A suggestion of clothing and “accessories” can help identify occupations:


The added parts are made from standard shapes as shown. The wrench head is made by Subtracting a rotated Hexagon from a circle. The pitchfork is made from a Block Arc and Rectangles. Notice that the farmer’s hat is behind the head.

Here are some more elaborate examples:


Rounded Rectangles form the fingers of the computer user. The teacher’s glasses are made from rotated Trapezoids and a Line. An Intersection of a Triangle and a Trapezoid form part of the collar and tie group; adding the triangle and Trapezoid complete the neck wear for the teacher and the doctor.

The doctor’s iconic stethoscope is made from Block Arcs and Rectangles. By using another face, I made the doctor worried.

These emoji are gender/ethnicity/age neutral and that’s a good thing since they have universal meanings. If you really need some diversity, hair shapes and color can help:


Use skin and hair color and/or facial hair for more variety; see this post for ideas.

Some emoji are not faces; here’s an example:


This thumbs-up/ok/like symbol is made from standard shapes as shown:

Here’s a favorite of mine:


A shape formed from the Union of two Ovals and a Block Arc is used twice in the result. The top part is a union of an Oval and a Teardrop. An Oval completes the composition.

If you want to see more details, use the link below and click on the PowerPoint icon to download a free “source” PowerPoint file containing these projects:

Powerpointy Blog – Emoji

See this page for more on downloading files.

If you have questions, praise or complaints, please add a comment below. If you appreciate my efforts, liking or following this blog might be a good idea.


PowerPoint People – 3D Robots


This is another post on adding characters to your presentations to help tell and sell your story. There’s an earlier series on simple cartoons (basic figures, characters and expressions) and one on using Lego people.

Since robots are not confined to a human shape, you can create a variety of characters and “occupations.” And, if you think robots can’t have personalities, remember Hal, Bender and WALL-E.

Here’s an example of a humanoid robot figure created in PowerPoint:

turdMy posts on PowerPoint “3d” are exercises in using tools in ways for which they were never intended.  In addition, PowerPoint 3d is poorly integrated with other PowerPoint drawing features (e.g., shadows) and poorly documented (e.g., 3d rotations and lighting). So, expect serious limitations and disappointments if you venture here without guidance.

I created this robot using techniques I have used before making 3d blocks, buildings, vehicles and other things. Basically, it involves assembling separate objects, each with a “Parallel” rotation, to achieve a “3d” construction.

As usual, I started with front and side views of the robot. Only standard PowerPoint shapes are used; no freehand drawing required:


Here are some notes:

  • For clarity, I used different outline colors for the body/head, the legs and the arms.
  • I strongly recommend using Snap to Grid with a rather  coarse grid setting (I used 0.05 in.) to make it easier to draw and align the shapes.
  • Drawing Guides are used to align the parts in the two views. If these alignments are wrong, it will be obvious when you try to assemble the 3d construction.
  • The “chest” is a Union of two Rectangles; I’ll try to make it clear why I used Union rather than Group later.
  • The”hand” is a Chord shape and two Rectangles.

Next, I made a temporary copy of the front view and rotated it 90 degrees. Using the side view, the rotated front view and drawing guides I drew several “cross sections” of the robot that will help align the parts in the 3d construction. Here’s how I drew the cross section at the top of the “hip” section (outlined in yellow); it includes the outline of the disc that connects the hip with the chest section.


It’s easier to draw these sections one at a time than to draw an entire top view.

Here are the sections and where they will fit in the 3d construction:


The sections that will locate the arms and legs are simply copied from the side view.

Here’s the process for the construction of the body and head:

  • The parts and yellow “sections” are rotated (Parallel/Isometric/Left Down and Right Up) and moved into position to form the outline of the head, chest and hip parts.
  • The circles are rotated and filled to form the discs that connect the parts. 3d Depth is added (72 points per inch).
  • The other parts are filled; Depth is added using the yellow sections as guides.
  • Using the yellow sections as guides, the discs and body parts are moved into position. For example, the first “neck” section is aligned with the head. Then the neck disk is aligned with the circle in the neck section. The section representing the top of the chest is then aligned with the neck disc, allowing the chest to be aligned next. Imagine that you are stacking the parts.
  • Keep the sections “in front” during this step; this keeps them visible and allows easy removal later.

The next step is adding the limbs:

The arm and leg parts are Unioned to form the arm and leg (more about this later). Depth is added to the arm and leg. The rotated yellow sections are aligned with the side of the body allowing the arm and leg to be positioned. The other side is completed using copies of the leg, arm and sections. Even though the “disc” parts are invisible in this view, they establish the relationship between the body parts.

To finish, remove the yellow section objects and color the body parts, adding details as needed:

turd For various reasons, the Material, Lighting and Lighting Angle tools are useless for this project. After considerable experimentation, I recommend the method documented here rather than endless fiddling with combinations that are ultimately faulty.

For the robot coloring, I want front surfaces to be darker and visible side surfaces to be lighter, as if light were coming from the robot’s left. Here’s my method:

  • Since the “lighting” can’t be turned off, I have picked a combination of settings that seem to minimize its effects: Flat material, Contrasting lighting and zero Lighting Angle.
  • To control the color of each component, select Fill and Outline colors to create dark and light surfaces. In particular, use dark gray fill and light gray outline on components that “face the front” and the opposite for components that face the side; here are the chest and an arm:

  • This is the reason that the limbs are Unions, not Groups – if they were Grouped, extraneous outlines would appear when the Outline color is added.

By the way, here are some ideas to give the robot expressions (you can also survey various toon robots for inspiration):


You can “pose” the robot; here’s a walking version:

Here’s how the walking robot is constructed:

The limbs are constructed and positioned as before. If the orientation is not as shown, the 3d rotation will be incorrect.

TIP: The orientation of a Union is determined by the first object selected. In these examples, the red-outlined object is selected first:

For the first Union operation the top rectangle (red) is selected first, followed by the other (blue) rectangles. The result has a vertical orientation (note the “rotation handle”); the 3d rotation works as expected. For the second Union the red rectangle is selected first; note that it has been rotated. The result of the Union has a rotated orientation and the 3d rotation is different.

Of course, robots don’t have to be humanoid and use legs for locomotion:

I used the same techniques as before; here are the construction details:

The “hand” is made by subtracting a rounded rectangle from the arm/hand object.

Once you’ve made a few of these, you can position the parts and add depth “by eye” and avoid some of the tedious steps, at least for fairly simple robots. That’s how I made this example:

  • The positioning and depth were created by eye without using yellow “sections” as guides.
  • The right arm is a copy of the left arm, Flipped twice.
  • The eye shapes have a smaller depth than the head; here’s a close up:


TIP: Selecting an object within a group can be tricky, especially in 3d; the image above shows that the head is selected and the eye is selected within the group (faint outline). Use the Selection Pane if you have trouble.

Here are the details on constructing a robot with another form of locomotion:


  • The arms are Line Arcs. You could draw a freehand line using the Curve tool if you’re comfortable with that.
  • The hands are Pie shapes.
  • I used a section (yellow) to help position the legs; the other parts are positioned by eye.
  • The rocket plume is a Triangle with a Gradient Fill.

If you need a villain in your story, try this one:


  • Two parts are made from the outline drawing: the head/chest/shoulder unit and the whole body. Each is Unioned.
  • The two parts are rotated and Depth is added.
  • Material, Fill, Line and lighting are set as before but with darker colors.
  • The two parts and a copy of the smaller part are “stacked” as shown to complete the figure.

Robots are also modeled from nature; here’s an insectoid version:


The robot is made using the techniques discussed above except that an additional X-Rotation has been added to the front and back legs. Here’s  what the 3D Rotation looks like for a couple of the legs:


The middle leg has the preset Isometric Left Down rotations; the back leg has the X-rotation reduced by 10 degrees. WARNING: Do not use the rotation icons (circled in red) for this; mysterious, undocumented things happen when these are used.

turd I haven’t been able to find adequate documentation on rotations, materials, lighting, etc. If you know some sources, please let me know by adding a comment.

You can exercise your imagination by adding body segments, antennas, stingers, wings, etc., and other coloring. Why not consider other beasts as models for your robots?

If you want to see more details, use the link below and click on the PowerPoint icon to download a free “source” PowerPoint file containing these projects:

Powerpointy Blog – 3d Robots

See this page for more on downloading files.

If you have questions, praise or complaints, please add a comment below. If you appreciate my efforts, please like or follow this blog.

PowerPoint People – Toy Figures


You can create a cast of characters and develop relationships, conflict, cooperation, affection, competition, solutions, etc., and sell your story! For example, you can show scenarios with an office staff – the boss, an admin, a tech, sales guy, etc. Or you can show doctors, nurses, patients, technicians, etc., working in a hospital setting.

I provided some tips on creating cartoon-style people in a previous series:

You may want to review these earlier posts to learn some of the details. This post will use some of the same ideas to create simpler characters inspired by Lego figures.

If you have copyright concerns using these figures in your work, seek legal advice.

Here is my version of the basic figure, created in outlines, using standard PowerPoint shapes:


Here are some notes:

  • As you might expect, you can find millions of images of these figures on the web; not only are they collectable but some people enjoy customizing their own versions. My version was inspired by  3-view patent drawings found on the web.
  • I set Snap to Grid and picked a grid spacing that makes it easy to draw and align the shapes.
  • The real toy figures are quite rigid (no elbows, knees or body flexibility); my versions have elbows and I will allow some “bending” of the neck and body to get more freedom in posing the figures.
  • In contrast to the cartoon-style figures I developed in the earlier posts, there is no distinction in overall body shape or size between males and females and body shape (slim, fat, etc.) can’t be used to distinguish characters. Of course, if you need children for your project, simply make them smaller.
  • The “hand” is a Donut (red) with two subtracted Rectangles (green); here’s the process:


To give you an idea of the possibilities, here are some front view poses:


Notice that a couple of the figures are bent at the neck and the body; this is not possible on the “real” figures. And the real figures don’t have working elbows.

Here are some side-view poses:


Conventionally, the faces are relatively simple but allow some expressiveness; here are some examples (using standard shapes):


Here are some notes:

  • I’m using the conventional yellow skin tone (except when I want an ethnic appearance). You  may choose another color for “white” characters but the yellow adds to the authenticity.
  • Faces are conventionally created with black lines (with some exceptions).
  • The top row uses a solid circle for eyes; the second uses an oval eye with a highlight. Both kinds of eyes showed up in my research; the non-highlighted version may be a feature of earlier figures.
  • The second row also adds eyebrows – these are essential for creating a variety of expressions.

Because the faces are relatively flat, and there are no ears, the side views are limited:


You may want to “fix” this; I have chosen to keep this characteristic and not struggle with putting too much detail in the side views.

Here are some more faces and expressions:


The last row includes some comic book conventions (sweat drops, “steam” line, thought bubble). See my post on expressions for more on this.

Identifying individual characters in your story involves hair, costume and maybe a prop or two. Here are some hair styles created with standard shapes:


The first style is created by Subtracting a Rectangle from an Oval. The others use rotated and overlapping shapes. Here are some profiles:


Costumes distinguish characters and sometimes specify their roles. Here’s a “guy:”


Costumes are created by adding fill color to the body parts and adding additional shapes (the cap, for example). Here’s a business man:


The shirt and tie are a couple of Triangles and a Diamond. Here’s the businesswoman:


The scarf is two Wave shapes and the skirt front view is a Rectangle.

Poses and props can help define a character and a situation; here’s the girls’ gym teacher:


Here, the tool helps identify the worker and the club and pose identify the golfer:


The head of the wrench is a Hexagon subtracted from an Oval.

It will make things easier if you use only simple views of the hands:


The first examples show a hand grasping a gray cylinder. The second group features a hammer. The third group shows the hand grasping a flat, thick object.

Uniforms can specify the character’s role; here’s a police officer:

lgo16If you want to create figures like these; a free PowerPoint file is available to help you learn these techniques; use the link below and click on the PowerPoint icon to download the “source” .pptx  file containing these objects:

Powerpointy blog – toy figures u

See this page for more on downloading files.

If you have questions, praise or complaints, please add a comment below. Liking or following this blog might encourage me to keep doing this. Or not.


Follow powerpointy on