Layer styles - Tutorial

Log-in or register.

Layer styles - Tutorial

This tutorial demonstrates how the layer effects work in all RealWorld Designer-based applications.

Narration transcript

Hello again, today's video is about layer effects, also known as layer styles in RealWorld applications like Photos or Paint.COM.

Start by creating a new image, about 500 pixels in size. Quickly draw something to the first layer, like for example a very simple house and a tree. I am using the rectangle, polygon, ellipse and eraser tools. It doesn't matter what you actually draw, we just need something in the layer to see how the styles work.

To apply an effect to a layer, click on the "Configure layer effect" button in the "Layers" panel.

Choose the "Raster Image - Bevel" filter and increase the "Amount" and "Blur" parameters a bit. As you can see, the image looks beveled. But the actual pixels in the layer stayed the same, you can display them by clicking on the "Show final image" button.

Let's go the layer effect configuration window again. To use more than one effect on a layer, select the Sequence operation. Then add 3 steps using the button with + icon.

Set the operation in the first step to "Raster Image - Fill". This allows you to fill the image with a gradient or a pattern. Configure a simple gray gradient.

In the second step, use our good know bevel filter.

Finally, use the "Raster Image - Drop Shadow" filter in the 3rd step. Increase the shadow size a bit.

Click OK and see the results. Add something to the drawing. The layer styles are being applied to the newly drawn objects. You can use any tool. Try the Brush. Lower its blur parameter to have sharper and therefore more beveled edges.

You can add almost any effect to the layer, including filters from installed plug-ins. I have the sample Dissolve plug-in installed and therefore I can use it as layer style.

The order of the effects is important, they are applied one after another. If I put the dissolve filter before drop shadow, the results will be different.

Dissolve is not the most useful filter, let's replace it with the Colorize filter and set its color to blue.

You can quickly copy the layer effect to clipboard using the Copy button. Then you can easily use it on another layer. Change the colorization to red for this layer and make the shadow color yellow to simulate a glowing effect. Try drawing into this layer. Seems to work all right. Put some text into this layer. The styles make the text look more fancy.

Add another effect to this layer - duplicate the Fill operation. Change the gradient to Radial and blending to paint over. With paint over mode the previous gradient will not be completely overwritten if we use semitransparent color.

It does not seem to have a visible effect. Can you guess why? Think about the whole sequence of operations. Its darker, but not green. It was the colorize operation! Move it up and you'll see the green color. Watch what happens when I move the text around. The green spot stays in the same place and does not move with the text. Try drawing with a brush. Happy? Check the raw layer pixels, they are pretty unimpressive compared to the styled layer.

Layer styles can also be saved to files and of course also loaded. Here is a polished gold style I have created before. If you have the Tagged library installed, you'll see previews of the styles when opening them.

A word of warning in the end: do not choose the print or export operation as layer styles. It does not make sense and nasty things will happen if you try it.

Recent comments

user icon il viandante registered user on November 27th 2010

perchè le istruzioni non possono esser ein italiano? :-(
siamo nel 2010 ,è tanto difficile farlo?

user icon Anonymous on February 3rd 2011
-) pas terrible...
user icon XstarbitzX registered user on March 2nd 2011

umm i think the animater needs an opption to let image be draged by the point and click effects. if it can some one show me how

user icon Anonymous on March 22nd 2012

?

Lol, when I do layer 3D it doesnt say edit layer...

user icon Anonymous
What about ICL files?
I wish there were...