{"id":1215,"date":"2016-11-09T01:00:56","date_gmt":"2016-11-09T01:00:56","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=1215"},"modified":"2022-04-15T08:31:18","modified_gmt":"2022-04-15T08:31:18","slug":"simple-vector-robot-character","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/","title":{"rendered":"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)"},"content":{"rendered":"<p>Update 07\/01\/2021: Take a look at our new blog article with\u00a0<a href=\"https:\/\/graphicmama.com\/blog\/free-cartoon-robot-characters\/\">40 Free Cartoon Robot Characters For You Epic High-Tech Designs<\/a><\/p>\n<p>In this tutorial you will learn how to create a simple vector robot character in <a href=\"https:\/\/graphicmama.com\/blog\/adobe-illustrator-tutorials\/\">Adobe Illustrator<\/a>. Make your projects stand out by including this\u00a0friendly futuristic robot design and show your clients how innovative and\u00a0creative you are!<\/p>\n<p><img decoding=\"async\" class=\"alignleft wp-image-1530\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02085322\/Robot-character-finished-275x300.jpg\" alt=\"vector robot character finished design\" width=\"325\" height=\"354\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02085322\/Robot-character-finished-275x300.jpg 275w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02085322\/Robot-character-finished-768x837.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02085322\/Robot-character-finished-940x1024.jpg 940w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02085322\/Robot-character-finished.jpg 1142w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/>We have organized this tutorial in very simple steps to help you get started with creating <a href=\"https:\/\/graphicmama.com\/blog\/vector-file\/\">vector-based<\/a> characters in Adobe Illustrator. Most of all, <strong>you will learn to use\u00a0basic shapes, gradients and other fundamental tools<\/strong>, with which you can basically create everything (probably a whole army of robots?).<br \/>\nThough, if you rather keep this project for your own use, you are welcome to have a\u00a0look at our wide range of <a href=\"https:\/\/graphicmama.com\/cartoon-characters\/robot\" target=\"_blank\" rel=\"noopener\">robot cartoon characters<\/a> at\u00a0<a href=\"https:\/\/graphicmama.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GraphicMama<\/a>. Sure, you\u00a0will find professionally executed and engaging vector characters to wow your audience.<\/p>\n<p>As in our <a href=\"https:\/\/graphicmama.com\/blog\/simple-vector-monster-tutorial\/\" target=\"_blank\" rel=\"noopener noreferrer\">previous tutorial<\/a>, we will start each section by listing all the shortcuts used in the steps, so it is easier for you to learn them by heart.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>In this tutorial you will learn more about how to:<\/h2>\n<ul>\n<li>You will learn about <strong>Ellipse<\/strong> and <strong>Rectangle tool<\/strong>, <strong>Selection<\/strong> and <strong>Direct Selection tool<\/strong>, <strong>Gradient<\/strong>, <strong>Transparency<\/strong> and <strong>Strokes<\/strong>, <strong>Shape Builder tool<\/strong> and the <strong>Pathfinder menu<\/strong>. You will also have a grasp of <strong>arranging<\/strong> the objects in your\u00a0designs &#8211; sending them in front, back and <strong>grouping<\/strong> them.<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Create a simple vector robot character &#8211; with body, eyes, mouth, legs, arms, antennae\u00a0and bolts.<\/span><\/li>\n<li style=\"font-weight: 400;\">Finally, we will give you a free source for downloading\u00a0vector objects and characters, also a download link for this particular vector robot character.<\/li>\n<\/ul>\n<h2><\/h2>\n<p>&nbsp;<\/p>\n<h2><strong>1. Creating the antennae<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t<span style=\"color: #666699;\">Rectangle tool &#8211; M<\/span><\/em><\/p>\n<p><em><span style=\"color: #666699;\">Selection tool &#8211; V<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of2\">\n\t\t<span style=\"color: #666699;\">Direct Selection tool &#8211; A<\/span><\/em><\/p>\n<p><em><span style=\"color: #666699;\">Free Transform tool &#8211; E<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<h4><\/h4>\n<h4><strong>Step 1.<\/strong><\/h4>\n<p><img decoding=\"async\" class=\"wp-image-1776 size-thumbnail alignright\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03131734\/antena-150x150.jpg\" width=\"150\" height=\"150\" \/>We will work from top to bottom of our vector robot character, finishing details up together with main shapes for each part. Therefore,\u00a0we will create the antennae first.<\/p>\n<p>First of all, choose the <strong>RGB<\/strong> fill color you see on the picture below, but without outline. Then hit <strong>M<\/strong> to activate the <strong>Rectangle tool<\/strong> and make a rectangle as the one on the picture. Hit <strong>A<\/strong> for <strong>Direct Selection tool <\/strong>and\u00a0hover over your shape. You should see small green circles inside your rectangle. Click and drag with your mouse inwards, until the corners of your rectangle round and you should finally get as a result shape like the on the picture:<img decoding=\"async\" class=\"alignnone wp-image-1780\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133313\/round_corners2.jpg\" width=\"791\" height=\"388\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133313\/round_corners2.jpg 791w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133313\/round_corners2-300x147.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133313\/round_corners2-768x377.jpg 768w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><br \/>\n<img decoding=\"async\" class=\"alignright wp-image-1784\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133851\/shape_builder1.jpg\" width=\"217\" height=\"125\" \/>Next, we will <strong>Ctrl-C, Ctrl-F<\/strong> (copy and paste in front) the same shape and move it a little bit to the left and down. The color for this new shape is <strong>R:102 G:102 B:102<\/strong>. Select the 2 shapes, hit <strong>Shift-M (Shape Builder Tool)\u00a0<\/strong>and hold <strong>Alt<\/strong>\u00a0while clicking on the unnecessary outer part of the shape. Then hit <strong>Ctrl-G<\/strong> to group the 2 shapes:<br \/>\n<img decoding=\"async\" class=\"wp-image-1786 alignleft\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03133917\/duplicate_shape3.jpg\" width=\"224\" height=\"137\" \/><\/p>\n<p>Now that you have this shape together, <strong>Ctrl-C, Ctrl-F<\/strong>, hold <strong>Shift<\/strong> and drag it upwards. You just made the exactly same shape! Now <strong>Shift-Ctrl-[<\/strong> to send it behind your first shape and resize it, squash it, so it looks something like this (again, hold <strong>Shift<\/strong> while resizing):<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step\u00a02.<\/strong><\/h4>\n<p>Use the same technique for cutting, this time creating an ellipse <strong>(L)<\/strong> and picking <strong>R:0 G:144 B:176<\/strong> for its fill color. Then, copy the shape on top\u00a0<strong>(Ctrl-C, Ctrl-F)<\/strong>, move it down, right, and give it the color you see on the picture below. As a result you should get something like this:<img decoding=\"async\" class=\"wp-image-1789 alignnone\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03134350\/ellipse.jpg\" width=\"730\" height=\"297\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03134350\/ellipse.jpg 730w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03134350\/ellipse-300x122.jpg 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><br \/>\n<img decoding=\"async\" class=\"wp-image-1584 alignright\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02100335\/vector-robot-antennae-finished-300x273.jpg\" alt=\"vector-robot-antennae-finished\" width=\"200\" height=\"182\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02100335\/vector-robot-antennae-finished-300x273.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02100335\/vector-robot-antennae-finished.jpg 427w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/p>\n<p>Now select the darker shape, <strong>Ctrl-C, Ctrl-F <\/strong>and<strong>\u00a0<\/strong>give it a white color. Also, send it on top of both shapes &#8211; <strong>Shift-Ctrl-]<\/strong>.\u00a0Make it smaller, while resizing it holding <strong>Shift,<\/strong> and set the opacity of the fill color down to <strong>40%<\/strong>. If you can&#8217;t see the panel for changing the opacity, go to <strong>Window&gt;Transparency\u00a0<\/strong>and make sure it has a tick. Finally, you end up with 3 ellipses\u00a0&#8211; darker blue, light blue and a white one &#8211; select them<br \/>\nand <strong>Ctrl-G<\/strong> to group them. After grouping\u00a0into one shape, send it\u00a0to back<strong> (Shift-Ctrl-[)<\/strong> and move it\u00a0behind the other parts we already made, just like this:<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1776 size-thumbnail alignleft\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03131734\/antena-150x150.jpg\" width=\"150\" height=\"150\" \/>Now we will rotate the antennae slightly to the right, hitting <strong>E<\/strong> to activate <strong>Free\u00a0Transform\u00a0tool.\u00a0<\/strong>Use the little arrow showing up in your top right corner, hold your left mouse button and rotate. Let&#8217;s leave the antennae for now and move to the head. Good job so far!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>2. Creating the head<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Rectangle tool &#8211; M<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Paste in front &#8211; Ctrl-F<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Paste in back &#8211; Ctrl-B<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<h4><\/h4>\n<h4><strong>Step 1.<\/strong> Head Shape<\/h4>\n<p>First, we are going to make our basic head shape. Pick <strong>M (Rectangle tool)<\/strong>, choosing\u00a0fill color for the shape <strong>R:235 G:235 B:235\u00a0<\/strong>beforehand. After that, hit<strong> E<\/strong> and click on the <strong>Perspective Distort (3rd option)<\/strong>, as you see on the picture below. Select the upper left point of your rectangle and drag to the right, until you get trapezoid shape, like the one on the picture:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1589\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101713\/vector-robot-head-shape-300x177.jpg\" alt=\"vector-robot-head-shape\" width=\"884\" height=\"522\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101713\/vector-robot-head-shape-300x177.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101713\/vector-robot-head-shape-768x454.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101713\/vector-robot-head-shape-440x260.jpg 440w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101713\/vector-robot-head-shape.jpg 884w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/><\/p>\n<p>When you are ready, hit <strong>A<\/strong> \u00a0and round the corners (same as we did before for our rectangular shapes). Finally, your shape should look something like\u00a0this:<img decoding=\"async\" class=\"alignnone wp-image-1590\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101939\/vector-robot-rounded-head-shape-150x150.jpg\" alt=\"vector-robot-rounded-head-shape\" width=\"300\" height=\"177\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101939\/vector-robot-rounded-head-shape-300x177.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101939\/vector-robot-rounded-head-shape-768x454.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101939\/vector-robot-rounded-head-shape-440x260.jpg 440w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02101939\/vector-robot-rounded-head-shape.jpg 884w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Now, <strong>Ctrl-C, Ctrl-F<\/strong> <em>2 times<\/em> this shape and move one of them slightly up and to the right with your arrows (1). Then, select the 2 shapes you just made, go to the <strong>Pathfinder menu<\/strong> and click on <strong>Minus front.\u00a0<\/strong>This\u00a0will cut the upper shape and leave you just with a little shape at the left bottom corner (2).<img decoding=\"async\" class=\"alignnone wp-image-1592\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02102911\/vector-robot-shapes-highlight-300x116.jpg\" alt=\"vector-robot-shapes-highlight\" width=\"884\" height=\"341\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02102911\/vector-robot-shapes-highlight-300x116.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02102911\/vector-robot-shapes-highlight-768x296.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02102911\/vector-robot-shapes-highlight.jpg 884w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/><\/p>\n<p>Now, select the little shape and make it <em>white<\/em> and<em>\u00a0<\/em>lower the opacity to <strong>50%\u00a0<\/strong>(same technique from before.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step 2.<\/strong> Screen Shape<\/h4>\n<p>Now we will make the &#8220;screen&#8221; of our vector robot, containing his eyes. First of all, select the big shape and <strong>Ctrl-C, Ctrl-F.<\/strong>\u00a0Scale down the shape, while holding <strong>Shift<\/strong> and afterwards change the color to <strong>R:0 G:144 B:176.\u00a0<\/strong>Til last,\u00a0go to <strong>Effect&gt;Wrap&gt;Arc<\/strong> and choose settings similar to what you see on the picture below. This effect is adding some perspective to your screen, bending a bit your shape and creating an illusion of volume. You can also experiment with the settings for your own robot!<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1751\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03113307\/vector-robot-screen-1-300x118.jpg\" width=\"866\" height=\"341\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03113307\/vector-robot-screen-1-300x118.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03113307\/vector-robot-screen-1-768x302.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03113307\/vector-robot-screen-1.jpg 866w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/p>\n<p>Probably you\u00a0are satisfied with your shapes now, so let&#8217;s move on and go to menu\u00a0<strong>Object<\/strong> and click\u00a0<strong>Expand Appearance.\u00a0<\/strong>Because we want to add some depth to your screen, select this blue shape and hit <strong>Ctrl-C<\/strong>, <strong>Ctrl-B<\/strong>, to copy it\u00a0and send the new one behind. Resize it and make it bigger, so it shows as an outline for your first\u00a0shape. Make it darker color: <strong>R:12 G:69 B:58.\u00a0<\/strong>You can also free transform and squash the new shape, so they are not exactly the same. Finally, you get something like this:<img decoding=\"async\" class=\"alignnone wp-image-1595\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02104634\/Vector-robot-blue-screen-300x183.jpg\" alt=\"vector-robot-blue-screen\" width=\"300\" height=\"183\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02104634\/Vector-robot-blue-screen-300x183.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02104634\/Vector-robot-blue-screen.jpg 559w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Furthermore, copy the dark greenish shape and send it to back. Make it white and move it a bit down and to the left, so\u00a0it will act as an edge for your screen.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1596\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105003\/vector-robot-screen-edge-300x183.jpg\" alt=\"vector-robot-screen-edge\" width=\"559\" height=\"341\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105003\/vector-robot-screen-edge-300x183.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105003\/vector-robot-screen-edge.jpg 559w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step 3.<\/strong> Eye Shapes<\/h4>\n<p>It&#8217;s about\u00a0time to create our innocent,\u00a0curious eyes! Super easy!<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1597\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105239\/vector-robot-eyes-300x183.jpg\" alt=\"vector-robot-character eyes\" width=\"400\" height=\"244\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105239\/vector-robot-eyes-300x183.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02105239\/vector-robot-eyes.jpg 559w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>We\u00a0will only use the <strong>Ellipse tool (L)<\/strong>. We will only construct\u00a0one eye, and when we are finished, we will just copy it\u00a0and modify it a bit. So let&#8217;s start! First, make white ellipse, select the bottom point of the shape with <strong>A<\/strong> and drag a bit up. This way\u00a0you are squashing the perfect oval shape, and making your eye more interesting. Experiment, until you are happy with the result. Once you have the white shape done, <strong>Ctrl-C, Ctrl-B<\/strong> to make a little shadow for the eye -move it with arrows down and to the left. Then, make it black and lower the opacity to <strong>30%<\/strong>.<\/p>\n<p>Now create another ellipse, while holding\u00a0<strong>Shift<\/strong> to make it a perfect circle. The color is <strong>R:83 G:189 B:34.\u00a0<\/strong>Then, <strong>Ctrl-C, Ctrl-F<\/strong> and make the new shape black and smaller, holding <strong>Shift<\/strong> and scaling inward. Add 2\u00a0more small white circles, with opacity <strong>50%.\u00a0<\/strong>And there you have the eye! It&#8217;s a good idea to keep your file organized, so use\u00a0<strong>Ctrl-G<\/strong> to group the parts of the eye!<\/p>\n<p>Furthermore,\u00a0it&#8217;s also handy to group, because you just copy the group and have the other eye\u00a0almost ready! Make the second eye smaller and send it behind the first one. You can again select with <strong>A<\/strong> the white shape of the second eye and modify\u00a0it to be even more\u00a0different from the first eye.<\/p>\n<h4><\/h4>\n<p>&nbsp;<\/p>\n<h4><strong>Step 4.<\/strong> A little detail<img decoding=\"async\" class=\"size-medium wp-image-1601 alignright\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02113138\/vector-robot-reflection-light-cut-300x183.jpg\" alt=\"vector-robot-reflection-light-cut\" width=\"300\" height=\"183\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02113138\/vector-robot-reflection-light-cut-300x183.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02113138\/vector-robot-reflection-light-cut.jpg 559w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/h4>\n<p>Another thing we are missing to make our vector robot character even more believable, is some reflection light on his screen. Just select with<strong> A<\/strong> the blue shape of the screen, <strong>Ctrl-C, Ctrl-F,<\/strong>\u00a0<strong>Shift-Ctrl-]<\/strong> (to copy and send it to front). Make it white and lower the opacity to <strong>50%<\/strong>. After that,\u00a0make several rectangles on top, rotate them to the right and cut them, using the <strong>Shape Builder tool<\/strong>\u00a0<strong>(Shift-M)<\/strong>.<\/p>\n<p>Still, we can make it even better! So let us show you how to make this white reflection light with a gradient. First, open\u00a0<strong>Window&gt;Gradient <\/strong>dialogue box.<strong>\u00a0<\/strong>Double click on the left, small square and pick white color. Click on the right one and click also white color, but this time, from\u00a0the bottom of the menu select <strong>0%<\/strong> opacity. Make sure your gradient is <strong>Linear.\u00a0<\/strong>Now\u00a0you have a subtle lighting in your vector robot design!<\/p>\n<h5><\/h5>\n<p>&nbsp;<\/p>\n<h4><strong>Step 5.<\/strong> Mouth\u00a0shape<\/h4>\n<p>Let&#8217;s look at the final mouth shape on the left and we will discuss its individual parts.<img decoding=\"async\" class=\"wp-image-1800 alignnone\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03140504\/mouth.jpg\" width=\"830\" height=\"500\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03140504\/mouth.jpg 830w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03140504\/mouth-300x181.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03140504\/mouth-768x463.jpg 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/p>\n<ul>\n<li>First, we have grey trapezoid shape. To create it, we are using the same technique as the head of our vector robot character.<\/li>\n<li>Then, we make the shadow with <strong>Ctrl-C<\/strong>, <strong>Ctrl-F<\/strong>, 2 times and <strong>Minus Front<\/strong> (as we made\u00a0the light in the head). Make it black and transparent-\u00a0<strong>30%<\/strong>.<\/li>\n<li>Then copy and paste behind <strong>(Ctrl-C, Ctrl-B)<\/strong> the gray shape, move it down, make it white and resize it a bit &#8211; so we have an\u00a0edge for our robotic\u00a0mouth!<\/li>\n<li>Til last, make several white, <strong>20%<\/strong> transparent rectangles, which we cut with the <strong>Shape Builder Tool (Shift-M)<\/strong>\u00a0to fit the mouth shape.<\/li>\n<\/ul>\n<h4><\/h4>\n<p>&nbsp;<\/p>\n<h4><strong>Step 6.<\/strong>\u00a0Place the Antennae<\/h4>\n<p>Let&#8217;s place\u00a0the antennae first and see what else could be done for the head. After sending the\u00a0antennae behind the head, hit <strong>O (Reflection tool)<\/strong>, hold<strong>\u00a0Alt<\/strong>\u00a0while clicking at the center of the head. A dialogue box pops up &#8211; click<strong> Copy<\/strong>.\u00a0And, there, you have copied the antennae symmetrically!<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1620\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123517\/vector-robot-reflect-antennae-300x188.jpg\" alt=\"vector-robot-character reflect-antennae\" width=\"870\" height=\"546\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123517\/vector-robot-reflect-antennae-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123517\/vector-robot-reflect-antennae-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123517\/vector-robot-reflect-antennae.jpg 870w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/p>\n<h4><\/h4>\n<h4><strong>Step 7.<\/strong> Bolts for the forehead of our vector robot character<img decoding=\"async\" class=\"alignright wp-image-1621\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123940\/vector-robot-forehead-300x188.jpg\" alt=\"vector-robot-forehead\" width=\"200\" height=\"126\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123940\/vector-robot-forehead-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123940\/vector-robot-forehead-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02123940\/vector-robot-forehead.jpg 870w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/><\/h4>\n<p>Nothing complicated here! First, make a rectangle with rounded corners, then make cut out transparent shadow shapes in black and white, same as we did before. Then, make 1\u00a0white circle, <strong>Ctrl-C, Ctrl-B<\/strong>, move it to the left and down and group it. Copy it several times in a row. While moving the copied bolt, hold <strong>Shift<\/strong> so you keep them in line.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step 8.<\/strong> Blue cheeks<\/h4>\n<p><img decoding=\"async\" class=\"alignright wp-image-1622\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02124552\/vector-robot-cheeks-300x188.jpg\" alt=\"vector-robot-cheeks\" width=\"200\" height=\"126\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02124552\/vector-robot-cheeks-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02124552\/vector-robot-cheeks-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02124552\/vector-robot-cheeks.jpg 870w\" sizes=\"(max-width: 200px) 100vw, 200px\" \/>Make an<strong> ellipse (L)<\/strong>,<strong>\u00a0<\/strong>place it on top of the head and erase with <strong>Shift-M\u00a0<\/strong>unnecessary outer parts. Copy the shape, send it to back <strong>(Ctrl-C, Ctrl-B)<\/strong>,<strong>\u00a0<\/strong>resize it and make it darker blue. Repeat the copying and resizing, this time make the shape white. Repeat one more time and make the new shape gray.\u00a0Add gradient to the top shape. Finally,\u00a0copy it and reflect it to the other side of the head.<\/p>\n<h4><\/h4>\n<h4><strong>Step 9.<\/strong>\u00a0Edges<\/h4>\n<p>Now let&#8217;s look at the picture below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1624\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02125620\/vector-robot-stroke-detail-300x188.jpg\" alt=\"vector-robot-stroke-detail\" width=\"870\" height=\"546\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02125620\/vector-robot-stroke-detail-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02125620\/vector-robot-stroke-detail-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02125620\/vector-robot-stroke-detail.jpg 870w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/p>\n<ul>\n<li>First of all, pick white color.<\/li>\n<li>Choose\u00a0stroke color, but without\u00a0fill. Fill color (the foreground color) should be crossed\u00a0with a red line.<\/li>\n<li>Then hit <strong>D<\/strong> (activating <strong>Pen tool<\/strong>) and make a curve as you see on the picture.<\/li>\n<li>Select the curve with <strong>V<\/strong>\u00a0and go to the stroke menu. Make it thicker, to your\u00a0liking. Then go to <strong>Object&gt;Path&gt;Outline Stroke<\/strong>.<\/li>\n<li>Now your stroke is a simple shape, copy it and send it to back. Make it black &#8211; and there you have the dark part of the edge!<\/li>\n<li>Group the 2 shapes\u00a0and reflect them on the other side of the head.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4><strong>Step 10.<\/strong> Adding dimension to your design<\/h4>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1626 alignleft\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02130902\/vector-robot-head-final-gradient-300x188.jpg\" alt=\"vector-robot-head-final-gradient\" width=\"400\" height=\"251\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02130902\/vector-robot-head-final-gradient-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02130902\/vector-robot-head-final-gradient-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02130902\/vector-robot-head-final-gradient.jpg 870w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>Finally, we will add one more subtle\u00a0detail, creating\u00a0an illusion of volume. Copy the main head shape on top, add\u00a0gradient of light and darker gray, lower the opacity. The light source in this vector robot design is from the top right, so hit<strong> G<\/strong>\u00a0and drag in different directions until you have the light part in top, left corner:<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">And your vector robot character&#8217;s head is ready!<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1627 aligncenter\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02131041\/vector-robot-final-head-300x188.jpg\" alt=\"vector-robot-character final-head\" width=\"870\" height=\"546\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02131041\/vector-robot-final-head-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02131041\/vector-robot-final-head-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02131041\/vector-robot-final-head.jpg 870w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/p>\n<h3><\/h3>\n<h2><strong>3. Creating the neck of our vector robot character<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Rectangle tool &#8211; M<\/span><\/em><\/p>\n<p><em><span style=\"color: #666699;\">Selection tool &#8211; V<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><span style=\"color: #666699;\"><em>Pen tool\u00a0&#8211; D<\/em><\/span><\/p>\n<p><em><span style=\"color: #666699;\">Paste in front &#8211; Ctrl-F<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><em><span style=\"color: #666699;\">Paste in back &#8211; Ctrl-B<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<h4><strong>Step 1.\u00a0<\/strong><\/h4>\n<p>Let&#8217;s start\u00a0creating the neck for our character, again, using very basic shapes and techniques. First of all, we will have a look at the whole shape and then, explain how we did the individual parts.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1650\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02140052\/vector-robot-character-neck-300x113.jpg\" alt=\"vector-robot-character-neck\" width=\"910\" height=\"342\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02140052\/vector-robot-character-neck-300x113.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02140052\/vector-robot-character-neck-768x289.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02140052\/vector-robot-character-neck-1024x385.jpg 1024w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02140052\/vector-robot-character-neck.jpg 1288w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<ul>\n<li>First, make a rectangle. Then make\u00a0an ellipse, the same width as the rectangle. Overlap them and\u00a0<strong>Unite<\/strong> them in the <strong>Pathfinder Menu<\/strong>, so they become one shape. The color is <strong>R:102 G:102 B:102.\u00a0<\/strong><\/li>\n<li>Make one more\u00a0ellipse shape, transform it a bit, color it white and send it back to the grey shape. With <strong>D<\/strong> <strong>(Pen tool)<\/strong> create little triangles, overlap and <strong>Unite<\/strong> them with the white ellipse, so they look as on the finished picture.<\/li>\n<li>\u00a0Finally, make a darker gray rectangle,\u00a0<strong>Ctrl-C, Ctrl-B<\/strong>, move it slightly to the left (highlighted area). Group <strong>(Ctrl-G)<\/strong> and copy several times. Furthermore, try to resize the\u00a0shapes, so the center ones are wider\u00a0than the other ones.<\/li>\n<li>Group all parts, <strong>Shift-Ctrl-[<\/strong> and move behind the head.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><strong>4. Creating the body\u00a0<\/strong><strong>of our vector robot character<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Rectangle tool &#8211; M<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Selection tool &#8211; V<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Eyedropper tool &#8211; I<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<h4><strong>Step 1. <\/strong>Main Body Shape<\/h4>\n<p><img decoding=\"async\" class=\"alignright wp-image-1654\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02142050\/vector-robot-character-main-body-shape-300x188.jpg\" alt=\"vector-robot-character-main-body-shape\" width=\"150\" height=\"94\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02142050\/vector-robot-character-main-body-shape-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02142050\/vector-robot-character-main-body-shape-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02142050\/vector-robot-character-main-body-shape.jpg 888w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>First, make a rectangle shape with fill color <strong>R: 222 G:222 B:222<\/strong> and an ellipse shape with\u00a0<strong>R: 255\u00a0G:255 B:255\u00a0<\/strong>fill color. Make them the same width. Hit\u00a0<strong>A (Direct Selection tool) <\/strong>and\u00a0select the bottom 2 points of the rectangle. Drag up, until the corners of the rectangle are rounded as on the picture, only at the bottom part. Then, move the ellipse on top of the other\u00a0shape.<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1655\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143547\/vector-robot-character-body-1-300x188.jpg\" alt=\"vector-robot-character-body-1\" width=\"150\" height=\"94\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143547\/vector-robot-character-body-1-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143547\/vector-robot-character-body-1-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143547\/vector-robot-character-body-1.jpg 888w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Next,\u00a0<strong>Ctrl-C, Ctrl-F<\/strong> the large\u00a0shape, make it a bit smaller and darker. Add gradient to the original shape &#8211; use the same you used for the head. Make a\u00a0random size rectangle and <strong>Shift-M<\/strong> to cut the half of the dark gray shape:<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1658\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143908\/vector-robot-character-body-2-300x188.jpg\" alt=\"vector-robot-character-body-2\" width=\"150\" height=\"94\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143908\/vector-robot-character-body-2-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143908\/vector-robot-character-body-2-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02143908\/vector-robot-character-body-2.jpg 888w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Select the gray shape,\u00a0<strong>Ctrl-C, Ctrl-F<\/strong>, make it bigger again and lighter:<br \/>\nTo finish off, we will add gradient to the left side of the body, where our shadow should be. Copy once again on top the half shape you made. Open <strong>Window&gt;Gradient<\/strong>. Hover over the bottom part of the gradient color area until you see <strong>&#8220;+&#8221;<\/strong>. Click &#8211; this way you are adding one more box with color. As on the picture, select white color for the middle section and different grays for the left and right square boxes:<img decoding=\"async\" class=\"alignnone wp-image-1662\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02144849\/vector-robot-character-gradient-body-300x188.jpg\" alt=\"vector-robot-character-gradient-body\" width=\"888\" height=\"557\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02144849\/vector-robot-character-gradient-body-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02144849\/vector-robot-character-gradient-body-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02144849\/vector-robot-character-gradient-body.jpg 888w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/p>\n<h4><\/h4>\n<h4><\/h4>\n<h4><strong>Step 2.<\/strong> Bolts or buttons?<\/h4>\n<p>Create some bolt buttons for our vector robot character, using the same technique we previously used\u00a0for the head:<img decoding=\"async\" class=\"alignnone wp-image-1665\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02145441\/vector-robot-character-buttons-300x188.jpg\" alt=\"vector-robot-character-buttons\" width=\"888\" height=\"557\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02145441\/vector-robot-character-buttons-300x188.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02145441\/vector-robot-character-buttons-768x482.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02145441\/vector-robot-character-buttons.jpg 888w\" sizes=\"(max-width: 888px) 100vw, 888px\" \/><\/p>\n<h4><\/h4>\n<h4><strong>Step 3.<\/strong> Blue\u00a0display for our vector robot character<\/h4>\n<ul>\n<li>First of all, make a blue rectangle, then round its corners up.<\/li>\n<li>Then, select the shape, go to\u00a0<strong>Effect&gt;Wrap&gt;Arc<\/strong> and use similar settings to the ones\u00a0on the picture:<img decoding=\"async\" class=\"alignnone wp-image-1810\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145207\/arc.jpg\" width=\"910\" height=\"443\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145207\/arc.jpg 956w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145207\/arc-300x146.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145207\/arc-768x374.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/li>\n<li>After you are satisfied with the result, go to <strong>Object&gt;Expand.\u00a0<\/strong>Next,\u00a0go to <strong>Object&gt;Path&gt;Offset Path\u00a0<\/strong>and apply the settings you see on the next picture. The\u00a0color is:\u00a0<strong>R:28 G:79 B:89<\/strong>:<img decoding=\"async\" class=\"alignnone wp-image-1812\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145318\/expand1.jpg\" width=\"696\" height=\"350\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145318\/expand1.jpg 696w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03145318\/expand1-300x151.jpg 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/li>\n<li><img decoding=\"async\" class=\"alignright wp-image-1674\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152037\/vector-robot-character-display-finished1-300x133.jpg\" width=\"150\" height=\"66\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152037\/vector-robot-character-display-finished1-300x133.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152037\/vector-robot-character-display-finished1.jpg 696w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Finally, make an ellipse on top of the blue shape and\u00a0<strong>Shift-M<\/strong> to cut it from the other shape. Apply the same gradient as\u00a0the screen of the head. Select this gradient by hitting <strong>I<\/strong> and clicking on the gradient. And there you have it:<\/li>\n<li>Now place this grouped shape on top of the rest of the body, <strong>Ctrl-C, Ctrl-B, Pathfinder&gt;Unite<\/strong>, color it white\u00a0&#8211; and you&#8217;ve just created an edge for\u00a0your display!<img decoding=\"async\" class=\"alignnone wp-image-1676\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152451\/vector-robot-character-display-with-edge-300x149.jpg\" alt=\"vector-robot-character-display-with-edge\" width=\"910\" height=\"453\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152451\/vector-robot-character-display-with-edge-300x149.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152451\/vector-robot-character-display-with-edge-768x382.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02152451\/vector-robot-character-display-with-edge.jpg 1005w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/li>\n<\/ul>\n<h3><\/h3>\n<h3><\/h3>\n<p>&nbsp;<\/p>\n<h2><strong>5. Creating the arms\u00a0<\/strong><strong>of our vector robot character<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of2\">\n\t\t<span style=\"color: #666699;\">Free Transform tool &#8211; E<\/span><\/em><\/p>\n<p><em><span style=\"color: #666699;\">Copy- Ctrl-C<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of2\">\n\t\t<\/em><span style=\"color: #666699;\"><em>Eyedropper tool &#8211; I<\/em><\/span><\/p>\n<p><em><span style=\"color: #666699;\">Eraser tool &#8211; Shift-E<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<p>First, let&#8217;s look at the finished hand:<img decoding=\"async\" class=\"alignnone wp-image-1678\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02153005\/vector-robot-character-arm-overview-300x195.jpg\" alt=\"vector-robot-character-arm-overview\" width=\"910\" height=\"590\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02153005\/vector-robot-character-arm-overview-300x195.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02153005\/vector-robot-character-arm-overview-768x498.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02153005\/vector-robot-character-arm-overview.jpg 885w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>You already know how to create the upper part of the arm &#8211; it is much similar to the antennae, experiment with your colors &#8211; you already have a great variety in your design to select from with <strong>I (Eyedropper tool).\u00a0<\/strong>You also learned how to create bolts for this design, so why not work smart, copy and resize one of the ready ones?<\/p>\n<p>Now we will focus on making the rest of &#8220;arm&#8221; and the rest of the &#8220;hand&#8221;.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step 1.<\/strong> The Arm<\/h4>\n<ol>\n<li>Use <strong>D (Pen tool)<\/strong> and create a curve. As earlier in this tutorial, select no fill color and add light\u00a0gray<em> stroke color<\/em> instead. Go to the stroke menu and make the stroke thicker.<\/li>\n<li>Now copy <strong>(Ctrl-C, Ctrl-F)<\/strong> the stroke on top, click on <strong>Stroke<\/strong> in your menu, click checkbox for <strong>Dashed line<\/strong> and experiment with the numbers, until you get something like this:<img decoding=\"async\" class=\"alignnone wp-image-1679\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02154114\/vector-robot-character-stroke-arm-300x195.jpg\" alt=\"vector-robot-character-stroke-arm\" width=\"885\" height=\"574\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02154114\/vector-robot-character-stroke-arm-300x195.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02154114\/vector-robot-character-stroke-arm-768x498.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/02154114\/vector-robot-character-stroke-arm.jpg 885w\" sizes=\"(max-width: 885px) 100vw, 885px\" \/><\/li>\n<\/ol>\n<h4><\/h4>\n<p>&nbsp;<\/p>\n<h4><strong>Step 2.<\/strong> The\u00a0hand<\/h4>\n<p><img decoding=\"async\" class=\"alignright wp-image-1686\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03070944\/vector-robot-character-hand-300x268.jpg\" alt=\"vector-robot-character-hand\" width=\"150\" height=\"134\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03070944\/vector-robot-character-hand-300x268.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03070944\/vector-robot-character-hand.jpg 555w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Next we will create the hand. First, create a\u00a0circle and an ellipse,\u00a0the ellipse cutting through the circle (select both, Pathfinder-Minus Front) as shown on the picture:<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1687\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03071329\/vector-robot-character-hand-erase-300x268.jpg\" alt=\"vector-robot-character-hand-erase\" width=\"150\" height=\"134\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03071329\/vector-robot-character-hand-erase-300x268.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03071329\/vector-robot-character-hand-erase.jpg 555w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>After that, <strong>Shift-E<\/strong> to activate the <strong>Erase tool<\/strong> and use your mouse to delete a small line similar to the one on the picture. This way, we divided our shape into two. Delete the right part, because we are going to other one. Copy and rotate the left part, so you again have a claw.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1688 alignright\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072003\/vector-robot-character-hand-parts-1-300x268.jpg\" alt=\"vector-robot-character-hand-parts-1\" width=\"150\" height=\"134\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072003\/vector-robot-character-hand-parts-1-300x268.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072003\/vector-robot-character-hand-parts-1.jpg 555w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Now that you have the two shapes, <strong>Ctrl-C, Ctrl-B<\/strong>, to copy the shapes and send them to back. Move them slightly down and to the left. Make them darker color. You probably will end up having something like this:<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1689\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072501\/vector-robot-character-claw-1-300x268.jpg\" alt=\"vector-robot-character-claw-1\" width=\"300\" height=\"268\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072501\/vector-robot-character-claw-1-300x268.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03072501\/vector-robot-character-claw-1.jpg 555w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>We will close the gaps between the shapes and this way we will create the illusion of thickness of the claw. Use <strong>D (Pen tool)<\/strong>, connect the edges in each individual part of the claw, and send the new shape to back (<strong>Shift-Ctrl-[<\/strong>). Use <strong>Pathfinder&gt;Unite<\/strong> to merge the two underlying shapes.<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1690\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03073050\/vector-robot-character-claw-2-298x300.jpg\" alt=\"vector-robot-character-claw-2\" width=\"150\" height=\"151\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03073050\/vector-robot-character-claw-2-298x300.jpg 298w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03073050\/vector-robot-character-claw-2-150x150.jpg 150w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03073050\/vector-robot-character-claw-2.jpg 349w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>The last thing to do now, is to copy the upper shapes <strong>(Ctrl-C, Ctrl-F)<\/strong> of the claw and with <strong>I (Eyedropper tool)<\/strong> select the same white-ish gradient we used earlier in this tutorial. Hit <strong>G<\/strong>, as we did before, and drag different directions, to control the direction of the light and dark colors in the gradient.<\/p>\n<p>Finally, you need only to place a bolt on top of your left claw and you are ready with the hand!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>6. Creating the legs\u00a0<\/strong><strong>of our vector robot character<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Ellipse\u00a0tool &#8211; L<\/span><\/em><\/p>\n<p><em><span style=\"color: #666699;\">Direct Selection tool &#8211; A<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><span style=\"color: #666699;\"><em>Copy- Ctrl-C<\/em><\/span><\/p>\n<p><em><span style=\"color: #666699;\">Paste in front &#8211; Ctrl-F<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><em><span style=\"color: #666699;\">Paste in back &#8211; Ctrl-B<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<p>Great job so far! You made it almost to the end, and the only thing your vector robot character still needs is&#8230; legs! Don&#8217;t worry, they are super easy to make!\u00a0As for the arm, we will build only one of the legs and then copy it and reflect it. Let&#8217;s have a look at the finished leg first:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-1692\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074041\/vector-robot-character-foot-300x279.jpg\" alt=\"vector-robot-character-foot\" width=\"300\" height=\"279\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074041\/vector-robot-character-foot-300x279.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074041\/vector-robot-character-foot.jpg 509w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>We see the bolts, and you already know how to make\u00a0them, leave them for\u00a0last.\u00a0The edge should also look familiar to you &#8211; the technique we used for edges in the\u00a0head of our friendly vector robot character. Also leave this detail for last.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step 1.<\/strong> Foot<\/h4>\n<p>Now, let&#8217;s move on to creating the\u00a0main shape. Hit <strong>L\u00a0<\/strong>, then hit <strong>&#8220;-&#8220;<\/strong> and click on the bottom point of the ellipse to erase it. Then, with <strong>V (Direct Selection tool)\u00a0<\/strong>resize the shape, so you get something like the last step:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1693\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074843\/vector-robot-character-foot-main-shape-300x101.jpg\" alt=\"vector-robot-character-foot-main-shape\" width=\"910\" height=\"305\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074843\/vector-robot-character-foot-main-shape-300x101.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074843\/vector-robot-character-foot-main-shape-768x257.jpg 768w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074843\/vector-robot-character-foot-main-shape-1024x343.jpg 1024w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03074843\/vector-robot-character-foot-main-shape.jpg 1089w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>Add gradient on same shaped, copied\u00a0above. Try to keep the light part of the gradient at the top part of the foot, because your light source is coming from there. Now you can add the bolts and the edge and group the foot.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>Step\u00a02.<\/strong>\u00a0Leg<\/h4>\n<p><img decoding=\"async\" class=\"alignright wp-image-1694\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03075439\/vector-robot-character-leg-1-265x300.jpg\" alt=\"vector-robot-character-leg-1\" width=\"150\" height=\"170\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03075439\/vector-robot-character-leg-1-265x300.jpg 265w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03075439\/vector-robot-character-leg-1.jpg 445w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>The other part of the leg is not\u00a0complicated to make at all: first, make an elongated\u00a0ellipse, hit <strong>A<\/strong> and select the 2 mid points (by dragging through them \/or by holding <strong>Shift<\/strong> and pressing on each one of them). Once selected, drag with your mouse down, until your shape get&#8217;s something like this:<\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1695\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080237\/vector-robot-character-stripes-283x300.jpg\" alt=\"vector-robot-character-stripes\" width=\"150\" height=\"159\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080237\/vector-robot-character-stripes-283x300.jpg 283w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080237\/vector-robot-character-stripes.jpg 617w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>Now send the leg behind the foot shape. Thinking of how we could make the stripes? Just use the <strong>Pen tool (D)<\/strong> to make a curve, make the stroke thicker, no fill, expand the shape and make it darker gray color. The next step is to\u00a0copy the shape behind once, move it up, set\u00a0the opacity to <strong>40%<\/strong> and make it black. Then, for second time, copy the first shape to back,\u00a0move it down, make it white, with <strong>40%<\/strong> opacity. Group the shape with the created\u00a0edges.<\/p>\n<p>Copy the whole new shape\u00a0and move it up. Make it a little bit smaller and erase the unnecessary parts.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>7. Adding simple background and ground for\u00a0<\/strong><strong>our vector robot character<\/strong><\/h2>\n<p>Shortcuts for your vector monster\u00a0in this section:<em>\t\t<div class=\"cols\">\n\t\n\t<div class=\"col col-1of3\">\n\t\t<span style=\"color: #666699;\">Ellipse\u00a0tool &#8211;\u00a0L<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><em><span style=\"color: #666699;\">Selection tool &#8211; V<\/span>\t<\/div>\n\n\t\n\t<div class=\"col col-1of3\">\n\t\t<\/em><em><span style=\"color: #666699;\">Send to back &#8211; Shift-Ctrl-[<\/span>\t<\/div>\n\n\t\t\t<\/div>\n\t<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignright wp-image-1696\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080433\/vector-robot-character-background-283x300.jpg\" alt=\"vector-robot-character-background\" width=\"300\" height=\"318\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080433\/vector-robot-character-background-283x300.jpg 283w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/03080433\/vector-robot-character-background.jpg 617w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>Congratulations! You made it!<\/p>\n<h4>Now we will only add a fresh orange background, complimenting your vector robot character!<\/h4>\n<p>Create an ellipse with <strong>L<\/strong>, and send it back. The color we use in the tutorial is: <strong>R:247 G:148 B:29<\/strong><\/p>\n<p>Create one more ellipse, make it gray, squash it, and send it back and under the robot&#8217;s feet. This little ellipse will act as a ground for our character.<\/p>\n<p>&nbsp;<\/p>\n<h4><strong>It&#8217;s all done!<\/strong><\/h4>\n<p>We hope you enjoyed this tutorial!<\/p>\n<p>You can also find many other of our free vector characters and use them\u00a0for inspiration, or for\u00a0your projects:\u00a0<a href=\"http:\/\/vectorcharacters.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">VectorCharacters.net<\/a><\/p>\n<p>Haven&#8217;t found what you need, yet? Probably you can\u00a0find it at our premium vector characters website:\u00a0<a href=\"https:\/\/graphicmama.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GraphicMama<\/a>! Choose from hundreds of quality vector character designs and objects, such as animals, businesses, people, and creatures. Isn&#8217;t it wonderful that they also come in whole sets of poses and expressions?<\/p>\n<p>If you have any questions &#8211; just drop us a line in the comment section below! Keep watching for more cool tutorials to come!<\/p>\n\t\t<a href=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/09074937\/Simple_Robot_Character.zip\"  class=\"btn\">Download This Robot Character for Free<\/a>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Update 07\/01\/2021: Take a look at our new blog article with\u00a040 Free Cartoon Robot Characters For You Epic High-Tech Designs In this tutorial you will learn how to create a simple vector robot character in Adobe Illustrator. Make your projects stand out by including this\u00a0friendly futuristic robot design and show your clients how innovative and\u00a0creative&#8230;<\/p>\n","protected":false},"author":6,"featured_media":12628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[611,6,5],"tags":[365,20,147,42,158,471,363,13,329],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simple Vector Robot Character in Illustrator (Tutorial + Freebie)<\/title>\n<meta name=\"description\" content=\"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)\" \/>\n<meta property=\"og:description\" content=\"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-09T01:00:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-15T08:31:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/08104620\/132.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1652\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bilyana Nikolaeva\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bilyana Nikolaeva\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/\",\"name\":\"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2016-11-09T01:00:56+00:00\",\"dateModified\":\"2022-04-15T08:31:18+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881\"},\"description\":\"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881\",\"name\":\"Bilyana Nikolaeva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g\",\"caption\":\"Bilyana Nikolaeva\"},\"description\":\"Bilyana is an inspiring content writer and illustrator at GraphicMama with years of experience in art and design. When she\u2019s not busy writing for the blog, you will usually see her working hard on new illustrations and graphic resources.\",\"url\":\"https:\/\/graphicmama.com\/blog\/author\/bilyana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)","description":"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/","og_locale":"en_US","og_type":"article","og_title":"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)","og_description":"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character","og_url":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_published_time":"2016-11-09T01:00:56+00:00","article_modified_time":"2022-04-15T08:31:18+00:00","og_image":[{"width":1652,"height":928,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/11\/08104620\/132.jpg","type":"image\/jpeg"}],"author":"Bilyana Nikolaeva","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Bilyana Nikolaeva","Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/","url":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/","name":"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2016-11-09T01:00:56+00:00","dateModified":"2022-04-15T08:31:18+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881"},"description":"Do you like robots? Do you want to learn to design one yourself? Try our easy step-by-step tutorial to build a friendly vector robot character","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/simple-vector-robot-character\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Simple Vector Robot Character in Illustrator (Tutorial + Freebie)"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881","name":"Bilyana Nikolaeva","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g","caption":"Bilyana Nikolaeva"},"description":"Bilyana is an inspiring content writer and illustrator at GraphicMama with years of experience in art and design. When she\u2019s not busy writing for the blog, you will usually see her working hard on new illustrations and graphic resources.","url":"https:\/\/graphicmama.com\/blog\/author\/bilyana\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/1215"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=1215"}],"version-history":[{"count":177,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/1215\/revisions"}],"predecessor-version":[{"id":48569,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/1215\/revisions\/48569"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/12628"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=1215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=1215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=1215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}