Table of Content
1.Introduction
2.Types of graphics
3.Resolution
4.Memory/Storage requirement
5.Types of images
6.Image colour schemes
7.Colour dithering
8.Image processing
9.Graphic file formats
Introduction
Imageisaspatialrepresentationofanobjectorascene.(imageofaperson,
place,object)
Graphicisabroaderandgeneraldefinitionwhichincludes:
PicturesorPhotographs
DrawingsorLinearts
Clip arts
Buttons and Banner
Charts and graphs
Backgrounds
Icons
What are still images?
Still images are visual representations that do not move.
Text is ideal for transmitting information in a highly
articulate manner that can be consistently interpreted
irrespective of the user. Still images, however, allow the
content creator to convey information which can be more
freely interpreted by the user. A picture does indeed paint
a thousand words but the meaning of the picture will vary
from user to user.
Picture Vs Graphics / Image
Pictures:
Pictures are found in the world which is external to the
computers.
Images / Graphics:
Images are the 2-Dimensional digital representations of
pictures found in computers.
Computer attempts to duplicate the “look and feel” of a
picture via storing and processing.
Therefore, an image is a “realistic” version of the original
picture ; dependant on the quality and capabilities of the
computer and the graphic artist’s ability to use the software.
Types of Graphic
Bitmap graphics
Vector graphics
Bitmap graphics
The most common and comprehensive form of storage for images on
computers is bitmap image.
Bitmap use combination blocks of different colours (known as pixels)
to represent an image. Each pixel is assigned a specific location and
colour value.
There are also called pixelized or raster graphics.
Software to edit bitmapped graphics are :
Adobe Photoshop
Paint Shop Pro
Vector Graphics
Vector images are based on drawing elements/objectsto
create an image.
The elements and objects are stored as a series of command
that define the individual objects.
Packages that allow to create vector graphics include :
Macromedia Freehand MX
Macromedia Flash MX
Adobe Illustrator
GRAPHICS GLOSSARY
Pixel –(Picture elements) Every photograph, in digital form, is made up
ofpixels. They are the smallest unit of information that makes up
apicture. Usually round or square
DPI –(dot per inch) In printing,DPI(dots per inch) refers to the output
resolution of a printer or imagesetter,.DPIrefers to the
physicaldotdensity of an image when it is reproduced as a real physical
entity
PPI (pixelsper inch) refers to the input resolution of a photograph or
image or number of pixels per inch in your image
The higher the resolution
the greater the image
the higher the DPI value that
you have, the higher the
resolution of the picture, and
the less pixelated it will be.
(the higher the resolution the
greater the image)
But is a 300 DPI resolution the right one? Not always.
You can still set 72 dpi in a larger file with a good
image ( if the picture is too large)
-Do not set high resolution than the resolution of your
computer screen
* DLSR raw picture/image is 300dpi
CMYK VS. RGB
RGBrefers to the primary colors of light, Red, Green and Blue,
that are used in monitors, television screens, digital cameras and
scanners.CMYKrefers to the primary colors of
pigment(PRINTERS): Cyan, Magenta, Yellow, and Black.
Image resolution
Image resolution measures the pixel dimension of an
overall image or how many pixel the image has.
Image resolution is measured in width and height.
For example, 100 * 100-pixel image has a total of 10,000
pixels.
Colour Resolution/Colour Depth
Each pixel can represent at least 2 possible colours or more.
Colour resolution or Colour depth/channel depth is measured in bits.
ColourDepth Calculation Number of Colours
1 bit
4 bits
8 bits (1 byte)
16 bits (2 bytes)
24 bits (3 bytes)
2
1
= 2
2
4
= 16
2
8
= 256
2
16
= 65,536
2
24
= 16,777,216
2 colours
16 colours
256 colours
65,536 colours
16,777,216 colours
Binary (Bitonal) Image
Grayscale Image
Colour Image
Image Colour Schemes
1. Get inspired.Assemble your props
What’s the theme of your flat lay?Pick a lot of props (more
than you would conceivably use) so that you can swap things
in and out while you’re composing your shot. Also, try to
pick objects of varying sizes and shapes in order to create
visual interest
Grab an extra pair of hands
Grab an extra pair of hands
Some of our favorite flat lay designs look more “candid” becau
se they include people (or, more accurately, body parts). If yo
u want to create a look that has a sense of movement and act
ion, consider enlisting the help of a friend/hand model. It’ll be
way easier/less impossible than trying to pose and photograp
h yourself.
Pick a background
When choosing a background, it’s best to keep things
simple. A plain white background works well because it
won’t distract from your props, but you can also pick a
neutral like a wood floor or table. If you want to use a
colored background, you can get crafty by taping some
matte wrapping paper to a floor or table. Or, consider
investing in some vinyl backdrops to easily create a rustic
look.
Compose your shot
Set up next to a window and try to shoot in the morning or late afternoon,
when you’ll get the best light. Try not to use a flash, as this is going to create
create shadows.
When setting up your shot, leave a little bit of space between each object.
This will help highlight each prop and keep your shot from looking cluttered.
Create balance in your photo by mixing smaller objects with larger objects
and placing objects of similar colors on both sides of the image.
a square layout will look really nice. If you’re shooting with your phone, it’s
easy to set up a shot by picking the square setting in your camera.
Leave space for
text and graphics
•Logo
•Quote
Or hugot
•Bible verses
Shoot from above
Climb up on a ladder or step stool and get shooting.
Creating distance between you and the flat lay will help
you fit everything into the shot. This is also one of the
only ways to ensure that your photo really looks flat.
Once you’re up there, take a few test shots and don’t be
afraid to keep moving props around until it looks just
right.When you have your perfect shot, it’s time to get
editing.
Work some
basic editing
magic
Color adjustments
Contrast
Saturation
Sharpness
Cropping