I recently had a client that wanted a Sex and the City-esque logo. I fired up Pixelmator and set out to make some swarovski goodness happen on screen!
I got a head start on this project by checking out this Japanese language tutorial on WP Extreme.
- I start by creating base text, making a duplicate, converting the duplicate to pixels and hiding both layers. I personally do this, because I find that a gagillion years down the line, I won't remember exactly what font and font settings I used and I may want to know.
- To duplicate a layer you can either right click on it, or you can hold down the option key and drag the layer in the palette, or on the canvas.
- My next step is to duplicate that base layer, NOT the text layer - the first layer that I turned into pixels.
- Think about out the layers that you're going to add to the project.
- For me, these were: glow, shadow, outline, bevel, diamonds, texture and sparkles (names don't matter as long as you know what's going on).
- So I duplicated the base layer five times and added two blank layers for "texture" and "sparkles".
Select the Bottom Visible Layer: Glow
- I applied a white fill (option+command+F) to the text.
Select preserve transparency if the whole layer changes color.
- From the effects browser, navigate to Stylize > Fog and drag it to the layer.
- 7% radius and 100% intensity.
Select Visible Layer 2: Shadow
I put the shadow layer on top of the glow layer because the white over it tends to take away from the intensity of the shadow, even if you use blending options. Anyways...
- Leave this text black and add a 2px blur to the layer.
Select Visible Layer 3: Outline
- Command click the layer thumbnail.
- Edit > Refine Selection (opt+cmd+R)
- Size 2px (feather and smooth should be 0).
- Edit > Fill (opt+cmd+F) the layer with your outline color.
- I used white.
Select Visible Layer 4: Bevel
- A a metallic looking black and white gradient as the fill (Styles > Fill >Gradient).
- Move the layer a few pixels offset for both the x and y axis'.
- Duplicate the layer and fill the top layer with a blue metallic gradient.
- Layer Blending Mode > Color Dodge.
Visible Layer 5: Diamond
This layer was primarily used as a clipping path for the actual "Diamond"/ texture layers.
- On your first texture layer, select Generator > Chess from the Effect Browser and drag it to the layer.
- Width 4.6px and Sharpness 20%. Primary Color Black. Secondary Color White.
- Apply Color Adjustment > Curves from the Effect Browser.
- See Picture - you want to make the layer more white.
- Duplicate the layer and apply Blur > Gaussian Blur .8px from the Effect Browser.
- Layer Blending Mode > Multiply.
- Create Clipping Mask (right click on them in the layers palette) on both of these Layers.
- Create a 7X7 white ellipse with a black stroke and convert to pixels.
- Drag Tile > Affline over from the Effects Browser
- Angle 45, Scale 75%, Stretch 100%, Skew 0.
- Repeat the process of applying the curves adjustment, duplicate and create clipping mask of these two new layers.
- Blend Mode > Multiply and Opacity 70% on the blurred layer.
- Make a new layer and add the "Clouds" effect.
- Add a 70px Gaussian Blur.
- Color Adjustments > Curves.
- Halftone > Dot.
- Make this layer a clipping mask as well.
- Blend Mode > Multiply and Opacity 70%.
- Duplicate this layer and apply a Color Adjustment > Colorize Effect.
- I made this blue with a 25% saturation :: 0% Lightness.
- Blending mode > Overlay:: Opacity 40%.
- Stylize > Noise: 20% Monochromatic.
- Stylize > Pixelate 20px.
- Make this layer a clipping mask.
- Blending Mode > Color
- Add one more layer. Fill with a top color (I used blue). Add 100% noise. Make this a clipping mask.
- Blending mode > Overlay:: Opacity 67%.
Repeat the texture and cloud layers as needed to get your desired results and feel free to experiment with color, opacity and blending modes of those layers to achieve different looks.
I did two layers of sparkles. One that is clipped and one that overflow the text.
To make the first layer of sparkles:
- Drag "Star Shine" from the effects browser onto your sparkle layer and play with the options to get a small to medium star.
- Apply an Affline Tile to the layer. You'll want to move things around to get a patter that fits your text.
- Highlight your diamind layer. Choose Edit >Load Selection. Use the selection to add a mask to this layer.
Repeat Steps one and two for your second layer of sparkles. Command click on your text layer. Select Edit > Refine Selection and Adjust the size to about 40px and add a mask to the layer.