Monday, 28 January 2013

How to Create Contact Form Validation in Dreamweaver

First Create the form with your required fields.
When your form will be ready then go on Window Menu and select Behaviors from there. A window will be appear on your side panel there will be some other tabs like "Attributes", "Tags" and "Behaviors". Now select the Submit Button and click on "+" sign under the Behaviors tab. A window of behaviors will be open and you will find different behaviours which you can use for different tasks. Select "Validate Form" now.

Select required validations for fields
This dialog will be open when you will select Validate Form behavior. Here you will see all text fields which you have used in contact form. Now select one by one field for validation and apply checks from under the "Fields" area. Here you will find following checks.

Value Required: Check this if you want user must enter this field
Accept: Here you will see different radio buttons with captions
  1 . Anything: User can enter anything.
  2 . Number: Only numbers will be entering.
  3 . Email address: This check will be for email validation
  4 . Number from: You can specify range of numbers.
After you have applied the Validation that you require, Save the Document and test it by not entering in anything into the fields. You should get a pop up box like this.


Friday, 25 January 2013

Tutorial for Photoshop Fire Effects

I will show you how to use a fire brush in Photoshop.

Start with a Background layer filled with color black; the fire brushes look better on dark backgrounds. Download my set of fire brushes or any other set of fire brushes that you like. Set the foreground color to white and pick one of the fire brushes and use it in another layer than the background. Let's call this layer Fire layer.
As you can see in the image above, the flames look more like smoke brushes instead of fire brushes. To change that I will add some layer styles to the Fire layer; so add Outer Glow, color #ff0000, Color Overlay, color #ffda0c and  Inner Glow, color #ffff00 with the following settings.



So after adding these layer styles this is the result. You can clearly spot the difference between the before and after image of these Photoshop flames.

Now it starting to lok like a realistic fire but to make it look better we will add two adjustment layers. The first adjustment added is a Brightness/Contrast which will make the flames more vibrant. Remember that this adjustment is nt always necessary, depends on the quality of the brush and the result that you want to obtain.

You can also add a Hue/Saturation adjustment layer if you want to change the saturation and the color tone levels.

So that is all, this is how I use fire brushes in Photoshop. I suggest you to save the Fire layer style so that you can use it quickly when you need it. This is my final result for fire flames made from scratch in Photoshop.


Thursday, 24 January 2013

To install New Fonts in Photoshop

Here we go....

Here is how you can install a new font that will be available in most of the Software Programs that you have installed, like Photoshop for instance.
Download the Font
Let's say you have found a new Font on the internet that you want to use. There are many Font Websites, many of them free for peronal projects, so plenty to choose from. First you have to download it.
Extract Files from Archive
Most of the Font files come in an archive like .zip or .rar. After you downloaded the archive, press right click and choose Extract Files. You will see that the archive contains a TXT file and a .ttf file that is actually the font file.
There are other extensions for Fonts for example .otf or .fon. They all have the same installing process.
Install a New Font
Now the file is on your computer but in order to install the new font you have to make the following steps. If you have Under Windows 7/Vista all you have to do is Right Click on the .ttf file and choose Install.

If you have other Windows version, you have to go to the Fonts Folder. On my computer is in C:\Windows\Fonts but it can also be on C:\WINNT\Fonts it depends on the Windows version.

While being in the Fonts Folder open the File menu and click Install New Font. Or simply Right Click on the window and choose Install New Font. You will have to browse the folders to find the path where you saved the .ttf file.
If as a result your new font is added in the Fonts Folder that means the install process was successful.
If the process went well, when you will open the Photoshop the new font will be in the Type Tool fonts list, ready to be used !