Monday, 9 August 2010

Spoon Graphics | Latest Blog Entry

Spoon Graphics | Latest Blog Entry


25 Tutorials for Getting Started with your Wacom Tablet

Posted: 08 Aug 2010 10:30 PM PDT

You’ve just unwrapped your brand new Wacom drawing tablet, but what’s next? Here’s a roundup of super useful articles and tutorials that take you through the process of setting up your pen tablet and give you tips and techniques on to create some great looking illustrations or paintings.

Setting up your Wacom tablet

How to Choose a Graphics Tablet that Fits Your Needs

Read the tutorial

How to Set up Your Wacom for Awesome Results

Read the tutorial

Wacom Settings In Illustrator

Read the tutorial

Intuos Pen Tablet Settings & Preferences

Read the tutorial

Illustrating with your Wacom

A Pseudo-Sugar Skull: From Start to Finish.

Read the tutorial

Drawing Skulls with a Wacom Tablet

Read the tutorial

Electric Zombie Tee and Video

Read the tutorial

How to Design Your Own Custom Hoodie

Read the tutorial

How to Draw Your Own Vector Wings

Read the tutorial

Create A Grisly Zombie Illustration With A Pen Tablet

Read the tutorial

Discover tattoo illustration techniques

Read the tutorial

How to Create a Three Color Wolf Skull in Illustrator

Read the tutorial

How to Create a Cartoon Character with Expressive Lines

Read the tutorial

Adobe Illustrator Cartoon Tutorial with a Wacom Tablet

Read the tutorial

How to Draw a Classic Hand using a Graphics Tablet

Read the tutorial

Painting with your Wacom

How to Draw a Portrait in Photoshop

Read the tutorial

Digital Painting Tutorial

Read the tutorial

Create a Rebellious Skateboarder Using Digital Painting Techniques

Read the tutorial

Old style pin-up art… The new way

Read the tutorial

Advanced Tutorial: Creating ‘Broken Link’

Read the tutorial

Painting fantasy eyes

Read the tutorial

Suberb Tutorial of Digital Painting President Obama

Read the tutorial

Wonder Woman Pin Up Digital Painting

Read the tutorial

How to Enhance Photos With a Pen Tablet

Read the tutorial

Recreate the Epic 80′s Metal Text Effect in Photoshop

Posted: 28 Jun 2010 12:00 AM PDT

It’s funny how trends reappear through the years. The bright and shiny chrome text effect could be found everywhere in the 80s, then it disappeared altogether when people realised how hideous and gaudy it was. Recently though, this text styling seems to be making a comeback in the world of digital art as the 80s generation are implementing inspirations from their childhood into their designs and artworks. Follow this tutorial to recreate the epic metal text effect for yourself, making use of modern day digital design techniques in Photoshop.

Epic metal text effect

View full size artwork

1980′s Inspiration

80s chrome metal text research

WWF Wrestling, Metallica’s Ride the Lightning album, Robocop, Amiga games and Transformers are all examples that I can relate to. As a little initial research, collect a few logos and graphics to refer to when creating your own text effect. Look closely at the colours used, the style of text and what seems like a desert landscape in the reflection of the text.

We’ll begin in Illustrator for the first couple of steps to lay out our type. Set out the wording of your choice in an appropriate font and convert the text to outlines (CMD+Shift+O). Here I’m using the font Viper Squadron, and the word ‘Epic’.

With the shapes selected, go to Object > Path > Offset Path. Enter 3mm in the options box. Right click on the objects and select Ungroup.

Add a couple of basic gradient fills to the two shapes to make it easy to identify them. A sky blue to white on the inner shape and a red to blue gradient on the outline will do the trick.

Draw a temporary rectangle around the text, then select this along with the outer shape. Paste the objects into Photoshop. Repeat the process but this time with the inner shape. The temporary rectangle will maintain the proportions between the two objects when copied through to Photoshop.

Double click the inner shape layer and begin adding some layer styles. Start by replacing the fill with a Gradient Overlay. Use dark blue (#426bc7), light blue (#719cff) and white (#ffffff) swatches and run the gradient vertically from the top.

Next, add a soft Inner Glow using a mid-blue (#76a5cd), set the opacity to 100%, blending mode to Normal, size to around 8px and add a 2px stroke to accommodate the stroke in the next step.

Add a 2px stroke in white, then set the alignment to the Inside and blending mode to Color Dodge. Adjust the opacity to around 60%.

Hold the CMD (Mac), or CTRL (Windows) key while clicking the thumbnail of the inner-text layer to load the selection. Grab the Rectangular Marquee tool and hold Alt while dragging a selection across the upper portion of the text, leaving just the lower half selected. Fill this with white on a new layer.

Double click the layer to open up the layer styles and add a vertical gradient running from dark indigo (#261528) to mid-indigo (#241e53) to white (#ffffff) to a very light indigo (#b6b4c7).

Zoom right in and draw a circular selection at each end of the reflection gradient layer on each letter.

Use the rectangular marquee tool to remove the middle portion between each circle. Repeat the process on every other letter.

Load the selection of the reflection layer, then go to Select > Modify > Contract. Enter 2px to reduce the mask size to accommodate the stroke, then inverse the selection (CMD+Shift+I) and delete.

The text is beginning to develop some definition with the gradients and stroked outlines. Now let’s start work on the chamfered edge.

Zoom in and draw around each edge of the outer outline with the Polygonal Lasso tool. Close the path by cutting diagonally across the outline at each corner. Fill each edge with white on individual layers.

Add a simple black to white gradient on one of the shape layers. Right click the layer and select Paste Layer Style, then select all the other layers and paste the same layer style.

The gradient is running in the wrong direction on the horizontal shapes, so tweak each one by adjusting the angle of the gradient fill.

Repeat the process on every other letter. Aim to contrast black against white on each shape to highlight the diagonal edge lines.

CMD-click the layer of the original outline shape and fill a new layer with white. Then CMD-click the original inner shape layer and delete this selection from the fill.

Replace this white fill with a blue (#283891) to red (#f07b71) gradient using the layer style options.

Change this layer’s blending mode to Linear Burn to allow the gradient overlay to replace the colour of the white to black gradients underneath.

Dab a few spots of white across the text to add a variety of highlights and tones. Load and inverse the selection of the text layer and delete out the excess from the highlights layer.

On a new layer, draw some 1px white lines across the straight edges of the text to act as highlights.

Add a layer mask to the highlighting lines layer and erase out the ends of the lines with a soft brush.

Find a stock lens flare and paste in multiple copies to highlight the edges and corners of the text.

Load the outer text selection and fill a new layer with white. Add a Noise filter (Filter > Noise > Add Noise) with the settings 10%, Uniform & Monochromatic. Change this layer’s blending mode to Color Burn to allow the texture to interact with the text.

The text effect is just about complete, but let’s finish off the design with a subtle background. Use some Subtle Grunge Brushes to add some background texture to the design. Reduce the opacity down to around 30%.

Dab some large spots of colour above the texture layer, but below the text. Use samples of blue, red and purple from the outer edges of the text.

Change the blending mode to Color Dodge at 80% to allow the colours to interact with the textured background.

Finally add a soft Drop Shadow to the outer text outline layer to anchor the text with the background.

Epic metal text effect

Download the source file

No comments:

Post a Comment