Sunday, April 17, 2011

Tuesday, October 20, 2009

Photoshop Text Outline Effects

Photoshop Text Outline Effects
Photoshop Text Outline Effects

Need quick layer style that lets you apply multiple strokes (outlines) to a text or shape within Photoshop. Even though this is really simple in Illustrator via the Appearance Palette it’s not so straight forward in Photoshop (at least to my knowledge). This tutorial shows you how to hack a few of the built-in layer styles to add extra strokes outside of the actual stroke style.
Step 1: Create a new Photoshop document.
Step 1
Step 1
Step 2: Fill the Background layer with medium black (R 35, G 31, B 32). Edit > Fill.
Step 2
Step 2
Step 3: Add some white text to your document.
Step 3
Step 3
Step 4: Add a Color Overlay style to your text layer. Set the Color Overlay fill to the same medium black as the Background layer (R 35, G 31, B 32). Don’t close the Layer Style dialog box just yet and make sure to check the Preview setting so that you can see your changes.
Step 4
Step 4
Step 5: Add a Stroke style to your text layer by clicking the small check box beside “Stroke”. Set the size of the stroke to 4 px and the color to dark gray (R 99, G 100, B 102). That’s one basic stroke!
Step 5
Step 5
Outline #1
Outline #1
Step 6: Now add the style Outer Glow to your text layer. Set the blend mode to normal, the opacity to 100%, the color to medium gray (R 147, G 149, B 152), the spread to 100%, and the size to 8 px. That’s two strokes!
Step 6
Step 6
Outline #2
Outline #2
Step 7: Finally, add the Drop Shadow style to your text layer. Set the blend mode to normal, the opacity to 100%, the distance to 0 px, the spread to 100%, and the size to 12 px. That’s three strokes all in one layer style which means you can change the font and size live, and even apply the layer style to any shape or line.
Step 7
Step 7
Outline #3
Outline #3
Done: Download sample file(s).
Final Result
Final Result
Alternative Look #1
Alternative Look #1
Alternative Look #2

By http://thedesignplaybook.wordpress.com

Friday, October 16, 2009

Transform Photo into Watercolor Painting


Preparation

There are plenty of great stock images to choose from Night Fate Stock of deviantArt. I’m using one of them for this tutorial.

Download Scenery image.

All rights of these resources belong to their respective owners.



Step 1 – Applying Smart Blur

Create a new document with size 750×550 pixels. Open up the Scenery image, drag into the document and resize it so it fits nicely. Rename this layer as Landscape.

Duplicate Landscape layer. Rename the new layer as Blur Landscape.

Go to Filter > Blur > Smart Blur. Set the Radius to 10 and Threshold to 30.



Step 2a – Applying Glowing Edges

Duplicate the Landscape layer again. Rename the new layer as Outlines. Drag the Outlines layer to be above Blur Landscape layer.

Go to Filter > Stylize > Glowing Edges. Set the Edge Width to 1, Edge Brightness to 12 and Smoothness to 15.

Go to Image > Adjustments > Invert. Then follow by Image > Adjustments > Desaturate.



Step 2b – Applying Glowing Edges

Set the Blend Mode of Outlines layer to Multiply.

Set the Opacity of this layer to 80.



Step 3 – Create Painting Layer

Duplicate the Blur Landscape layer. Rename this new layer as Painting.

Select the Painting layer and go to Image > Adjustments > Invert. Set the Blend Mode to Color Dodge.



Step 4 – Paint with Dry Brush

Set the foreground color to #000000.

Select the Brush tool and open up the presets. Choose Dry Brush. Set the Opacity of this brush to 10%.

Paint briefly over the Painting layer and you will get the effect shown on the left.



Step 5a – Applying Watercolor Effect

Select the Brush tool and open up the presets again. Click on the right pointing arrow and load Wet Media Brushes. Choose Watercolor Textured Surface Brush. Set the Opacity of this brush to 50%. Reduce the brush size to 15pt.

Zoom in and paint the water well on the Painting layer. Use short, random strokes that follow the shape of the water well.



Step 5b – Applying Watercolor Effect

Increase the size of the brush to 100pt.

Use long strokes this time for the sky. Gradually build up the depth of color by painting over certain areas more than once.

To give an impression of real watercolor, it will be good to leave small areas of white here and there.



Step 5c – Applying Watercolor Effect

Repeat the same method on Step 5b for the grasses.



Step 5d – Applying Watercolor Effect

Reduce the brush size to 30pt.

Same thing here, paint short vertical strokes of grasses on the Painting layer.



Step 6 – Apply Watercolor Filter

Duplicate the original Landscape layer. Rename this new layer as Details. Rearrange this Details layer to be the top-most layer.

Go to Filter > Artistics > Watercolor. Set the Brush Details to 12, Shadow Intensity to 0, Texture to 3.

Set the Blend Mode of this layer to Luminosity and Opacity to 25%.



Optional

And we’re done! Hope you enjoy this tutorial!

I enhanced the depth and colors of the painting further with a Levels Adjustment Layer. The settings are 9, 1.07, 203.

Click here to view the final image.


BY 10steps.sg