Visual

Communication
Faculty Name: Sairaj M.
Unit No: 2 Brand Identity- Ground Zero

1. Logo and symbolism

2. Layout and types of layouts

3. Use of picture

4. Packaging & Experience

What is packaging

Packaging refers to the process of designing and producing the materials used to contain, protect,
transport, and promote products. Packaging is an essential component of the supply chain and is
used to ensure that products arrive safely and securely to their intended destination, whether it be
a retail store, warehouse, or consumer's home. Packaging can take many different forms, including
boxes, bags, bottles, cans, and more, and can be made from a variety of materials, such as paper,
cardboard, plastic, metal, or glass.
In advertising, packaging refers to the physical or digital container that holds a product and its
associated branding, messaging, and design elements. Packaging is a critical component of
advertising because it is often the first point of contact that a consumer has with a product.
Packaging plays a critical role in advertising by communicating a brand's identity, differentiating a
product from its competitors, conveying important information, protecting the product, and
providing convenience to the consumer. Effective packaging design can help to drive sales and
build a loyal customer base for a brand.
Packaging
 Importance of Packaging
Packaging serves a variety of purposes. Here are some of the primary functions of packaging:
• Protection: One of the primary functions of packaging is to protect products from damage or
contamination during transportation, storage, and handling. Packaging must be designed to
withstand various environmental factors such as temperature changes, humidity, and physical
shocks during transit.
• Preservation: In addition to protecting products from damage or contamination, packaging can
also help to extend the shelf life of products by providing a barrier against moisture, air, and light.
Proper packaging can prevent products from spoiling or losing their freshness, ensuring that they
remain safe and appealing for consumers.
• Information: Packaging provides valuable information to consumers about the product, such as its
ingredients, nutritional value, safety warnings, and usage instructions. This information is essential
for consumers to make informed decisions about whether to purchase and use a product.
• Convenience: Packaging can also provide convenience for consumers by making products easier to
use or store. For example, packaging can include features such as resealable zippers or spouts for
easy pouring.
• Marketing: Packaging can be used to promote and market products by showcasing the product's
branding, design, and messaging. Effective packaging design can capture the attention of
consumers, increase brand recognition, and ultimately drive sales.
Importance of Packaging: in advertising

• Branding: Packaging is a key way to showcase a brand's identity, including its logo, color scheme,
and overall design aesthetic. By ensuring that packaging is consistent with a brand's messaging
and visual identity, marketers can create a strong association between the product and the brand.
• Differentiation: Packaging can be used to distinguish a product from its competitors. By
incorporating unique design elements or features, marketers can make a product stand out on the
shelf or in a digital marketplace.
• Communication: Packaging can convey important information to consumers, such as product
features, benefits, and usage instructions. Through clear and effective communication on
packaging, marketers can help consumers make informed decisions about whether to purchase a
product.
• Forms a part of product marketing strategy: An attractive and/or informative package makes the
product stand out and have a promotional appeal. Packaging also acts as the final touchpoint that
helps in product promotion and sale.
• Convenience: Packaging can also make a product easier to use and consume. For example, a
package with a resealable zip lock can make it easier for consumers to use the product over time,
while a single-serving package can make it more convenient to consume the product on the go.
Types of Packaging

Packaging can be broadly categorized into three types: primary, secondary, and tertiary packaging.
Each type of packaging has a specific function and plays a key role in ensuring that products are
safely transported, stored, and sold.
1. Primary Packaging: Primary packaging is the first layer of packaging that comes into direct
contact with the product. It is designed to protect the product from damage, contamination,
and spoilage, and to keep it fresh and safe for consumption. Examples of primary packaging
include bottles, cans, jars, pouches, and blister packs.
2. Secondary Packaging: Secondary packaging is the second layer of packaging that is used to
group primary packages together, making them easier to transport, handle, and display. It
provides additional protection to the primary packaging and helps to promote the product by
providing a space for branding, labeling, and other promotional materials. Examples of
secondary packaging include cardboard boxes, shrink wrap, and display trays.
3. Tertiary Packaging: Tertiary packaging is the third layer of packaging that is used to transport
and store large quantities of products. It is designed to protect the product from damage during
shipping and to make handling and storage easier. Tertiary packaging is typically made of sturdy
materials like corrugated cardboard, wooden pallets, or plastic containers. Examples of tertiary
packaging include shipping containers, pallets, and crates.
Types of Packaging
Types of Packaging

In addition to these three broad categories, there are also several other types of packaging,
including:

1. Sustainable Packaging: Sustainable packaging is designed to minimize the environmental impact

of packaging by reducing waste, using renewable materials, and promoting recycling. Examples
of sustainable packaging include biodegradable plastics, recycled cardboard, and compostable
materials.
2. Child-Resistant Packaging: Child-resistant packaging is designed to prevent children from
accessing hazardous materials or items, such as medications, cleaning supplies, and tobacco
products. It typically includes safety features like special caps, locks, or seals that are difficult for
children to open.
3. Tamper-Evident Packaging: Tamper-evident packaging is designed to alert consumers if a
product has been opened or tampered with. It typically includes features like seals, labels, or
tape that indicate if the package has been compromised.
Types of Packaging
New age packaging

New age packaging solutions not only aim to provide improved functionality, but also focus on
enhancing the overall user experience and after-sale service for customers. Here are some ways in
which new age packaging solutions achieve this:

Improved User Experience: New age packaging solutions are designed to be user-friendly and
provide a better overall experience for customers. For example, packaging that is easy to open,
convenient to carry, or provides better product visibility can enhance the user experience.
Innovative features like QR codes, augmented reality, or embedded sensors can also provide
additional information about the product or make it more interactive and engaging for customers.

Better After-Sale Service: New age packaging solutions can also improve after-sale service for
customers by providing features that extend beyond the point of purchase. For example, packaging
that can be resealed or reused can help to preserve the product and reduce waste. Packaging that
is designed for easy recycling can also make it easier for customers to dispose of the product in an
environmentally-friendly way.
New age packaging

Personalization: New age packaging solutions can be customized to provide a more personalized
experience for customers. For example, packaging that features personalized branding or messages
can help to create a stronger connection between the customer and the brand. Packaging that
allows customers to choose their preferred color or design can also help to make the product more
appealing and unique to the individual customer.

Sustainability: New age packaging solutions are often designed with sustainability in mind, which
can help to improve the overall user experience and after-sale service for customers. Packaging that
is made from eco-friendly materials or is designed for easy recycling can help to reduce waste and
provide a more environmentally-friendly option for customers. This can help to create a positive
brand image and enhance customer loyalty.

Overall, new age packaging solutions aim to provide a more holistic approach to packaging, by
focusing on improving the overall user experience and after-sale service for customers. By
incorporating innovative features, customizations, and sustainable materials, these solutions can
help to create a more positive and engaging experience for customers, which can lead to increased
brand loyalty and customer satisfaction.
Experience and Packaging

Earlier we saw packaging is the outer covering, which provides protection, convenience and
information to the consumer for a product. Over the time the packaging has evolved beyond a
protection cover or information providing piece of paper. The emergence of digital services and
products has given packaging a new meaning altogether. The way your website or a landing page
looks, the user experience of your mobile app or how much steps one needs to take before ordering
your product online, the after sales service, delivery status or a simple thank you note is all now a
essential part of packaging as well.
The new businesses (start-ups) are not actually inventing a new product or a service, they are solely
based on revolutionizing existing category by making it customer oriented and easily accessible.
Basically they are changing the overall packaging/experience a consumer goes through while
making a purchase. Amazon, Uber, Zomato, Lens kart are all in the business of providing improved
packaging and experience to their customers.
Experience and Packaging

The marketing strategy of Paper Boat was

based on the concept of nostalgia, which
aimed to connect with customers by
evoking memories of their childhood. The
brand's advertisements and social media
campaigns were focused on highlighting
the regional flavors of India and the
stories behind them. The brand's
packaging was also a key part of its
marketing strategy. The packaging of
each product was designed to be unique,
with illustrations and stories that provided
customers with a glimpse of the product's
origins. For example, the packaging of
Aam Panna featured an illustration of an
old Indian lady sitting under a tree and
sipping the drink, while the Jaljeera
packaging had an illustration of a boat
sailing in a sea of spices.
Experience and Packaging

Zomato - Zomato is an online food delivery

platform that is known for its easy-to-use
interface and extensive restaurant listings. The
company's packaging, which includes branded
delivery bags, has also helped to build its
brand identity.

Parle-G - Parle-G's yellow and white

packaging is simple and timeless, and has
helped to make the brand a household name
in India. The packaging design is easy to
recognize and appeals to customers of all
ages.

Bira 91 - Bira 91's colorful and quirky

packaging design has helped to establish the
brand as a leader in the craft beer industry in
India. The packaging features bright colors
and bold typography, and often includes
humorous illustrations and puns.
THANK YOU
 Visual
Communication
Faculty Name: Sairaj M.
Unit No: 3 Digital Design Introduction

1. Introduction to Software & Tools

2. Types of images & formats

(pixel/vector/sizes/jpg)

3. Creating Designs

(Logo/Creative/Mock-ups/Print)
Introduction

Graphic design software is a digital tool used to create visual designs, such as posters, advertisements, logos, or
illustrations. The software provides various tools, features, and functions that allow designers to manipulate
images, text, and other elements to create a final design that communicates a specific message or idea. Graphic
design software can be used for a variety of applications, including advertising, branding, marketing, website
design, and more. With graphic design software, designers can create designs that are both visually appealing and
effective at conveying a message to the intended audience.

Graphic design is a critical part of modern communication and media, and its importance cannot be overstated.
Here are some reasons why graphic design is important:

• Communicates Messages: Graphic design is a powerful tool for communicating messages, ideas, and concepts
to an audience. By using the right visual elements, graphic design can help convey complex information in a
clear and concise way.
• Builds Brands: Graphic design helps to create and maintain brand identities by crafting visual elements that are
unique, recognizable, and memorable. It is often used in advertising, marketing, and branding to create a
strong, cohesive brand image.
• Enhances User Experience: Graphic design plays an essential role in enhancing user experience in websites,
mobile applications, and other digital products. It helps to make interfaces more intuitive, easy to use, and
aesthetically pleasing.
• Entertains and Educates: Graphic design is used in a variety of media, such as video games, animation, and
films, to create immersive, engaging experiences that entertain and educate viewers.
Old movie posters
New movie poster: Development using graphic designing tools
Designing Software

Some of the most popular graphic design software programs are Adobe Photoshop, Adobe Illustrator, and GIMP.
• Adobe Photoshop is a versatile software program used for creating and editing images. It is popular for photo
editing and digital painting. Photoshop's strength lies in its powerful image editing tools, such as layer masks,
color adjustments, and filters. Its weakness is that it is not a vector-based software, so it may not be ideal for
creating scalable designs. It is commonly used by photographers, web designers, and digital artists.
• Adobe Illustrator is a vector-based software program that is primarily used for creating illustrations, logos, and
graphics. Its strength is in its ability to create designs that can be scaled infinitely without losing quality.
Illustrator's tools are geared toward creating geometric shapes, lines, and paths, and the program also includes
tools for typography and color. Its weakness is that it is not ideal for photo editing. It is commonly used by
graphic designers, illustrators, and branding professionals.
• GIMP (GNU Image Manipulation Program) is an open-source, free image editing software program that is similar
to Adobe Photoshop. Its strength is in its customization options, and its wide range of photo editing and
manipulation tools. It can also be used for creating digital art. Its weakness is that it may not be as intuitive or
user-friendly as Adobe Photoshop or Illustrator. It is commonly used by beginners or those who do not want to
pay for software.
In terms of choosing one program over another, it largely depends on the type of project a designer is working on.
For example, if the designer is working on creating an illustration or logo, they would want to use Adobe Illustrator. If
they are working on photo editing or digital painting, they would want to use Adobe Photoshop. If they are just
starting out or want a free alternative, they may choose to use GIMP. Ultimately, each program has its own strengths
and weaknesses, and the decision on which to use will depend on the designer's individual needs and preferences.
Designing Software
Getting started Photoshop: Cheat sheet

Adobe Photoshop is a professional-level image editing software that is widely used by graphic designers,
photographers, and digital artists. It offers a range of powerful tools for creating and editing images, as well as a
variety of advanced features for working with graphics.
• Canvas: It is the white or transparent area where user can design various things.
• Layers: Photoshop allows users to work with layers, which are separate levels of content that can be edited
independently. This makes it easier to adjust and fine-tune specific parts of an image without affecting other
parts.
• Selection tools: Photoshop includes a variety of selection tools, which allow users to select specific parts of an
image or object for editing.
• Image adjustments: Photoshop includes a range of tools for adjusting color, brightness, contrast, and other
aspects of an image.
• Filters and effects: Photoshop offers a variety of filters and effects that can be applied to images to achieve
various visual styles.
• Typography: Photoshop includes a range of tools for working with text, including the ability to adjust font
styles, sizes, and colors.
Getting started Photoshop: Cheat sheet
• Crop tool: The Crop tool allows you to crop an image by selecting a specific area and cutting out everything else. It is
useful for removing unwanted parts of an image or resizing an image to a specific size.
• Healing brush tool: The Healing Brush tool is used to remove imperfections or blemishes in an image. It works by
blending the surrounding pixels with the pixels in the area you want to fix.
• Pen tool: The Pen tool is a powerful tool for creating precise shapes and paths in an image. It can be used to create
custom shapes, cut out objects from an image, and create complex designs.
• Shape tool: The Shape tool allows you to quickly and easily create basic shapes such as rectangles, circles, and
triangles. It is useful for creating simple designs and graphics.
• Zoom tool: The Zoom tool allows you to zoom in and out of an image. It is useful for working on specific details or for
getting a closer look at an image.
• Artboard: The Artboard is a workspace within Photoshop that allows you to work on multiple designs or variations of a
design within the same file. It is useful for creating multiple designs or variations within the same project.
• Clone stamp tool: The Clone Stamp tool is used to duplicate an area of an image and use it to cover up or replace
another part of the image. It is useful for removing unwanted elements from an image.
• Eyedropper tool: The Eyedropper tool allows you to select a specific color from an image. It is useful for matching
colors or selecting a specific color to use in your design.
Using Layers: practical

• Introduction
• Uses:
1. Non-destructive editing: Layers allow you to make changes to specific parts of an image without affecting the
rest of the image. By working on separate layers, you can adjust individual elements, such as text, graphics,
and backgrounds, without damaging the original image.
2. Image compositing: Layers make it easy to combine multiple images into a single composition. You can place
different images on separate layers and then adjust their position, size, and transparency to create a unique
composite image.
3. Adjustment layers: Adjustment layers provide a non-destructive way to apply various adjustments to an image,
such as brightness, contrast, hue, and saturation. Adjustment layers affect all the layers below them in the
layer stack, making it easy to make global changes to an image.
4. Blending modes: Blending modes allow you to control how the layers interact with each other. You can choose
from various blending modes, such as multiply, screen, overlay, and soft light, to create different effects and
achieve the desired look.
5. Masking: Layers can be masked to hide or reveal specific parts of an image. Masks allow you to make precise
selections and apply adjustments to specific areas of the image without affecting the rest of the image.
Using Layers: practical
Using Layers: practical

Non-destructive editing
Using Layers: practical

Image compositing
Using Layers: practical

Adjustment layers (levels brightness)

Using Layers: practical

Blending mode (multiply)

Using Layers: practical

Masking (vector mask)

Using Selection tool: practical

• Introduction
• Uses:

1.Marquee Tool: The Marquee tool is used to select rectangular or elliptical areas in an image. You can use it to
select a portion of an image, and then perform actions such as cropping or editing that selected area separately.

2.Lasso Tool: The Lasso tool allows you to make freehand selections by drawing a selection boundary around the
area you want to select. You can use it to select irregularly shaped areas of an image.

3.Polygonal Lasso Tool: The Polygonal Lasso tool is similar to the Lasso tool, but it allows you to create a selection
with straight edges. You click on points to create the shape you want, and the tool automatically connects the
points to create a polygonal selection.

4.Magnetic Lasso Tool: The Magnetic Lasso tool is designed to make selecting objects with complex edges easier.
It works by detecting the edges of an object and automatically snapping to those edges as you move the cursor
around the object. You can adjust the sensitivity of the tool to get a more accurate selection.
Using Selection tool: practical

5.Quick Selection Tool: The Quick Selection tool is a great tool for making selections quickly and easily. It
works by selecting areas of an image that have similar color and texture, making it ideal for selecting objects
with relatively simple edges.

6.Magic Wand Tool: The Magic Wand tool is used to select areas of an image based on color. You can select a
color range and then use the Magic Wand tool to select all areas in the image that have that color.

7.Color Range Tool: The Color Range tool is similar to the Magic Wand tool, but it allows you to select a range
of colors rather than just one color. This tool is particularly useful for selecting specific colors in an image,
such as the sky or the leaves on a tree.
Using Selection tool: practical
Using Image adjustment: practical
• Introduction
• Uses:
1. Solid/Gradient/Pattern fill: It fills are methods used to fill a specific area with a single color, a gradient of colors,
or a pattern. Solid fill is a single color applied to a selected area, while gradient fill gradually transitions between
two or more colors. Pattern fill is a repeating design that can be used to fill a selected area.

2. Brightness/Contrast: Brightness and contrast are image adjustments that allow you to change the lightness and
darkness of an image. Brightness controls the overall brightness of an image, while contrast controls the
difference between the light and dark areas of an image. Increasing brightness makes an image lighter, while
decreasing brightness makes it darker. Increasing contrast makes the light areas lighter and the dark areas darker,
while decreasing contrast makes the light areas darker and the dark areas lighter.

3. Levels/Curves/Exposure: Levels, curves, and exposure adjustments are all used to adjust the tonal range of an
image. The tonal range refers to the range of brightness values from the darkest to the lightest areas of an image.
Levels adjustments allow you to adjust the black point, white point, and midtones of an image. Curves
adjustments provide more precise control over the tonal range of an image and allow you to adjust specific
brightness values. Exposure adjustments allow you to adjust the overall exposure of an image, which is the
amount of light that enters the camera when the image is captured. Increasing exposure makes an image
brighter, while decreasing exposure makes it darker.
Using Image adjustment: practical
Using Filters and effects: : practical

• Introduction
• Uses:

1. Camera Raw Filter: Camera Raw Filter is a tool in Adobe Photoshop that allows you to make adjustments to
the raw image data captured by your digital camera. When you take a photo with your camera, it captures raw
data from the image sensor. This raw data contains more information than a processed JPEG or TIFF file, and
the Camera Raw Filter allows you to adjust things like white balance, exposure, contrast, saturation, and more.
The adjustments you make in Camera Raw can have a big impact on the final look of your photo.

2. Blur: Blur is a term used in digital image processing to describe a visual effect where the image is intentionally
made unclear or out of focus. This can be used to create a sense of motion or to draw the viewer's attention to
a specific part of the image. There are many ways to apply a blur effect to an image, including using the
Gaussian Blur filter in Photoshop or other image editing software.
Using Filters and effects: : practical

• Introduction
• Uses:

3. Render: Render is a term used in computer graphics to describe the process of generating an image. This
involves calculating how light interacts with the objects in the scene, and producing a final image that shows
what the scene would look like from a particular camera angle.

4. Stylize: Stylize is a term used in digital image processing to describe a wide range of visual effects that alter
the appearance of an image. This can include things like adding filters to change or applying artistic effects to
make the image look like a painting or drawing. Stylizing an image can be a powerful way to create a specific
mood or tone in your work, and there are many tools and techniques available to help you achieve the desired
effect.
Using Filters and effects : practical
Using Typography: practical

• Introduction
• Uses:
1. Type Tool: The Type tool in Photoshop allows you to add text to your images. With the Type tool, you can
create horizontal or vertical text, and also create a type mask, which is essentially a selection in the shape of
your text that you can use to apply effects or adjustments to your image.

2. Font and Font Style: When you use the Type tool, you can choose the font and font style for your text. The
font is the overall design of the characters, while the font style refers to the variations within the design, such
as bold, italic, or regular. Photoshop comes with a variety of fonts to choose from, and you can also install
additional fonts if you have them on your computer.

3. Character Manipulation: Once you've added text to your image using the Type tool, you can use the Character
panel to adjust the appearance of your text. The Character panel allows you to change the font, font size, font
style, color, and other text attributes. You can also adjust the spacing between characters and lines of text, as
well as the alignment and justification of your text within your image. This gives you a lot of control over the
look of your text and how it fits within your overall design.
Using Typography: practical
Getting started Photoshop: Cheat sheet
• Crop tool: The Crop tool
allows you to crop an image
by selecting a specific area
and cutting out everything
else. It is useful for removing
unwanted parts of an image
or resizing an image to a
specific size.
Getting started Photoshop: Cheat sheet
• Healing brush tool: The Healing
Brush tool is used to remove
imperfections or blemishes in an
image. It works by blending the
surrounding pixels with the pixels
in the area you want to fix.
Getting started Photoshop: Cheat sheet
• Pen tool: The Pen tool is a powerful tool for creating precise
shapes and paths in an image. It can be used to create
custom shapes, cut out objects from an image, and create
complex designs.
Getting started Photoshop: Cheat sheet
• Shape tool: The Shape tool
allows you to quickly and easily
create basic shapes such as
rectangles, circles, and triangles.
It is useful for creating simple
designs and graphics.
Getting started Photoshop: Cheat sheet

• Zoom tool: The Zoom tool allows you to

zoom in and out of an image. It is useful
for working on specific details or for
getting a closer look at an image.
Getting started Photoshop: Cheat sheet
• Artboard: The Artboard is a
workspace within Photoshop that
allows you to work on multiple
designs or variations of a design
within the same file. It is useful for
creating multiple designs or
variations within the same project.
Getting started Photoshop: Cheat sheet
• Clone stamp tool: The
Clone Stamp tool is used to
duplicate an area of an
image and use it to cover
up or replace another part
of the image. It is useful for
removing unwanted
elements from an image.
Getting started Photoshop: Cheat sheet
• Eyedropper tool: The Eyedropper tool allows you
to select a specific color from an image. It is
useful for matching colors or selecting a specific
color to use in your design.
THANK YOU
 Visual
Communication
Faculty Name: Sairaj M.
Unit No: 3 Digital Design Introduction

1. Introduction to Software & Tools

2. Types of images & formats

(pixel/vector/sizes/jpg)

3. Creating Designs

(Logo/Creative/Mock-ups/Print)
Types of images

There are several types of images, each with their own unique characteristics and intended use. Here are some of
the most common types:
• Bitmap or raster images: These images are made up of pixels and are resolution-dependent, meaning that
they can lose quality when resized.
Bitmap or raster images are commonly used for digital photographs, complex graphics, and images. They are
also widely used for web graphics and designs because they can be easily optimized for web use and are
supported by most web browsers. However, they may not be suitable for applications such as large format
printing or graphics that need to be scaled without losing quality. In these cases, vector images are a better
choice. Some common uses of bitmap or raster images include:
Digital photography: JPEG and RAW are common file formats used for digital photographs.
Web graphics: PNG and JPEG are common file formats used for web graphics and designs.
Digital art: Bitmap images can be used to create digital art and illustrations in programs such as Adobe
Photoshop.
Print design: Bitmap images can be used in print design projects such as brochures, posters, and flyers.
Image editing: Bitmap images can be edited using programs such as Adobe Photoshop to enhance or
manipulate the image.
Bitmap or raster images
Types of images

Vector images: These images are made up of mathematical equations and are resolution-independent, meaning
that they can be scaled without losing quality. Vector images are commonly used for graphics that require
scalability, precision, and the ability to be edited easily. Here are some common uses of vector images:
Logo design: Vector images are ideal for designing logos because they can be easily scaled without losing
quality. This is important for businesses that need to use their logo in various sizes and formats.
Illustrations: Vector images are commonly used for creating illustrations such as technical drawings, infographics,
and diagrams.
Signage and billboards: Vector images are ideal for large format printing such as signage and billboards because
they can be enlarged without losing quality.
Overall, vector images are versatile and useful for a wide range of design applications that require scalability and
precision. They are essential tools for graphic designers, illustrators, and other visual artists.
Vector images
Types of images

Digital photographs: These are photographic images captured with a digital camera or scanner. They are
typically saved in formats such as JPEG, RAW.
Digital photographs are widely used in various industries and applications, including:
Personal photography: Digital cameras and smartphones have made it easy for people to capture and share their
personal photographs with friends and family.
Professional photography: Digital photography has revolutionized the field of professional photography, making
it easier and more accessible for photographers to capture high-quality images for a variety of purposes,
including portraits, weddings, events, and commercial projects.
Advertising and marketing: Digital photographs are used in advertising and marketing campaigns to promote
products and services. They are commonly used in print ads, billboards, online ads, and social media posts.
Journalism and media: Digital photographs are used by journalists and media outlets to illustrate news stories
and articles. They are also used in print and online publications, including magazines, newspapers, and blogs.
Science and research: Digital photographs are used in scientific research to document experiments and findings,
as well as to illustrate research publications.
Overall, digital photographs have become an integral part of modern society, used in countless ways for
personal, professional, and creative purposes.
Digital photograph
Types of images

Icons: These are small, simple graphics that represent an object or action. They are typically saved in formats such
as PNG, GIF, or ICO.
Icons are used in wide range of applications such as website, signboards, ads, books, research papers,
presentations etc.
Types of images

Animated images: These are images that contain animation, such as GIFs or videos. They are typically saved in
formats such as GIF, MP4, or AVI.
GIF or animated images are commonly used in digital media to add visual interest and enhance user experience.
Here are some common uses of GIFs or animated images:
Social media: Animated GIFs are widely used on social media platforms like Twitter, Facebook, and Instagram to
add humor, express emotions, and share pop culture references.
Advertising and marketing: Animated GIFs are often used in advertising and marketing campaigns to draw
attention to products or services. They can be used in banner ads, social media ads, and email marketing
campaigns.
Instructional content: Animated GIFs are useful for demonstrating how to use a product or perform a task. They
can be embedded in instructional content on websites and mobile apps.
Memes and pop culture: Animated GIFs are frequently used to create memes and reference pop culture
moments. They can go viral quickly and become a popular way to express a particular sentiment or idea.
Entertainment: Animated GIFs are used in entertainment content such as movies, TV shows, and video games.
They can be used for promotional material, to highlight certain moments or to create short, looping scenes.
Overall, GIFs or animated images are a popular and effective way to add visual interest and communicate ideas
in digital media. They are easy to create, share, and consume, and have become an essential part of modern
digital communication.
Animated images
Types of image formats

Image and graphics formats are file formats used to store and transmit digital images and
graphics. These formats differ in their features, compression methods, and intended use. Here are
some common image and graphics formats:

• JPEG (Joint Photographic Experts Group): JPEG is a commonly used image format for digital
photography and web graphics. It uses lossy compression to reduce file size, which can result in
a loss of image quality.

• PNG (Portable Network Graphics): PNG is a popular image format for web graphics that require
transparency. It uses lossless compression, which means that image quality is not compromised
during compression.

• GIF (Graphics Interchange Format): GIF is an image format that supports animation and
transparency. It uses lossless compression and is commonly used for memes, animations, and
social media posts.

• TIFF (Tagged Image File Format): TIFF is a high-quality image format used in print design,
publishing, and medical imaging. It uses lossless compression and can store multiple layers and
other image metadata.
 Types of image formats

• BMP (Bitmap): BMP is a basic image format used on Windows computers. It uses uncompressed data,
which results in large file sizes, but high image quality.

• SVG (Scalable Vector Graphics): SVG is a vector image format that is used for web graphics and
animations. It is scalable and can be resized without losing quality.

• PDF (Portable Document Format): PDF is a file format commonly used for document sharing and
printing. It can contain both text and images, and is widely used for creating digital documents and
presentations.

• AI (Adobe Illustrator): AI is a vector graphics format used for creating and editing vector graphics in
Adobe Illustrator. It is commonly used for creating logos, illustrations, and other graphics.

Overall, choosing the right image or graphics format depends on the intended use and specific needs of
the project. Some formats are better suited for web graphics, while others are designed for high-quality
print design or medical imaging. It is important to choose the appropriate format to ensure that the image
or graphic quality is not compromised and the file size is optimized for its intended use.
Image format types
THANK YOU
 Visual
Communication
Faculty Name: Sairaj M.
Unit No: 3 Digital Design Introduction

1. Introduction to Software & Tools

2. Types of images & formats

(pixel/vector/sizes/jpg)

3. Creating Designs

(Logo/Creative/Mock-ups)
Creating Designs: Practical (logo)

Swatch Swiss Logo

Elements:
• Typeface
• Shapes
• Colors
• Icon
Creating Designs (logo)

Xbox Logo

Elements:
• Shape
• Curve
• Colors
Creating Designs (logo)

YouTube Logo

Elements:
• Shape
• Colors
Creating Designs (logo)

Instagram Logo

Elements:
• Shape
• Colors (gradient)
Creating Designs: Practical (creative)

Design Brief:

Topic - Hairstyling and Makeup Training for Airhostess

Name- Highlighted
Photograph [For Template]
Short Profile & Company Logo
Date - 6th March 2023 Time - 10 am onwards
Footer
Creating Designs: Practical (Creative)

While creating designs for artworks or banners we often spend more time thinking about where to start or how
the design will come up instead of focusing on getting started. Hence, before making a design follow these steps
which will give a better output and will eliminate time consuming thought process.

1. Read the brief carefully and expect the design (elements/mood/trend/type etc.) accordingly.
2. If sizes are not provided for the creative ask for it do not assume. If the creative is for digital platforms then it
is safe to design it in the square format 1200x1200px which is universal across various media online.
3. Do not consume time in making your own elements, it is a design not a logo!
4. Refer to the various available designs online to get inspiration or to find something which will look appealing
or which best suits your idea, which gives a head-start or a blueprint to start the designing work.
5. Always save your document before and after the creative is exported software crash is a usual thing while
making a complex artwork.
6. If time is limited or you are expected to give urgent design output, don’t risk it by being creative in this
scenario. Few websites come in handy to make the journey less painful like: Canva, Adobe Express, Freepik,
Vectorstock etc. these website provides pre-designed or editable formats which can save lot of time and
energy while creating a design.
Creating Designs: Practical (Mockup)

A design mockup is a visual representation of a product, such as a website or mobile app, that is created to
demonstrate its layout, functionality, and overall appearance. It typically includes images, text, and other design
elements, and is meant to be a realistic representation of what the final product will look like.
The importance of design mockups lies in their ability to communicate a product's design and functionality to
stakeholders, such as clients, developers, and designers. By providing a clear visual representation of the
product, design mockups can help to ensure that everyone involved in the development process is on the same
page and understands what the final product should look like.
Additionally, design mockups can be used to identify potential issues or areas for improvement before the
product is developed. By allowing stakeholders to visualize the product in advance, they can provide feedback
and make necessary changes to the design, resulting in a better end product.
Overall, design mockups are an essential part of the product design process, as they help to ensure that
everyone involved in the development process is aligned and working towards the same goal. They are easy to
understand because they provide a visual representation of the product, making it easier to communicate ideas
and concepts.
Creating Designs: Practical (Mockup)
Creating Designs: Practical (Print)

Print design refers to the process of creating visual content that is intended to be printed onto physical surfaces
or materials, such as paper, cardboard, fabric, or plastic. Print design is an important aspect of graphic design,
and it involves the use of typography, color, images, and other design elements to create a cohesive and visually
appealing composition.
Print design can take many forms, including:
• Business cards
• Brochures
• Posters
• Flyers
• Packaging
• Magazine layouts
• Stationery
• T-shirts and other apparel designs
Print designers must have a strong understanding of the printing process, including color management, file
formats, and resolution. They must also be skilled in using design software, such as Adobe Photoshop, Illustrator,
and InDesign, to create high-quality designs that are optimized for print. Overall, print design is an important
aspect of graphic design that plays a critical role in creating engaging and effective marketing materials, branding
campaigns, and other visual communications.
THANK YOU