Sun, Jan 12, 2014
Read in 4 minutes
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 started 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.
My next step is to duplicate that base layer, NOT the text layer - the first layer that I turned into pixels.
Think 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”.
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.
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…
Command click the layer thumbnail.
Edit > Refine Selection (opt+cmd+R)
Edit > Fill (opt+cmd+F) the layer with your outline color.
I used white.
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.
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.
Apply Color Adjustment > Curves from the Effect Browser.
Duplicate the layer and apply Blur > Gaussian Blur .8pxfrom the Effect Browser.
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
Repeat the process of applying the curves adjustment, duplicate and create clipping mask of these two new layers.
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.
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.
Add one more layer. Fill with a top color (I used blue). Add 100% noise. Make this a clipping mask.
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.