Friday, November 19, 2010

Matrix Text & Background Effect

Hey Everybody,

We presented our tutorials yesterday and they all came out pretty good. I did the matrix background and text effect for my tutorial and it came out looking really cool. Here's the steps to recreate it.
  • Start off in Photoshop with a translucent background, make sure the foreground/background color are in default, and press Alt/Delete to turn the background black
  • Then, you'll want to take and images file (jpeg, etc.) and open it in something like Text Edit
  • Just to be safe copy all of the code, then change the type tool to vertical type and click and paste
  • Double click the code layer in the right layers panel to select all of it and change the color to 11, 143, 23
  • while its highlighted, change the font to Lithos Pro
  • Use the move tool OR V with mouse to position the text to you're satisfaction
  • In the same right layers panel, click the name of the type and rename it 6pts
  • Duplicate it twice OR Command J twice and change the names to 9pts and 12pts
  • Change the font size of the 9pts layer to 9pts and change the font size of the 12pts layer to 12pts also (If a "rendering type" pop screen shows up don't mess with it, otherwise you'll get rid if your text)
  • Add a mask layer (little camera looking button at the bottom of the layers panel) to 6pts, 9pts, and 12pts layers
  • Got to Filter>Render>Clouds and put it on "mask layer" on 6pts, 9pts, and 12pts layers
  • On the 9pts and 12pts layers, in the layers panel, click on blending list that says "normal" and scroll down to Color Dodge and click it
  • Click the visibility off in the layers panel on 12pts and select 9pts
  • Press the move tool OR V with mouse and move the text till you're satisfied
  • Turn the visibility on 12pts back on, turn the 9pts visibility off and repeat the previous step
  • IF YOU WANT TO, click the half white/black circle next to the mask layer button and go to Brightness/Contrast and adjust the levels as you will, but keep them close together

To add text in front of the background follow the next steps

  • Turn the visibility off on all text, return the vertical text to horizontal if you hadn't already done so 
  • Change the font to Miltown 2 and change the size to whatever you want
  • If the color has changed then change it back to 11, 143, 23 and double click the bare side of the new text layer to bring up additional add ons
  • Click Outer Glow and put the same color in the previous step, click the h bubble and select a lighter tint of that color then click ok
  • Change the size and spread to 15, click ok

On arranging the text, if you don't like the results keep positioning them till you're happy with the results. So here are my results:

No comments:

Post a Comment