0% found this document useful (0 votes)
4 views16 pages

CRIZELE

Download as pdf or txt
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 16

CREATING RASTER GRAPHICS

USING GRAPHICS APPLICATION


WHAT IS RASTER
GRAPHIC?
In computer graphics and digital photography, a
raster graphic represents a two-dimensional picture
as a rectangular matrix or grid of pixels, viewable
via a computer display, paper, or other display
medium. A raster is technically characterized by
the width and height of the image in pixels and by
the number of bits per pixel.[citation needed]
Raster images are stored in image files with
varying dissemination, production, generation, and
WHAT IS RASTER
GRAPHIC?
KNOWLEDGE ON SPECIFIED
S O F T W A R E A P P L I C AT I O N
R E L A T E D T O :
Image Format

Image Format
IMAGE
An image file format is a file format for a
PLACEHOLDER digital image. There are many formats that can
be used, such as JPEG, PNG, and GIF. Most
formats up until 2022 were for storing 2D
images, not 3D ones. The data stored in an
image file format may be compressed or
uncompressed. If the data is compressed, it
may be done so using lossy compression or
lossless compression. For graphic design applications,
vector formats are often used.
Title

JPEG
JPEG is the most common image format on
the World Wide Web and most digital
cameras produce built-in JPEG images. The
compression degree of JPEG image can be
adjusted and typically, it gains 10:1
compression and you can feel the loss of
quality in the image. This filename
extension is usually .JPEG or .JPG. A JPEG
image is easily editable or compressible, but
once you edit a high-quality jpeg image, you
cannot regain that quality again by reversing.
Title

GIF
Currently, they are also used instead of emoticons
in various chat apps. But, for scanned images
containing text and for general images with texts
also render clear visibility on web.
GIF, a bitmap image format becomes more popular
because of its wide support and portability. GIF
supports up to 8 bits per pixel for each image and
animation. It also allows a separate palette of 256
colors for each frame. Lempel-Ziv-Welch lossless
data compression technique is used to reduce file
size without compromising the visual quality. Such a
GIF image can be downloaded easily even with very
slow modems and this fact has made this image
format pop.
Title
PNG
It is an acronym for Portable Network
Graphics. It is a raster image format
that supports lossless data
compression and also background
transparency. In fact, for having
transparent effects, PNG images are
the best options for professionals who
are related to the web.
Text And
Formatting

Raster graphics consist of pixels arranged


in a grid, where each pixel has its own
color value. Text in raster graphics is
represented by pixels, so when you zoom
in, it can become pixelated and lose
quality. To maintain text clarity, it's often
recommended to use vector graphics for
text, as they use mathematical equations
to define shapes, allowing for infinite
scalability without loss of quality.
Drawing Shapes In raster graphics software, you can
draw shapes using tools like the brush
tool, pencil tool, or shape tools such as
rectangles, circles, and polygons.
When you draw a shape in raster
IMAGE graphics, you're essentially coloring
PLACEHOLDER pixels on the canvas to form the
desired shape. These shapes are made
up of individual pixels, so resizing
them may result in loss of quality or
Text pixelation, especially if you enlarge
them significantly. To maintain clarity
and flexibility, consider using vector
graphics software for precise shapes
In raster graphics software, you can manipulate images in various ways,
Manipulating image including:
1. **Resizing:** Adjust the dimensions of the image, either by scaling it
proportionally or by stretching it.
2. **Cropping:** Remove unwanted parts of the image by selecting and
deleting a specific area.
3. **Rotating and flipping:** Rotate the image to change its orientation or
flip it horizontally or vertically.
4. **Adjusting colors:** Modify the color balance, brightness, contrast,
saturation, and other color properties of the image.
5. **Applying filters and effects:** Add special effects like blurring,
sharpening, embossing, or applying artistic filters to alter the
appearance of the image.
6. **Adding text and annotations:** Overlay text, shapes, or annotations
onto the image.
7. **Cloning and retouching:** Remove imperfections or unwanted
elements by cloning parts of the image or using retouching tools.
These manipulations are done by directly editing the pixels of the image,
so it's essential to work on a copy of the original image to preserve its
integrity. Additionally, always save your work in a lossless format like
TIFF or PNG to prevent degradation from repeated edits.
Design Principles
In raster graphics, design principles guide the creation of visually
appealing and effective images. Here are some key principles:
1. **Resolution:** Start with an appropriate resolution to ensure
clarity and detail in your image. Higher resolutions are essential for
printing, while lower resolutions are suitable for web graphics.
2. **Color mode:** Choose the appropriate color mode (RGB for
digital/web, CMYK for print) to ensure accurate color representation
and consistency across different devices.
3. **Composition:** Arrange elements within the image to create
balance, hierarchy, and visual interest. Use techniques like the rule of
thirds, leading lines, and framing to guide the viewer's eye.
4. **Contrast:** Use contrast in color, value, and size to create
emphasis, hierarchy, and visual impact. Contrast helps important
elements stand out and improves readability.
Design Principles
5. **Typography:** Select fonts that are legible and appropriate for the content
and context of your design. Pay attention to font size, style, spacing, and
alignment to enhance readability and aesthetics.
6. **Depth and perspective:** Create a sense of depth and dimensionality in
your image using techniques like overlapping elements, shading, and
perspective to add visual interest and realism.
7. **Texture and detail:** Incorporate texture and detail to enhance realism and
tactile qualities in your design. Use brushes, filters, and layering techniques to
add depth and richness to your artwork.
8. **Balance:** Distribute visual weight evenly across the image to create a
sense of harmony and stability. Balance can be achieved through symmetrical
or asymmetrical arrangements of elements.
9. **Unity and cohesion:** Maintain consistency in style, color, and theme
throughout the image to create a cohesive visual identity. This helps tie the
elements together and reinforces the overall message or concept.
Color management in raster design involves ensuring
COLOR MANAGEMENT
accurate and consistent color representation across
various devices and mediums. Here's how it typically
works:
1. **Color Profiles:** Each device (such as monitors,
printers, and cameras) has its own color profile, which
describes how it interprets and reproduces colors.
Color profiles contain information about the device's
color gamut, white point, and color characteristics.
2. **Color Spaces:** Raster graphics are often created
in specific color spaces, such as RGB (Red, Green,
Blue) for digital/web graphics and CMYK (Cyan,
Magenta, Yellow, Black) for print. These color spaces
define the range of colors that can be displayed or
printed.
.
3. **Conversion:** When working with raster graphics, it's essential to convert between
different color spaces to ensure accurate color representation. For example, when preparing
an image for print, you'll typically convert it from RGB to CMYK to match the color
capabilities of the printing device.
4. **Embedding Profiles:** When saving raster images, you can embed color profiles to
ensure that the colors are interpreted correctly by other devices and software. This helps
maintain color consistency across different platforms.
5. **Soft Proofing:** Before finalizing a design for print or web publication, it's helpful to use
soft proofing tools to simulate how the colors will appear on different devices. This allows
you to make adjustments to ensure the desired color accuracy and consistency.
6. **Calibration and Profiling:** Regularly calibrating and profiling your devices (such as
monitors and printers) ensures that they accurately reproduce colors according to their
assigned color profiles. Calibration tools and devices help maintain consistency and
accuracy in color reproduction.
7. **Color Management Systems (CMS):** CMS software helps manage and control color
throughout the design and production process. It ensures that colors remain consistent
across different applications, platforms, and devices.
THANKS
PRESENTED BY :
CRIZEL B.
ENRIQUEZ

You might also like