{"id":268,"date":"2010-12-06T18:26:32","date_gmt":"2010-12-06T18:26:32","guid":{"rendered":"http:\/\/www.layerace.com\/?p=268"},"modified":"2016-01-07T19:00:35","modified_gmt":"2016-01-07T19:00:35","slug":"illustrator-tutorial-new-year-digits","status":"publish","type":"post","link":"\/blog\/illustrator-tutorial-new-year-digits\/","title":{"rendered":"Illustrator Tutorial: new year digits"},"content":{"rendered":"<p>In this tutorial i will show you how to create vector 3d new year digits 2011. After this tutorial you should be able to create any kind of 3d numbers or text. You will also learn how to create correct reflection for your 3d element. I created this illustration in adobe illustrator cs3 and you should be able to make the same vector in any version of illustrator that has 3d function- Extrude &amp; Bevel.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-269\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial.jpg\" alt=\"\" width=\"590\" height=\"390\" \/><\/p>\n<p><!--more Read more--><\/p>\n<h2 style=\"text-align: left;\">1. Create object using type tool<\/h2>\n<p>First open new document and type 2011 using type tool. Use some bold font like arial bold or helvetica heavy. Now convert text to curves by doing this: select your object and go to Object\/Expand and in the new window hit ok.<\/p>\n<p>1. Pic<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-270\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/illustrator-new-2011-year-tutorial-1.jpg\" alt=\"\" width=\"590\" height=\"231\" \/><\/p>\n<h2 style=\"text-align: left;\">2. Make the reflection<\/h2>\n<p>Now create a new copy of the object on top of old. Select your digits and press ctrl+c and then ctrl+f. You have now a copy of an object on top. Select that copy using selection tool (only the top obect, leave the old not selected)\u00a0 go to Object\/Transform\/Reflect. In the reflect options window select Horizontal Axis and click ok. You now have a reversed copy of first object. Move it to the bottom so it look like in the 2 picture.<\/p>\n<p>2. Pic<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-271\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-2.jpg\" alt=\"\" width=\"590\" height=\"419\" \/><\/p>\n<h2 style=\"text-align: left;\">3. Convert to 3d<\/h2>\n<p>Now select both obects (the first digits and the reflection) and group them so that when you use 3d option it would apply for both objects the same. If grouped, with the obects selected go to Effect\/3D\/Extrude &amp; Bevel. In the 3d options window select the perspective number bigger than 0 (make it look more realistic) and for the surface select \u201cNo Shading\u201d. You do this because later you create all shades manualy. Illustrators built in 3d shading function is a bit messed up, it creates a lot of unclosed paths. It may look good, but when you want to change colors and start ungroup everything you will see how it messy is, believe me.<\/p>\n<p>3. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-272\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-3.jpg\" alt=\"\" width=\"590\" height=\"395\" \/><\/p>\n<p>4. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-273\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-4.jpg\" alt=\"\" width=\"590\" height=\"339\" \/><\/p>\n<h2>4. Ungroup, expand to curves and simplify object<\/h2>\n<p>You should now see something like in the picture bellow. First convert illustrators 3d bla bla object to curves by going to: Obect\/ Expand Appearance. Now you will have to add shading but to do this first you have to ungroup everything. Select whole object with reflection and press right mouse button and choose ungroup. Do this until you have ungrouped everything.<\/p>\n<p>5. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-275\" title=\"2011-year-tutorial-5\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-5.jpg\" alt=\"\" width=\"590\" height=\"407\" \/><\/p>\n<h2 style=\"text-align: left;\">5. Add shades<\/h2>\n<p>If you ungrouped everything you will have a numbers that are made from separate vector shapes. For now just leave front shapes of the numbers as it is. Select only those shapes that have to be darker because later you will need to add some gradients to it. It will be easer to separate which shape need to be darker and which lighter. Select any color that you want for now for these darker shades. Your result should be similar to pic 7 example.<\/p>\n<p>6. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-276\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-6.jpg\" alt=\"\" width=\"590\" height=\"328\" \/><\/p>\n<p>7. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-277\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-7.jpg\" alt=\"\" width=\"590\" height=\"500\" \/><\/p>\n<h2 style=\"text-align: left;\">6. Add gradients<\/h2>\n<p>Now start adding gradients. I have choosen simple gradients (max. 3 points). First digits (20) has from dark gray to light gray and when back to dark gray gratient. The next digits (11) has dark red, light pure rgb red and then again dark red gradient. Reflection has only two point gradients: from dark gray to pure white. When adding gradients to you vector art dont rush, choose colors carefuly. Best things need time. The more time you spend on your artwork the more satisfaction will come later from this work. Work until you get something similar like in the picture bellow, or try to get even better result.<\/p>\n<p>8. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-278\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-8.jpg\" alt=\"\" width=\"590\" height=\"596\" \/><\/p>\n<h2 style=\"text-align: left;\">7. Final touch<\/h2>\n<p>If you like you can add this little final touch to your object. Using pen or ellipse tool draw an object that covers half of the front digits. Then select all front letters (not all 3d element), hold ctrl and press c to copy and f to paste in the front. Group these new copies of front letters and select that new element that covers the letters (make sure digits and new element are both selected). Then in the pathfinder window (window\/ pathfinder) select intersect shape areas.<\/p>\n<p>9. Pic<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-280\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/2011-year-tutorial-91.jpg\" alt=\"\" width=\"590\" height=\"289\" \/><\/p>\n<h2>Thats it.<\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-269\" title=\"Print\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial.jpg\" alt=\"\" width=\"590\" height=\"390\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial i will show you how to create vector 3d new year digits 2011. After this tutorial you should be able to create&#8230;<\/p>\n","protected":false},"author":3,"featured_media":5178,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[499,517,510,515,516,512,513,514],"class_list":{"0":"post-268","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"tag-background","8":"tag-calligraphic","9":"tag-digits","10":"tag-freebies","11":"tag-inspiration-2","12":"tag-new","13":"tag-reflection","14":"tag-year"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Illustrator Tutorial: new year digits - Vexels Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vexels.com\/blog\/illustrator-tutorial-new-year-digits\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Illustrator Tutorial: new year digits - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"In this tutorial i will show you how to create vector 3d new year digits 2011. After this tutorial you should be able to create...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/illustrator-tutorial-new-year-digits\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2010-12-06T18:26:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-01-07T19:00:35+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"390\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Great\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Great\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Illustrator Tutorial: new year digits - Vexels Blog","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:\/\/www.vexels.com\/blog\/illustrator-tutorial-new-year-digits\/","og_locale":"en_US","og_type":"article","og_title":"Illustrator Tutorial: new year digits - Vexels Blog","og_description":"In this tutorial i will show you how to create vector 3d new year digits 2011. After this tutorial you should be able to create...","og_url":"\/blog\/illustrator-tutorial-new-year-digits\/","og_site_name":"Vexels Blog","article_published_time":"2010-12-06T18:26:32+00:00","article_modified_time":"2016-01-07T19:00:35+00:00","og_image":[{"width":590,"height":390,"url":":\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial1.jpg","type":"image\/jpeg"}],"author":"Great","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Great","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/illustrator-tutorial-new-year-digits\/#article","isPartOf":{"@id":"\/blog\/illustrator-tutorial-new-year-digits\/"},"author":{"name":"Great","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/5492c20d661bc29da7ceb39cca4eb05f"},"headline":"Illustrator Tutorial: new year digits","datePublished":"2010-12-06T18:26:32+00:00","dateModified":"2016-01-07T19:00:35+00:00","mainEntityOfPage":{"@id":"\/blog\/illustrator-tutorial-new-year-digits\/"},"wordCount":695,"image":{"@id":":\/blog\/illustrator-tutorial-new-year-digits\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial1.jpg","keywords":["background","calligraphic","digits","Freebies","Inspiration","new","reflection","year"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/illustrator-tutorial-new-year-digits\/","url":":\/blog\/illustrator-tutorial-new-year-digits\/","name":"Illustrator Tutorial: new year digits - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/illustrator-tutorial-new-year-digits\/#primaryimage"},"image":{"@id":":\/blog\/illustrator-tutorial-new-year-digits\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial1.jpg","datePublished":"2010-12-06T18:26:32+00:00","dateModified":"2016-01-07T19:00:35+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/5492c20d661bc29da7ceb39cca4eb05f"},"breadcrumb":{"@id":":\/blog\/illustrator-tutorial-new-year-digits\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/illustrator-tutorial-new-year-digits\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/illustrator-tutorial-new-year-digits\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial1.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2010\/12\/vector-new-2011-year-tutorial1.jpg","width":590,"height":390},{"@type":"BreadcrumbList","@id":":\/blog\/illustrator-tutorial-new-year-digits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Illustrator Tutorial: new year digits"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/5492c20d661bc29da7ceb39cca4eb05f","name":"Great","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=identicon&r=g","caption":"Great"},"url":"\/blog\/author\/great\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":0,"href":"\/blog\/wp-json\/wp\/v2\/posts\/268\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/5178"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=268"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}