Most Recent Posts

About RJ

Welcome to my web log.  I make it a point to write about my work here and provide insight into the challenges and experiences as I work with new systems, software and people.  I am currently based in Junction City, KS. I design, develop and deploy deliverables that meet my client's needs from my home office on my trusty iMac.  I love working with the Concrete5 Content Management System.  I am a member of the Concrete5.org Peer Review Board and I am a Community Leader.

I use a number of tools to do-what-I-do; as they say.  I have a write up on my current tech stack here.

I am a PROUD Army Wife.  When I am not working on my latest and greatest project, I am kept busy by my two small ones and Lani: The Wonder Dog.  I am an active member of Zeta Phi Beta Sorority, Incorporated and love that I am able to use my talents as my sisters and I work to serve our communities.

Feel free to contact me if you would like to discuss a new project.

Pixelmator Tutorial: Bling Text

Jan 12, 2014 by: RJ Lewis

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".

Screen_Shot_2014-01-12_at_9.53.49_PM.png

 

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.
Screen_Shot_2014-01-12_at_10.05.51_PM.png
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.

Screen_Shot_2014-01-12_at_10.12.51_PM.png

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.

Screen_Shot_2014-01-13_at_12.18.40_AM.png     Screen_Shot_2014-01-13_at_3.10.56_PM.png

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.
Screen_Shot_2014-01-13_at_12.24.16_AM.png
Screen_Shot_2014-01-13_at_12.24.33_AM.png
Visible Layer 5: Diamond

This layer was primarily used as a clipping path for the actual "Diamond"/ texture layers.

Texture Layer(s):
  • 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.

Screen_Shot_2014-01-13_at_12.31.25_AM.png

Screen_Shot_2014-01-13_at_4.25.45_PM.png

Screen_Shot_2014-01-13_at_12.33.13_AM.png

  • 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.

Screen_Shot_2014-01-13_at_4.51.37_PM.png

  • Make a new layer and add the "Clouds" effect. 
  • Add a 70px Gaussian Blur.

Screen_Shot_2014-01-12_at_10.28.59_PM.png     Screen_Shot_2014-01-12_at_10.30.48_PM.png

  • Color Adjustments > Curves.  
  • Halftone > Dot.

Screen_Shot_2014-01-13_at_1.09.45_AM.png Screen_Shot_2014-01-13_at_1.09.22_AM.png  

  • 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

Screen_Shot_2014-01-13_at_5.16.46_PM.png

  • 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%.

Screen_Shot_2014-01-13_at_5.22.39_PM.png

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.

 

Sparkle Layer(s):

I did two layers of sparkles.  One that is clipped and one that overflow the text.

To make the first layer of sparkles:

  1. Drag "Star Shine" from the effects browser onto your sparkle layer and play with the options to get a small to medium star.  
  2. Apply an Affline Tile to the layer. You'll want to move things around to get a patter that fits your text.  
  3. Highlight your diamind layer.  Choose Edit >Load Selection.  Use the selection to add a mask to this layer.

Screen_Shot_2014-01-13_at_1.24.13_AM.png

Screen_Shot_2014-01-13_at_1.25.05_AM.png

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.

 Screen_Shot_2014-01-13_at_5.31.05_PM.png

About RJ

Welcome to my web log.  I make it a point to write about my work here and provide insight into the challenges and experiences as I work with new systems, software and people.  I am currently based in Junction City, KS. I design, develop and deploy deliverables that meet my client's needs from my home office on my trusty iMac.  I love working with the Concrete5 Content Management System.  I am a member of the Concrete5.org Peer Review Board and I am a Community Leader.

I use a number of tools to do-what-I-do; as they say.  I have a write up on my current tech stack here.

I am a PROUD Army Wife.  When I am not working on my latest and greatest project, I am kept busy by my two small ones and Lani: The Wonder Dog.  I am an active member of Zeta Phi Beta Sorority, Incorporated and love that I am able to use my talents as my sisters and I work to serve our communities.