Color Systems

Monday, February 27, 2023 12:03 PM

RGB:
RGB stands for Red, Green, and Blue, which are the primary colors of light. RGB is a color model that
is commonly used in digital displays, such as computer monitors, televisions, and mobile devices.
The properties of RGB include:

Additive Color Model: RGB is an additive color model, meaning that the colors are created by adding
different amounts of the primary colors of light (red, green, and blue) together. When all three
primary colors are combined at their full intensity, they create white light.

Range of Colors: The RGB color model has the capability of displaying millions of colors. By varying
the intensity of the three primary colors, different colors and shades can be created.

Gamut: The RGB color model has a specific color gamut, which is the range of colors that can be
reproduced by a particular device or medium. The color gamut of RGB displays is usually wider than
that of CMYK printing.

Bit Depth: The bit depth of an RGB image determines the number of colors that can be displayed.
The higher the bit depth, the more colors can be represented. For example, an 8-bit RGB image can
represent 256 shades of each primary color, while a 24-bit RGB image can represent over 16 million
colors.

Color Spaces: There are different color spaces within the RGB color model, such as sRGB and Adobe
RGB. Each color space has different characteristics, such as the range of colors that can be displayed
and the intended use.

Understanding the properties of RGB is essential for creating and working with digital images, as it
allows for accurate color representation and manipulation.

From <https://chat.openai.com/chat>

HSL:

HSL stands for Hue, Saturation, and Lightness. It is a color model used in digital media that
represents colors by their hue, saturation, and lightness values. Here are some of the key properties
of the HSL color model:

Hue: Hue is the pure color of the spectrum, represented as an angle in degrees around a color
wheel. It ranges from 0 to 360, with red at 0 degrees, green at 120 degrees, and blue at 240 degrees.

Saturation: Saturation refers to the intensity or purity of a color, and it is represented as a

percentage. At 0% saturation, the color appears gray, while at 100% saturation, the color appears
fully saturated and vibrant.

Lightness: Lightness refers to the perceived brightness of a color, and it is represented as a

percentage. At 0% lightness, the color is black, while at 100% lightness, the color is white.

Color Range: The HSL color model can represent a wide range of colors, including both bright and
muted colors, pastels, and grays.

Color Relationships: The HSL color model makes it easy to understand the relationships between
different colors. Colors with similar hues are located near each other on the color wheel, while
colors with different hues are farther apart. Similarly, increasing or decreasing the saturation or

Graphics Creation Page 1

colors with different hues are farther apart. Similarly, increasing or decreasing the saturation or
lightness of a color changes its relationship to other colors.

Adjusting Colors: Adjusting the hue, saturation, or lightness of a color is easy with the HSL color
model. For example, changing the hue of a color rotates it around the color wheel, while increasing
or decreasing saturation or lightness affects the intensity and brightness of the color.

Understanding the properties of HSL is important for creating and working with digital images, as it
allows for precise and intuitive control over color. The HSL color model is particularly useful for
working with user interfaces, data visualization, and other applications where color plays a key role.

CMYK:
CMYK stands for Cyan, Magenta, Yellow, and Key (Black). It is a color model used in print media that
represents colors by the amounts of these four ink colors used to create them. Here are some of the
key properties of the CMYK color model:

Subtractive Color Model: CMYK is a subtractive color model, meaning that colors are created by
subtracting different amounts of ink from white paper. Unlike RGB, which is an additive color model,
in which colors are created by adding light together.

Color Range: The CMYK color model can represent a wide range of colors, but it has a smaller gamut
than RGB. This is because the ink absorbs some of the light, limiting the colors that can be
reproduced.

Black Ink: The "K" in CMYK stands for "Key," which represents the black ink used in printing. Black ink
is necessary because combining cyan, magenta, and yellow inks does not create true black. Using
black ink also helps to reduce the amount of ink needed, improving print quality and reducing
printing costs.

Dot Gain: Dot gain refers to the amount by which ink spreads on the paper during printing. It is a
significant factor in the CMYK color model since too much dot gain can cause colors to appear darker
and less saturated than intended.

Color Separation: Before printing, the CMYK color model separates the image into four colors, each
of which is printed using a separate printing plate. The printing plates are aligned to ensure that the
colors are printed in the correct positions.

Understanding the properties of CMYK is important for creating and working with print media, such
as brochures, magazines, and newspapers. It is essential to ensure that the colors in the digital file
match those in the printed product, and to make adjustments for dot gain and other printing-related
factors.

CMS:
CMS stands for Color Management System. It is a system that helps to ensure consistent and
accurate color reproduction across different devices and media. Here are some of the key properties
of a color management system:

Color Spaces: A color management system uses standardized color spaces, such as sRGB, Adobe
RGB, or ProPhoto RGB, to define the range of colors that can be represented by a device or media.
These color spaces ensure that colors are consistent and accurate across different devices.

Profiles: A color management system uses color profiles to describe how colors are represented by a
specific device or media. A color profile contains information about the color space, white point,
gamma, and other characteristics of the device or media.

Calibration: Calibration is the process of adjusting a device to produce accurate and consistent
colors. A color management system can use calibration to adjust devices such as monitors, printers,

Graphics Creation Page 2

colors. A color management system can use calibration to adjust devices such as monitors, printers,
and scanners to ensure that they produce accurate colors.

Conversion: Conversion is the process of translating colors from one color space to another. A color
management system can use color profiles to convert colors from one color space to another,
ensuring that the colors are accurately represented across different devices.

Workflow: A color management system provides a workflow for managing colors in a project. The
workflow includes color space selection, profile selection, calibration, conversion, and color
proofing. This workflow ensures that colors are consistent and accurate throughout the project.

Standards: A color management system follows international standards, such as ICC (International
Color Consortium) profiles, to ensure consistent and accurate color reproduction.

Understanding the properties of a color management system is important for ensuring that colors
are consistent and accurate across different devices and media. This is essential in industries such as
graphic design, photography, and printing, where color accuracy is critical to the final product.

Graphics Creation Page 3

Need for different image resolutions
Monday, February 27, 2023 12:49 PM

The resolution of an image refers to the amount of detail that it contains. The resolution is usually
measured in pixels per inch (PPI) or dots per inch (DPI), and it can have a significant impact on the
quality of the image, both on screen and in print. Here's how:

Low Resolution:
When an image has a low resolution, it means that there is not enough detail in the image, and it
can appear blurry or pixelated. This is especially noticeable when the image is enlarged, such as
when printing a small image on a larger page. On screen, low-resolution images can appear fuzzy,
jagged, or distorted, especially when zoomed in. The lack of detail can make it difficult to distinguish
between different elements in the image, reducing its overall impact and clarity.

High Resolution:
On the other hand, high-resolution images contain more detail and appear clearer and sharper on
screen and in print. They allow for more precise and accurate color reproduction, which is essential
for high-quality printing. However, high-resolution images also tend to be larger in file size, which
can slow down the loading time of web pages and require more storage space.

Overall, having the appropriate resolution for an image is essential to ensure that it looks its best in
the intended medium. A high-resolution image is generally preferable for print, while a lower
resolution may be acceptable for on-screen use. However, it's important to strike a balance between
image quality and file size, especially when it comes to web pages or digital media, where large file
sizes can cause slow loading times and impact user experience.

Graphics Creation Page 4

File Formats
Monday, February 27, 2023 12:51 PM

SVG (Scalable Vector Graphics): SVG is a vector-based file format that uses XML to define graphics. It
is ideal for use on the web, as it can be scaled to any size without losing quality. SVG files can be
easily edited using vector software such as Adobe Illustrator, and they are typically smaller in size
than other image formats. SVG supports transparency, gradients, and patterns, and it is a popular
format for logos, icons, and illustrations.

BMP (Bitmap): BMP is a raster-based file format that is widely supported by most image editing
software. BMP files are uncompressed, which means they can be quite large in size. BMP files can be
saved in a variety of color depths, including 1-bit monochrome, 4-bit grayscale, 8-bit indexed color,
16-bit high color, and 24-bit true color. BMP files are best used for images that require high color
depth, such as photographs or images with gradients.

JPG (Joint Photographic Experts Group): JPG is a compressed raster-based file format that is widely
used for photographs and web graphics. JPG files are small in size and can be easily shared online,
but they are lossy, which means that they can lose quality when compressed. JPG files are typically
saved in 24-bit true color and are best used for images with complex color or tone, such as
photographs.

PNG (Portable Network Graphics): PNG is a compressed raster-based file format that supports
transparency. PNG files are lossless, which means that they do not lose quality when compressed.
PNG files can be saved in either 24-bit true color or 8-bit indexed color. PNG files are best used for
images with transparency, such as logos or web graphics, or for images that require lossless
compression.

GIF (Graphics Interchange Format): GIF is a compressed raster-based file format that supports
animation. GIF files are limited in color depth and can only contain 256 colors, which makes them
best used for simple graphics, such as icons or logos, or for small animations. GIF files support
transparency, and they can be easily created using software such as Adobe Photoshop or GIMP.

TIF (Tagged Image File Format): TIF is a lossless, high-quality raster-based file format that is used in
professional printing and publishing. TIF files are very large in size and can contain a high amount of
detail, making them best used for images that require a high level of detail and quality, such as
photographs. TIF files can be saved in a variety of color depths, including 8-bit grayscale, 24-bit true
color, and 48-bit true color. Can save effects such as layers.

PDF (Portable Document Format): PDF is a vector-based file format that is widely used for
documents, including images, text, and graphics. PDF files can be opened on most devices, making
them ideal for sharing documents. PDF files can contain both vector and raster graphics, and they
support transparency, interactive elements, and multimedia. PDF files can be created using software
such as Adobe Acrobat or InDesign.

Graphics Creation Page 5

Advantages and disadvantages of converting bitmap into
vector images
Monday, February 27, 2023 1:04 PM

Advantages:

Scalability: One of the biggest advantages of converting a bitmap image into an editable vector
shape is that the resulting image can be scaled to any size without losing quality. This is because
vector images are made up of mathematical equations that define shapes, lines, and curves, rather
than pixels that can become pixelated when enlarged.
Editability: Another advantage of converting a bitmap image into a vector shape is that the resulting
image can be easily edited and manipulated using vector software. This includes changing the colors,
shapes, and sizes of individual elements within the image.
Smaller file size: Vector images typically have smaller file sizes compared to bitmap images, making
them easier to store and share.

Disadvantages:

Loss of detail: When converting a bitmap image into a vector shape, some detail may be lost in the
process. This is because vector images are simplified shapes, and the software may not be able to
accurately recreate all of the fine details in the original bitmap image.
Time-consuming: Converting a bitmap image into a vector shape can be a time-consuming process,
especially for complex images. This is because the software needs to trace and convert each
individual element in the image.
Limited color depth: Vector images have limited color depth compared to bitmap images. This
means that vector images may not be suitable for images with complex color or tone, such as
photographs.

Graphics Creation Page 6

Compression
Monday, February 27, 2023 1:10 PM

Lossless Compression: Lossless compression reduces the file size of an image without losing any
image quality. This is achieved by removing redundant or unnecessary data within the image file.
Examples of lossless compression methods include ZIP, LZW, and PNG. The main advantage of
lossless compression is that the image quality remains intact, but the compression ratios achieved
may not be as high as with lossy compression.

Lossy Compression: Lossy compression reduces the file size of an image by discarding some of the
image data. This results in some loss of image quality, but the degree of loss can be controlled by
adjusting the compression level. Examples of lossy compression methods include JPEG, GIF, and
MP4. The main advantage of lossy compression is that it can achieve higher compression ratios than
lossless compression, but the image quality may be visibly degraded.

Changing the resolution and color depth of an image are two common methods of compressing
images. Here are some details on how each method affects image compression:

Changing Resolution: Reducing the resolution of an image means decreasing the number of pixels in
the image. This reduces the amount of data in the image, resulting in a smaller file size. However,
reducing the resolution too much can result in a loss of image detail and clarity. A lower resolution
image may also appear pixelated or blurry when printed or displayed on a high-resolution device.

Changing Color Depth: Reducing the color depth of an image means decreasing the number of colors
used in the image. This can result in a smaller file size, as fewer colors require less data to store.
However, reducing the color depth too much can result in a loss of image quality and detail, as some
colors may be lost or appear distorted. A lower color depth image may also appear flat or dull, with
less vibrancy and range of color.

Both of these methods can be used together to further compress images. For example, reducing
both the resolution and color depth of an image can result in a much smaller file size, but may also
result in a significant loss of image quality. It's important to balance compression with image quality
to achieve the desired result.

Graphics Creation Page 7

Important tools
Monday, February 27, 2023 2:41 PM

Layer:
In graphic design programs, layers are used to organize and manipulate different elements of an
image or design separately. Layers allow you to work on different parts of an image without
affecting other parts, which makes it easier to edit and refine your design.

Here's a brief overview of how layers work in graphic design programs:

When you create a new image or design, it starts with a single layer.

To add a new layer, you can usually click on a "New Layer" button or use a keyboard shortcut (e.g.
"Ctrl+Shift+N" in Photoshop). You can give each layer a name to help you keep track of what it
contains.

Each layer can contain different elements, such as text, shapes, images, or effects. You can select a
layer and then add, delete, or modify its contents without affecting other layers.

Layers can be rearranged by dragging and dropping them in the layer stack. The order of the layers
affects how they appear in the final image or design.

You can also adjust the visibility and opacity of each layer. Layers can be hidden or shown by clicking
on the "eye" icon next to the layer name. You can adjust the opacity of a layer to make it more or
less transparent.

Some design programs also allow you to group layers together, which makes it easier to manage
complex designs. You can select multiple layers and then group them by clicking on the "Group
Layers" button.

Group:
In graphic design programs, the Group tool is used to combine multiple layers or objects into a single
entity, allowing you to move or transform them together as if they were a single object. Grouping
can be particularly useful when working with complex designs that contain many elements, as it
allows you to keep related elements together and easily manipulate them as a group.

Here's a brief overview of how the Group tool works in graphic design programs:

To group layers or objects, you first need to select them. You can do this by clicking on each layer or
object while holding down the Shift key, or by drawing a selection box around them with the
marquee tool.

Once you have selected the layers or objects you want to group, you can then click on the "Group"
button in the toolbar or right-click and select "Group" from the context menu. In some programs,
you can also use the keyboard shortcut (e.g. "Ctrl+G" in Adobe Illustrator).

After you have grouped the layers or objects, they will appear as a single entity in the layer stack or
object list. You can then move, resize, rotate, or apply effects to the group as if it were a single
object.

To ungroup a group of layers or objects, you can select the group and then click on the "Ungroup"
button or right-click and select "Ungroup" from the context menu. In some programs, you can also
use the keyboard shortcut (e.g. "Ctrl+Shift+G" in Adobe Illustrator).

Some programs also offer additional options for working with groups, such as locking or hiding

Graphics Creation Page 8

Some programs also offer additional options for working with groups, such as locking or hiding
groups, naming or labeling groups, or applying group-specific effects or styles.

Overall, the Group tool is a powerful tool in graphic design programs that allows you to manage
complex designs more easily by combining related elements into a single entity. By grouping layers
or objects, you can work more efficiently and maintain greater control over your designs.

Flatten:
In graphic design programs, the Flatten tool or command is used to merge all visible layers or objects
into a single layer or image, which can be useful for simplifying complex designs or preparing files for
export or printing.

Here's a brief overview of how the Flatten tool works in graphic design programs:

To flatten a design, you first need to make sure that all the layers or objects you want to include in
the flattened image are visible. You can do this by clicking on the eye icon next to each layer in the
layer stack or object list.

Once you have made all the layers or objects visible, you can then select the Flatten tool or
command. In some programs, this may be located in the Layer menu or toolbar, while in others it
may be a separate command or button.

When you select the Flatten tool or command, all the visible layers or objects will be merged into a
single layer or image. The resulting image will no longer contain any separate layers or objects, and
any transparency or blending modes will be applied to the entire image.

After you have flattened the image, you can then save it or export it in the desired format. Flattening
a design can be useful for preparing files for printing, as it can simplify the file and make it easier to
handle by printers.

It's important to note that flattening a design is a destructive process, as it permanently merges the
visible layers or objects into a single layer or image. Therefore, it's a good practice to save a copy of
the original file before flattening it, in case you need to make further edits or changes to the design
later on.

Align:
In graphic design programs, the Align tool is used to precisely position objects relative to each other
or to the artboard or canvas. The Align tool can be particularly useful when you need to align or
distribute objects evenly, or when you need to ensure that objects are centered or aligned with each
other.

Here's a brief overview of how the Align tool works in graphic design programs:

To use the Align tool, you first need to select the objects you want to align. You can do this by
clicking on each object while holding down the Shift key, or by drawing a selection box around them
with the marquee tool.

Once you have selected the objects you want to align, you can then open the Align panel or toolbar.
In most programs, the Align panel or toolbar can be found under the Window or Object menu.

In the Align panel or toolbar, you will see a range of options for aligning and distributing objects. For
example, you may see options for aligning objects to the top, bottom, left, or right edges, or for
centering objects vertically or horizontally.

To align objects using the Align tool, simply select the desired alignment option in the Align panel or
toolbar. The selected objects will then be aligned or distributed according to the chosen option.

Graphics Creation Page 9

In some programs, the Align tool may also offer additional options for spacing, such as setting equal
spacing between objects or distributing objects evenly along a line or shape.

Overall, the Align tool is a powerful tool in graphic design programs that allows you to precisely
position objects relative to each other or to the artboard or canvas. By using the Align tool, you can
create designs that are well-balanced and visually appealing, and you can save time and effort by
automating the alignment process.

Distribute:
In graphic design programs, the Distribute tool is used to evenly space or distribute objects relative
to each other or to the artboard or canvas. The Distribute tool can be particularly useful when you
need to arrange objects in a grid or a line, or when you need to ensure that objects are spaced
evenly.

Here's a brief overview of how the Distribute tool works in graphic design programs:

To use the Distribute tool, you first need to select the objects you want to distribute. You can do this
by clicking on each object while holding down the Shift key, or by drawing a selection box around
them with the marquee tool.

Once you have selected the objects you want to distribute, you can then open the Distribute panel
or toolbar. In most programs, the Distribute panel or toolbar can be found under the Window or
Object menu.

In the Distribute panel or toolbar, you will see a range of options for distributing objects. For
example, you may see options for spacing objects evenly horizontally or vertically, or for creating a
grid of objects with equal spacing.

To distribute objects using the Distribute tool, simply select the desired distribution option in the
Distribute panel or toolbar. The selected objects will then be spaced or distributed according to the
chosen option.

In some programs, the Distribute tool may also offer additional options for alignment, such as
aligning objects to the top, bottom, left, or right edges of the artboard or canvas.

Overall, the Distribute tool is a powerful tool in graphic design programs that allows you to evenly
space or distribute objects relative to each other or to the artboard or canvas. By using the
Distribute tool, you can create designs that are well-organized and visually appealing, and you can
save time and effort by automating the distribution process.

Bezier Curves:
Bezier curves are a fundamental tool in graphic design programs that allow you to create smooth,
curved lines and shapes with precision and control. Bezier curves are named after the French
mathematician Pierre Bezier, who developed the mathematical formula behind them in the 1960s.

Here's a brief overview of how Bezier curves work in graphic design programs:

To create a Bezier curve, you first need to select the Pen tool or the Bezier curve tool in the graphic
design program.

Next, click on the canvas or artboard to create a starting point for the curve. This point is called an
anchor point.

After creating the starting point, click and drag the mouse to create a handle. This handle controls
the direction and curvature of the curve.

Graphics Creation Page 10

Release the mouse to create a new anchor point, which will serve as the end point of the curve. You
can continue to click and drag to add additional anchor points and handles to create more complex
curves.

To adjust an existing Bezier curve, select the curve using the selection tool, and then click and drag
the handles or anchor points to modify the shape of the curve.

Overall, Bezier curves provide graphic designers with a powerful tool for creating smooth, curved
lines and shapes with precision and control. By mastering the use of Bezier curves, you can create
designs that are more visually interesting and dynamic, and you can add a level of sophistication and
professionalism to your work.

Graphics Creation Page 11

General terms
Monday, February 27, 2023 2:53 PM

Opacity:
Opacity refers to the degree to which an object or layer in a graphic design program is transparent or
opaque. In other words, an object with a high opacity will appear more solid and less transparent,
while an object with low opacity will appear more transparent and less solid.

Here's a brief overview of how opacity works in graphic design programs:

To adjust the opacity of an object or layer, you first need to select it in the design program. You can
do this by clicking on the object or layer with the selection tool or by selecting it from the Layers
panel.

Once you have selected the object or layer, you can then adjust its opacity using the opacity slider in
the design program's toolbar or properties panel. The opacity slider is usually represented by a
percentage, with 100% indicating full opacity and 0% indicating complete transparency.

By adjusting the opacity of an object or layer, you can control how it interacts with other objects or
layers in the design. For example, if you have a background layer with a low opacity, other objects or
layers in the design will be more visible through it.

In addition to adjusting the opacity of individual objects or layers, you can also adjust the overall
opacity of a group of objects or layers. To do this, select the group of objects or layers, and then
adjust the opacity as you would for an individual object or layer.

Overall, understanding how to adjust the opacity of objects and layers in a graphic design program
can be a powerful tool for creating visual effects and controlling the transparency of your designs. By
experimenting with different opacity settings, you can create designs that are more visually
interesting and dynamic.

Kerning:
Kerning is a term used in typography that refers to the adjustment of the spacing between two
individual characters or letters. Kerning is used to create more visually pleasing and legible
typography by adjusting the space between specific pairs of letters to make them appear more
evenly spaced.

Here's a brief overview of how kerning works in graphic design programs:

To adjust kerning, you first need to select the text or the specific pair of characters that you want to
adjust in the design program.

Once you have selected the text or characters, you can then adjust the kerning using the kerning
controls in the program's toolbar or properties panel. Kerning controls allow you to adjust the
spacing between pairs of letters, making them appear closer together or further apart.

Kerning is particularly important when working with typography, as it can have a significant impact
on the legibility and visual appeal of your text. Poor kerning can result in letters that appear too
cramped or too far apart, making the text difficult to read and less visually appealing.

In addition to kerning, other typography-related adjustments that can be made in graphic design
programs include tracking (the adjustment of spacing between all characters in a block of text) and
leading (the adjustment of vertical spacing between lines of text).

Overall, understanding how to adjust kerning in graphic design programs can be a powerful tool for

Graphics Creation Page 12

Overall, understanding how to adjust kerning in graphic design programs can be a powerful tool for
creating more visually appealing and legible typography. By experimenting with different kerning
settings, you can create typography that is more professional-looking, easier to read, and more
aesthetically pleasing.

Vector:
In graphic design, a vector is a mathematical representation of a graphic element, such as a shape,
line, or curve. Vectors are different from raster graphics, which are made up of pixels, because they
are scalable and can be resized without losing resolution or clarity.

Here's a brief overview of how vectors work in graphic design programs:

Vectors are created using vector drawing tools, such as the Pen tool or the Shape tool, in a graphic
design program.

When you create a vector shape or object, the program stores the mathematical data that defines
the shape, including its size, position, and the points and curves that make up its outline.

Because vectors are mathematically defined, they can be easily scaled up or down without losing
quality or resolution. This makes them ideal for creating designs that need to be resized or printed at
different sizes.

Vectors are also useful for creating designs that require precise shapes or curves, such as logos or
icons. Because vector tools allow you to manipulate and adjust points and curves with precision, you
can create highly detailed and precise designs that are difficult to achieve with raster graphics.

In addition to creating new vector objects, graphic design programs also allow you to import and
edit existing vector files, such as SVG or EPS files.

Overall, vectors are an essential tool in graphic design, allowing designers to create highly detailed
and precise designs that can be easily scaled up or down without losing quality. By understanding
how vectors work and how to use vector drawing tools in a graphic design program, you can create
professional-looking designs that are both visually appealing and functional.

Bitmap:
In graphic design, a bitmap is a type of digital image that is made up of pixels arranged in a grid. Each
pixel in a bitmap contains a specific color value, which together form an image.

Here's a brief overview of how bitmaps work in graphic design programs:

Bitmaps are created by capturing or scanning an image, such as a photograph or a drawing, or by

creating a new image in a graphic design program.

When a bitmap is created, the program assigns a specific color value to each pixel in the image. The
color value is typically represented by a combination of red, green, and blue (RGB) values, which
together create the full spectrum of colors.

Because bitmaps are made up of individual pixels, they are resolution-dependent, meaning that their
quality and clarity are determined by the number of pixels per inch (PPI) in the image. The more
pixels per inch, the higher the resolution and the clearer the image will appear.

Bitmaps are often used for creating complex images or photographs, and are commonly used in
digital photography, web design, and other forms of digital media.

Bitmaps can be edited and manipulated in a graphic design program, using tools such as the
selection tool, the brush tool, or the color adjustment tool. However, because bitmaps are
resolution-dependent, it is important to maintain the original resolution when editing to ensure the

Graphics Creation Page 13

resolution-dependent, it is important to maintain the original resolution when editing to ensure the
quality of the image is not compromised.

Overall, bitmaps are a fundamental tool in graphic design, allowing designers to create complex and
detailed images using individual pixels. By understanding how bitmaps work and how to use bitmap
editing tools in a graphic design program, designers can create stunning images that are both visually
appealing and functional.

Vector images
A vector image is created using shapes and coordinates.
Mathematical formulas and calculations are used to
draw the image and fill areas with colour. If you change
the size of the image, the computer recalculates and
redraws it. This means it does not go blurry (pixelate).
The image itself is not saved. Only instructions on how
to create the image are saved. For example, coordinates
for a line and a calculation for drawing the line are
stored, including the colour, width, and so on.

Graphics Creation Page 14