Nanomega - Electronic design tutorials: 2010

mardi 28 décembre 2010

Spoon Graphics | Latest Blog Entry

Blog.SpoonGraphics Design Tutorials: Greatest Hits 2010

Posted: 26 Dec 2010 11:00 PM PST

2010 has been a another good year for me. As I’ve declined my number of client projects in order to spend more time working as a ‘blogger’ I’ve been able to put more time into writing tutorials, making them more in-depth and detailed. It’s fab to see my tuts helping people out and gaining exposure on the web. Here’s a roundup of my ‘greatest hits’ this year according to StumbleUpon ‘thumbs up’ stats. Surprisingly a few of the most popular were topics I never expected to do so well, and on the contrary some posts I put some real sweat into never seemed to take off in comparison!

Thanks a bunch to all my subscribers, Access All Areas members and anyone who has taken the time to read one of my articles or tutorials in 2010. A special thanks goes to anyone who has tweeted, stumbled, Dugg or voted on one of my posts – It’s these social interactions that really help my blog grow. More ‘likes’ means more traffic, more traffic means more advertisers, more advertisers means I can spend more time having fun creating these design tutorials, which I hope you all find useful or entertaining.

So here goes with my Greatest Hits compilation. I’d love to know which post was your favourite in the comments. Did any tutorial in particular help you out or inspire you?

vendredi 24 décembre 2010

Spoon Graphics | Latest Blog Entry

My Favourite Links of the Week – December 24th 2010

Posted: 23 Dec 2010 11:00 PM PST

In this week's roundup of creative goodness, we have an article discussing the preparation of screenprint artwork, a selection of tips to avoid bad clients, an inspirational roundup of cool packaging designs, a vector character icon tutorial and an inspirational series of well designed brochures.

Preparing Artwork for Screen Printing in Adobe Illustrator

View the article

7 Essential Red Flags to Watch Out for in New Clients

View the article

50+ Creative Chocolate Package Designs

View the article

Superhero Character Illustration Tutorial

View the article

20+ Brochure Design Examples: Ideas for Your Print Projects

View the article

mardi 21 décembre 2010

Spoon Graphics | Latest Blog Entry

Create a Dark & Grungy Digital Art Piece in Photoshop

Posted: 19 Dec 2010 11:15 PM PST

Follow this step by step design process for my recent digital art piece, Vogue. The design combines textures and distressed elements to create a dark and beautiful theme. Learn how a range of Photoshop techniques pull together the various elements to create the final design.

Vogue combines the beauty of the female model with a range of grungy/dark textures and abstract elements to create an eye catching and interesting design that blends the two contrasting themes.

View the final Vogue design

Open up Photoshop and import a nice base texture to form the background of the design. This particular concrete texture is from LostandTaken. Adjust the Levels to darken the tones of the texture file.

Next we’ll need to source a stock photo as the main subject of the design. This rather lovely female model image is courtesy of Katanaz-stock. Find the channel with the darkest tones and drag that layer to the ‘new icon’ to duplicate that particular channel.

Adjust the Levels of the duplicated channel to really blacken out the majority of the image, but keep an eye out for the edges becoming pixelated or distorted as the contrast increases.

Use a mixture of the Burn tool and a black brush to fill the centre areas of the image black. CMD-Click the channel thumbnail to load the selection, then toggle off the visibility of the duplicated layer and turn back on the original RGB channels.

Go to Select > Modify > Contract and enter 2px in the options box. This will help avoid clipping a thin white outline around the subject. Make a copy and paste it into your main design document.

Zoom in and check the edges for any unsightly white clippings. Use the Burn tool to remove these tiny white patches so the model sits seamlessly on the background.

Source a stock image of an ink splatter and paste it underneath the model layer. Change the blending mode to Multiply to render the white areas transparent.

Use some watercolor Photoshop brushes to add more distressed black areas around the model, particularly around the edges of the black clothing.

Add another ink splatter image to the skirt area to blend this portion of the model into the background.

Add a layer mask to the model layer and use a range of distressed Photoshop brushes to erase out portions of the model to seamlessly blend the black areas with the dark ink textures to give the impression that the model is emerging from the grungy elements.

Use the Polygonal Lasso tool to draw a thin diagonal selection over the design. Press CMD+Shift+C to Copy Merged and paste back into the document. Move this new selection to offset from the original to create an abstract effect.

Erase out the hard edges using a grungy brush on a layer mask to limit the offset effect to the model’s body.

Create a series of other offset effects across the design each at a different size and thickness.

Switch over to Adobe Illustrator to create a simple triangle shape with the pen tool. Copy this shape and paste it into the Photoshop document.

Randomly rotate and scale multiple copies of the triangle to create a series of shard elements. Position groups of shards to flare from behind the model.

Change the blending mode of the shard to Overlay. The overlay effect alone isn’t quite powerful enough, so duplicate the layers and adjust the opacity of the new layers to give the shards more prominence.

Draw more rectangular selections across the document, but this time give them a white fill. Change their blending modes to Overlay, adjust the opacity and erase out the edges with a layer mask.

Use a large grungy brush to add a red fill to the lower portion of the design. Change this layer to Color Dodge and lower the opacity to leave a very subtle colour cast.

Add an area of blue to the top corner, followed by a strip of purple in the centre. Change these layers to Soft Light and adjust their opacities to create more subtle colour casts.

A grungy white brush stroke in the centre of the canvas set to Overlay will brighten up the details in this otherwise darker portion of the design.

Press CMD+A to Select All, CMD+Shift+C to Copy Merged and CMD+V to paste in a copy of the whole design at the top of the layer stack. Go to Filter > Other > High Pass and adjust the settings so the details are just visible from the grey backdrop.

Set this high pass layer to Linear Light at around 50%. This layer really sharpens up the design and brings out the tiniest details. Add a layer mask and erase out portions around the edges to create subtle changes of focus.

Use some long brush strokes to create a border around the canvas to frame the design. Set this border to Soft Light at 65%.

Finish off the design with a title. Here I’ve added the title ‘Vogue’ in suitably beautiful Bodoni font and set the layers to Overlay. A few highlight brushes help add some pretty sparkles to the text.

Download the source file