Nanomega - Electronic design tutorials: 2012

lundi 31 décembre 2012

Blog.SpoonGraphics | Latest Blog Entry

Blog.SpoonGraphics Design Tutorials Greatest Hits 2012

Posted: 30 Dec 2012 11:00 PM PST

It's that time of year when I reflect on another year's worth of design tutorials here on Blog.SpoonGraphics and check over the stats to see which posts ended up proving the most popular. Here's a roundup of the most popular tutorial posts from 2012 based on the number of StumbleUpon 'thumbs up' votes.

Last year saw figures of around 14,000 likes for some of the popular posts of 2011, so it’s a big surprise to see this year’s most popular tutorial only come in with just over 1000 likes, with the average being around 500. It definitely looks like social media traffic as a whole has dramatically dropped with each post only having a hand full of shares on Twitter, Facebook and Google+.

As always I’m keen to hear your thoughts on my content. Which tutorial from the list was your favourite? Or was there a post I haven’t included that you found particularly useful?

lundi 24 décembre 2012

Blog.SpoonGraphics | Latest Blog Entry

How To Create a Christmas Themed Repeating Pattern

Posted: 23 Dec 2012 11:00 PM PST

My special Christmas post might be a little late this year, but what better time to post a fun Christmas themed tutorial than on Christmas Eve? Follow this step by step Illustrator tutorial to create a repeating vector pattern. We’ll use Illustrator’s Blob brush to create simple vector doodles then place them together to create a repeating pattern, much like Christmas wrapping paper. If you’re seeing this after the holidays, don’t worry, the same technique can be applied to any kind of repeating pattern.

Christmas doodle pattern

The pattern we’ll be creating is made up of various Christmas themed doodles. The obvious challenge when creating any repeating pattern is to actually get it to seamlessly repeat. Let’s take a look at one of the techniques you can use to achieve a fully seamless and tileable pattern swatch.

First, we’ll need to quickly create some elements to make up our pattern. Use Illustrator’s Blob brush with your mouse or Wacom tablet to draw some simple fun doodles. Double click the tool icon to edit the options and set both the Fidelity and Smoothness to minimum.

Pick a theme for your pattern. It’s Christmas, so I’m drawing various holiday themed doodles… gifts, trees, stars, robins, snowflakes etc. Don’t worry about inaccuracies, the more basic and child-like the doodles the better!

Create a nice array of elements so there’s plenty of items to mix up the pattern. This is the full collection of Christmas doodles I’ll be using for my pattern.

Draw a selection around each individual element and group together all the separate vector shapes. This will allow you to select the whole object with a simple click and eliminate the risk of losing any of the details.

Draw a large square as the background of the pattern, then begin copying elements and randomly placing them within the pattern area. Hold the ALT key while clicking and dragging to create a duplicate of an element.

Rotate duplicates of each element so there’s slight variations in their appearance. Aim to roughly achieve a similar gap between each element by placing larger or smaller doodles to fill gaps in the pattern.

Continue dragging items into the swatch, rotating elements and spacing everything out until the square is filled with a balanced design.

Draw a selection around all the doodle elements and change their fill colour to white. Click and drag the corner handle of the background rectangle to double its size.

Select all the doodle elements once again, then hold ALT & Shift and drag a duplicate off to the side. Place the copy leaving a small gap between the original. Make a new selection of all the doodles, then repeat the process but this time drag the duplicates vertically, also leaving a small gap.

Press CMD+Y to turn on outline view, then pick a recognisable point anywhere in the design, such as the point of the star. Draw a rectangle across the pattern so it starts and ends at this same point.

Zoom right in to the document and use the Direct Selection tool to make fine adjustments to the rectangle outline so it perfectly lines up to the same point on all four corners.

Give the new rectangle a white stroke so it remains visible against the pattern, then begin copying more doodles into the pattern to fill the gaps between the different areas. Make sure no new element crosses the white line.

Draw a large selection around everything in the document then hit the Crop option from the Pathfinder tool. This will trim the whole pattern down to the rectangle to create a repeatable tile.

This tile can then be dragged into the Swatches palette so it can be applied as fill to an Illustrator element, or pasted into Photoshop to create a .pat file.

Christmas doodle pattern

Apply the pattern to any size canvas and it will automatically fill the available space with a cool Christmas wrapping paper style design.

Download the source file

vendredi 21 décembre 2012

Blog.SpoonGraphics | Latest Blog Entry

Art & Design Inspiration Fix for December 21st 2012

Posted: 20 Dec 2012 11:00 PM PST

The Art & Design Inspiration Fix pulls together a collection of my favourite graphical images that I've come across over the past week to give you a fix of creative inspiration. This week we have designs from Jimmy Gleeson, WinterArtwork, Doublenaut, Ryan Barber and Nigel Hopkins.