{"id":5362,"date":"2016-04-22T13:43:37","date_gmt":"2016-04-22T13:43:37","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=5362"},"modified":"2016-05-16T18:10:12","modified_gmt":"2016-05-16T18:10:12","slug":"how-to-create-trendy-half-tone-backgrounds-in-7-steps","status":"publish","type":"post","link":"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/","title":{"rendered":"How to create halftone backgrounds in 7 easy steps"},"content":{"rendered":"

Creating backgrounds is an everyday need \u00a0for most designers. Having some\u00a0quick alternatives when is time to came up with a backdrop is always handy and effective.<\/p>\n

Halftones look cool and can be used in many ways: as background, to fill a shape, to give color to an object, etc.
\nFor those who belong to the digital era might not be so obvious where \u00a0halftones came from. Old printers used to use dots of different sizes to create gradients or fills, those little\u00a0dots is what today we call\u00a0halftones.<\/p>\n

This time we bring an easy and fast way to create halftone backgrounds in 7 simple steps. Halftone designs are among those\u00a0techniques any designer should have, suitable and adaptable to many requirements. And the best part is that you’ll get a\u00a0good looking halftone background in a few minutes.<\/p>\n

Halftone backgrounds in 7 easy steps. 3, 2, 1 …. Here it goes!<\/p>\n

Step 1<\/h3>\n

Draw a circle and fill it. Determine the desired lengh\u00a0by drawing another circle. Select both circles.<\/p>\n

\"1\"<\/p>\n

 <\/p>\n

 <\/p>\n

Step 2<\/h3>\n

Go to Menu<\/strong>,\u00a0Object<\/strong>, Blend<\/strong>, Blend Options<\/strong>. In the browser next to Spacing<\/strong> select Specified distance<\/strong>. The number sets the distance between the circles and the shape progress\u00a0till the last circle. For this example we set a Specified distance<\/strong> 10.<\/p>\n

\"3\"<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Step 3<\/h3>\n

Duplicate (drag the object pressing ALT) the whole line and place it below, where the centre of the circles in the second line coincide with the perimeter of the circles in the first line. Move the second line to the right, so that each circle fits between the ones\u00a0in the first line.<\/p>\n

 <\/p>\n

\"4\"<\/p>\n

 <\/p>\n

Step 4<\/h3>\n

Select both lines and duplicate them below as many times as desired using (CTRL\u00a0+D) or (CMD+ D on Mac).\u00a0CTRL\u00a0+D \u00a0(CMD+ D on Mac) will repeat last action as many times as desired.<\/p>\n

 <\/p>\n

\"5\"<\/p>\n

<\/h3>\n

Step 5<\/h3>\n

Create a colored rectangle and place it between the canvas’\u00a0border and the circles to fill the blank spaces left.<\/p>\n

<\/h3>\n

\"6\"<\/p>\n

 <\/p>\n

Step 6<\/h3>\n

Select a square above<\/strong> the design and go to Menu<\/strong>, Object<\/strong>, Clipping Mask, Make.<\/b><\/p>\n

\"7\"<\/p>\n

 <\/p>\n

Step 7<\/h3>\n

Color the circles and background. Here is where you can play with different colors, filters and other tools to create different effects.<\/p>\n

\"8\"<\/p>\n

 <\/p>\n

If you choose a bigger number in the Specified distance<\/strong> number you’ll get an effect similar to the one below done horizontally. In this case we put a 25 to have shorter distances between the circles.<\/p>\n

\"9\"<\/p>\n

 <\/p>\n

We hope you found this tutorial useful. We’ll love to prepare new vector tutorials for you! Just leave your comment with your ideas and needs!<\/p>\n

Have fun and give it a try!<\/p>\n","protected":false},"excerpt":{"rendered":"

Creating backgrounds is an everyday need \u00a0for most designers. Having some\u00a0quick alternatives when is time to came up with a backdrop is always handy and…<\/p>\n","protected":false},"author":1,"featured_media":5386,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[53,543,411,499,177,262,547,487,545,546,540,548,549,496,486,65,551,550,524,502,66,544,484],"class_list":{"0":"post-5362","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-general","8":"tag-2d","9":"tag-7-steps","10":"tag-aquasixio","11":"tag-background","12":"tag-cartoons","13":"tag-christmas","14":"tag-color","15":"tag-create","16":"tag-easy","17":"tag-fast","18":"tag-half-tone","19":"tag-halftone","20":"tag-how-to-2","21":"tag-illustrator-tutorials","22":"tag-invitation","23":"tag-magic","24":"tag-online","25":"tag-portfolio","26":"tag-profile","27":"tag-seamless","28":"tag-surreal","29":"tag-trendy","30":"tag-tutorial-2"},"acf":[],"yoast_head":"\nHow to create halftone backgrounds in 7 easy steps - 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\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create halftone backgrounds in 7 easy steps - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"Creating backgrounds is an everyday need \u00a0for most designers. Having some\u00a0quick alternatives when is time to came up with a backdrop is always handy and...\" \/>\n<meta property=\"og:url\" content=\"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-22T13:43:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-05-16T18:10:12+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"927\" \/>\n\t<meta property=\"og:image:height\" content=\"530\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vexels\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vexels\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create halftone backgrounds in 7 easy steps - 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\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/","og_locale":"en_US","og_type":"article","og_title":"How to create halftone backgrounds in 7 easy steps - Vexels Blog","og_description":"Creating backgrounds is an everyday need \u00a0for most designers. Having some\u00a0quick alternatives when is time to came up with a backdrop is always handy and...","og_url":"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/","og_site_name":"Vexels Blog","article_published_time":"2016-04-22T13:43:37+00:00","article_modified_time":"2016-05-16T18:10:12+00:00","og_image":[{"width":927,"height":530,"url":":\/blog\/wp-content\/uploads\/2016\/04\/featrured2.jpg","type":"image\/jpeg"}],"author":"Vexels","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vexels","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#article","isPartOf":{"@id":"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/"},"author":{"name":"Vexels","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"headline":"How to create halftone backgrounds in 7 easy steps","datePublished":"2016-04-22T13:43:37+00:00","dateModified":"2016-05-16T18:10:12+00:00","mainEntityOfPage":{"@id":"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/"},"wordCount":445,"image":{"@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2016\/04\/featrured2.jpg","keywords":["2d","7 steps","Aquasixio","background","cartoons","christmas","color","create","easy","fast","half-tone","halftone","How to","Illustrator Tutorials","invitation","magic","online","portfolio","profile","seamless","surreal","trendy","tutorial"],"articleSection":["General"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/","url":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/","name":"How to create halftone backgrounds in 7 easy steps - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#primaryimage"},"image":{"@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2016\/04\/featrured2.jpg","datePublished":"2016-04-22T13:43:37+00:00","dateModified":"2016-05-16T18:10:12+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/9704a44a2e98ccdcded9713a9f38bbd3"},"breadcrumb":{"@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2016\/04\/featrured2.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2016\/04\/featrured2.jpg","width":927,"height":530},{"@type":"BreadcrumbList","@id":":\/blog\/how-to-create-trendy-half-tone-backgrounds-in-7-steps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create halftone backgrounds in 7 easy steps"}]},{"@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\/9704a44a2e98ccdcded9713a9f38bbd3","name":"Vexels","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5d98809d2c327f5eada76985a21cc6e16e8a02006591be8e88865e2d558d980?s=96&d=identicon&r=g","caption":"Vexels"},"url":"\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/5362","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\/1"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=5362"}],"version-history":[{"count":0,"href":"\/blog\/wp-json\/wp\/v2\/posts\/5362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/5386"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=5362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=5362"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=5362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}