Friday, September 18, 2009 0 comments

How To Make A Matrix Text

1. Open a new Document, whatever size you like. Give it a black background layer. Create a new layer and select the type tool.

2. Now we'll get to work on creating that text with all the strange characters. How do we do it? Well, we could spend half the day typing strange keyboard combinations or call on the help of an every day text editor. Since I'm on a Mac the obvious choice is BBEdit. For PC's, I dunno, maybe word or something will work. What you do is open up a graphic file not supported by the text editor. I found opening a TIFF file worked quite nicely.

Look at that! Just like Matrix text except horizontal and not so glowing. Woo, now we're cookin. Select a big ol' chunk of text out of the middle somewhere and copy it to the clipboard. Head back into Photoshop next.

3. With the type tool selected click and drag over the entire document to create paragraph text. Next select vertical type by clicking the icon in the left corner of the tool options bar, then select top align. Then, open the Character and Paragraph Palettes. Choose a nice computer font. I used Courier New. Set the font size to 6 px. Choose a green color for the text. Now paste your text from the clipboard and accept it by clicking the checkmark in the tool options bar. Set the Tsume to 70%. This reduces the space around the characters by 70%, scrunching them together more like the matrix text.


4. Set the spacing to 10 px and duplicate the layer. Change the font size to 8 px and the spacing to 15 px. Set the layers blend mode to Linear Dodge.

Duplicate that layer. Change the font size to 10 px and the spacing to 30 px.

5. OK. Getting kinda busy isn't it? Let's work towards a little randomness now. Click the layer mask icon at the bottom of the layers palette and set your foreground/background colors to default black and white (d). Choose Filter>Render>Clouds then Image>Adjustments>Brightness/Contrast. Slide the contrast all the way up to +100%. Give it gaussian blur of about 20 pixels. Do this with all three text layers and it should be looking better, but we're not done yet.


6. More randomness is in order. More masking is in order too. Create a new layer set by licking the folder icon at the bottom of the layers palette then drop your 3 text layers in there. Make sure the layer set is selected and click on the layer mask icon. This time we'll be spending a little more time with our masking. Choose the brush tool and select a 6 pixel, hard, round brush. Make sure black is your foreground color and start painting away strips of text being sure to leave lone strips falling down by themselves. You'll want to take more from the bottom than the top and just kind of break it up some in the middle. Remeber if goof you can always paint stuff back in with white, your text isn't really being harmed. The beauty of layer masks.


7. Now let's give the text a little glow. Duplicate each text layer. After you duplicate it right click on the layer and choose "rasterize layer", then right click on the layer mask thumbnail and choose "apply layer mask". After you've made a rasterized copy of all 3 text layers and applied their layer masks move them beneath the text layers and merge them together. Give them a gaussian blur of about 1.5 pixels. Click the layer mask button again and choose render clouds. I just thought it looked lonely down there all by itself without a mask to keep it company. Almost done.

8. Create a new layer above the layer set. Select the transparency of all 3 text layers by command clicking on the first layer and then shift-command clicking on the last 2. Press command-h to hide the selection so you can see what your doing. Set white as your foreground color and paint in highlights for the text. Deselect and give it a gaussian blur of about 1.5 pixels, set the blending mode to Color Dodge and drop the opacity to about 80%.


9. This one's optional. If your color seems a little bit off like mine did just add a hue/saturation adjustment layer and slide the hue around until you're happy.

10. Now we'll do the big text. Create a new layer on top. Select the type tool and a font that looks good for the job in capitals. I used Palatino at 48 pixels. You could probably find a better Matrix font at one of the download sites if you wanted to. You should also reset your tsume and spacing back to normal in the character palette. Type your text in white and duplicate the layer twice. Rasterize all 3 layers. Go to the bottom text layer and tick the preserve transparency box in the layers palette. Fill the layer with the color you used for the background text and uncheck the preserve transparency box. Do this for the middle text layer as well. On the bottom text layer choose Filter>Blur>Motion Blur, set the angle to 0 and blur it until it looks about right. On the middle text layer make sure preserve transparency is off and choose Filter>Other>Minimum and enter a setting of 2 pixels or so depending on the size of your type. Now give it a small gaussian blur, maybe 2 or 3 pixels. On the top (white) text layer select the rectangular marquee tool and select a piece of text on one of your letters. Then select the move tool and nudge the selection any direction you want by 1 or 2 pixels. Repeat as necessary until you're done. Link the three text layers together and position them wherever you want. That's it, you're done.


In hindsight I think this effect could probably be improved by using more text layers, especially the smaller ones, and varying the spacing more but at the moment I don't really care to go back and rewrite the tut for it. The best advice I can give for achieving any effect is to look at an example and try to recreate that. Just play around trying different things until you get it right.. you'll learn so much in the process and won't need tutorials for everything anymore. That's exactly what I did here, I just took the time to type it out as I fiddled.


more tutorials at : EyesonDesign

Thursday, May 7, 2009 0 comments

Amazing Macro..MUST LOOK!







I found it when i browse the deviantArt pages.
When first I take a look at it, it feels strange.
But, when I look closer and zoom it, ITS GREAT!

Well, sometimes little things can be special.


thanx to : deviantArt
Thursday, February 5, 2009 0 comments

'The Dark Night' Logo Photoshop Tutorial.

Step 1

Go ahead and create a new document (mine is 1024x900). Have your first layer named “Background” and fill it with Black.

Do a Google search for "dark knight logo" and find an image that’s large and clear enough for you to be able to trace out the Batman logo out of it. Paste it in your document and using the Pen tool (P) trace the shape. Make it white (for now, for visibility purposes) and name the layer “Shape”. You should now have something like the below image.




Step 2

Time to start building the light rays behind it. Create a new layer, name it “Light” and make sure it’s below the Shape layer. Grab the Pen tool and draw a spiked shape around the logo, kind of like below.



Give the layer a Radial Blur (Filter › Blur › Radial Blur) with the settings shown below (you may have to slightly adjust the brush size and strength depending on the details you are working on at one time).



Step 3

Now you can either duplicate the Light layer or create a new layer with the Pen tool as described above. Let’s go ahead and duplicate the Light layer (Ctrl+J) and transform it (Ctrl+T) and right-click and select Flip Horizontal. You should now have somewhat more “light”, but the shape looks a little to symmetrical. We need more chaos in there :D

Grab the Smudge tool (R) and smudge the edges of the Light and Light copy layer, both inwards and outwards, until you get an effect similar to the one below. Obviously, you can keep working on the details of the “light” until you are satisfied; you can also add more layers, if needed.




Step 4

Time to give the light some color. Duplicate each of the light layers (Light and Light copy). Then go ahead and select a color like #41b5ff as your foreground color. Holding down Ctrl, click on the first of the two new duplicated layers (this selects its visible pixels). Press Alt+Backspace to fill the shape with the selected foreground color. Do the same for the second duplicated layer. You should now have four “light” layers, two white and two light blue, each white layer should be below its blue copy. Select the Blending mode for each of the blue light layers as Color Burn. The result should look like the image below.



Step 5

Duplicate the Shape layer, press U and at the top select its fill color as #459ccb. Rasterize the layer (right-click, Rasterize Layer), then Ctrl+click the layer thumbnail to select its pixels. Go to the top menu: Select › Modify › Contract and select a 10px value, then click OK. This selects an area inside the shape that’s “contracted” by 10 pixels. Press Delete to clear the selected area, leaving you with the 10px border.



Let’s name this layer “Highlight” to try and keep everything a little organized. As a hint, it’s always a good idea to name your layers as it helps you find the correspondent layer to the shape on the screen much faster.

Apply it a Radial Blur (Filter › Blur › Radial Blur) with the same settings as before. I found it to be necessary to transform it and adjust its size a little (enlarge it) until it looks like the image below. Then, while holding Ctrl, click on the Shape layer’s thumbnail and click Add Layer Mask.This adds a mask in the shape of the (you guessed it) Batman shape. (Is that clever wording or what? :o) ). Right click on the mask and select Apply Layer Mask.

Next, add an empty Layer Mask to the Highlight layer, then duplicate the layer 4 times, making 5 identical Highlight layers, each with an empty mask.

Press D to select the default colors for background and foreground. Select the Gradient tool (G) and make it a Radial Gradient. Select the original Highlight layer and apply the gradient as arrow #1 shows below. Select the second Highlight layer and apply the gradient according to arrow #2, and so forth until the last Highlight layer.



After you’re done with the Highlight layers, the result should resemble the image below.



And…that’s it!

The Dark Knight logo is complete! I hope you liked creating it, as well as enjoyed the movie itself. It was hands down the best movie of 2008 and one of the best movies I can remember seeing.
0 comments

Speed and Flame Effect On A Static Car With Photoshop.

This lesson I'll try showing you how to give some speed and flame to a static car.

Find a picture with a car like the next one:


Mark out the car's wheel with the Elliptical Marquee Tool (M)



…then select the next selection: Filter>Blur>Radial Blur



We'll get the effect of rotating wheel:



Next try to give the same effect to the second wheel.



Make a copy of this layer (Ctrl+J) and try to enlarge it by 20%, using the Free Transform option. Blur out the borders of the doors' pole, of the backside light, of the wheels and the mirrors, using the Smudge Tool (R) for this operation. We need also to choose for this layer the next demonstrated Blending Mode.



We need to get the next result:



On a new layer we'll insert with the brush a blue silhouette, using the next indicated color's code:



Set the next indicated parameter:



We'll get the next result on this stage:

 
;