• home
  • forum
  • my
  • kt
  • download
  • Split Color Text Effect

    Author: 2009-06-23 06:17:40 From:

    Web 2.0 is one of the latest buzz-words about the Internet. Usually associated with Web 2.0 is gradient-covered text, which provides a nice glossy look. This tutorial will show you how to recreate such looks, and more. The text looks as though it is split into two colors, or there is a light source being projected onto the text. There are many looks to be achieved with this effect.

    We are using Server Intellect and have found that by far, they are the most friendly, responsive, and knowledgeable support team we've ever dealt with!

    We start with a blank canvas and then add some text:

    Next, we use the Elliptical Marquee tool to make a selection like so (you may need to resize the window):

    Now create a new layer and then press and hold Ctrl+Shift+Alt and click on the Text layer thumbnail in the Layers panel. This should Intersect with the Selection, leaving us with the following:

    Now on our New Layer, get the paintbrush and choose a color slightly lighter than the text, then paint in the selection:

    Yes, it is possible to find a good web host. Sometimes it takes a while. After trying several, we went with Server Intellect and have been very happy. They are the most professional, customer service friendly and technically knowledgeable host we've found so far.

    We can either leave it like this, or manipulate it with Layer Styles. Open up the Layer Styles for the layer we just created, and choose Bevel and Emboss. Set the Size to zero and get something like this:

    Alternatively, add an Inner Shadow with Distance and Size as 1px:

    In addition to the selection tools, we can also use the Pen tool to create more interesting splits. Choose the Pen tool and draw something like this:

    Then goto the Paths panel and right-click the path we just created and choose Make Selection. We don't need to Feather. You can then delete the Path. We should then have a selection like so:

    We chose Server Intellect for its dedicated servers, for our web hosting. They have managed to handle virtually everything for us, from start to finish. And their customer service is stellar.

    Which we can Intersect with the text layer again (Ctrl+Shift+Alt and click), and then paint over in a new layer:

    In the same way, we can apply styles to this layer. You can be creative and see what you can come up with. Gradients give nice effects, and if done properly, can be stunning. Or you may opt for a more subtle effect, like so:

    The choice is yours.

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (119)
      Effects (762)
      Animation (247)
      Photo Effects (1137)
      Automation (21)
      Photo Retouch (398)
      Basics (499)
      Photography (350)
      Brushes (55)
      Scripting (7)
      Buttons (209)
      Text Effects (886)
      Color (91)
      Textures and Patterns (197)
      Digital Art (236)
      Web Graphics (818)
      Drawing (1017)
      Web Layouts (294)

    New

    Hot