<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" >
	<channel>
		<title>Echo Enduring Blog &#187; vector pattern</title>
		<atom:link href="http://blog.echoenduring.com/tag/vector-pattern/feed/" rel="self" type="application/rss+xml" />
		<link>http://blog.echoenduring.com</link>
		<description>A Web and Graphic Design Blog</description>
		<lastBuildDate>Thu, 01 Dec 2011 13:56:22 +0000</lastBuildDate>
		<language>en</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
		<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
			<title>Exclusive Freebie: Crawling Vines Vector Pattern</title>
			<link>http://blog.echoenduring.com/2009/11/05/exclusive-freebie-crawling-vines-vector-pattern/</link>
			<comments>http://blog.echoenduring.com/2009/11/05/exclusive-freebie-crawling-vines-vector-pattern/#comments</comments>
			<pubDate>Thu, 05 Nov 2009 11:57:46 +0000</pubDate>
			<dc:creator>Matt Ward</dc:creator>
			<category><![CDATA[Freebies]]></category>
			<category><![CDATA[exclusive]]></category>
			<category><![CDATA[freebie]]></category>
			<category><![CDATA[rss]]></category>
			<category><![CDATA[Vector]]></category>
			<category><![CDATA[vector pattern]]></category>
			<guid isPermaLink="false">http://blog.echoenduring.com/?p=1369</guid>
			<description><![CDATA[Exclusive Freebie: The Crawling Vines pattern pack contains 9 different variations of this detailed, hand drawn vector pattern, and is available exclusively to my subscribers!<p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F11%2F05%2Fexclusive-freebie-crawling-vines-vector-pattern%2F"><br /><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F11%2F05%2Fexclusive-freebie-crawling-vines-vector-pattern%2F&amp;source=echoenduring&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br /></a></div><p>Crawling Vines is a premium seamless vector patterns that I originally designed when writing an in depth tutorial about how to create a detailed, hand-drawn vector pattern. The pattern contains a high degree of intricate detail and tiles beautifully.</p><p>Of course, because the pattern is based on an original, hand drawn design element, it is unlikely that anyone would be able to replicate the exact pattern. So, with that in mind and the hopes that some people will actually want to get their hands on these, I&#8217;ve decided to release a complete vector pack, featuring the Crawling Vines pattern in <em>nine</em> different monochromatic colours, all of which you can see in the preview below.</p><div id="attachment_1384" class="wp-caption aligncenter" style="width: 505px"><img src="http://blog.echoenduring.com/wp-content/uploads/2009/11/crawling-vines-preview1.jpg" alt="Exclusive Preview: Crawling Vines" title="Exclusive Preview: Crawling Vines" width="495" height="495" class="size-full wp-image-1384" /><p class="wp-caption-text">Exclusive Preview: Crawling Vines</p></div><p>The package includes the patterns in both JPG and PNG format, as well as native AI (CS4) formats, which will allow you to edit the patterns as you see fit. Each AI pattern also contains five different groupings, making it easy to create custom colour schemes!</p><p><span id="more-1369"></span></p><p>Here are some larger previews of some of the patterns:</p><div id="attachment_1370" class="wp-caption aligncenter" style="width: 490px"><img src="http://blog.echoenduring.com/wp-content/uploads/2009/11/crawling-vines-scarlet-cherry.jpg" alt="Crawling Vines - Scarlet Cherry" title="Crawling Vines - Scarlet Cherry" width="480" height="480" class="size-full wp-image-1370" /><p class="wp-caption-text">Crawling Vines - Scarlet Cherry</p></div><div id="attachment_1371" class="wp-caption aligncenter" style="width: 490px"><img src="http://blog.echoenduring.com/wp-content/uploads/2009/11/crawling-vines-angelic-cloud.jpg" alt="Crawling Vines - Angelic Cloud" title="Crawling Vines - Angelic Cloud" width="480" height="480" class="size-full wp-image-1371" /><p class="wp-caption-text">Crawling Vines - Angelic Cloud</p></div><div id="attachment_1373" class="wp-caption aligncenter" style="width: 490px"><img src="http://blog.echoenduring.com/wp-content/uploads/2009/11/crawling-vines-summer-evening.jpg" alt="Crawling Vines - Summer Evening" title="Crawling Vines - Summer Evening" width="480" height="480" class="size-full wp-image-1373" /><p class="wp-caption-text">Crawling Vines - Summer Evening</p></div><div id="attachment_1372" class="wp-caption aligncenter" style="width: 490px"><img src="http://blog.echoenduring.com/wp-content/uploads/2009/11/crawling-vines-shifting-sands.jpg" alt="Crawling Vines - Shifting Sands" title="Crawling Vines - Shifting Sands" width="480" height="480" class="size-full wp-image-1372" /><p class="wp-caption-text">Crawling Vines - Shifting Sands</p></div><p>I hope you dig these patterns! The original took me quite some time to create! Anyhow, unlike some of my completely open freebies, which anyone can download, and which are posted on a number of different freebie sites, such as Vecteezy, I am releasing the Crawling Vines pack exclusively to my subscribers, as a way of saying thanks for being so awesome!</p><p>Grabbing the pack is easy. Just check your feed reader for my most recent post, and look for freebie code at the bottom of the entry. Then, click the download link below, which will take you to the Crawling Vines download page. Enter the freebie code for immediate access to the pattern pack.  </p><p>If you&#8217;re not currently subscribing to my blog, it&#8217;s not too late! Just add my feed to your RSS reader of choice! Not only will you get access to this awesome pattern pack, you&#8217;ll also get all sorts of other awesome content delivered right to your reader!</p><p><a class="grabfeed" href="http://feeds.feedburner.com/echoenduring/bAKj">&raquo; Grab the RSS Feed</a></p><p><a class="download" href="http://blog.echoenduring.com/crawling-vines/">&raquo; Download the Crawling Vines Pack</a></p><p><strong>If you enjoy these patterns, please let me know by dropping a comment or promoting this post on your favorite social media site! And thanks for subscribing to my feed! Keep an eye out for more exclusive freebies coming your way in the future!</strong></p><p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.echoenduring.com/2009/11/05/exclusive-freebie-crawling-vines-vector-pattern/feed/</wfw:commentRss>
			<slash:comments>15</slash:comments>
		</item>
		<item>
			<title>Turn your Favorite Vector Pattern into a Cool Wallpaper Background</title>
			<link>http://blog.echoenduring.com/2009/10/08/turn-your-favourite-vector-pattern-into-a-cool-wallpaper-background/</link>
			<comments>http://blog.echoenduring.com/2009/10/08/turn-your-favourite-vector-pattern-into-a-cool-wallpaper-background/#comments</comments>
			<pubDate>Fri, 09 Oct 2009 03:00:20 +0000</pubDate>
			<dc:creator>Matt Ward</dc:creator>
			<category><![CDATA[Tutorial]]></category>
			<category><![CDATA[Photoshop]]></category>
			<category><![CDATA[vector pattern]]></category>
			<category><![CDATA[wallpaper]]></category>
			<guid isPermaLink="false">http://blog.echoenduring.com/?p=1030</guid>
			<description><![CDATA[In this tutorial, we will look at a technique for taking your favorite vector pattern, importing it into Photoshop and designing a really cool and dramatic looking wallpaper. I've also made the final product available for download!<p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F10%2F08%2Fturn-your-favourite-vector-pattern-into-a-cool-wallpaper-background%2F"><br /><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F10%2F08%2Fturn-your-favourite-vector-pattern-into-a-cool-wallpaper-background%2F&amp;source=echoenduring&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br /></a></div><p>In today&#8217;s post, we&#8217;re going to walk through a really simple process for turning your favorite vector pattern into a really cool wallpaper&#8230; wallpaper.  Basically we are going to create a desktop background out of a pattern, and make it look like it&#8217;s actually a textured wallpaper. We&#8217;ll also add some dramatic lighting effects to make it look really cool. Here is a preview of what the final design will look like:</p><div id="attachment_1051" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1051" title="The Finished Wallpaper" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen19-500x312.jpg" alt="The Finished Wallpaper" width="500" height="312" /><p class="wp-caption-text">The Finished Wallpaper</p></div><p>This is pretty easy to do, but there are a number of steps so, let&#8217;s get started.</p><p><span id="more-1030"></span></p><h2>Step 1</h2><p>First, create a new document. You can make yours whatever size you want, but I&#8217;m going to make mine 1280 x 800 so that I can use this as the desktop wallpaper on my MacBook. Also, be sure to set your document to RGB colour mode, as some of the filters and effects we will be using are not available in CMYK mode.</p><div id="attachment_1033" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1033" title="Create a New Document " src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen1-500x300.jpg" alt="Create a New Document" width="500" height="300" /><p class="wp-caption-text">Create a New Document</p></div><p>Select white as your foreground colour and fill the canvas. Now press X to invert your background and foreground colours and set your foreground to a light grey. Hex code #BBBBBB should work nicely. Select Filter » Texture » Texturizer from the menu.</p><p>Set the texture type to Canvas, your scaling to 100% and your relief to 6. Also, change your light option to Left, which will emphasize the vertical ribbing in our new canvas texture. Once all the options are set, go ahead and apply the filter.</p><div id="attachment_1034" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1034" title="Create a new Canvas Texture" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen2-500x309.jpg" alt="screen2" width="500" height="309" /><p class="wp-caption-text">Create a New Canvas Texture</p></div><p>This will give us a nice canvas texture for our wallpaper, which we will lay over the rest of our design. To prepare for this, set the layer to multiply.</p><div id="attachment_1035" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1035" title="Our Created Canvas Layer" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen3-500x312.jpg" alt="Our Created Canvas Layer" width="500" height="312" /><p class="wp-caption-text">Our Created Canvas Layer</p></div><h2>Step 2</h2><p>Okay, the next step is also preparatory. First, we&#8217;re going to save our file twice. Go ahead and save the file, calling it distort.psd. Now, use the Save As option to save the same file again. This time call it something like wallpaper.psd.</p><p>Yes, I know that this gives us two identical copies of the same file, but stick with me here.</p><p>Now, open up distort.psd again. We should only have a single layer here, so simply select Filters » Blur » Gaussian Blur from the menu. In the dialogue box, set the radius to about 1.</p><div id="attachment_1036" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1036" title="Apply a Slight Blur to Prepare this File for Later" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen4-500x312.jpg" alt="Apply a Slight Blur to Prepare this File for Later" width="500" height="312" /><p class="wp-caption-text">Apply a Slight Blur to Prepare this File for Later</p></div><p>Save the file and close it. We&#8217;ll come back to it in a bit.</p><h2>Step 3</h2><p>Select a colour palette. You can do this in a number of different ways. You can go out to your favorite colour website, such as <a href="http://www.colourlovers.com/" target="_blank">COLOURlovers</a> or <a href="http://kuler.adobe.com/" target="_blank">Adobe Kuler</a> and find or create your own colour palette. I chose to simply sample a few of they key colours from my website, to help keep in tune with my branding</p><p>Once you have selected your colours, create a new fill layer. Select Layer » New Fill Layer » Solid Color. Select the colour you want for your background and create the layer. Now, drag the new fill layer beneath the canvas texture.</p><div id="attachment_1037" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1037" title="Select a Background Colour" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen5-500x312.jpg" alt="Select a Background Colour" width="500" height="312" /><p class="wp-caption-text">Select a Background Colour</p></div><p>If you choose a colour as dark as mine, you will hardly be able to see the texture, but that&#8217;s okay. We are going to add some lighter colour soon!</p><h2>Step 4</h2><p>Open your vector pattern. In this case, we will be using the new <a href="http://blog.echoenduring.com/2009/10/06/freebie-abstract-blobs-pattern/">Abstract Blobs</a> pattern that I uploaded a few days ago. We will be using the plain version (as opposed to the fully coloured versions, which have a background and a foreground). I&#8217;ve chosen this option because it has no background, which will let our fill layer show through properly.</p><div id="attachment_1038" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1038" title="Open the Abstract Blobs Pattern" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen6-500x412.jpg" alt="Open the Abstract Blobs Pattern" width="500" height="412" /><p class="wp-caption-text">Open the Abstract Blobs Pattern</p></div><p>With the pattern open select Edit » Define Pattern from the menu. This will bring up the pattern dialogue box, where we can give our new pattern a name. In this case, I will simply call it Abstract Blobs.</p><div id="attachment_1039" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1039" title="Create a New Pattern Preset" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen7-500x412.jpg" alt="Create a New Pattern Preset" width="500" height="412" /><p class="wp-caption-text">Create a New Pattern Preset</p></div><p>Press OK to create the pattern and automatically add it to the currently library.</p><h2>Step 5</h2><p>Next, create another fill layer. This time, instead of using a Solid Color fill, use a Pattern fill. In the new layer dialogue, name the layer “Pattern” and press OK.</p><p>Now you can select the pattern. Open the pattern flyout and select the Abstract Blobs pattern. Set the Scale to 75% and then create the layer.</p><div id="attachment_1040" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1040" title="Create a new Pattern Fill Layer" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen8-500x312.jpg" alt="Create a new Pattern Fill Layer" width="500" height="312" /><p class="wp-caption-text">Create a new Pattern Fill Layer</p></div><h2>Step 6</h2><p>Of course, our colour scheme doesn&#8217;t call for a black pattern (in this case, it&#8217;s plain black, which is rendering lighter than our background), so we&#8217;re going to use some Layer Styles to fix this – specifically the Color Overlay style. However, we have to do something else first. If you try adding a Color Overlay to the pattern layer, you will find that the overlay covers the entire layer, including all the transparent areas.</p><p>Obviously, this isn&#8217;t what we want.</p><p>So, let&#8217;s fix it by transforming the pattern layer into a Smart Object. To do this, simply right click the pattern layer in the Layers Palette and select Convert to Smart Object from the contextual menu.</p><div id="attachment_1041" class="wp-caption aligncenter" style="width: 271px"><img class="size-full wp-image-1041" title="Convert the Pattern Fill Layer to a Smart Object" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen9.jpg" alt="Convert the Pattern Fill Layer to a Smart Object" width="261" height="563" /><p class="wp-caption-text">Convert the Pattern Fill Layer to a Smart Object</p></div><p>Because the Smart Object is rendered more like a normal pixel layer, we can now apply our Color Overlay. Click the layer styles button at the bottom of the Layers Palette and select Color Overlay. Select the colour you want for your pattern, set the blending mode to normal, the opacity to 100% and press OK.</p><div id="attachment_1042" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1042" title="Add a Colour Overlay to the Pattern Fill Layer" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen10-500x312.jpg" alt="Add a Colour Overlay to the Pattern Fill Layer" width="500" height="312" /><p class="wp-caption-text">Add a Colour Overlay to the Pattern Fill Layer</p></div><p>This will effectively change the colour of our pattern. Now, simply drag the pattern layer beneath the canvas layer and above the background layer.</p><p><strong>NOTE</strong>: If you are using a pattern that doesn&#8217;t have a transparent background, the previous 3 steps may not apply to you. From this point forward, we will be working with the pattern layer and background layer as one, so you can substitute your own pattern for this combination in the steps that follow.</p><h2>Step 7</h2><p>Did you know that it&#8217;s possible to embed Smart Layers within Smart Layers? This is exactly what we are going to do next. In the Layers Palette, select the pattern and background layers (the former being a Smart Object itself). Right click and select Convert to Smart Objects again. This will create a new Smart Object out of these two layers.</p><p>Now, let&#8217;s get back to the distort.psd file that we created earlier. Select, Filter » Distort » Displace from the menu. Set your Horizontal and Vertical scales to 2, the Displacement Map to Stretch to Fit and the Undefined Areas to Repeat Edge Pixels. Press OK.</p><div id="attachment_1043" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1043" title="Apply a Displace Smart Filter" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen11-500x312.jpg" alt="Apply a Displace Smart Filter" width="500" height="312" /><p class="wp-caption-text">Apply a Displace Smart Filter</p></div><p>Unlike some other filters, this will actually bring up an open dialogue box, from which you will select the previously created distort.psd. This Photoshop file will now be used to apply a slight displacement to the pixels in the Smart Object, which you can see more easily by temporarily hiding the canvas layer.</p><p>Essentially, what we&#8217;re doing here is contouring the pattern to the shape suggested by our canvas layer. The effect is really subtle, but it works well for this sort of warping and I wanted to include it here.</p><h2>Step 8</h2><p>Now let&#8217;s add some drama to our composition with a Smart Filter. Actually, we&#8217;ve already used a Smart Filter when we applied our Displace distortion, but let&#8217;s take a brief look at what Smart Filters are and how we can use them.</p><p>It&#8217;s really simple. A Smart Filter is just a regular filter applied to a Smart Object. Because Smart Objects are actually embedded files (Photoshop, Illustrator, RAW), they retain all of their original properties. This means that you can resize and distort them in all kinds of ways, and then be able to go back and change your settings whenever you want.</p><p>The same is true of Filters. When you run a filter on a Smart Object, it becomes a Smart Filter, which essentially means that it is an editable filter that you can change and modify at will.</p><p>We&#8217;re going to use this concept by applying a lighting effect.</p><p>Select our canvas layer and our pattern Smart Object and convert them to a new Smart Object, just as we did before. Now, all of our work is packed into several different Smart Objects, all nested inside each other. With this main object selected, let&#8217;s apply a lighting effect. Select Filter » Render » Lighting Effects from the menu.</p><p>In the dialogue box, select an Omni light, with the following settings.</p><div id="attachment_1055" class="wp-caption aligncenter" style="width: 509px"><img class="size-large wp-image-1055" title="Add a Lighting Effect with These Settings" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen20-499x457.jpg" alt="Add a Lighting Effect with These Settings" width="499" height="457" /><p class="wp-caption-text">Add a Lighting Effect with These Settings</p></div><p>Notice how I directed the light closer to the bottom of the canvas. This is a personal preference toward offseting the balance a little and increase the drama of the effect. You can do it however you&#8217;d like. Click OK to apply the effect.</p><div id="attachment_1044" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1044" title="Our Wallpaper with the Lighting Effect" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen12-500x312.jpg" alt="Our Wallpaper with the Lighting Effect" width="500" height="312" /><p class="wp-caption-text">Our Wallpaper with the Lighting Effect</p></div><h2>Step 9</h2><p>It&#8217;s looking pretty good now, but we want the final wallpaper to have a really dramatic feel. So, create a new layer and, with a large, soft brush we&#8217;re going to start painting some extra colour. I would recommend using two bright colours that complement your palette. In this case, I chose a bright cyan and a somewhat muted yellow.</p><p>Start painting in a circle, just off the center of the canvas. Paint so that the colour is the most opaque in the middle and the most transparent around the edges, sort of like spotlight. I usually also apply a Gaussian Blur to diffuse the colour even more.</p><div id="attachment_1045" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1045" title="Paint a Yellow Lightsource with a Large, Soft Brush" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen13-500x312.jpg" alt="Paint a Yellow Lightsource with a Large, Soft Brush" width="500" height="312" /><p class="wp-caption-text">Paint a Yellow Lightsource with a Large, Soft Brush</p></div><p>Once you are satisfied with the layer, set the blending mode to Overlay. Depending on the colours you choose, you may also have to play with the layer transparency. I found the yellow came on a bit too strong, so I reduced my transparency to 50%.</p><div id="attachment_1046" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1046" title="Convert the Blending Mode to Overlay" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen14-500x312.jpg" alt="Convert the Blending Mode to Overlay" width="500" height="312" /><p class="wp-caption-text">Convert the Blending Mode to Overlay</p></div><p>Repeat this process with your second colour, in a slightly different spot. Keep adding Overlay layers in slightly different locations, all overlapping in the center. This will build up a very dramatic effect, something like this</p><div id="attachment_1047" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1047" title="Repeat the Process Several Times" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen15-500x312.jpg" alt="Repeat the Process Several Times" width="500" height="312" /><p class="wp-caption-text">Repeat the Process Several Times</p></div><h2>Step 10</h2><p>One more lighting effect to go. In the same way that we created our Overlay layers, paint a new light on a new layer, at the heart of where all of your Overlay lights converge. Use white as your colour and set the blending mode to Pin Light. Try not to paint the light on too thick, as you want this to be a fairly subtle effect. If it does get a bit heavy, try adjusting your transparency settings to compensate.</p><div id="attachment_1048" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1048" title="Complete the Lighting Effect with a bit of White" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen16-500x312.jpg" alt="Complete the Lighting Effect with a bit of White" width="500" height="312" /><p class="wp-caption-text">Complete the Lighting Effect with a bit of White</p></div><h2>Step 11</h2><p>We&#8217;re going to apply one final effect here, a vignette technique that I use in a lot of my designs.</p><p>Create a new layer and select the gradient tool. Make sure that the gradient mode is set to radial and that you have the standard black and white swatch selected. Also, you are going to want to set the blending mode of the gradient tool to Multiply. Now, set your cursor in the center of the canvas. Click and draw a line to one of your edges. This should create your radial gradient, with black in the center and white at the edges.</p><p>Repeat this process several times, always moving from the center to the edges. With each repetition the amount of black will grow larger. You may also find that you are getting a bit of banding. I usually fix this by simply applying a strong Gaussian Blur, which blends the colours very nicely.</p><div id="attachment_1049" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1049" title="Create a Black-Heavy Radial Gradient" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen17-500x312.jpg" alt="Create a Black-Heavy Radial Gradient" width="500" height="312" /><p class="wp-caption-text">Create a Black-Heavy Radial Gradient</p></div><p>I also usually just eyeball it, but if you want to be really precise, just set up one vertical guide at 640px and one horizontal guide at 400px. The point where they cross will be the exact center of the canvas. Of course, if you&#8217;re using different dimensions, your center point will be different, so you&#8217;ll have to do the math to figure that out yourself (sorry!).</p><p>Next, just invert the layer by pressing Command-I (PC: Ctrl-I) and set the blending mode to multiply. Now you should have a nice vignette effect around the edges of your design.</p><div id="attachment_1050" class="wp-caption aligncenter" style="width: 510px"><img class="size-large wp-image-1050" title="Invert and Set to Multiply" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen18-500x312.jpg" alt="Invert and Set to Multiply" width="500" height="312" /><p class="wp-caption-text">Invert and Set to Multiply</p></div><h2>Step 12</h2><p>This last step I leave this entirely up to you. We&#8217;ve come this far with our wallpaper design, what you do beyond is entirely up to you. For my part, I simply added a nice coloured bar with my logo and blog address. This works just fine for me, but you can add whatever you&#8217;d like.</p><div id="attachment_1051" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.echoenduring.com/freebies/echo-enduring-wallpaper.jpg" target="_blank"><img class="size-large wp-image-1051" title="The Finished Wallpaper" src="http://blog.echoenduring.com/wp-content/uploads/2009/10/screen19-500x312.jpg" alt="The Finished Wallpaper" width="500" height="312" /></a><p class="wp-caption-text">The Finished Wallpaper</p></div><p>Also, if you&#8217;ve read through all of this and really just want the wallpaper, you can download it by clicking on the preview of the finalized design, above.</p><p><strong>Anyhow, I hope you enjoyed this tutorial and learned a thing or two. Let me know what you think! Was this article useful for you? Is there anything else that you might like to know? Just leave a comment!</strong></p><p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.echoenduring.com/2009/10/08/turn-your-favourite-vector-pattern-into-a-cool-wallpaper-background/feed/</wfw:commentRss>
			<slash:comments>13</slash:comments>
		</item>
		<item>
			<title>17 Useful Pattern Resources</title>
			<link>http://blog.echoenduring.com/2009/09/29/17-useful-pattern-resources/</link>
			<comments>http://blog.echoenduring.com/2009/09/29/17-useful-pattern-resources/#comments</comments>
			<pubDate>Wed, 30 Sep 2009 02:41:17 +0000</pubDate>
			<dc:creator>Matt Ward</dc:creator>
			<category><![CDATA[Roundups]]></category>
			<category><![CDATA[Random Finds]]></category>
			<category><![CDATA[Resources]]></category>
			<category><![CDATA[vector pattern]]></category>
			<guid isPermaLink="false">http://blog.echoenduring.com/?p=876</guid>
			<description><![CDATA[Patterns are an awesome design element that can be used in so many different ways. This article features 17 different pattern related resources to help you become a pattern master. <p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F09%2F29%2F17-useful-pattern-resources%2F"><br /><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F09%2F29%2F17-useful-pattern-resources%2F&amp;source=echoenduring&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br /></a></div><p>I love seamless patterns. For me, they are one of the coolest and most useful design elements that you can collect, and they come in all sorts of different varieties. You can also use them in Photoshop, Illustrator and as background in web designs. That&#8217;s some pretty wicked flexibility.</p><p>Of course, not all designers have the time, skill or motivation to create their own seamless patterns. It can be pretty tedious work. Fortunately, there&#8217;s a ton of really great resources out there on this vast internet of ours. In today&#8217;s post, we&#8217;re going to look some of these totally free resources, which you can turn to when the need for a pattern arises. With these various sites at your disposal, you&#8217;ll have a really strong foundation for becoming a pattern master!</p><h2>Downloadable Patterns</h2><p>Let&#8217;s start with the basics. There are a number of different sites that offer free seamless pattern downloads. These patterns can come in a variety of forms, from basic JPGs, to transparent PNGs, right through to fully editable vectors or complete Photoshop pattern libraries.</p><h3><a href="http://www.patternhead.com/" target="_blank">Patternhead</a></h3><p>Patternhead is an awesome pattern blog, in which creator John Rawsterne freely gives away really awesome patterns on a fairly regular basis. He also occasionally posts about other pattern freebies that he has found across the internet, and has a few tutorial and inspiration posts, too.</p><div id="attachment_916" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.patternhead.com/" target="_blank"><img class="size-full wp-image-916" title="Patternhead" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/pattern-head.jpg" alt="Patternhead" width="500" height="500" /></a><p class="wp-caption-text">Patternhead</p></div><p>There is also a premium shopping section to Patternhead, where you can actually purchase licenses for any one of a few dozen more detailed patterns.</p><p><span id="more-876"></span></p><h3><a href="http://pattern8.com/" target="_blank">Pattern8</a></h3><p>Pattern8 is actually a sister site to Patternhead, and is designed to make browsing patterns really simple. Instead of working through the different patterns post by post, you can actually view large collections of patterns on single pages. When you find a pattern you like, just click it to be taken to its own unique page, where you can download it.</p><div id="attachment_918" class="wp-caption aligncenter" style="width: 510px"><a href="http://pattern8.com/" target="_blank"><img class="size-full wp-image-918" title="Pattern8" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/pattern8.jpg" alt="Pattern8" width="500" height="500" /></a><p class="wp-caption-text">Pattern8</p></div><p>All of the patterns on this site are actually provided in straight pixel format, unlike Patternhead, where the patterns are come in vector format. Fortunately, John also includes a link from Pattern8 back to Patternhead, so that you can pick up the vector pattern if you want.</p><p>Another really great feature of this site is the ability to browse the various patterns by colour. Just click on any of the tiny colour swatches across the top of the page, and all the patterns of that particular colour will be served up for you! That can make it a whole lot easier when looking for a pattern to match a specific palette.</p><h3><a href="http://patterns.ava7.com/" target="_blank">Ava7 Patterns</a></h3><p>Ava7 Patterns is a really nifty little site offering over 1300 free seamless patterns (as of the time of posting) for you to download. Like Pattern8, it also has the functionality to allow you to filter the patterns by their primary colour. Additionally, there is a similar tool which filters the patterns based on their basic shape. Tres cool.</p><div id="attachment_909" class="wp-caption aligncenter" style="width: 510px"><a href="http://patterns.ava7.com/" target="_blank"><img class="size-full wp-image-909" title="Ava7 Patterns" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/ava7.jpg" alt="ava7 patterns" width="500" height="500" /></a><p class="wp-caption-text">Ava7 Patterns</p></div><p>This is also a really fun site. The design uses simple, bold colours, and there is an interesting effect in which, when you scroll the page, the patterns appear to stay locked in place. There are also a few features that really appear to be nothing more than a bit of fun, such as the &#8220;kill the fly&#8221; icon, containing a somewhat obscured but still very recognizable Internet Explorer icon. Try moving your mouse over the fly, to see it pounced upon by the bigger and stronger Firefox spider! Too funny!</p><h3><a href="http://patternwall.com/" target="_blank">PatternWall</a></h3><p>Things don&#8217;t get much simpler than the PatternWall when it comes downloading seamless patterns. It&#8217;s pretty much exactly what it sounds like &#8211; a whole collection of different patterns all posted on a single page. Just click on the pattern you&#8217;re interested in to bring up a larger, tiled preview and a download button. Click the button to start the download.</p><div id="attachment_917" class="wp-caption aligncenter" style="width: 510px"><a href="http://patternwall.com/" target="_blank"><img class="size-full wp-image-917" title="PatternWall" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/pattern-wall.jpg" alt="PatternWall" width="500" height="500" /></a><p class="wp-caption-text">PatternWall</p></div><p>It really is that simple. Oh, and just so you know, there are some patterns obscured by the cardboard header and advertising sidebar. To get these patterns, just click the hovering &#8220;hide cardboard&#8221; button at the bottom of the page and watching the obscuring elements slide away.</p><h3><a href="http://www.dinpattern.com/" target="_blank">DinPattern</a></h3><p>DinPattern is another site with dozens and dozens of really cool patterns that you can download for free. I have to say that the detail in a lot of the patterns on this site &#8211; all designed by Even Eckard &#8211; is really outstanding. The quality here is at a level that I would expect from premium pay-for textures.</p><div id="attachment_914" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.dinpattern.com/" target="_blank"><img class="size-full wp-image-914" title="Din Pattern" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/din-pattern.jpg" alt="Din Pattern" width="500" height="500" /></a><p class="wp-caption-text">Din Pattern</p></div><p>Now, I should note that these patterns all appear to be pixel based. No scalable vectors here. The size of the patterns is also pretty small. They will work great for website backgrounds, but can&#8217;t really be blown up. Still, in my view that doesn&#8217;t take anything away from the quality of this site.</p><h3><a href="http://thedesigninspiration.com/category/patterns/" target="_blank">The Design Inspiration &#8211; Patterns</a></h3><p>The Design Inspiration is a site that collects all kinds of design related materials. There are logos, illustrations, websites, fonts, articles and, of course, patterns. A quick count suggests that there are about 243 different patterns here, which is a fairly decent collection!</p><div id="attachment_913" class="wp-caption aligncenter" style="width: 510px"><a href="http://thedesigninspiration.com/category/patterns/" target="_blank"><img class="size-full wp-image-913" title="The Design Inspiration - Patterns" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/design-inspiration.jpg" alt="The Design Inspiration - Patterns" width="500" height="500" /></a><p class="wp-caption-text">The Design Inspiration - Patterns</p></div><p>Unlike most of the other sites in this article, this one doesn&#8217;t actually store all of its patterns on its own server. A few of them <em>are</em> immediately downloadable, but for the most part you will be redirected to the creator&#8217;s site. That&#8217;s not necessarily a bad thing, as it can be a great way to find other cool resources, and certainly shouldn&#8217;t dissuade you from checking this site out.</p><h3><a href="http://www.vecteezy.com/gallery?cat=patterns&amp;type=&amp;lic=&amp;sort=" target="_blank">Vecteezy (with Pattern Filter)</a></h3><p>Vecteezy is probably one of the best collections of free vector downloads on the internet. I know that, of all the sites that I have submitted my own vectors to, I see the most traffic from Vecteezy. There have been a number of different seamless vector patterns posted to this site, and you can see them all just by filtering the gallery to display items in the pattern category. Fortunately for you, the links I&#8217;ve included here already have this filter activated.</p><div id="attachment_922" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.vecteezy.com/gallery?cat=patterns&amp;type=&amp;lic=&amp;sort=" target="_blank"><img class="size-full wp-image-922" title="Vecteezy (with Pattern Filter)" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/vecteezy.jpg" alt="Vecteezy (with Pattern Filter)" width="500" height="500" /></a><p class="wp-caption-text">Vecteezy (with Pattern Filter)</p></div><p>There is no standard format for the packaging of these patterns, so you can expect to find all kinds of different things in the zip files. Some will just contain a simple EPS. Others, like my <a href="http://www.echoenduring.com/index.php/resources/freebies/imperial_leaf_pattern">Imperial Leaf</a> pattern (featured in the thumbnail above), contain multiple colour schemes in both AI and PNG formats.</p><h3><a href="http://www.brusheezy.com/patterns" target="_blank">Brusheezy (Photoshop Patterns)</a></h3><p>If you don&#8217;t already know, Brusheezy is a sister site to Vecteezy, with one key difference, which should be obvious from the names. Instead of focusing on vectors, this site focuses on Brushes. But wait, you ask, isn&#8217;t this a post about patterns not brushes? True. However, in addition to their huge assortment of incredible (and sometimes not-so-incredible) Photoshop brushes, Brusheezy also has a section dedicated entirely to patterns.</p><div id="attachment_911" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.brusheezy.com/patterns" target="_blank"><img class="size-full wp-image-911" title="Brusheezy (Photoshop Patterns)" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/brusheezy.jpg" alt="Brusheezy (Photoshop Patterns)" width="500" height="500" /></a><p class="wp-caption-text">Brusheezy (Photoshop Patterns)</p></div><p>Unlike the patterns on Vecteezy, though, these files are actually Photoshop pattern presets, meaning that you can just load these directly into Photoshop and start using them right away, provided your version is compatible with the set. Some downloads will also include a PNG or other file of the pattern, too, giving you a bit of flexibility or allowing you to use the image as a background in a website.</p><h2>Pattern Generators</h2><p>In addition to all the really wicked stock patterns you can download from the sites listed above, there are also some pattern generation sites out there that actually allow you to create or customize patterns. With these tools, you are basically taking a stock pattern of some sort and using a variety of different settings to modify and customize the pattern to your liking.</p><h3><a href="http://www.patterncooler.com/" target="_blank">PatternCooler</a></h3><p>At first glance, PatternCooler may look a lot like some of the other pattern galleries that we have seen so far, but don&#8217;t be fooled. There&#8217;s actually a lot more to it than that. If you check out the little icons beneath each pattern preview, you should notice that, in addition to having the option to download the pattern, you can also change the colours and size of the pattern!</p><div id="attachment_915" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.patterncooler.com/" target="_blank"><img class="size-full wp-image-915" title="PatternCooler" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/pattern-cooler.jpg" alt="PatternCooler" width="500" height="500" /></a><p class="wp-caption-text">PatternCooler</p></div><p>Making your own pattern is basically a two step process. First, you can change the colours of different parts of the pattern. This basically turns a simple design into the blueprint for millions of different combinations. Secondly, you can also change the size of the pattern. Once you&#8217;ve set your colours and size, your pattern will become available for download! Some of the designs are really sweet, too, so this is an awesome resource.</p><p>You can also create an account on this site, which allows you to save your various creations. Even cooler, though, is the fact that it lets you save your colours. This makes it really easy to create a number of different patterns all based on the same palette.</p><h3><a href="http://www.colourlovers.com/patterns" target="_blank">COLOURLovers &#8211; Patterns</a></h3><p>COLOURLovers is a site all about colour (go figure). You can browse and create palettes and colours and such, but there is also a section dedicated to patterns! In some respects this section of the site bridges the (narrow) gap between pattern galleries and pattern generators, in that it actually is both. There are all sorts of pre-fabricated patterns that you can browse and download. Additionally, you can also create a new pattern based on their various templates</p><div id="attachment_912" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.colourlovers.com/patterns" target="_blank"><img class="size-full wp-image-912" title="COLOURlover" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/colour-lover.jpg" alt="COLOURlover" width="500" height="500" /></a><p class="wp-caption-text">COLOURlover</p></div><p>The pattern generator is actually really easy to use. The only thing that I can&#8217;t get to work is to figure out how to actually save the pattern. I think I have to complete the form below the generator, but I didn&#8217;t really want to post a test pattern for everyone on the site to see, and I didn&#8217;t really have a source of inspiration for my playing around. But if you want to complete the form and post your own design, hopefully you can get it to work!</p><p>If not, the site still works as a really great gallery type resource, whereby you can download a ton of already customized patterns.</p><h3><a href="http://www.stripegenerator.com/" target="_blank">Stripe Generator</a></h3><p>Who doesn&#8217;t love stripes? They are very Web 2.0, and with this handy tool, you can create all the stripes you want. This simple generator has a number of options that allow you to customize your stripes, including size, spacing, background options, shadowing and orientation. When you combine all of these different options, you have a really powerful and flexible tool!</p><div id="attachment_919" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.stripegenerator.com/" target="_blank"><img class="size-full wp-image-919" title="Stripe Generator" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/stripe-generator.jpg" alt="Stripe Generator" width="500" height="500" /></a><p class="wp-caption-text">Stripe Generator</p></div><p>The only thing that I wish this tool had is the ability to add gradients to your stripes. Fortunately there is another stripe generator that allow for gradients, which we&#8217;ll get to below.</p><h3><a href="http://www.tartanmaker.com/" target="_blank">Tartan Designer</a></h3><p>Ever wanted to create your own Scottish-inspired tartan? Or maybe you actually <em>are</em> Scottish and want to make a pattern based on the colours of yer clan! Then Tartan Designer is the tool for you. True to its name, this site allows you to create your own repeating tartan pattern with a few simple controls! Just pick your colours, the width of your bands, the size of the tread and the orientation, then press the download button. Simple as pie. Or haggis.</p><div id="attachment_921" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.tartanmaker.com/" target="_blank"><img class="size-full wp-image-921" title="Tartan Maker" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/tartan-maker.jpg" alt="Tartan Maker" width="500" height="500" /></a><p class="wp-caption-text">Tartan Maker</p></div><p>The Tartan Designer site was also created by the same people who created the Stripe Generator, and uses some pretty similar functionality! There is also a really cool connection between the two. Hop back over to Stripe Generator and have a look at the icon just below the preview, which says &#8220;create a tartan with these colors&#8221;. Clicking this icon will actually open a new window and send you over to Tartan Designer, with a new tartan based on your stripe colours! Yet another awesome way to maintain some continuity between colour palettes.</p><h3><a href="http://www.stripemania.com/" target="_blank">Stripemania</a></h3><p>Stripemania rules. Of all of the pages in this article, this is probably one of the ones that I have been using the longest. And, of the two different stripe generators, this one is certainly my favorite. There&#8217;s not really all that much to say about this particular site, though. It really is what it sounds like &#8211; another site dedicated entirely to the creation of stripe patterns.</p><div id="attachment_920" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.stripemania.com/" target="_blank"><img class="size-full wp-image-920" title="Stripemania" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/stripe-mania.jpg" alt="Stripemania" width="500" height="500" /></a><p class="wp-caption-text">Stripemania</p></div><p>A lot of the controls on this one are really similar to Stripe Generator, and though the later does have a few more options, the one thing that Stripemania offers that Stripe Generator doesn&#8217;t seem to have is the ability to create gradient filled stripes. This may not seem like that big of a deal, that simple gradient can really add a lot of depth to the pattern.</p><p>The one thing that does drive me absolutely nuts about this site, though, is the colour sampler. You can move around it&#8217;s colour visualizer, much like you would in Photoshop. Select a colour this way and the main swatch will update accordingly. However, while entering a hexadecimal colour code will change the colour in the visualizer, I can never seem to get it to update the actual swatch. I can usually approximate the colour I need, but for precise colour control, this apparent glitch really throws a wrench in what would otherwise be a top notch tool!</p><h2>Pattern Tutorials</h2><p>Maybe, after having seen all of these awesome pattern resources, you&#8217;ve been greatly inspired. Maybe, in all that material, you just can&#8217;t find what you&#8217;re looking for. Whatever reason you might have, if you want to try your own hand at making some wicked looking patterns, I&#8217;ve also collected a few tutorials to help arm you with the knowledge you&#8217;ll need.</p><h3><a rel="bookmark" href="http://www.gomediazine.com/tutorials/freebie-seamless-swirls/" target="_blank">Vector Freebie &amp; Micro Tutorial: Seamless Swirls</a></h3><p>This is a pretty simple tutorial in which GoMedia&#8217;s own Adam Wagner explains the process that he used to create a ridiculously detailed seamless vector pattern, based on just a few simple ingredients. As you&#8217;ll see, it&#8217;s a long and involved process, but the basic principal is actually really simple, as evidenced by the brevity of the steps</p><div id="attachment_926" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.gomediazine.com/tutorials/freebie-seamless-swirls/" target="_blank"><img class="size-full wp-image-926" title="Vector Freebie &amp; Micro Tutorial: Seamless Swirls" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/go-media-tutorial.jpg" alt="go-media-tutorial" width="500" height="500" /></a><p class="wp-caption-text">Vector Freebie &amp; Micro Tutorial: Seamless Swirls</p></div><p>Be sure to read the comments, too, many of which actually offer some alternate methods for creating patterns. The comment by Track6 is particularly useful. Oh yeah, and the pattern that Adam creates? Freebie! That&#8217;s right, it&#8217;s available for download thanks to the endless generosity of the fine folk at GoMedia. <span> </span></p><h3><a href="http://veerle.duoh.com/blog/comments/creating_seamless_patterns_in_illustrator/" target="_blank">Creating seamless patterns in Illustrator</a></h3><p>In this tutorial, Illustrator all-star Veerle Pieters explains how to create an Illustrator pattern swatch. Of course, many of the same techniques would be used for creating just a basic vector pattern that you could then import into Photoshop or save as a PNG or JPEG for use on the web.</p><div id="attachment_923" class="wp-caption aligncenter" style="width: 510px"><a href="http://veerle.duoh.com/blog/comments/creating_seamless_patterns_in_illustrator/" target="_blank"><img class="size-full wp-image-923" title="Creating seamless patterns in Illustrator" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/veerle-tutorial.jpg" alt="veerle-tutorial" width="500" height="500" /></a><p class="wp-caption-text">Creating seamless patterns in Illustrator</p></div><p>Some of the writing on this one is a bit dense, and some of the steps come at your in almost rapid-fire succession, so be sure to pay close attention. There&#8217;s really nothing deep, dark and mysterious here, but I will say that a couple of the tips at the end were news to me! I don&#8217;t use pattern swatches in Illustrator all that often, but it was really cool to learn that you can actually scale and rotate them using basic transform tools!</p><h3><a rel="bookmark" href="http://www.bittbox.com/illustrator/how-to-make-a-perfect-seamless-vector-pattern" target="_blank">How to Make a Perfect Seamless Vector Pattern</a></h3><p>I&#8217;ve posted about this tutorial before in my <a href="http://blog.echoenduring.com/2009/07/29/two-useful-design-articles/">Two Useful Design Articles</a> post. As always, I have to say how much I really love BittBox. There is so much great and useful knowledge and freebies there. Anyhow, this tutorial basically explains how to use Illustrator&#8217;s alignment tools to create a really basic seamless pattern.</p><div id="attachment_910" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.bittbox.com/illustrator/how-to-make-a-perfect-seamless-vector-pattern" target="_blank"><img class="size-full wp-image-910" title="How to Make a Perfect Seamless Vector Pattern" src="http://blog.echoenduring.com/wp-content/uploads/2009/09/bittbox-tutorial.jpg" alt="How to Make a Perfect Seamless Vector Pattern" width="500" height="500" /></a><p class="wp-caption-text">How to Make a Perfect Seamless Vector Pattern</p></div><p>The example used here is probably not the most brilliant pattern ever created, but I think it works well for illustrative purposes. I actually used some of what I learned from this tutorial to create my <a href="http://www.echoenduring.com/index.php/resources/freebies/imperial_leaf_pattern">Imperial Leaf</a> pattern, which I think is a little more interesting. It&#8217;s really all about learning how to take the elements of your pattern and line them up properly in order to achieve perfect seams.</p><h3><a href="http://www.aivault.com/?p=221" target="_blank"> How to Create a Seamless pattern in 10 steps </a></h3><p>Here is still another tutorial about how to create a seamless pattern in Illustrator. This one is probably the closest to the technique that I actually use, though it&#8217;s not quite the same. I use the concept of repeating my elements and letting them all hang over the edge of the art box or art area, however, this tutorial seems to be missing some of the mathematical precision that I like to use (and which I learned from the BittBox tutorial).</p><div id="attachment_908" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.aivault.com/?p=221" target="_blank"><img class="size-full wp-image-908" title="How to Create a Seamless pattern in 10 steps " src="http://blog.echoenduring.com/wp-content/uploads/2009/09/artinspire-tutorial.jpg" alt="How to Create a Seamless pattern in 10 steps " width="500" height="500" /></a><p class="wp-caption-text">How to Create a Seamless pattern in 10 steps </p></div><p>Still, if it works it works, right?</p><p>One thing to note about this tutorial though &#8211; while the information is pretty good, the writing is horrid. More specifically, the punctuation is just downright bizarre, and for me (a grammar fiend) it&#8217;s just plain distracting. Hopefully you will have an easier time reading this than I did.</p><p><strong>So there you have it folks, 17 different pattern resources for you to devour. Have fun, but please remeber to read the license agreements for any patterns that you download! Oh, why not leave a comment and let everyone know which resources are your favorites, or whether there are any other great resources that I missed! </strong></p><p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.echoenduring.com/2009/09/29/17-useful-pattern-resources/feed/</wfw:commentRss>
			<slash:comments>13</slash:comments>
		</item>
		<item>
			<title>Freebie: Imperial Leaf Pattern</title>
			<link>http://blog.echoenduring.com/2009/07/27/freebie-imperial-leaf-pattern/</link>
			<comments>http://blog.echoenduring.com/2009/07/27/freebie-imperial-leaf-pattern/#comments</comments>
			<pubDate>Mon, 27 Jul 2009 17:50:39 +0000</pubDate>
			<dc:creator>Matt Ward</dc:creator>
			<category><![CDATA[Freebies]]></category>
			<category><![CDATA[freebie]]></category>
			<category><![CDATA[vector pattern]]></category>
			<guid isPermaLink="false">http://blog.echoenduring.com/?p=369</guid>
			<description><![CDATA[Freebie: I've created my first seamless Vector Pattern - entitled Imperial Leaf - and made an entire pattern pack available for download as my newest freebie. Feel free to download it and use it in your designs. <p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F07%2F27%2Ffreebie-imperial-leaf-pattern%2F"><br /><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.echoenduring.com%2F2009%2F07%2F27%2Ffreebie-imperial-leaf-pattern%2F&amp;source=echoenduring&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br /></a></div><p>Here&#8217;s another freebie for you &#8211; Imperial Leaf, my first seamless, vector-based pattern. I&#8217;ve been meaning to make one of these for a while now, and I&#8217;m actually extremely excited about and happy with the outcome.</p><p>It all started with a basic doodle that I did in pen in my notebook. It was pretty rough, but I really liked the way it looked and could really see it as the beginning of a cool pattern. Actually, I only drew half of the main shape. Once I recreated the shapes in Illustrator, I mirrored it to create a perfectly symmetrical shape.</p><div id="14" class="wp-caption aligncenter" style="width: 510px;"><a href="http://blog.echoenduring.com/wp-content/plugins/download-monitor/download.php?id=14"><img title="Imperial Leaf Pattern (Downloaded 694 times)" src="http://blog.echoenduring.com/wp-content/uploads/2009/07/imperial_leaf_pattern.jpg" alt="Imperial Leaf Pattern (Downloaded 694 times)"></a><p class="wp-caption-text">Imperial Leaf Pattern (Downloaded 694 times)</p></div><p>I put together a pattern pack based on some of the packs that I&#8217;ve downloaded from <a href="http://www.patternhead.com" target="_blank">PatternHead</a>. In this pack, you&#8217;ll find the original AI file for the pattern, along with three alternate colour schemes &#8211; Deep Forest, Indigo Dragon and Crimson Gold. I&#8217;ve also included PNG versions for those who may not have or be fluent in Illustrator. You can easily make Photoshop patterns from these.</p><p>You can download the patterns by clicking the preview image above. Feel free to use this pattern in your designs. If you do, shoot me an email or leave a comment. Like I said, I&#8217;m extremely happy with the way this pattern turned out, so if you do use it, please shoot me an email.</p><p>Also, because I know that I wanted to create one of these patterns for a long time, I also have plans to write a tutorial outlining the basic steps that I took to create this pattern. I hope to have it done sometime over the next few weeks, so keep an eye out for that. In the meantime, have fun with Imperial Leaf!</p><p><h3>Exclusive Content</h3><p>To thank you for subscribing to my feed, I am including exclusive, feed-only content for you at the bottom of each post!</p><p><strong>Current Freebie Code</strong> - 7ev165dd</p></p>]]></content:encoded>
				<wfw:commentRss>http://blog.echoenduring.com/2009/07/27/freebie-imperial-leaf-pattern/feed/</wfw:commentRss>
				<slash:comments>3</slash:comments>
			</item>
		</channel>
	</rss>
