{"id":8000,"date":"2010-02-24T13:30:59","date_gmt":"2010-02-24T13:30:59","guid":{"rendered":"http:\/\/www.layerace.com\/?p=4"},"modified":"2010-02-24T13:30:59","modified_gmt":"2010-02-24T13:30:59","slug":"illustrator-tutorial-abstract-design-element","status":"publish","type":"post","link":"\/blog\/illustrator-tutorial-abstract-design-element\/","title":{"rendered":"Illustrator tutorial: Map Art and Blend function"},"content":{"rendered":"

In this <\/strong>tutorial i will show you how to create abstract design element. The most important thing that you learn is not how to make this element, but how to apply symbol (map art) on the 3d object and how to use blend function.\"\"<\/p>\n

1. Create new document<\/h2>\n

Size is not very important, but i suggest to keep it not less than 600 x 600 pixels.<\/p>\n

2. Create rounded rectangle<\/h2>\n

Now create rounded rectangle using rounded rectangle tool, if you dont see it, left click and hold until you see popup with new menu. Simple click that tool and then click anywhere on the document. When options appear, choose width and height of 50 px<\/strong> and corner radius of 10 px<\/strong>. Now you have created a small rectangle.\"\"<\/p>\n

3. Create second rounded rectangle<\/h2>\n

To create second rectangle select the first one when press and hold alt <\/strong><\/em>key,while holding alt <\/strong><\/em>key press right arrow<\/strong><\/em> key on the keyboard. You need to press it only once! <\/span><\/strong>Now release alt <\/strong><\/em>key and then press and hold right arrow<\/strong><\/em> key till you place the second rectangle in for some distace from first one.<\/span>\"\"<\/p>\n

4. Go to blend options<\/h2>\n

On the illustrators menu bar select object\/blend\/blend options. <\/strong><\/em>From the spacing popup menu select Specified Steps. This function will insert number of object copies in between those two that you draw.\"\"<\/p>\n

5. Make blend<\/h2>\n

Now go to the Object\/Blend\/<\/em><\/strong> and hit Make. <\/em><\/strong>Make sure that you have selected both rectangles before blending.\"\"Bellow you can see that i have blended in 10 rectangles between first two. \u00a0It doesnt matter how much you will choose, make sure you see some gaps between rectangles. Now you can simply choose diferrent number of object if you want. With all rectangles selected, go again to Object\/blend\/blend options<\/strong><\/em>. Play with it.\"\"<\/p>\n

6. Simplify object<\/h2>\n

With all rectangles still selected, go to Object\/ Expand<\/em><\/strong> and hit ok. After you expand it you no longer be able to choose steps to blend in. You now have expanded it to single grouped elements. You have to do it if you want to edit seperate elements.<\/p>\n

7. Make a copy of first set of rectangles<\/h2>\n

Select all rectangles and make a copy of it like in the previous step but now not to the right direction, but to the bottom. While holding alt <\/em><\/strong>key press down arrow<\/em><\/strong> once to make one copy. When release alt <\/em><\/strong>key and move the copy to the bottom. Make some space in between to insert more elements.\"\"<\/p>\n

8. Blend it<\/h2>\n

Select both groups of rectangles. Now in the blend options<\/em><\/strong> menu i selected 5 steps. Go to Object\/Blend\/Make.<\/em><\/strong> Again expand it to single elements. After you expand it, you wont be able to choose diferent number of steps again. While you see that blue line, you can choose diferent number of steps.<\/span>\"\"<\/p>\n

9. Convert element to symbol<\/h2>\n

Now that you have created the element that you like (more or less), you can convert it to symbol by dragging it to Symbols<\/strong><\/em> menu. Symbols menu by default should be in the right. If you dont see it, go to Window <\/em><\/strong>in the menu bar and select Symbols. <\/em><\/strong>Now you should see it. Delete all elements what you have created. You now have \u00a0it in your symbols menu and you no longer need it on the document!<\/span>\"\"<\/p>\n

You have ended first part of the tutorial!<\/h2>\n

Now you should take a break before moving on to the next part, because reading from computer monitor is not good for your health. Take a coffe break \ud83d\ude42<\/p>\n

\"\"<\/p>\n

10. Moving on<\/h2>\n

Now that you have previuosly created element in your symbols menu, create another rectangle with width and height of arround 500 px and corner radius of 10 px. You can simply create it by clicking on the rounded rectangle icon and draw it with mouse or with single mouse click and then choose options.<\/p>\n

\"\"<\/h2>\n

11. Convert rectangle to 3d object<\/h2>\n

Select object and go to Effect\/ 3D\/ Extrude & Bevel.<\/strong><\/em>\"\"<\/p>\n

12. Apply the map art on rectangle<\/h2>\n

When 3D Options<\/strong><\/em> menu appear, click Map Art<\/strong><\/em> button.\"\"Now select our previously created object from Symbol popup menu.\"\"Select Invisible Geometry<\/em><\/strong> and click Scale to Fit<\/em><\/strong>. Click OK.\"\"<\/p>\n

13. Choose 3D Options<\/h2>\n

You will see only the symbol that you have created in the first part of the tutorial. The big rectangle now is invisible and the symbol is now conected to that big rectangle. Now back in the 3D options. <\/em><\/strong>Choose perspective number, for example 100-130 and click OK.\"\"<\/p>\n

14. Clean up the mess<\/h2>\n

You have succesfully applied symbol on 3D rectangle. Now press right mouse button and select Ungroup. Keep doing that until you see Rellease Cliping Mask, <\/em><\/strong>then hit it. Then again ungroup all element. By doing that you will remove all trash that 3D function has created (invisible big rectangle).\"\"<\/p>\n

15. Thats it!<\/h2>\n

To duplicate object, press and hold alt, <\/em><\/strong>then drag element with mouse to your desired location then release alt and then release mouse button.<\/span>\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

In this tutorial i will show you how to create abstract design element. The most important thing that you learn is not how to make…<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-8000","post","type-post","status-publish","format-standard"],"acf":[],"yoast_head":"\nIllustrator tutorial: Map Art and Blend function - 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-abstract-design-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Illustrator tutorial: Map Art and Blend function - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"In this tutorial i will show you how to create abstract design element. The most important thing that you learn is not how to make...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/illustrator-tutorial-abstract-design-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2010-02-24T13:30:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif\" \/>\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=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Illustrator tutorial: Map Art and Blend function - 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-abstract-design-element\/","og_locale":"en_US","og_type":"article","og_title":"Illustrator tutorial: Map Art and Blend function - Vexels Blog","og_description":"In this tutorial i will show you how to create abstract design element. The most important thing that you learn is not how to make...","og_url":"\/blog\/illustrator-tutorial-abstract-design-element\/","og_site_name":"Vexels Blog","article_published_time":"2010-02-24T13:30:59+00:00","og_image":[{"url":"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif","type":"","width":"","height":""}],"author":"Great","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Great","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#article","isPartOf":{"@id":"\/blog\/illustrator-tutorial-abstract-design-element\/"},"author":{"name":"Great","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/5492c20d661bc29da7ceb39cca4eb05f"},"headline":"Illustrator tutorial: Map Art and Blend function","datePublished":"2010-02-24T13:30:59+00:00","mainEntityOfPage":{"@id":"\/blog\/illustrator-tutorial-abstract-design-element\/"},"wordCount":811,"image":{"@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif","inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/illustrator-tutorial-abstract-design-element\/","url":":\/blog\/illustrator-tutorial-abstract-design-element\/","name":"Illustrator tutorial: Map Art and Blend function - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#primaryimage"},"image":{"@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif","datePublished":"2010-02-24T13:30:59+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/5492c20d661bc29da7ceb39cca4eb05f"},"breadcrumb":{"@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/illustrator-tutorial-abstract-design-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#primaryimage","url":"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif","contentUrl":"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2010\/02\/Illustrator-tutorial-abstract4.gif"},{"@type":"BreadcrumbList","@id":":\/blog\/illustrator-tutorial-abstract-design-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Illustrator tutorial: Map Art and Blend function"}]},{"@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\/8000","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=8000"}],"version-history":[{"count":0,"href":"\/blog\/wp-json\/wp\/v2\/posts\/8000\/revisions"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=8000"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=8000"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=8000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}