• The Facebook Platform

Results 1 to 1 of 1
  1. #1
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    Default Glowing Polkadots Text Effect | Photoshop Tutorials

    The Final Result:
    GlowingPolkadots s - Glowing Polkadots Text Effect | Photoshop Tutorials
    Notes:
    * the software used in this tutorial is Adobe Photoshop CS5 Extended
    * the size of the final result image is 1024 * 768
    * you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.

    Resources:
    The tutorial explains how to create the pattern to show some useful tips and tricks, but here is the pattern if you want to skip that.
    * Polkadots Pattern.
    Step 1:
    - We want a dark Background for this effect, so fill the Background with the color #131313, then, create the text using the color #2695c4. The font used is Knuckle Down, and the size is 250px.
    GlowingPolkadots 01 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Change the text layer’s Fill value to 0%.
    GlowingPolkadots 01 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Duplicate the text layer.
    GlowingPolkadots 01 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step 2:
    Double click on the original text layer to apply an Outer Glow effect. Change the Blend Mode to Hard Light, the color to #4ea6d0, and the Size to 65px.
    GlowingPolkadots 02 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - This will add the first layer of glow to the text.
    GlowingPolkadots 02 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Now, double click on the copy text layer, and add the following styles:
    - Outer Glow: Change the color to #1bbcff, the Size to 29 and the Contour to Log.
    GlowingPolkadots 02 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Inner Glow: Change the color to #00baff, and the Size to 9px.
    GlowingPolkadots 02 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Another layer of glow will be added to the text.
    GlowingPolkadots 02 5 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step 3:
    It’s time to create the Polkadots pattern. So open a new document that is 32 x 32 px, and go to View -> Rulers, or simply press Ctrl + R to show the Rulers.
    Make sure that View -> Snap option is checked (so the the Guides we’ll create will snap to the center of the document), then click on the Ruler at the top of the document and drag a new Guide. While you’re dragging the Guide, it will snap to the center of the document when you’re near that point. When it does, leave the Guide there.
    Do the same for the Ruler to the left.
    GlowingPolkadots 03 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Set the Foreground to Black. Pick the Ellipse Tool, and check the From Center box under the Shape Tool Options in the Options Bar at the top. This will help you create the circle form the center.
    GlowingPolkadots 03 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Zoom in if you like, and place the cursor in the center of the document (where the two Guide lines meet), press the Shift key (to create a “perfect circle”), and drag the shape outwards.
    GlowingPolkadots 03 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - The size should be close to the one shown below. You need to leave enough space in the corners of the document.
    If you draw a smaller circle, there will be more empty spaces between the circles in the pattern, (and less spaces if your circle is bigger).
    GlowingPolkadots 03 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Right Click on the Shape layer, and choose Rasterize Layer.
    GlowingPolkadots 03 5 - Glowing Polkadots Text Effect | Photoshop Tutorials
    GlowingPolkadots 03 6 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Grab the Rectangular Marquee Tool, and starting from the center of the document, draw a Rectangle that covers a quarter of the circle.
    GlowingPolkadots 03 7 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Copy (Ctrl + C) and Paste (Ctrl + V) the selected part. It will be pasted on a new layer. Using the Move Tool, move the pasted part to the opposite corner.
    GlowingPolkadots 03 8 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Repeat the same steps for the remaining corners, and make sure to re-select the original circle’s layer after each paste, as the parts are pasted on new layers, and you need to copy from the original layer.
    GlowingPolkadots 03 9 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Remove the “eye” next to the white Background so that the Background is Transparent.
    GlowingPolkadots 03 10 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Go to Edit -> Define Pattern, and type in a name for the pattern.
    GlowingPolkadots 03 11 - Glowing Polkadots Text Effect | Photoshop Tutorials
    And that’s it for the Pattern! Next, we are going to create the brush.
    Step 4:
    Go back to the original document, and open the Brush panel (Window -> Brush). Choose a soft round brush, and modify its settings as shown below:
    - Brush Tip Shape:
    GlowingPolkadots 04 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Shape Dynamics:
    GlowingPolkadots 04 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Scattering:
    GlowingPolkadots 04 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Texture:
    This is where we will use the polkadots pattern, make sure to check the Invert box, and to set the Mode to Multiply.
    GlowingPolkadots 04 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step 5:
    - Right click on the text layer, and choose Create Work Path.
    GlowingPolkadots 05 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Set the Foreground color to #2695c4, and grab the Direct Selection Tool.
    Create a new layer between the two text layers, and call it “Polka Dots”.
    GlowingPolkadots 05 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Right Click on the Work Path, and choose Stroke Path.
    GlowingPolkadots 05 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Choose Brush from the Tool drop down menu, and un-check the Simulate Pressure box.
    GlowingPolkadots 05 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - This will stroke the path with the Brush. Hit Enter to get rid of the path.
    GlowingPolkadots 05 5 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Press Ctrl and click on a text layer’s icon (thumbnail) to create a selection. Make sure that the “Polka Dots” layer is the active (selected) layer, and press Delete to get rid of the inner parts of the Stroke.
    GlowingPolkadots 05 6 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Go to Select -> Deselect, or press Ctrl + D, to get rid of the selection.
    GlowingPolkadots 05 7 - Glowing Polkadots Text Effect | Photoshop Tutorials
    -Double click on the “Polka Dots” layer to apply an Inner Glow effect. Change the Blend Mode to Vivid Light, the color to #65f2ff, the Source to Center, and the Size to 10.
    GlowingPolkadots 05 8 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - This will add a very nice glow in the center of the polkadots.
    GlowingPolkadots 05 9 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step 6:
    - Set the Foreground and Background colors back to Black and White, and create a new layer on top of all layers and call it “Clouds”.
    GlowingPolkadots 06 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Go to Filter -> Render -> Clouds.
    GlowingPolkadots 06 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Change the “Cloud” layer’s Blend Mode to Overlay. This will add some nice variations to the glow intensity in the Stroke.
    GlowingPolkadots 06 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step 7:
    The following steps are optional. We are going to add some nice blurry sparkles around the text to give a space-like feel.
    - From the Brush panel, choose the Star 26 pixels brush, and modify its settings as shown below:
    - Brush Tip Shape:
    You can increase the Spacing value if you want more space between the sparkles.

    GlowingPolkadots 07 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Shape Dynamics:
    GlowingPolkadots 07 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Scattering:
    GlowingPolkadots 07 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Color Dynamics:
    GlowingPolkadots 07 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    Step8:
    - Create a new layer right below the “Clouds” layer, and call it “Sparkles”. Set the Foreground color to #0669b2 and the Background color to #00f4fd.
    GlowingPolkadots 08 1 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Start painting some sparkles around the text.
    GlowingPolkadots 08 2 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Duplicate the “Sparkles” layer, and change the copy’s Blend Mode to Linear Light.
    GlowingPolkadots 08 3 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - Select the “Sparkles” layer once again, and go to Filter -> Blur -> Gaussian Blur. Change the Raduis value to 3.
    GlowingPolkadots 08 4 - Glowing Polkadots Text Effect | Photoshop Tutorials
    - The blur will give the sparkles a nice glow.
    GlowingPolkadots 08 5 - Glowing Polkadots Text Effect | Photoshop Tutorials
    And we’re done!






    Find Me On Social Networks

    Facebook | Twitter | Google+



 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •