Photoshop Tutorial: NeoN TexT

This section is like my other post before about make banner for your blog. But it have a different result. May be this can be alternate if you want to make your banner easier. Let see the tutorial…
You can download it here... or keep reading More...


1. Create new file with dimension 400x120 pixels and resolution: 100 pixel/inch. Press D button on your keyboard to reset Photoshop color to default. Fill background layer with black color use ALT+DEL.



2. Activate Horizontal Type Tool and type your text. Use Verdana as font with size 42 pt and Style: Bold Italic. After you set font, style and size then now hide background layer. Click on the eye icon of background layer to hide it. Now you may type your text and press CTRL + Enter if you done.

3. Still working on text layer, double click text layer on layer palette to show Blending option dialog box. Choose on Outer Glow and define Blend Mode: Screen, Opacity: 75%, color: #0071BC, Technique: Softer, Spread: 0, Size: 43.

4. Press CTRL + J to create duplicate of text layer. Double click on text layer copy to show Blending Option dialog box. Choose on Inner Glow, then define Blend Mode: Screen, Opacity: 75%, color:#0071BC, Technique: Softer, Source: Edge, Choke: 0 and Size: 10.

5. Click eye icon of background layer to unhide it. Now create new layer and the new layer must automatically name Layer 1. Bring the layer 1 to the top on layer palette. Change layer 1 blending mode to Color Dodge.

6. Last step, on menu choose Filter>Render>Clouds. Repeat this step until you got image that you want. My result like image below.

Make Banner with Graffiti Text use Photoshop

Waw…first time I make this text I've been confused, what title should I give to this text. But finally I decide to named it Grafitty banner. I don’t know named it right or not, if you want give it better name just post comment on this post section. This section is easier than I post before. Just used very simply technique, using move tool and free transform tool. Its very easy you must see. Interested? Keep read more...
Create new file and type your text, but separate them word by word. Each word on each layer. Use this font called BeijingWigowhat_crazy, you can download it here....

Arrange your text like following image. Use free transform to match the size until you think its look good.

Now we need to make those text look not separate. In this case I need to warp "Learn" text, especially letter "L". Activate "Learn" text layer, and use Rectangular Marquee Tool to select warp area.

After the area is selected, activate Free Transform Tool - use CTRL + T. ow… before that rasterize every text layer, right click the layer on layer palette and choose rasterize type. Resize the selected area and you should get like the following image.

Press Enter if you done, then loose the selection area press CTRL + D. Add something for the background to make it more interesting, follow your imagination. My result is like the following image.

Want to link me with this banner? Copy the code below and put it on your site ^_^
<a href="http://easyway2learn.blogspot.com" target"_blank"><img border="0" alt="Easy 2 LeaRn" src=http://i325.photobucket.com/albums/k392/hard2sleep/photoshop%20tutz/Graffiti%20Banner/finale.png""/></a>

Glass Text [Photoshop Tutorial]

In this section I learned about the function of Noise filter, Blur filter, Auto Levels, Lighting effect filter, zigzag filter and many more. Lets see the tutorial, you can download it here… or keep read More...
1. Create new file with dimension 500x400 pixel. On menu choose Filter>Noise>Add Noise, define amount: 100 then click OK.

2. Next on menu choose Filter>Blur>Gaussian Blur, define Radius: 3 and click OK.

3. Apply Auto level, to do it press Shift+CTRL+L. The image will look more Contrast.

4. Next press CTRL+U to show Hue/Saturation dialog box. Check on Colorize, then define Hue: 196, Saturation: 25 and Lightness: 0.

5. Now on menu choose Filter>Distort>Ripple. On Ripple dialog box, define Amount: 100 and size: medium.

6. Again on menu choose Filter>Distort>Zigzag, define Amount: 10, Ridges: 5 and Style: Pond Ripples.

7. Next, on menu choose Filter>Render>Lighting Effects. Arrange the setting of Lighting Effects like image below.

8. Activate Horizontal Type Tool and type your text. In this case I use Font: Century Gothic and Style: Bold. Don’t forget to use color: white for your text. Press CTRL+Enter if you done, then use Move Tool to arrange your text to the middle of canvas.

9. Double click on text layer to show Blending option dialog box. Choose Drop Shadow, uncheck on Use Global Light and define Angle: -5, Distance: 6, Spread: 0 and Size: 10. Don’t press OK yet, still more to do.

10. Now choose Inner Glow, define Blend mode: Screen, color: #FFFFFF, Technique: Softer, Source: Edge, Choke: 0, Size: 27, Contour: Sawtooth and Range : 53. Don’t press OK yet, still more to do.

11. Now choose Bevel and Emboss, define Style: Inner Bevel, Technique: Smooth, Depth: 500, Direction: Up, Size: 4, Soften: 3, Angle: 120, Altitude: 30 and Contour: Ring. Leave other on default, then press OK.

12. On layer palette, reduce layer text Fill to 0 %.

13. Now your Glass text effect is done.

Photoshop Tutorial Make YouR own Blog Banner

Hi..
Today I make a new banner for my blog and I made it use my favorite program Photoshop CS.
I post this because I look to another blog and there many of blogs got no banner for exchange. So think I can help if I post this. Its not difficult just in 3 steps. Lets try it !!


Let's begin Step 1:
Create new image with size that usually use for banner exchange use 300x 60px or use bigger size and you can resize it later. Fill the canvas with black and type your blog title or text that you want.

Still want to continue?? OK,keep readMore...
Step 2:
Double click on you text layer to add a new layer style. For the simplest way I use outer glow, so click outer glow to show the option and set color that you want , but better if you choose something bright. And set opacity to 100.

Next duplicate your text layer use CTRL+J, then double click on it to show blending option. Choose on outer glow and reduce the opacity to 50.

You will got a something like the following image.

Step 3:
Done with the outer glow setting, now create new layer. Activate Rectangular Marquee Tool and create selection area like image below. Then fill the selection area with White, use Edit>Fill>Color and choose white.



Done with that now press CTRL+D to loose the selection area. On layer palette, change layer 1 Blending mode to Difference. Done!! Your banner is ready for exchange with another blogger. Very easy isn't it??

Create Flooding Text on my site or yours using HTML

Do you want to know how to make this text?

Im just new on HTML so i just post what I learn today. And today I learn how to make flooding text. First time I read this tutorial I think its complicated with the symbol and the comand. But I don't want to give up and I try with something that I think easiest.Like we all know the easiest to learn something is with action.
The flooding text above using syntax like below.....

<marquee behavior="scroll" bgcolor="white" width= "400" height="20"> Do you want to know how to make this text? </marquee>

Marquee is command in HTML for flooding text in HTML page. Syntax is <marquee [properties]>….text/item…</marquee>.

The table below is properties of marquee and its values. So if you want to learn marquee command just try the properties and value show on below.

Properties	Value
Behavior	Techniques from marquee to run the text, value are slide, scroll, and alternate.
Direction	Up, down, right, left.
Height	Value in pixel or percent (%).
Width	Value in pixel or percent (%).
Continously	Default is always repeat the technique but if you want to define how many times text scroll or slide just input the number you want.
Bgcolor	Color of marquee background, value is color or hex number.
Style	Ability to define font, paragraph, border, numbering and position.

 

Here is another example....

Using direction=down and different size

The command I use for this like below...

<marquee behavior="scroll" bgcolor="white" width= "300" height="150" direction="down"> Using direction=down and different size </marquee>

Edited on 22 August 08 for my blogger friends ^_^ Arjaeuse
Here is another example again.. but this time useful for yours blog link...

this Link to my blog


next type yours blog links

The command I use for that like below....

<marquee onmouseover="this.stop()" direction="up" width="95%" scrollamount="3" onmouseout="this.start()" height="300" align="center"><a href="http://easyway2learn.blogspot.com">this Link to my blog</a></marquee>

This section edited on 24 August 08 request by my blogger friend Miss Anik...
Now we try to use an image ....

The command is like below....

<marquee behavior="scroll" direction="left" width= "400" height="200"> <img src="my image LINK code"> </marquee>
Interesting isn't it?

Photoshop Tutorial: Text in The Net

This time I learn how to make Text in the Net. In this section I learn how to use Displace Map Filter, Gaussian Blur, how to define pattern, using Lighting Effects and many more. Ok don’t waste time, let see the tutorial. You can download tutorial here… or keep read More...
1. Create new file with dimension 600x300 pixel and resolution 72 pixel/inch. Define grey (#808080) for foreground color. Press ALT + DEL to fill canvas with foreground color.


2. Press D button to reset color to Photoshop default. Activate Horizontal Type tool and define Font: Verdana, Style: Regular and Size: 72 pt. Type your word but not too long, in this case I type my blog title E2L for Easy 2 Learn. Use Free Transform or CTRL + T to resize the text, make it bigger.



3. Next on menu choose Filter>Filter>Gaussian Blur, define Radius: 20 pixel. After that press CTRL+ALT+S to save it as a Dismap file name it 'YOUR TEXT'.psd.



4. Create new layer above your text layer, in menu Layer>New>Layer and name it "NET".

5. Press CTRL+Del to fill NET layer with white. Then activate Rectangular Marquee Tool and create selection with Shift key on hold.



6. Without loosing the selection area, on menu choose Edit>Stroke. Define Width: 1px, Color: black (#000000) and Location: Inside. Click OK if you done.

7. With selection area still active, on menu choose Edit>Define Pattern. On dialog box name it "Square".

8. Press CTRL+D to loose the selection. Then on menu choose Edit>Fill, choose Use: Pattern. On Custom Pattern search pattern you just make.



9. On layer palette move "net" layer to below 'your text' layer.

10. Activate 'your text' layer then press CTRL+I to Inverse color of 'your text' layer. Your text color will turn white. Next press CTRL+U to show Hue/Saturation dialog box. Check on Colorize, then define Hue: 58, Saturation: 100 and Lightness: -48.

11. Next on menu choose Filter>Render>Lighting Effects, arrange the lightning position like image below. On Texture channel option choose 'your text' Transparency, checkbox on White is high and define Height: 76.

12. Now activate 'NET' layer then press CTRL+U to show Hue/Saturation dialog box. Checkbox on Colorize then define Hue: 58, Saturation: 56 and Lightness: 21.

13. Next on menu choose Filter>Distort>Displace, define Vertical and Horizontal scale: 15. On Choose a displacement map dialog box, find and choose file 'YOUR TEXT'.psd that you save at step 3. Click Open and your image should like below now.



14. Next on menu choose Filter>Render>Lighting Effects, arrange Lighting position like image below and on Texture channel option choose None.

15. Next on menu choose Edit>Fade Lighting Effects, reduce the Opacity value to 50% then click OK.

16. Now activate "your text" layer, change the Blending Mode of "your text" layer to Linear Burn.

17. Press CTRL+J to make duplicate of "your text" layer, then change Blending Mode of "your text" layer copy to Hard Light and reduce Fill to 60%.

18. Next on menu choose Layer>New Adjustment Layer>Hue/Saturation. Dialog box will show , click OK on it. On Hue/Saturation, checkbox on Colorize then define Hue: 203, Saturation: 66 and Lightness: 0.

19. Activate Horizontal Type Tool, define Font: Verdana, Style: Regular, Size: 30pt and color Black. Type your text, press CTRL+Enter if you done. Move your text to middle left of canvas use Move Tool.

20. On layer palette, double click your text layer to show Blending Option dialog box. Choose Stroke then define Size: 3, Position: Outside, Opacity: 100, Fill Type: color and Color: Orange (#F7941B). Don’t press OK yet, still more to do.

21. Now choose Drop Shadow and press OK.

22. Its done!