Using the selection tool in Photoshop (Very basic) Cont.

Selection and Learning in Photoshop.

In Adobe Photoshop one of the most important concepts  is Selection.

See in your tool area. There is a tool named Rectangular Selection Tool.

Use this tool on your image to select an area of the image. This lets Photoshop know that that's the area you want to work on.

Selection and making a square.

To add to a selection, hold Shift before dragging.

Tomake the selection exactly square, start dragging, then hold Shift.

You can press Ctrl+D to "deselect" and remove the selection at any time.

Elliptical Selections and subtracting Selections

Hold down on the Selection Tool on the Toolbar, and choose the Ellipse.

To move the selection, just click inside it and drag.

Holding Alt while selecting subtracts that area from the selection. I've done that with the Ellipse Selection Tool

Using the Layers window in Photoshop

The Layers window shows the various layers that your image is made up of.

To make a new layer, click the New Layer button, as shown by the red arrow.

To work on a different layer, click on that layer. The eyeball will apear next to that layer.

You can drag layers up and down the list.

Note – create a new layer for each part of your image. More you need. This allows you to go back and edit the layers individually and you can modify easily. Every Adobe Photoshop beginner at some time makes a masterpiece, only to find out that they did it all on one layer, and now they can't remove those pink clouds they put on it. 

The Layer in Photoshop.

Adobe Photoshop Beginners' Guide

Adobe Photoshop Beginners' Guide
Hey Worried about learn to Photoshop. Some people email me to know the very basic of Photoshop. Ok, if you wanted to learn how to use Adobe Photoshop, but had no idea where to start? This wall of writing is for you.
Most Photoshop tutorials for beginners are really for people who are already familiar with the program. This tutorial goes right back to the and is designed to help people who are absolute Photoshop beginners.
This basic, tutorial is not a comprehensive instruction manual. It only teaches you the few simple features you need to know, to start using Adobe Photoshop. From there, you'll quickly discover most of the other features of the program yourself.
The images in this tutorial are from Adobe Photoshop 7.0, but they're very similar to those from newer versions, like Photoshop CS4.
Now you can bookmark this page, start Photoshop, and I will begin the tutorial.

Creating a New Image, and Setting .

Click File > New, and create a new image of any size you desire.
Press Ctrl+K to bring up the Preferences window.
Change your "Redo Key" to Ctrl+Shift+Z. This enables you to press Ctrl+Z at any time, to undo the last thing(s) you did. Remember this.

The healing brush tool
The healing brush tool paints with a sample or pattern to repairs imperfections in a image.


The patch tool
The patch tool repairs imperfections in a selected area of an image using a sample or pattern.


The brush tool
The brush tool paints brush strokes.


The pencil tool.
The pencil tool paints hard-edged strokes.


The clone stamp tool.
The clone stamp tool paints with a sample of an image.

Using Photoshop Toolbar Cont..

The slice tool
The slice tool creates slices of your images or picture.You can more slices of your images. Think you need small slice of a picture , you can do to use of The slice tool.


The slice selection tool
The slice selection tool selects slices.This tool is select the part of your image.


Keep Practicing.Best of luck. Oh-o-o LUCK is nothing but try try and try.

Using Photoshop Toolbar Cont..

The lasso tools
The lasso tools make freehand, polygonal (straight-edged), and magnetic * (snap-to) selections.


The magic wand tool
The magic wand tool selects similarly colored areas.


The crop tool
The crop tool trims images.


The slice tool
The slice tool creates slices.

Using Photoshop Toolbar.

Using the toolbox
The first time you start the application, the toolbox appears on the left side of the screen. Some tools in the toolbox have options that appear in the context-sensitive tool options bar. (See Using the tool options bar.) These include the tools that let you use type, select, paint, draw, sample, edit, move, annotate, and view images. Other tools in the toolbox allow you to change foreground/background colors, go to Adobe Online, work in different modes, and jump between Photoshop and ImageReady applications.

The marquee tools
The marquee tools make rectangular, elliptical, single row, and single column selections.


The move tool moves
The move tool moves selections, layers, and guides.

Tutorials and Techniques of Photoshop.

Using Web resources
If you have an Internet connection, you can use the Adobe Online feature to access additional resources for learning Photoshop and ImageReady located on the Adobe.com Web site. From the Adobe.com home page, select Products. Then choose Photoshop and go to Training & Events.
These resources are continually updated and include the following:
Tutorials and Techniques
Provide step-by-step instructions on using Photoshop or help on performing advanced techniques. These tutorials can help you go beyond the reference information contained in the user guide and show you how to use Photoshop with other applications.
How Tos and Backgrounders
Provide access to procedures for performing tasks in Photoshop and to detailed reference information on a variety of topics. This information provides help on everything from common processes to the complex inter-application tasks necessary to prepare graphics for the Web.
Troubleshooting
Provides access to solutions to problems you may encounter using Photoshop. You should check out troubleshooting information available through Adobe Online and the Adobe Web site before you call customer support.
To access the Adobe home page for your region:
1. Open the Adobe U.S. home page at www.adobe.com.
2. From the Adobe Worldwide menu, choose your geographical region. Adobe's home page is customized for 20 different geographical regions.

Using tool tips

The tool tips feature lets you display the name of tools, or buttons and controls in palettes.
To identify a tool or control:
Position the pointer over a tool or control and pause. A tool tip appears showing the name and keyboard shortcut (if any) for the item.
If tool tips don't appear, the preference for displaying them may be turned off.
To display tool tips:
1. Choose Edit > Preferences > General (Windows and Mac OS 9) or Photoshop > Preferences > General (Mac OS X).
2. Select Show Tool Tips, and click OK.
Note: Tool tips are not available in most dialog boxes.
Using Web resources

If you have an Internet connection, you can use the Adobe Online feature to access additional resources for learning Photoshop and ImageReady located on the Adobe.com Web site. From the Adobe.com home page, select Products. Then choose Photoshop and go to Training & Events.
These resources are continually updated and include the following:
Tutorials and Techniques
Provide step-by-step instructions on using Photoshop or help on performing advanced techniques. These tutorials can help you go beyond the reference information contained in the user guide and show you how to use Photoshop with other applications.
How Tos and Backgrounders
Provide access to procedures for performing tasks in Photoshop and to detailed reference information on a variety of topics. This information provides help on everything from common processes to the complex inter-application tasks necessary to prepare graphics for the Web.
Troubleshooting
Provides access to solutions to problems you may encounter using Photoshop. You should check out troubleshooting information available through Adobe Online and the Adobe Web site before you call customer support.
To access the Adobe home page for your region:
1. Open the Adobe U.S. home page at www.adobe.com.
2. From the Adobe Worldwide menu, choose your geographical region. Adobe's home page is customized for 20 different geographical regions.

Web features, Photo editing and retouching, productivity features

If you want to focus on Web features:

• See Create compelling Web designs for an introduction to the powerful Web tools.
• See Creating and viewing slices to explore layer-based, user-defined, and automatic slices.
• See About optimization to learn how to fine-tune your Web designs by applying transparency, dithered transparency, or weighted optimization.
• See Using the Rollovers palette to see how easy it is to manage slices, rollovers, image maps, and animations.
• See Creating and editing animations to learn how to create instant GIF animations from layered Photoshop and Illustrator files.

If you want to concentrate on photo editing and retouching:

• See Edit images with ease for an introduction to the Photoshop image-editing features.
• See Using the File Browser (Photoshop) to find out how to quickly inspect files before opening them in Photoshop.
• See Using the healing brush tool (Photoshop) to learn how to remove flaws effortlessly while preserving tonality and texture.
• See Making color adjustments to learn how to fine-tune the color and tonality in your photographs.
• See Creating multiple-image layouts (Photoshop) to find out how to quickly create contact sheets and customized photo pages.

If you want to focus on productivity features:

• See Automate repetitive tasks for an overview of the Photoshop and ImageReady productivity tools.
• See Using the File Browser (Photoshop) to learn how to locate and organize images easily, and how to manage files and folders.
• See About data-driven graphics to learn how to produce variable designs such as Web banners or catalog pages automatically.
• See Using the Rollovers palette to see how easy it is to get instant access to all document states.
• See Managing files with WebDAV (Photoshop) to learn about the asset management features in Photoshop.

This is our first Introductory class about Photoshop.

Welcome to creative world! This is our first Introductory class about Photoshop. There are many version of Photoshop. What is Photoshop? Photoshop is a software where you can create all kinds of Photo’s. Actually Photoshop can do more about your thinking. Here you can edit, modify, create, adjust, fine-tune, Update and much more. So your images are now on your hand. ImageReady is a software also where you can simply animation and much more.



Installing Adobe Photoshop and ImageReady:
You must install Photoshop and ImageReady from the Adobe Photoshop CD onto your hard drive; you cannot run the program from the CD.
Follow the on-screen installation instructions. For more detailed information, see the HowToInstall file on the CD. The single installer installs both Photoshop and ImageReady.

Getting started:-
Adobe provides a variety of options for you to learn Photoshop, including printed guides, online Help, and tool tips. Using the Adobe Online feature, you can easily access a host of continually updated Web resources for learning Photoshop, from tips and tutorials to tech support information. Getting up to speed depends on your experience with previous versions of Photoshop and ImageReady.

If you are new to Photoshop:
• See An Overview of Adobe Photoshop to get an introduction to the software.
• Explore the Toolbox Overviews in online Help to get familiar with the basic tools and their functions. See Using online Help.
• Use the tool tips feature to help identify tools, buttons, and palette controls as you work in Photoshop and ImageReady. See Using tool tips.
• Go to the Adobe.com Web site and work through some of the Photoshop tutorials for hands-on lessons. See Using Web resources.

If you are an experienced Photoshop user:
• See What's New in Photoshop 7.0.
• Scan through Using the File Browser (Photoshop) to learn how to view, sort, and organize images without opening the files.
• See Working with brushes to explore the powerful new paint engine.
• See About optimization and Using the Rollovers palette to see new Web features such as transparency and simplified authoring.

2D & 3D computer graphics

Today, computers and computer-generated images touch many aspects of our daily life. Computer imagery is found on television, in newspapers, for example in their weather reports, or for example in all kinds of medical investigation and surgical procedures. A well-constructed graph can present complex statistics in a form that is easier to understand and interpret. In the media "such graphs are used to illustrate papers, reports, theses", and other presentation material.
Many powerful tools have been developed to visualize data. Computer generated imagery can be categorized into several different types: 2D, 3D, and animated graphics. As technology has improved, 3D computer graphics have become more common, but 2D computer graphics are still widely used. Computer graphics has emerged as a sub-field of computer science which studies methods for digitally synthesizing and manipulating visual content. Over the past decade, other specialized fields have been developed like information visualization, and scientific visualization more concerned with "the visualization of three dimensional phenomena (architectural, meteorological, medical, biological, etc.), where the emphasis is on realistic renderings of volumes, surfaces, illumination sources, and so forth, perhaps with a dynamic (time) component".

2D computer graphics

2D computer graphics are the computer-based generation of digital images—mostly from two-dimensional models, such as 2D geometric models, text, and digital images, and by techniques specific to them. The word may stand for the branch of computer science that comprises such techniques, or for the models themselves.

2D computer graphics are mainly used in applications that were originally developed upon traditional printing and drawing technologies, such as typography, cartography, technical drawing, advertising, etc.. In those applications, the two-dimensional image is not just a representation of a real-world object, but an independent artifact with added semantic value; two-dimensional models are therefore preferred, because they give more direct control of the image than 3D computer graphics, whose approach is more akin to photography than to typography.

Pixel art
Pixel art is a form of digital art, created through the use of raster graphics software, where images are edited on the pixel level. Graphics in most old (or relatively limited) computer and video games, graphing calculator games, and many mobile phone games are mostly pixel art.

Vector graphics

Example showing effect of vector graphics versus raster (bitmap) graphics.

Vector graphics formats are complementary to raster graphics, which is the representation of images as an array of pixels, as it is typically used for the representation of photographic images.[4] There are instances when working with vector tools and formats is best practice, and instances when working with raster tools and formats is best practice. There are times when both formats come together. An understanding of the advantages and limitations of each technology and the relationship between them is most likely to result in efficient and effective use of tools.

3D computer graphics
3D computer graphics in contrast to 2D computer graphics are graphics that use a three-dimensional representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images. Such images may be for later display or for real-time viewing.
Despite these differences, 3D computer graphics rely on many of the same algorithms as 2D computer vector graphics in the wire frame model and 2D computer raster graphics in the final rendered display. In computer graphics software, the distinction between 2D and 3D is occasionally blurred; 2D applications may use 3D techniques to achieve effects such as lighting, and primarily 3D may use 2D rendering techniques.



3D computer graphics are often referred to as 3D models. Apart from the rendered graphic, the model is contained within the graphical data file. However, there are differences. A 3D model is the mathematical representation of any three-dimensional object. A model is not technically a graphic until it is visually displayed. Due to 3D printing, 3D models are not confined to virtual space. A model can be displayed visually as a two-dimensional image through a process called 3D rendering, or used in non-graphical computer simulations and calculations.

Free Graphics Software

Free Graphics Software: from image editing and manipulation to viewers.
• Behemot Graphics Editor
Behemot Graphics Editor is a graphics program which allows to model and render 3D objects and scenes. It runs on Windows 3.1 (win Win32s Extension) Windows95/NT and Linux; it can create and modify graphically b-rep, blob, NURBS models; object can be logically intersected or subtracted; text can be converted into solid objects using True Type fonts; polyline and NURBS curve can be edited and used to build rotation and sweep solids; objects can be linked using skeleton to easily move them.
• Crossroads 3D
Crossroads 3D is a new Windows freeware application that can translate between several 3D file formats. (Win95/NT)
• Gif/JPEG Cruncher
Optimize your JPEGs and GIFs to shrink file size, make your web site faster, save disk space, and generally relieve an overcrowded world.
• Gimp
The GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software suitable for such tasks as photo retouching, image composition and image authoring. (Unix)
• HotFreeware
HotFreeware by American Software provides advertiser supported freeware. The first free application is 20/20, an image viewer, capture, and annotation program.
• HTML Effects and Rainbow Text
Auto-creates interesting effects for your web page -- HTML colored text in rainbow hues (or random) and random sizes... don't understand what I'm talking about? Visit the site -- it's simple once you see it.
• Image Catalog
IMage CATalog is thumbnailing utility that is capable of unlimited batch jobs with unlimited number of directories to process. IMCAT even allows you to specify copyright information that will be put at the bottom of every thumbnail page. It can also generate a separate page for each image and put next/previous thumbnail on every page to make navigation easier. All this and no HTML knowledge required. Well, maybe just a little. IMCAT supports gif, jpeg, and bmp formats as input. This program is compatible only with Windows 95/98/ME/NT/2000.
• JPEG ReSizer
Do you need to send a tones of photos to your Chief? Do you want to create a thousands of thumbnails for your site by one click? Have you a digital camera? Do you run a website and have graphics that take a long time to load? This little program will resize your graphics so that they load faster and are optimized for internet use.
• Minos (CAD)
Your Personal 3D CAD system including: French and English version, Polylines, Shapes, Circles/Arcs, Bezier's Curves, Perforates, Line Strings, Points, Straight Lines, Planes, Intersections, Projections, Bezier's Patches, Cylinders, Circular Cylinders, Cones, Revolves, Pipes, Pockets, Ruled Surfaces, Fuse, Cut, Common.
• Photonizer
Photonizer lets you attach information to your photos. Information like persons appearing on the photos, the year the photo was taken and the event captured by the photo. Furthermore, you can create slide shows, thumb nails and search for photos based upon the information you have attached to the photos. So you can search for photos with specific persons, events and years. New: export photo albums to automatically generated HTML pages.
• Picture Dicer
PictureDicer is a Freeware tool that chops any image file into several smaller images, suitable for creating mouseover effects and pseudo-imagemaps on Web pages. It also generates the HTML for a table to contain the partial images and display them so they appear as the original uncut image. (Win95/NT)
• POV-Ray
The Persistence of Vision Raytracer is a high-quality, totally free tool for creating stunning three-dimensional graphics. It is available in official versions for Microsoft Windows 3.1/Win32s and Windows 95/NT, DOS, the Macintosh, i86 Linux, SunOS, and Amiga. The source code is available for those wanting to do their own ports.
• RBA Graphix Viewer
EZ View allows you to quickly view .JPG, .GIF, and .BMP files. EZ View includes a file explorer that can quickly get around your computer and display the supported graphic formats.
• Reptile (tileable backgrounds)
Limited only by your creativity, Reptile allows you to easily produce any combination of wavy, bubbly, organic, big, small, wide, narrow, rough or smooth textures. And besides generating a vast range of shapes and surfaces the program also features a great way to color the textures to suit the look and feel you require. (Win95)
• Terrain Visualization and Flyby Animation
3DEM freeware for Win95 and WinNT will produce OpenGL rendered landscape scenes and flyby animations from USGS Digital Elevation Model (DEM) files, USGS Global 30 Arc Second Elevation Data Set (GTOPO30 DEM) files, NASA Mars Digital Topographic Map (DTM) files, or any topographic data file which is organized by rows and columns of elevation data.
• WOCAR
WOCAR is an Optical Character Recognition Application (OCR). It converts scanned documents to text documents. The software can process documents written in English or in French. WOCAR can work with any scanner that supports the TWAIN interface. It can also process any bilevel TIFF image file. This application works on Windows 95 and Windows NT.

Inline image, using IMG, OBJECT or APPLET.

There are three ways to include inline objects in HTML.
The IMG element is the most common method for using graphics in HTML pages. For faster display, the width and height of the image can be given as attributes. One attribute that is required is alt, used to give an alternate textual string for people browsing with images off, or who cannot see the images. The string cannot contain any markup. A longdesc attribute lets you point to a longer description - often in HTML - which can have markup and richer formatting.
The OBJECT element in HTML can contain other elements nested within it, unlike IMG which is empty. This means that several different formats can be offered, using nested OBJECT elements, with a final textual alternative (including markup, links, etc) right at the center. The outermost element which can be displayed will be used.
The APPLET element is used for embedding applets into the HTML page. These applets can do many things biut o\a common task is to use them to display images, particularly ones in unusual formats or which need to be presented under the control of a program for some other reason.

Inclusion in XML,SVGA,CSS

Inclusion in XML

The XML specification does not prescribe or limit which graphics format you can use. It also does not provide a standard method to describe image inclusion. Work in progress at W3C on XLink and XPointer will add standard hyperlinking capabilities - including links to graphics - to XML. This work provides the same hyperlinking capabilities HTML users will be familiar with - simple, since ended links to embedded media and simple, single-ended hypermedia links - but also provides more advanced compound links, bidirectional links, and out of line links. This provides a standardised basis which XML languages can use for the actual linking part.

Scalable Vector Graphics (SVG)
SVG, a vector graphics format designed at W3C, written in XML and stylable with CSS, is starting to become a popular choice for including graphics in XML documents. It may be included either by linkage, or by textual inclusion in an XML document that uses a different namespace. Because SVG can itself include raster images such as JPEG and PNG, SVG can be used to add raster and mixed vector/raster graphics to XML documents. SVG uses XLink and XPointer to provide linking functionality.
SVG does not limit but does prescribe the formats that can be used. All conformant SVG implementations must support PNG and JPEG and SVG images. Other formats may also be supported by various implementations, but these two can be relied upon.

Background image, using CSS
Any XML element can (when displayed visually) be given a background image using Cascading Style Sheets (CSS). The background color can also be specified, and the image will composite onto the background color if it has transparent portions. This allows the same image to be re-used with different visuall presentations. The width and height of the image can be adjusted. It can repeat in the horizontal(x) direction, vertical (y) direction, both , or neither. The position of the image relative to the box taken up by the element can be adjusted.
CSS does not prescribe or limit which graphics format you can use.

Graphics on the Web

There is no limit in the Web specifications to the graphical formats that can be used on the Web. You just need a MIME type so that the format is labelled correctly for transfer across the Web, and so that a suitable viewer (if one exists) can be located at the other end.
In practice, certain formats are more widely understood than others; certain formats are more suited to one type of graphical data than another; so you should make an informed choice about what format to use.

Portable Network Graphics (PNG)
Joint Photographic Experts Group (JPEG)
Graphics Interchange Format (GIF)
Scalable Vector Graphics (SVG)
Web CGM Profile

2D Bitmap Specifications:

BIFF - Notes on the XITE 3D file format
BMP - MS-Windows bitmap format
BW - SGI Black & White Image File Format
CGM - Computer Graphics Metafile
CGM Overview & Description
CGM Technical Reference (WordPerfect 5.1)
CGM Information, Examples, and Source Code [Link]
DRAW - Acorn's object-based vector image file format [Link]
DWG - AutoCAD drawings file format information [Link]
FAX - The Group 3 Facsimile standard
CCITT Draft Recommendation T.4
CCITT Group 4 pointer
DCX Format (graphics format for fax)
EPSF - Encapsulated Postscript Files
FIG - The FIG V3.1 file format (used by the xfig utility)
FITS - Flexible Image Transport System
GIF - Graphics Interchange Format
GIF87a Specification
GIF89a Specification
GIF Compression
GL - Another animation format
HDF - Hierarchical Data Format [Link]
ICC - Used for Kodak printer
IFF - Interchange Format Files(e.g. ILBM & PICS)
JPEG - JPEG File Interchange Format (V1.02)
MIFF - Machine Independent Format
NAP - The NAPLPS objected-oriented format [Archive]
netCDF - The network Common Data Form [Link]
PIX - Used by SGI Alias|Wavefront products
PCX - Used by PC Paintbrush
PCX Specification
Additional PCX Information
PNG - Portable Network Graphics Specification [Link]
PBM+ - Enhanced Portable Bitmap toolkit
PBMPlus overview man page
PBM (monochrome bitmaps: 1 bit per pixel)
PGM (greyscale images)
PPM (full-colour images)
PNM (general image format)
RLE - Utah Run Length Encoded Format
RAS - Sun Raster File Format
RGB/RGBA - SGI Colour Image File Format
SLD/SLB - AutoDesk Slide File Format
SLD Slide File Format Specification
SLB Slide Library File Format Specification
SPRITE - Acorn's bitmap format for their RISC OS [Link]
TGA - Targa File Format (this link incomplete with mistakes at Image Descriptor)
Targe Spec Table of Contents (PostScript)
Targa Specification (PostScript)
TIFF - Tag Image File Format
Tiff Revision 4 Info
Tiff Revision 5 Info
Tiff Revision 6 Spec.
Tiff Class F Specification
VIFF - Used by the Khoros Visualisation package
X - The AVS Image Format
XBM - X BitMap Format
XPM - X PixMap Format
XWD - X Window Dump Format

Animation is nothing but using of graphics.

Computer animation (or CGI animation) is the art of creating moving images with the use of computers. It is a subfield of computer graphics and animation. Increasingly it is created by means of 3D computer graphics, though 2D computer graphics are still widely used for stylistic, low bandwidth, and faster real-time rendering needs. Sometimes the target of the animation is the computer itself, but sometimes the target is another medium, such as film. It is also referred to as CGI (computer-generated imagery or computer-generated imaging), especially when used in films.
To create the illusion of movement, an image is displayed on the computer screen and repeatedly replaced by a new image that is similar to the previous image, but advanced slightly in the time domain (usually at a rate of 24 or 30 frames/second). This technique is identical to how the illusion of movement is achieved with television and motion pictures.

How to start with/Very basic of Graphics design.

Welcome to my 1st beginning dig. Simply be courage you can draw! I think you can hold or can move a mouse. If not no problem. You must can. Believe me. Ok, Let start.
This operation for those who use Windows Operating System (like 2000, XP, Vista etc).

Click in your desktop start button. Ok , there is a list- go to the “All Programs” and select “Accessories” then there is a pop-up menu select “Paint”. Very fine!

Now you can see there is a working area and some tools in left side.


Hold your left side mouse in working are and look! There are a line which is following your mouse. Un press your mouse, now you can click to “Eraser” tools beside your left corner. Come on the working are where were you draw something. Now press and hold the mouse and follow the line you draw. See, it is very easy.
Try again, try again and try again with other tools.

Thank you.

2D computer graphics

2D computer graphics are the computer-based generation of digital images—mostly from two-dimensional models, such as 2D geometric models, text, and digital images, and by techniques specific to them. The word may stand for the branch of computer science that comprises such techniques, or for the models themselves.
2D computer graphics are mainly used in applications that were originally developed upon traditional printing and drawing technologies, such as typography, cartography, technical drawing, advertising, etc.. In those applications, the two-dimensional image is not just a representation of a real-world object, but an independent artifact with added semantic value; two-dimensional models are therefore preferred, because they give more direct control of the image than 3D computer graphics, whose approach is more akin to photography than to typography.

Motion graphic design.

Motion Design is a subset of graphic design in that it uses graphic design principles in a film or video context (or other temporally evolving visual medium) through the use of animation or filmic techniques. Examples include the typography and graphics you see as the titles for a film, or opening sequences for television or the spinning, web-based animations, three-dimensional logo for a television channel. About 12 minutes in every hour of broadcast television is the work of the motion graphics designer, yet it is known as the invisible art, as many viewers are unaware of this component of programming.[citation needed] Although this art form has been around for decades, it has taken quantum leaps forward in recent years, in terms of technical sophistication. If you watch much TV or see many films, you will have noticed that the graphics, the typography, and the visual effects within this medium have become much more elaborate and sophisticated.
Contents

• 1 Technology
• 2 Notable Motion Designers
• 3 Motion Design & digital compositing software packages

Graphics Technology

The elevation of this art form is largely due to technology improvements. Computer programs for the film and video industry have become vastly more powerful and more available. Probably the leading program used by motion graphic designers is Adobe After Effects, which allows them to create and modify graphics over time. Adobe After Effects is sometimes referred to as "Photoshop for film." A relatively recent product in the market is Apple Inc. Motion, now a part of Final Cut Studio. Adobe Flash is widely used to create motion design for the web.
A typical motion designer is a person trained in traditional graphic design who has learned to integrate the elements of time, sound and space into his/her existing skill-set of design knowledge. Motion designers can also come from filmmaking or animation backgrounds.

The study of computer graphics.

The study of computer graphics is a sub-field of computer science which studies methods for digitally synthesizing and manipulating visual content. Although the term often refers to three-dimensional computer graphics, it also encompasses two-dimensional graphics and image processing.

As an academic discipline, computer graphics studies the manipulation of visual and geometric information using computational techniques. It focuses on the mathematical and computational foundations of image generation and processing rather than purely aesthetic issues. Computer graphics is often differentiated from the field of visualization, although the two fields have many similarities.

Applications
* Computational biology
* Computational physics
* Computer-aided design
* Computer simulation
* Digital art
* Education
* Graphic design
* Infographics
* Information visualization
* Rational drug design
* Scientific visualization
* Video Games
* Virtual reality
* Web design

Computer graphics.

The term computer graphics has been used in a broad sense to describe "almost everything on computers that is not text or sound "Typically, the term computer graphics refers to several different things:
• the representation and manipulation of image data by a computer
• the various technologies used to create and manipulate images
• the images so produced, and
• the sub-field of computer science which studies methods for digitally synthesizing and manipulating visual content, see study of computer graphics
Today, computers and computer-generated images touch many aspects of our daily life. Computer imagery is found on television, in newspapers, for example in their weather reports, or for example in all kinds of medical investigation and surgical procedures. A well-constructed graph can present complex statistics in a form that is easier to understand and interpret. In the media "such graphs are used to illustrate papers, reports, theses", and other presentation material.
Many powerful tools have been developed to visualize data. Computer generated imagery can be categorized into several different types: 2D, 3D, and animated graphics. As technology has improved, 3D computer graphics have become more common, but 2D computer graphics are still widely used. Computer graphics has emerged as a sub-field of computer science which studies methods for digitally synthesizing and manipulating visual content. Over the past decade, other specialized fields have been developed like information visualization, and scientific visualization more concerned with "the visualization of three dimensional phenomena (architectural, meteorological, medical, biological, etc.), where the emphasis is on realistic renderings of volumes, surfaces, illumination sources, and so forth, perhaps with a dynamic (time) component".