Best colors for Web design

There are many web design tutorials which cover the Web color in detailed scientific terms. However, for our goals, briefly discuss color Web and how it will be used in the Web portfolio. You will develop a set of colors for your pages to the portfolio. This means that you will specify colors for your background of the page, the type used on the page and all the other static elements in the page. There are two types of color that can be used in Web graphics. Colors can be associated with Web graphics files formats refer us to: GIF and JPG. GIF

GIF files use the colors of the index. Index color is composed of 216 common colors found on all screens in all Web browsers and computer. These common colours reside in a Web palette. The Web color palette is available in Macromedia Fireworks and Adobe Photoshop, and they can be used in the design of Web displays without color difference when the pages are on the Internet. In addition, the Web palette is the standard color palette in Macromedia Dreamweaver and Macromedia Flash. This allows us to achieve color consistency across Web applicationstent and Web browsers.

We use Web colors for:

o a text/HTML Web text

Web page backgrounds o

Web page colors o used for table or layer backgrounds

o Web links

o GIF JPG files

JPG files using red, green and blue (RGB) color of the chart. RGB color is also known as the color name. Full color sections include graphics bitmap or photographs. We want to use the photographs as much as possible within a portfolio of Web to add to the Visual rhetoric and the story we are trying to present. Use of photographs, including their manipulation programs like Adobe Photoshop, require a brief description of the RGB color model. RGB color is known as additive color because of all the colors, red, green, and blue are added together in their full intensity which would create a pure white. Mixtures of the relative strengths of these colors, "create millions of colours may show the computer monitors" (Kimball, 2003, p. 95). The strength of these colors is set in from 0 to 255 with zero being less intensity and 255 being the highest intensity. When red, green and blue are combined with zero intensity, the result is black. At full power, high-intensity, where the values are set to 255, 255, 255, the result is pure white. To remember, here is a simple metaphor. Think of the red, green and blue as switches. Each switch of light using a cursor has a range from 0 to 255. When all white switches are set to zero, the room is dark. That all switches are set to 255, the room is lit at full intensity. Once you start to use applications such as Adobe Photoshop and Macromedia fireworks image editing, you start exploring the color of the computer in your graphics and photographs. When talking about use of colour, full or colour RGB is present in the photographic JPG files and other works of art created. Images full color should not be saved as GIF files because of the limited number of colors. By limited color, the color image will represent real colors using the existing Web palette of 216 colors.

This creates a poor, raster, ugly image. This is why it is very important to use the right file for each specific graphic format. When the conversion of the images printed on the Web, it is important that you do not use the color model CMYK for what anyone including graphics. The CMYK model is not a friendly monitor color space. CMYK graphics cannot be considered in CMYK on the Internet. They can only be represented by the RGB color model or Web safe (indexed) color model. Here are the rules for the color of the Web.

photos and full o (palette RGB) colour images are saved as JPG.

o flat graphic (Web 216 palette) with limited color are saved in GIF format.

o for Page backgrounds using the Web (Web 216 palette) safety palette in all applications of Web development, computer graphics and multimedia. Now, to discuss graphic size and the Web page. Size

Web pages are measured in pixels. Pixels are the unit of measurement of the screen. A Web page can be literally any size. Usually, the standard Web pages fit in a few sizes:

oW × H

o 600 × 800

o 640 × 480 (Dreamweaver default value)

o 1024 × 768.

w 550 × 400 (default Flash)

The page sizes default Web provided in the Web applications user-friendly and above are an excellent place to start. You will probably use a small, custom size for the pop-up Windows. The size of the Web page that you choose depends on you. Don't forget to use the real space of the Web page effectively so that conattempts is nearby appropriate to the user's browsing habits. Web page size affects how users move on Web pages and website portfolio. Only one rule: choose a size for all main screens and stick to it.

Consistency of page size r must be used on each level of the organizational structure of the Web portfolio design. You must understand the size of the image when you expand screens and editing Web graphics. We must keep our graphics on the page guidelines size otherwise they will extend the Web browser and the user will need to scroll see them. That is not a good thing and will disable permanently the user. When you look at the Web screens and graphics in an application such as Macromedia Fireworks or Adobe Photoshop image-editing, you can see the exact size that will occupy the image on a monitor when the view is set to 100%.

This means that you can get a clear sign of the preview a page before going through the process of making a HTML Web page. This helps the design and production. It helps eliminate guess them work, then develop-ing pages. Size also depends on the resolution. Then discuss resolution.

Read more web design related articles by visiting our Web site.

Select the slide colors like a Pro (video)

This is the seventh in a series of quick video tips for business managers by PowerPoint from guest blogger Bruce Gabrielle, author of PowerPoint talk.

Here is a quick way, choose colours, so that your PowerPoint slides, become a professional even if you not a graphic designer.

--Bruce Gabrielle

View the original article here

Tutorial Photoshop - separation of colors for screen printing

If you are new to screen printing, can you do not know where to begin when it comes to getting ready artwork for printing. Separate the color images is an important step. Fortunately Photoshop is easy enough. I will show you how in a few easy steps.

Open the image in Photoshop. Now, select the magic wand tool in the tools Panel. Use this tool to select all of color in the image. If you need to select more of a field, hold the SHIFT key pressed, you click on the image. You will see "dancing ants" around the selected areas. If you click the wrong box, simply press Ctrl + Z to undo the last move, or click right and select subtract from the selection. Once you have made your selection, click right and select Layer via copy. This will create a new layer with just the color of an inside.

If you look at the layers Panel now you will see two layers. Disable the icon of the eye next to layer 1 to hide the layer. You should be able to see just the color that you selected on the left in the image. I will change the name of this layer of colour it by double clicking on the name and the replacement text.

If everything looks good, click the space where the eye icon was to reappear as layer 1. Follow the steps in the selection of a color and the overlay via copy again until all the colours are represented in their own layers. Whenever you select a new color of overlay, you will need to make sure that layer 1 is active. You can tell because this layer will be highlighted in blue in the layers panel. Layer 1 should be active because it is where all the colours originally reside. If a different layer is then active when you try to use the magic wand tool to select a color, it does not work correctly because the color you select is not present in the active layer.

The colors have the finer details are a little more complicated than the other layers. It is a good idea to zoom in when you select small areas to make sure that you don't miss anything. Also, if I use the magic wand to select small characters like the TM next to the logo it will probably not consider crisp when screen printing. Instead of selecting this area with the magic wand, create a new layer and use the text tool to rewrite TM. Write TM black and move the TM to the correct location on the image. Use a different color that the TM was written in, so it is easy to see if the police is the right size, etc.

Now hide all layers in the layers Panel except the TM layer and the layer that contains the same color that you want to Mt to be printed in. Click the right button in the layers panel, and then select Merge Visible. The two layers are now together in a single layer.

You will need to create registration marks now so the layers are easy to align when printing. Use a thin font such as Arial and write the + sign in black in three corners of the image. Use a font size that is easy to see, but not too thick or it will be difficult to align. The registration of marks must be far the image that they do not interfere with printing, but near the image always enough. When you print a few logos, you will get a feeling to learn how to create and place these marks.

Now select one of the layers. On the file menu, click Image > adjustments > levels. The levels options window will appear. Under output levels: there is a black and white bar with two arrows below. Click the white arrow and drag it to the left end of the bar. This will transform the black layer.

This with each layer so that each layer is black. You are now ready to print. You want to print each layer separately colored in black with the registration of marks on each impression. Printing good luck!

Lisa Robbins is one of the founders of WebsiteTemplateDatabase.com, a resource for free Web site templates and Tutorials Photoshop.