Graphics tutorials
   HOME

TheInfoList



OR:

Graphics () are
visual The visual system comprises the sensory organ (the eye) and parts of the central nervous system (the retina containing photoreceptor cells, the optic nerve, the optic tract and the visual cortex) which gives organisms the sense of sight ...
image An image is a visual representation of something. It can be two-dimensional, three-dimensional, or somehow otherwise feed into the visual system to convey information. An image can be an artifact, such as a photograph or other two-dimensio ...
s or
design A design is a plan or specification for the construction of an object or system or for the implementation of an activity or process or the result of that plan or specification in the form of a prototype, product, or process. The verb ''to design' ...
s on some surface, such as a wall,
canvas Canvas is an extremely durable plain-woven fabric used for making sails, tents, marquees, backpacks, shelters, as a support for oil painting and for other items for which sturdiness is required, as well as in such fashion objects as handbag ...
, screen,
paper Paper is a thin sheet material produced by mechanically or chemically processing cellulose fibres derived from wood, rags, grasses or other vegetable sources in water, draining the water through fine mesh leaving the fibre evenly distribu ...
, or stone, to inform, illustrate, or entertain. In contemporary usage, it includes a pictorial representation of data, as in design and manufacture, in typesetting and the graphic arts, and in educational and recreational
software Software is a set of computer programs and associated documentation and data. This is in contrast to hardware, from which the system is built and which actually performs the work. At the lowest programming level, executable code consist ...
. Images that are generated by a computer are called
computer graphics Computer graphics deals with generating images with the aid of computers. Today, computer graphics is a core technology in digital photography, film, video games, cell phone and computer displays, and many specialized applications. A great de ...
. Examples are
photograph A photograph (also known as a photo, image, or picture) is an image created by light falling on a photosensitive surface, usually photographic film or an electronic image sensor, such as a CCD or a CMOS chip. Most photographs are now create ...
s, drawings,
line art Line art or line drawing is any image that consists of distinct straight lines or curves placed against a background (usually plain), without gradations in shade (darkness) or hue (color) to represent two-dimensional or three-dimensional objec ...
, mathematical graphs, line graphs,
chart A chart (sometimes known as a graph) is a graphical representation for data visualization, in which "the data is represented by symbols, such as bars in a bar chart, lines in a line chart, or slices in a pie chart". A chart can represent ...
s,
diagram A diagram is a symbolic representation of information using visualization techniques. Diagrams have been used since prehistoric times on walls of caves, but became more prevalent during the Enlightenment. Sometimes, the technique uses a three ...
s,
typography Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing ( leading), an ...
,
number A number is a mathematical object used to count, measure, and label. The original examples are the natural numbers 1, 2, 3, 4, and so forth. Numbers can be represented in language with number words. More universally, individual number ...
s,
symbol A symbol is a mark, sign, or word that indicates, signifies, or is understood as representing an idea, object, or relationship. Symbols allow people to go beyond what is known or seen by creating linkages between otherwise very different conc ...
s,
geometric Geometry (; ) is, with arithmetic, one of the oldest branches of mathematics. It is concerned with properties of space such as the distance, shape, size, and relative position of figures. A mathematician who works in the field of geometry is ca ...
designs, maps,
engineering drawing An engineering drawing is a type of technical drawing that is used to convey information about an object. A common use is to specify the geometry necessary for the construction of a component and is called a detail drawing. Usually, a number o ...
s, or other
image An image is a visual representation of something. It can be two-dimensional, three-dimensional, or somehow otherwise feed into the visual system to convey information. An image can be an artifact, such as a photograph or other two-dimensio ...
s. Graphics often combine
text Text may refer to: Written word * Text (literary theory), any object that can be read, including: **Religious text, a writing that a religious tradition considers to be sacred **Text, a verse or passage from scripture used in expository preachin ...
,
illustration An illustration is a decoration, interpretation or visual explanation of a text, concept or process, designed for integration in print and digital published media, such as posters, flyers, magazines, books, teaching materials, animations, video ...
, and
color Color (American English) or colour (British English) is the visual perceptual property deriving from the spectrum of light interacting with the photoreceptor cells of the eyes. Color categories and physical specifications of color are associ ...
.
Graphic design Graphic design is a profession, academic discipline and applied art whose activity consists in projecting visual communications intended to transmit specific messages to social groups, with specific objectives. Graphic design is an interdiscip ...
may consist of the deliberate selection, creation, or
arrangement In music, an arrangement is a musical adaptation of an existing composition. Differences from the original composition may include reharmonization, melodic paraphrasing, orchestration, or formal development. Arranging differs from orche ...
of
typography Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing ( leading), an ...
alone, as in a brochure, flyer, poster, web site, or book without any other element. The objective can be clarity or effective communication, association with other cultural elements, or merely the creation of a distinctive style. Graphics can be functional or artistic. The latter can be a recorded version, such as a
photograph A photograph (also known as a photo, image, or picture) is an image created by light falling on a photosensitive surface, usually photographic film or an electronic image sensor, such as a CCD or a CMOS chip. Most photographs are now create ...
, or interpretation by a scientist to highlight essential features, or an artist, in which case the distinction with imaginary graphics may become blurred. It can also be used for architecture.


History

The earliest graphics known to
anthropologists An anthropologist is a person engaged in the practice of anthropology. Anthropology is the study of aspects of humans within past and present societies. Social anthropology, cultural anthropology and philosophical anthropology study the norms and ...
studying prehistoric periods are
cave painting In archaeology, Cave paintings are a type of parietal art (which category also includes petroglyphs, or engravings), found on the wall or ceilings of caves. The term usually implies prehistoric origin, and the oldest known are more than 40,000 ye ...
s and markings on boulders, bone, ivory, and antlers, which were created during the
Upper Palaeolithic The Upper Paleolithic (or Upper Palaeolithic) is the third and last subdivision of the Paleolithic or Old Stone Age. Very broadly, it dates to between 50,000 and 12,000 years ago (the beginning of the Holocene), according to some theories coin ...
period from 40,000–10,000 B.C. or earlier. Many of these were found to record astronomical, seasonal, and chronological details. Some of the earliest graphics and drawings are known to the
modern world The term modern period or modern era (sometimes also called modern history or modern times) is the period of history that succeeds the Middle Ages (which ended approximately 1500 AD). This terminology is a historical periodization that is appli ...
, from almost 6,000 years ago, are that of engraved
stone tablets According to the Hebrew Bible, the Tablets of the Law (also Tablets of Stone, Stone Tablets, or Tablets of Testimony; Biblical Hebrew: לוּחֹת הַבְּרִית ''lûḥōt habbǝrît'' "tablets of the covenant", לֻחֹת הָאֶבֶן ' ...
and ceramic
cylinder seal A cylinder seal is a small round cylinder, typically about one inch (2 to 3 cm) in length, engraved with written characters or figurative scenes or both, used in ancient times to roll an impression onto a two-dimensional surface, generally ...
s, marking the beginning of the historical periods and the keeping of records for accounting and inventory purposes. Records from Egypt predate these and
papyrus Papyrus ( ) is a material similar to thick paper that was used in ancient times as a writing surface. It was made from the pith of the papyrus plant, '' Cyperus papyrus'', a wetland sedge. ''Papyrus'' (plural: ''papyri'') can also refer to ...
was used by the
Egyptians Egyptians ( arz, المَصرِيُون, translit=al-Maṣriyyūn, ; arz, المَصرِيِين, translit=al-Maṣriyyīn, ; cop, ⲣⲉⲙⲛ̀ⲭⲏⲙⲓ, remenkhēmi) are an ethnic group native to the Nile, Nile Valley in Egypt. Egyptian ...
as a material on which to plan the building of
pyramid A pyramid (from el, πυραμίς ') is a structure whose outer surfaces are triangular and converge to a single step at the top, making the shape roughly a pyramid in the geometric sense. The base of a pyramid can be trilateral, quadrilate ...
s; they also used slabs of
limestone Limestone ( calcium carbonate ) is a type of carbonate sedimentary rock which is the main source of the material lime. It is composed mostly of the minerals calcite and aragonite, which are different crystal forms of . Limestone forms w ...
and
wood Wood is a porous and fibrous structural tissue found in the stems and roots of trees and other woody plants. It is an organic materiala natural composite of cellulose fibers that are strong in tension and embedded in a matrix of lignin ...
. From 600–250 BC, the Greeks played a major role in
geometry Geometry (; ) is, with arithmetic, one of the oldest branches of mathematics. It is concerned with properties of space such as the distance, shape, size, and relative position of figures. A mathematician who works in the field of geometry is c ...
. They used graphics to represent their mathematical theories such as the Circle Theorem and the
Pythagorean theorem In mathematics, the Pythagorean theorem or Pythagoras' theorem is a fundamental relation in Euclidean geometry between the three sides of a right triangle. It states that the area of the square whose side is the hypotenuse (the side opposit ...
. In art, "graphics" is often used to distinguish work in a monotone and made up of lines, as opposed to
painting Painting is the practice of applying paint, pigment, color or other medium to a solid surface (called the "matrix" or "support"). The medium is commonly applied to the base with a brush, but other implements, such as knives, sponges, and a ...
.


Drawing

Drawing Drawing is a form of visual art in which an artist uses instruments to mark paper or other two-dimensional surface. Drawing instruments include graphite pencils, pen and ink, various kinds of paints, inked brushes, colored pencils, crayo ...
generally involves making marks on a surface by applying pressure from a tool or moving a tool across a surface. In which a tool is always used as if there were no tools it would be art. Graphical drawing is an instrumental guided drawing.


Printmaking

Woodblock printing Woodblock printing or block printing is a technique for printing text, images or patterns used widely throughout East Asia and originating in China in antiquity as a method of printing on textiles and later paper. Each page or image is crea ...
, including images is first seen in
China China, officially the People's Republic of China (PRC), is a country in East Asia. It is the world's List of countries and dependencies by population, most populous country, with a Population of China, population exceeding 1.4 billion, slig ...
after
paper Paper is a thin sheet material produced by mechanically or chemically processing cellulose fibres derived from wood, rags, grasses or other vegetable sources in water, draining the water through fine mesh leaving the fibre evenly distribu ...
was invented (about A.D. 105). In the West, the main techniques have been
woodcut Woodcut is a relief printing technique in printmaking. An artist carves an image into the surface of a block of wood—typically with gouges—leaving the printing parts level with the surface while removing the non-printing parts. Areas tha ...
,
engraving Engraving is the practice of incising a design onto a hard, usually flat surface by cutting grooves into it with a burin. The result may be a decorated object in itself, as when silver, gold, steel, or glass are engraved, or may provide an in ...
and
etching Etching is traditionally the process of using strong acid or mordant to cut into the unprotected parts of a metal surface to create a design in intaglio (incised) in the metal. In modern manufacturing, other chemicals may be used on other types ...
, but there are many others.


Etching

Etching is an intaglio method of
printmaking Printmaking is the process of creating artworks by printing, normally on paper, but also on fabric, wood, metal, and other surfaces. "Traditional printmaking" normally covers only the process of creating prints using a hand processed techniqu ...
in which the image is incised into the surface of a metal plate using an acid. The acid eats the metal, leaving behind roughened areas, or, if the surface exposed to the acid is very thin, burning a line into the plate. The use of the process in printmaking is believed to have been invented by Daniel Hopfer (c. 1470–1536) of
Augsburg Augsburg (; bar , Augschburg , links=https://en.wikipedia.org/wiki/Swabian_German , label=Swabian German, , ) is a city in Swabia, Bavaria, Germany, around west of Bavarian capital Munich. It is a university town and regional seat of the ' ...
,
Germany Germany,, officially the Federal Republic of Germany, is a country in Central Europe. It is the second most populous country in Europe after Russia, and the most populous member state of the European Union. Germany is situated betwee ...
, who decorated armour in this way. Etching is also used in the manufacturing of printed circuit boards and semiconductor devices.


Line art

Line art is a rather non-specific term sometimes used for any image that consists of distinct straight and curved lines placed against a (usually plain) background, without gradations in shade (darkness) or hue (
color Color (American English) or colour (British English) is the visual perceptual property deriving from the spectrum of light interacting with the photoreceptor cells of the eyes. Color categories and physical specifications of color are associ ...
) to represent two-dimensional or three-dimensional objects. Line art is usually monochromatic, although lines may be of different colors.


Illustration

An illustration is a
visual The visual system comprises the sensory organ (the eye) and parts of the central nervous system (the retina containing photoreceptor cells, the optic nerve, the optic tract and the visual cortex) which gives organisms the sense of sight ...
representation such as a
drawing Drawing is a form of visual art in which an artist uses instruments to mark paper or other two-dimensional surface. Drawing instruments include graphite pencils, pen and ink, various kinds of paints, inked brushes, colored pencils, crayo ...
,
painting Painting is the practice of applying paint, pigment, color or other medium to a solid surface (called the "matrix" or "support"). The medium is commonly applied to the base with a brush, but other implements, such as knives, sponges, and a ...
,
photograph A photograph (also known as a photo, image, or picture) is an image created by light falling on a photosensitive surface, usually photographic film or an electronic image sensor, such as a CCD or a CMOS chip. Most photographs are now create ...
or other work of art that stresses subject more than form. The aim of an
illustration An illustration is a decoration, interpretation or visual explanation of a text, concept or process, designed for integration in print and digital published media, such as posters, flyers, magazines, books, teaching materials, animations, video ...
is to elucidate or decorate a story, poem or piece of textual information (such as a
newspaper A newspaper is a periodical publication containing written information about current events and is often typed in black ink with a white or gray background. Newspapers can cover a wide variety of fields such as politics, business, spor ...
article), traditionally by providing a visual representation of something described in the text. The editorial cartoon, also known as a political cartoon, is an illustration containing a political or social message.
Illustrations An illustration is a decoration, interpretation or visual explanation of a text, concept or process, designed for integration in print and digital published media, such as posters, flyers, magazines, books, teaching materials, animations, video ...
can be used to display a wide range of subject matter and serve a variety of functions, such as: * giving faces to characters in a story * displaying a number of examples of an item described in an academic textbook (e.g. A
Typology Typology is the study of types or the systematic classification of the types of something according to their common characteristics. Typology is the act of finding, counting and classification facts with the help of eyes, other senses and logic. Ty ...
) * visualizing step-wise sets of instructions in a technical manual * communicating subtle thematic tone in a narrative * linking brands to the ideas of human expression, individuality, and creativity * making a reader laugh or smile * for fun (to make laugh) funny


Graphs

A ''graph'' or ''chart'' is an graphic that represents tabular or numeric data. Charts are often used to make it easier to understand large quantities of data and the relationships between different parts of the data.


Diagrams

A diagram is a simplified and structured visual representation of concepts, ideas, constructions, relations, statistical data, etc., used to visualize and clarify the topic.


Symbols

A symbol, in its basic sense, is a representation of a
concept Concepts are defined as abstract ideas. They are understood to be the fundamental building blocks of the concept behind principles, thoughts and beliefs. They play an important role in all aspects of cognition. As such, concepts are studied by ...
or quantity; i.e., an
idea In common usage and in philosophy, ideas are the results of thought. Also in philosophy, ideas can also be mental representational images of some object. Many philosophers have considered ideas to be a fundamental ontological category of bei ...
,
object Object may refer to: General meanings * Object (philosophy), a thing, being, or concept ** Object (abstract), an object which does not exist at any particular time or place ** Physical object, an identifiable collection of matter * Goal, an ...
, concept,
quality Quality may refer to: Concepts *Quality (business), the ''non-inferiority'' or ''superiority'' of something *Quality (philosophy), an attribute or a property *Quality (physics), in response theory * Energy quality, used in various science discipl ...
, etc. In more psychological and philosophical terms, all concepts are symbolic in nature, and representations for these concepts are simply token artifacts that are
allegorical As a literary device or artistic form, an allegory is a narrative or visual representation in which a character, place, or event can be interpreted to represent a hidden meaning with moral or political significance. Authors have used allegory t ...
to (but do not directly codify) a symbolic meaning, or
symbol A symbol is a mark, sign, or word that indicates, signifies, or is understood as representing an idea, object, or relationship. Symbols allow people to go beyond what is known or seen by creating linkages between otherwise very different conc ...
ism.


Maps

A map is a simplified depiction of a
space Space is the boundless three-dimensional extent in which objects and events have relative position and direction. In classical physics, physical space is often conceived in three linear dimensions, although modern physicists usually consi ...
, a navigational aid which highlights relations between objects within that space. Usually, a map is a two-dimensional, geometrically accurate representation of a
three-dimensional space Three-dimensional space (also: 3D space, 3-space or, rarely, tri-dimensional space) is a geometric setting in which three values (called ''parameters'') are required to determine the position of an element (i.e., point). This is the informa ...
. One of the first 'modern' maps was made by Waldseemüller.


Photography

One difference between photography and other forms of graphics is that a photographer, in principle, just records a single moment in reality, with seemingly no interpretation. However, a photographer can choose the
field of view The field of view (FoV) is the extent of the observable world that is seen at any given moment. In the case of optical instruments or sensors it is a solid angle through which a detector is sensitive to electromagnetic radiation. Human ...
and angle, and may also use other techniques, such as various lenses to choose the view or
filters Filter, filtering or filters may refer to: Science and technology Computing * Filter (higher-order function), in functional programming * Filter (software), a computer program to process a data stream * Filter (video), a software component that ...
to change the colors. In recent times,
digital photography Digital photography uses cameras containing arrays of electronic photodetectors interfaced to an analog-to-digital converter (ADC) to produce images focused by a lens, as opposed to an exposure on photographic film. The digitized image ...
has opened the way to an infinite number of fast, but strong, manipulations. Even in the early days of photography, there was controversy over photographs of enacted scenes that were presented as 'real life' (especially in
war photography War photography involves photographing armed conflict and its effects on people and places. Photographers who participate in this genre may find themselves placed in harm's way, and are sometimes killed trying to get their pictures out of the war ...
, where it can be very difficult to record the original events). Shifting the viewer's eyes ever so slightly with simple pinpricks in the negative could have a dramatic effect. The choice of the field of view can have a strong effect, effectively 'censoring out' other parts of the scene, accomplished by cropping them out or simply not including them in the photograph. This even touches on the philosophical question of what reality is. The human brain processes information based on previous experience, making us see what we want to see or what we were taught to see. Photography does the same, although the photographer interprets the scene for their viewer.


Engineering drawings

An engineering drawing is a type of
drawing Drawing is a form of visual art in which an artist uses instruments to mark paper or other two-dimensional surface. Drawing instruments include graphite pencils, pen and ink, various kinds of paints, inked brushes, colored pencils, crayo ...
and is technical in nature, used to fully and clearly define requirements for
engineered Engineering is the use of scientific principles to design and build machines, structures, and other items, including bridges, tunnels, roads, vehicles, and buildings. The discipline of engineering encompasses a broad range of more speciali ...
items. It is usually created in accordance with standardized conventions for layout, nomenclature, interpretation, appearance (such as
typeface A typeface (or font family) is the design of lettering that can include variations in size, weight (e.g. bold), slope (e.g. italic), width (e.g. condensed), and so on. Each of these variations of the typeface is a font. There are thousands o ...
s and line styles), size, etc.


Computer graphics

There are two types of computer graphics:
raster graphics upright=1, The Smiley, smiley face in the top left corner is a raster image. When enlarged, individual pixels appear as squares. Enlarging further, each pixel can be analyzed, with their colors constructed through combination of the values for ...
, where each pixel is separately defined (as in a digital photograph), and
vector graphics Vector graphics is a form of computer graphics in which visual images are created directly from geometric shapes defined on a Cartesian plane, such as points, lines, curves and polygons. The associated mechanisms may include vector display ...
, where mathematical formulas are used to draw lines and shapes, which are then interpreted at the viewer's end to produce the graphic. Using vectors results in infinitely sharp graphics and often smaller files, but, when complex, like vectors take time to render and may have larger file sizes than a raster equivalent. In 1950, the first computer-driven display was attached to MIT's
Whirlwind I Whirlwind I was a Cold War-era vacuum tube computer developed by the MIT Servomechanisms Laboratory for the U.S. Navy. Operational in 1951, it was among the first digital electronic computers that operated in real-time for output, and the firs ...
computer to generate simple pictures. This was followed by MIT's
TX-0 The TX-0, for ''Transistorized Experimental computer zero'', but affectionately referred to as tixo (pronounced "tix oh"), was an early fully transistorized computer and contained a then-huge 64 K of 18-bit words of magnetic-core memory. Const ...
and TX-2,
interactive computing In computer science, interactive computing refers to software which accepts input from the user as it runs. Interactive software includes commonly used programs, such as word processors or spreadsheet applications. By comparison, non-interactive ...
which increased interest in
computer graphics Computer graphics deals with generating images with the aid of computers. Today, computer graphics is a core technology in digital photography, film, video games, cell phone and computer displays, and many specialized applications. A great de ...
during the late 1950s. In 1962,
Ivan Sutherland Ivan Edward Sutherland (born May 16, 1938) is an American computer scientist and Internet pioneer, widely regarded as a pioneer of computer graphics. His early work in computer graphics as well as his teaching with David C. Evans in that subject ...
invented
Sketchpad Sketchpad (a.k.a. Robot Draftsman) is a computer program written by Ivan Sutherland in 1963 in the course of his PhD thesis, for which he received the Turing Award in 1988, and the Kyoto Prize in 2012. It pioneered human–computer interaction ...
, an innovative program that influenced alternative forms of interaction with computers. In the mid-1960s, large computer graphics research projects were begun at MIT,
General Motors The General Motors Company (GM) is an American Multinational corporation, multinational Automotive industry, automotive manufacturing company headquartered in Detroit, Michigan, United States. It is the largest automaker in the United States and ...
,
Bell Labs Nokia Bell Labs, originally named Bell Telephone Laboratories (1925–1984), then AT&T Bell Laboratories (1984–1996) and Bell Labs Innovations (1996–2007), is an American industrial research and scientific development company owned by mul ...
, and
Lockheed Corporation The Lockheed Corporation was an American aerospace manufacturer. Lockheed was founded in 1926 and later merged with Martin Marietta to form Lockheed Martin in 1995. Its founder, Allan Lockheed, had earlier founded the similarly named but ot ...
.
Douglas T. Ross Douglas Taylor "Doug" Ross (21 December 1929 – 31 January 2007) was an American computer scientist pioneer, and chairman of SofTech, Inc. He is most famous for originating the term CAD for computer-aided design, and is considered to be the fat ...
of MIT developed an advanced compiler language for graphics programming. S.A.Coons, also at MIT, and J. C. Ferguson at
Boeing The Boeing Company () is an American multinational corporation that designs, manufactures, and sells airplanes, rotorcraft, rockets, satellites, telecommunications equipment, and missiles worldwide. The company also provides leasing and ...
, began work in sculptured surfaces. GM developed their DAC-1 system, and other companies, such as
Douglas Douglas may refer to: People * Douglas (given name) * Douglas (surname) Animals *Douglas (parrot), macaw that starred as the parrot ''Rosalinda'' in Pippi Longstocking * Douglas the camel, a camel in the Confederate Army in the American Civil ...
, Lockheed, and
McDonnell The McDonnell Aircraft Corporation was an American aerospace manufacturer based in St. Louis, Missouri. The company was founded on July 6, 1939, by James Smith McDonnell, and was best known for its military fighters, including the F-4 Phantom II ...
, also made significant developments. In 1968, ray tracing was first described by Arthur Appel of the IBM Research Center, Yorktown Heights, N.Y. During the late 1970s,
personal computer A personal computer (PC) is a multi-purpose microcomputer whose size, capabilities, and price make it feasible for individual use. Personal computers are intended to be operated directly by an end user, rather than by a computer expert or te ...
s became more powerful, capable of drawing both basic and complex shapes and designs. In the 1980s, artists and graphic designers began to see the personal computer, particularly the
Commodore Amiga Amiga is a family of personal computers introduced by Commodore in 1985. The original model is one of a number of mid-1980s computers with 16- or 32-bit processors, 256 KB or more of RAM, mouse-based GUIs, and significantly improved graphi ...
and
Macintosh The Mac (known as Macintosh until 1999) is a family of personal computers designed and marketed by Apple Inc., Apple Inc. Macs are known for their ease of use and minimalist designs, and are popular among students, creative professionals, and ...
, as a serious design tool, one that could save time and draw more accurately than other methods.
3D computer graphics 3D computer graphics, or “3D graphics,” sometimes called CGI, 3D-CGI or three-dimensional computer graphics are graphics that use a three-dimensional representation of geometric data (often Cartesian) that is stored in the computer for th ...
became possible in the late 1980s with the powerful SGI computers, which were later used to create some of the first fully computer-generated
short film A short film is any motion picture that is short enough in running time not to be considered a feature film. The Academy of Motion Picture Arts and Sciences defines a short film as "an original motion picture that has a running time of 40 minutes ...
s at
Pixar Pixar Animation Studios (commonly known as Pixar () and stylized as P I X A R) is an American computer animation studio known for its critically and commercially successful computer animated feature films. It is based in Emeryville, Californ ...
. The
Macintosh The Mac (known as Macintosh until 1999) is a family of personal computers designed and marketed by Apple Inc., Apple Inc. Macs are known for their ease of use and minimalist designs, and are popular among students, creative professionals, and ...
remains one of the most popular tools for computer graphics in graphic design studios and businesses. Modern computer systems, dating from the 1980s and onwards, often use a
graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, ins ...
(GUI) to present data and information with symbols, icons, and pictures, rather than text. Graphics are one of the five key elements of
multimedia Multimedia is a form of communication that uses a combination of different content forms such as text, audio, images, animations, or video into a single interactive presentation, in contrast to tradit ...
technology.
3D graphics 3D computer graphics, or “3D graphics,” sometimes called CGI, 3D-CGI or three-dimensional computer graphics are graphics that use a three-dimensional representation of geometric data (often Cartesian) that is stored in the computer for th ...
became more popular in the 1990s in
gaming Gaming may refer to: Games and sports The act of playing games, as in: * Legalized gambling, playing games of chance for money, often referred to in law as "gaming" * Playing a role-playing game, in which players assume fictional roles * Playing ...
,
multimedia Multimedia is a form of communication that uses a combination of different content forms such as text, audio, images, animations, or video into a single interactive presentation, in contrast to tradit ...
and
animation Animation is a method by which still figures are manipulated to appear as moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Today, most ani ...
. In 1996, Quake, one of the first fully 3D
game A game is a structured form of play, usually undertaken for entertainment or fun, and sometimes used as an educational tool. Many games are also considered to be work (such as professional players of spectator sports or games) or art (suc ...
s, was released. In 1995,
Toy Story ''Toy Story'' is a 1995 American computer-animated comedy film directed by John Lasseter (in his feature directorial debut), produced by Pixar Animation Studios and released by Walt Disney Pictures. The first installment in the '' Toy Story ...
, the first full-length computer-generated animation film, was released in cinemas. Since then, computer graphics have become more accurate and detailed, due to more advanced computers and better
3D modeling In 3D computer graphics, 3D modeling is the process of developing a mathematical coordinate-based representation of any surface of an object (inanimate or living) in three dimensions via specialized software by manipulating edges, vertices, a ...
software applications, such as
Maya Maya may refer to: Civilizations * Maya peoples, of southern Mexico and northern Central America ** Maya civilization, the historical civilization of the Maya peoples ** Maya language, the languages of the Maya peoples * Maya (Ethiopia), a popul ...
, 3D Studio Max, and
Cinema 4D Cinema 4D is a 3D software suite developed by the German company Maxon. Overview As of R21, only one version of Cinema 4D is available. It replaces all previous variants, including BodyPaint 3D, and includes all features of the past 'Studio' ...
. Another use of computer graphics is
screensaver A screensaver (or screen saver) is a computer program that blanks the display screen or fills it with moving images or patterns when the computer has been idle for a designated time. The original purpose of screensavers was to prevent phosphor ...
s, originally intended to prevent the layout of much-used GUIs from 'burning into' the computer screen. They have since evolved into true pieces of art, their practical purpose obsolete; modern screens are not susceptible to such artifacts.


Web graphics

In the 1990s, Internet speeds increased, and Internet browsers capable of viewing images were released, the first being
Mosaic A mosaic is a pattern or image made of small regular or irregular pieces of colored stone, glass or ceramic, held in place by plaster/mortar, and covering a surface. Mosaics are often used as floor and wall decoration, and were particularly pop ...
. Websites began to use the GIF format to display small graphics, such as banners, advertisements, and navigation buttons, on web pages. Modern
web browser A web browser is application software for accessing websites. When a user requests a web page from a particular website, the browser retrieves its files from a web server and then displays the page on the user's screen. Browsers are used o ...
s can now display
JPEG JPEG ( ) is a commonly used method of lossy compression for digital images, particularly for those images produced by digital photography. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and imag ...
, PNG and increasingly,
SVG Scalable Vector Graphics (SVG) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium s ...
images in addition to
GIFs The Graphics Interchange Format (GIF; or , see pronunciation) is a bitmap image format that was developed by a team at the online services provider CompuServe led by American computer scientist Steve Wilhite and released on 15 June 1987. ...
on web pages.
SVG Scalable Vector Graphics (SVG) is an XML-based vector image format for defining two-dimensional graphics, having support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium s ...
, and to some extent VML, support in some modern web browsers have made it possible to display
vector graphics Vector graphics is a form of computer graphics in which visual images are created directly from geometric shapes defined on a Cartesian plane, such as points, lines, curves and polygons. The associated mechanisms may include vector display ...
that are clear at any size. Plugins expand the web browser functions to display animated, interactive and 3-D graphics contained within file formats such as
SWF SWF ( ) is an Adobe Flash file format used for multimedia, vector graphics and ActionScript.Open Screen Pr ...
and X3D. Modern web graphics can be made with software such as
Adobe Photoshop Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc. for Windows and macOS. It was originally created in 1988 by Thomas and John Knoll. Since then, the software has become the industry standard not only in rast ...
, the
GIMP GIMP ( ; GNU Image Manipulation Program) is a free and open-source raster graphics editor used for image manipulation (retouching) and image editing, free-form drawing, transcoding between different image file formats, and more specialized ...
, or
Corel Paint Shop Pro PaintShop Pro (PSP) is a raster and vector graphics editor for Microsoft Windows. It was originally published by Jasc Software. In October 2004, Corel purchased Jasc Software and the distribution rights to Paint Shop Pro. PSP functionality can ...
. Users of
Microsoft Windows Windows is a group of several proprietary graphical operating system families developed and marketed by Microsoft. Each family caters to a certain sector of the computing industry. For example, Windows NT for consumers, Windows Server for ...
have MS Paint, which many find to be lacking in features. This is because MS Paint is a drawing package and not a graphics package. Numerous platforms and websites have been created to cater to web graphics artists and to host their communities. A growing number of people use create internet forum signatures—generally, appearing after a user's post—and other digital artwork, such as photo manipulations and large graphics. With computer games' developers creating their own communities around their products, many more websites are being developed to offer graphics for the fans and to enable them to show their appreciation of such games in their own gaming profiles.


Uses

Graphics are
visual The visual system comprises the sensory organ (the eye) and parts of the central nervous system (the retina containing photoreceptor cells, the optic nerve, the optic tract and the visual cortex) which gives organisms the sense of sight ...
elements often used to point readers and viewers to particular information. They are also used to supplement text in an effort to aid readers in their understanding of a particular concept or make the concept more clear or interesting.
Popular Popularity or social status is the quality of being well liked, admired or well known to a particular group. Popular may also refer to: In sociology * Popular culture * Popular fiction * Popular music * Popular science * Populace, the total ...
magazine A magazine is a periodical publication, generally published on a regular schedule (often weekly or monthly), containing a variety of content. They are generally financed by advertising, purchase price, prepaid subscriptions, or by a combinatio ...
s, such as ''
Time Time is the continued sequence of existence and event (philosophy), events that occurs in an apparently irreversible process, irreversible succession from the past, through the present, into the future. It is a component quantity of various me ...
'', ''
Wired ''Wired'' (stylized as ''WIRED'') is a monthly American magazine, published in print and online editions, that focuses on how emerging technologies affect culture, the economy, and politics. Owned by Condé Nast, it is headquartered in San ...
'' and ''
Newsweek ''Newsweek'' is an American weekly online news magazine co-owned 50 percent each by Dev Pragad, its president and CEO, and Johnathan Davis (businessman), Johnathan Davis, who has no operational role at ''Newsweek''. Founded as a weekly print m ...
'', usually contain graphic material in abundance to attract readers, unlike the majority of scholarly journals. In computing, they are used to create a graphical
interface Interface or interfacing may refer to: Academic journals * ''Interface'' (journal), by the Electrochemical Society * '' Interface, Journal of Applied Linguistics'', now merged with ''ITL International Journal of Applied Linguistics'' * '' Int ...
for the user; and graphics are one of the five key elements of
multimedia Multimedia is a form of communication that uses a combination of different content forms such as text, audio, images, animations, or video into a single interactive presentation, in contrast to tradit ...
technology. Graphics are among the primary ways of advertising the sale of goods or services.


Business

Graphics are commonly used in
business Business is the practice of making one's living or making money by producing or buying and selling products (such as goods and services). It is also "any activity or enterprise entered into for profit." Having a business name does not separ ...
and
economics Economics () is the social science that studies the production, distribution, and consumption of goods and services. Economics focuses on the behaviour and interactions of economic agents and how economies work. Microeconomics anal ...
to create financial charts and tables. The term ''business graphics'' came into use in the late 1970s, when personal computers became capable of drawing graphs and charts instead of using a tabular format. Business graphics can be used to highlight changes over time.


Advertising

Advertising is one of the most profitable uses of graphics; artists often do advertising work or take advertising potential into account when creating art, to increase the chances of selling the artwork. Most importantly, graphics give a good look to artwork whenever it is applied. Graphics contribute to the general outlook of a designed artwork, this, in turn, lure interested members of the public to look at the work of art or purchasing it. Any graphical work (especially advertisement) or any work of art that is poorly designed will not persuade the audience. therefore, for an advertisement to persuade and convince readers or viewers, it must be well designed with needed graphical tools so as to bring profit to the designer or advertiser.


Political

The use of graphics for overtly political purposes—cartoons, graffiti, poster art, flag design, etc.—is a centuries-old practice which thrives today in every part of the world. The
Northern Irish murals Murals in Northern Ireland have become symbols of Northern Ireland, depicting the region's past and present political and religious divisions. Belfast and Derry contain arguably the most famous political murals in Europe. It is believed that alm ...
are one such example. A more recent example is
Shepard Fairey Frank Shepard Fairey (born February 15, 1970) is an American contemporary artist, activist and founder of OBEY Clothing who emerged from the skateboarding scene. In 1989 he designed the "Andre the Giant Has a Posse" (...OBEY...) sticker campai ...
's 2008 U.S. Presidential election
Barack Obama "Hope" poster The Barack Obama "Hope" poster is an image of US president Barack Obama designed by American artist Shepard Fairey. The image was widely described as iconic and came to represent Obama's 2008 presidential campaign. It is a stylized stencil p ...
. It was first published on the web, but soon found its way onto streets throughout the United States.Heller, Steven and Chwast, Seymour (2011). ''Graphic Style: From Victorian to New Century''. Abrams.


Education

Graphics are heavily used in
textbook A textbook is a book containing a comprehensive compilation of content in a branch of study with the intention of explaining it. Textbooks are produced to meet the needs of educators, usually at educational institutions. Schoolbooks are textbook ...
s, especially those concerning subjects such as
geography Geography (from Greek: , ''geographia''. Combination of Greek words ‘Geo’ (The Earth) and ‘Graphien’ (to describe), literally "earth description") is a field of science devoted to the study of the lands, features, inhabitants, an ...
,
science Science is a systematic endeavor that builds and organizes knowledge in the form of testable explanations and predictions about the universe. Science may be as old as the human species, and some of the earliest archeological evidence ...
, and
mathematics Mathematics is an area of knowledge that includes the topics of numbers, formulas and related structures, shapes and the spaces in which they are contained, and quantities and their changes. These topics are represented in modern mathematics ...
, in order to illustrate theories and concepts, such as the
human anatomy The human body is the structure of a human being. It is composed of many different types of cells that together create tissues and subsequently organ systems. They ensure homeostasis and the viability of the human body. It comprises a hea ...
. Diagrams are also used to label photographs and pictures.
Educational animation Educational animations are animations produced for the specific purpose of fostering learning. It is associated with educational technology with the way it supports teaching and learning through the use of technological tools to facilitate learn ...
is an important emerging field of graphics. Animated graphics have obvious advantages over static graphics when explaining subject matter that changes over time. The ''Oxford Illustrated Dictionary'' uses graphics and technical illustrations to make reading material more interesting and easier to understand. In an
encyclopedia An encyclopedia (American English) or encyclopædia (British English) is a reference work or compendium providing summaries of knowledge either general or special to a particular field or discipline. Encyclopedias are divided into articles ...
, graphics are used to illustrate concepts and show examples of the particular topic being discussed. In order for a graphic to function effectively as an educational aid, the learner must be able to interpret it successfully. This interpretative capacity is one aspect of graphicacy.


Film and animation

Computer graphics are often used in the majority of new feature films, especially those with a large budget. Films that heavily use computer graphics include ''The Lord of the Rings'' film trilogy, the ''Harry Potter'' films, ''
Spider-Man Spider-Man is a superhero appearing in American comic books published by Marvel Comics. Created by writer-editor Stan Lee and artist Steve Ditko, he first appeared in the anthology comic book ''Amazing Fantasy'' #15 (August 1962) in the Si ...
'' and '' War of the Worlds''.


Graphics education

The majority of schools, colleges, and universities around the world educate students on the subject of graphic design and art. The subject is taught in a broad variety of ways, each course teaching its own distinctive balance of craft skills and intellectual response to the client's needs. Some graphics courses prioritize traditional craft skills—drawing, printmaking, and typography—over modern craft skills. Other courses may place an emphasis on teaching digital craft skills. Still, other courses may downplay the crafts entirely, concentrating on training students to generate novel intellectual responses that engage with the brief. Despite these apparent differences in training and curriculum, the staff and students on any of these courses will generally consider themselves to be graphic designers. The typical
pedagogy Pedagogy (), most commonly understood as the approach to teaching, is the theory and practice of learning, and how this process influences, and is influenced by, the social, political and psychological development of learners. Pedagogy, taken ...
of a graphic design (or graphic communication, visual communication, graphic arts or any number of
synonymous A synonym is a word, morpheme, or phrase that means exactly or nearly the same as another word, morpheme, or phrase in a given language. For example, in the English language, the words ''begin'', ''start'', ''commence'', and ''initiate'' are a ...
course titles) will be broadly based on the teaching models developed in the
Bauhaus The Staatliches Bauhaus (), commonly known as the Bauhaus (), was a German art school operational from 1919 to 1933 that combined crafts and the fine arts.Oxford Dictionary of Art and Artists (Oxford: Oxford University Press, 4th edn., 20 ...
school in Germany or Vkhutemas in Russia. The teaching model will tend to expose students to a variety of craft skills (currently everything from drawing to motion capture), combined with an effort to engage the student with the world of
visual culture Visual culture is the aspect of culture expressed in visual images. Many academic fields study this subject, including cultural studies, art history, critical theory, philosophy, media studies, Deaf Studies, and anthropology. The field of vi ...
.


Noted graphic designers

Aldus Manutius Aldus Pius Manutius (; it, Aldo Pio Manuzio; 6 February 1515) was an Italian printer and humanist who founded the Aldine Press. Manutius devoted the later part of his life to publishing and disseminating rare texts. His interest in and preser ...
designed the first
italic type In typography, italic type is a cursive font based on a stylised form of calligraphic handwriting. Owing to the influence from calligraphy, italics normally slant slightly to the right. Italics are a way to emphasise key points in a printed ...
style which is often used in
desktop publishing Desktop publishing (DTP) is the creation of documents using page layout software on a personal ("desktop") computer. It was first used almost exclusively for print publications, but now it also assists in the creation of various forms of online ...
and
graphic design Graphic design is a profession, academic discipline and applied art whose activity consists in projecting visual communications intended to transmit specific messages to social groups, with specific objectives. Graphic design is an interdiscip ...
.
April Greiman April Greiman (born March 22, 1948) is an American designer widely recognized as one of the first designers to embrace computer technology as a design tool. Greiman is also credited, along with early collaborator Jayme Odgers, with helping to im ...
is known for her influential
poster A poster is a large sheet that is placed either on a public space to promote something or on a wall as decoration. Typically, posters include both textual and graphic elements, although a poster may be either wholly graphical or wholly text ...
design. Paul Rand is well known as a design pioneer for designing many popular corporate logos, including the logo for IBM,
NeXT Next may refer to: Arts and entertainment Film * ''Next'' (1990 film), an animated short about William Shakespeare * ''Next'' (2007 film), a sci-fi film starring Nicolas Cage * '' Next: A Primer on Urban Painting'', a 2005 documentary film Lit ...
and UPS. William Caslon, during the mid-18th century, designed many typefaces, including ''ITC Founder's Caslon'', ''ITC Founder's Caslon Ornaments'', ''Caslon Graphique'', ''ITC Caslon No. 224'', ''Caslon Old Face'' and ''Big Caslon''.


See also

* Editorial cartoon *
Visualization (graphics) Visualization or visualisation (see spelling differences) is any technique for creating images, diagrams, or animations to communicate a message. Visualization through visual imagery has been an effective way to communicate both abstract and ...
*
Semiotics Semiotics (also called semiotic studies) is the systematic study of sign processes ( semiosis) and meaning making. Semiosis is any activity, conduct, or process that involves signs, where a sign is defined as anything that communicates something ...


References


External links


A Historical Timeline of Computer Graphics and Animation
{{Authority control Computer graphics Graphic design