Showing posts with label Free HTML. Show all posts
Showing posts with label Free HTML. Show all posts

Friday, October 9, 2009

Selecting Gradient Colors

Hello,
Harry asked me that he was not able to understand the concept of how to select the gradient colors. I told him that you now how to select the gradient tool, (refer to the previous blogs)the
gradient options appear on the Options Bar. The color bar allows you to set the, gradient colors. If you click on the pull down menu, you
you can select any of the displayed color combination. (If you hold your mouse over any of the choices, you will see a text description of it.) The upper left hand corner always displays the default combination, a gradient from the foreground color to the background color. By setting your foreground and background colors on the toolbox, you can easily define your own simple gradient.


The circle button with the black arrow (circled in red here) provides a fly-out menu with more gradient options. This menu lets you load more gradients, save modified gradients, gradients shapes, rename gradients and reset the gradient selection to Photoshop's default values. The bottom grouping is a list of other gradients families that can be used if desired by the user.


Editing Gradient Colors

If you want to make changes in one or more of the colors in your chosen gradient, you can click on it the options bar to open the Gradient Editor dialog box. For example, clicking on this gradient.


This will display this Gradient Editor dialog box :
The Color Stops appearing below the gradient marks of the each colors in the gradient. To change a color, double click on its Color Stop; the color picker will open, allowing you to select a new color. You can also add more Color Stops by clicking between the existing Stops. To remove a color, simply drag its Color Stop away from the gradient.

Saving an Image

Now that you've changed the image, let's save it: select Save from the File menu. Photoshop should select the directory from which the image was loaded and should choose Photoshop's PSD file format as the image format.


Thanks For Reading!!

Sunday, October 4, 2009

Knowing Gradient Styles

Hello,
Yesterday Bella told me that she is very confused with various types of Gradient styles.Then I told her in a simple way that when the Gradient tool is selected, a series of five style buttons appear on the Options Bar:
These buttons represent various gradient styles:

* Linear * Radial *Angular *Reflected * Diamond


The description of each style, with an example of which is shown below. To help you visualize how each gradient was
created, the mouse action is superimposed on the gradient:


* The black triangle indicates the center point.
* The dashed line indicates the selection line.
* The red triangle indicates the end point.

In each case, the mouse was dragged from the center point along the selection line to the end point, then released.

The Linear Gradient- This option can create vertical, horizontal and diagonal gradient.
For vertical gradients, draw a horizontal selection line (that is, drag the mouse left to right or vice verse)

For horizontal gradients, draw a vertical selection line (that is, drag the mouse up or down)

For diagonal gradients, draw a diagonal selection line (that is drag the mouse diagonally)



The Radial Gradient -
This option creates circular gradients. Start the mouse drag at the point where you want the center of the gradient to be ; release the mouse button where you want to the outermost circle of the gradient to be.


The Angular Gradient - This option creates a circular sweep of blended color. Think of it as a clock face with a sweep second hand that the gradient flows from as it goes around. Start the mouse drag where you want the center of the clock free to be, drag the selection line as if you were drawing the starting point of the clock's second hand. When the mouse is released, the second hand sweeps counter-clockwise around the center point and stops when it returns to where it began. The sweep begins with the left-most color on the color bar and ends up with the right-most color.

The Reflected Gradient - This option works the same way as the Linear Gradient, but it creates a mirror image as well. In other words, when you create the selection line, the gradient flows out in both directions from the center point, rather that just in the direction you drag the mouse.

Thursday, September 17, 2009

Creating A New Image And Color Section

Hello,
To create a new image, select File -->New, or press N
A dialog box pop up prompting you to define five general elements for creating a new image.

* Name the image now. (or later, when you save the image)
* Predetermine the size of the image
* A resolution of 72 ppi (pixels per inch) is generally used for Internet purposes.
Anything higher than that can be used for images requiring high quality, such as
those required for print or video.

* In our working, we'll stay with the RGB (Red Green Blue) color mode, which
offers general colors. There are also other preset odes that offer difficult
schemes such as grayscale.
* The contents section allows you to decide what will be the initial background color of the new image. (Set to Transparent or to White)
Before we start drawing or editing we should first learn about the color selections in Photoshop :

Understanding Color Selection
Color selection is the act of picking the color that you want to use as a part of your image.At a time, Photoshop remembers two colors for you: the foreground color and the background color. The foreground color is used to make gradients and fill in the erased areas of an image.
There are several ways in Photoshop to change the foreground and background colors, we'll cover the most common methods here.
USE THE DEFAULT COLORS. Clicking the 'set default colors' button on the toolbox. This will set the foreground color to black and the background color to white.
SWAP THE BACKGROUND AND FOREGROUND. Clicking the small curved arrow on the toolbox will reverse the foreground and background colors.
USE THE EYEDROPPER TOOL TO SAMPLE A COLOR. The eyedropper tool, located on the toolbox, allows you to simply click on a color in an open image to select it as the foreground color.To set the background color, hold down the ALT key when you click. When using a painting tool, you can temporarily turn the cursor into the Eyedropper tool by holding down the Alt key. When you release the Alt key, the cursor turns back into the previous panting tool.

Friday, September 11, 2009

Codes for Colors

Hello,
Today I will be telling the codes of color in HTML.The main colors are RED, Green, and Blue. There are 16 widely known color names defines in HTML. These name and thier associated HEX RGB values are shown below -:
Aqua-#00FFFF
Black - #000000
Blue - #0000FF
Fuchsia - #FF00FF
Gray -#808080
Green -#008000
Lime -#00FF00
Maroon -#800000
Navy -#000080
Olive -#808000
Purple - #800080
Red -#FF0000
Silver -#C0C0C0
Teal - #008080
White - #FFFFF
Yellow - #FFFF00

There are many more colors and hex values.

Monday, June 29, 2009

Knowing Symbols and Instances

Hello,
One of the great things about Flash is that it allows you to create a graphic once use it over and over again.This allows your Flash animation to download faster.
Now many of you must be thinking that what are symbols.Symbols are reusable elements and can be put in the library.In order to animate something in Flash it must be first changed into a Symbol.So the next question arises what are instances.When we place a symbol on the stage from the library it is called an instance of that symbol.

Creating Symbols.
Aim:Draw a fish.Converting a fish into a symbol and place in the library.
Step1:Select the fish by pressing Ctrl+A.
Step2:Group it by pressing Ctrl+G
Step3:Select Insert -->Convert to Symbols or Press F8
Symbol Properties dialog box will appear:
By default the behavior is on 'Movie Clip'.It is right option because some time we are not sure which behavior is the best.Button behavior is selected when we are creating action buttons.Graphics behavior is used for synchronization applications.

Step4:Name you symbol 'Fish',click that it's a Graphic and pick a registration point.
What is a Registration Point??
This is the point that you would use as the 'center' if you want to rotate the Symbol.
Step5:Click OK
Step6:Press CTRL+L to open the library window and notice one symbol 'FISH' in the library.
Step7:Delete the fish from the stag and drag it from the library for the use.
Try This!!
Draw an airplane in Macromedia Flash and convert it into a symbol.
Hope you will try this and if you are not able to do this excercise you can leave a comment or e mail me at ranibhardwaj31@gmail.com and ask your queries.I will surly repay them.Thanks for reading

Friday, June 12, 2009

Basic Of HTML

Hello,
So many people ask that what does HTML stands for HTML stands for Hyper Text Markup Language.I shall be telling you the history of HTML.HTML was developed a few years ago as subset of SGML (Standard Generalized Mark up Language) which is a high-level markup language that has been used by the Department of Defence.Like HTML,it defines different components of a document and describes formatting and hypertext links.If you want to make a website or a webpage you must know what is HTML and how to you use HTML.To create a website you can use Macromedia Dreamweaver and Microsoft Frontpage but the best way to create a website is to use your own HTML codes but while you are making your website it is very necessary to write proper KEY WORDS.Search Engines like Google,Yahoo,MSN look at your keywords and rank your websites accordingly.The appropriate your keyword is the higher your ranking is and more you get traffic on your websites.For any information you can leave a comment or e mail me at
ranibhardwaj31@gmail.com .Thanks for reading!