SlideShare a Scribd company logo
1 of 17
Download to read offline
VDIS10021
WORKING IN DIGITAL DESIGN
SANGEETA JAIN
THE WORLD IS GOING DIGITAL!
https://wearesocial.com/special-reports/digital-in-2017-global-overview
SO IS DESIGN…
• Digital Design is an creative work practice that uses digital computer technology as
an essential part of the creative process. It is about the interplay between people,
computers and culture. Digital Design is an evolving and exciting multi-disciplinary
field that underlies many of today’s fast-growing industries: from information to
communication, from advertising to entertainment. It is everywhere.
• There are countless types of digital design. The most common use of the term refers
to graphic, digital graphic and web design that includes digital imaging, animation,
coding, interface design, interaction design and more.
WHAT IS DIGITAL DESIGN?
WHAT IS A DIGITAL IMAGE?
• Digital images are electronic snapshots taken of a scene or scanned from
documents, such as photographs, manuscripts, printed texts and artwork. The
digital image is sampled and mapped as a grid of dots or picture elements
(pixels). Each pixel is assigned a tonal value, which is represented in binary
code (zeros and ones). The binary digits ("bits") for each pixel are stored in a
sequence by a computer and often reduced to a mathematical representation.
The bits are then interpreted and read by the computer to produce an analog
version for display or printing.
WHAT IS A DIGITAL IMAGING?
• Digital imaging is the creation of photographic images. It ranges from the
creation web banners, simple navigation elements such as buttons to complex
photo modulating and/or the creation of artistic imagery from scratch.
• Digital imaging was developed in the 1960s and 1970s for scientific and
military missions. As digital technology became cheaper in later decades, it
replaced the old film methods for many purposes. In 1957, Russell A. Kirsch
produced a device that generated digital data that could be stored in a
computer; this used a drum scanner and photomultiplier tube.
WHAT IS A DIGITAL IMAGING?
• In the early 1960s, while developing compact, lightweight, portable equipment for the
onboard non-destructive testing of naval aircraft, Frederick G. Weighart and James F.
McNulty at Automation Industries, Inc., co-invented the first apparatus to generate a digital
image in real-time which image was a fluoroscopic digital radiograph. Square wave signals
were detected on the fluorescent screen of a fluoroscope to create the image.
• These different scanning ideas were the basis of the first designs of digital camera. Early
cameras took a long time to capture an image and were poorly suited for consumer purposes.
It wasn’t until the development of the CCD (charge-coupled device) that the digital camera
really took off. The CCD became part of the imaging systems used in telescopes, the first
black and white digital cameras and camcorders in the 1980s. Color was eventually added
to the CCD and is a usual feature of cameras today.
https://en.wikipedia.org/wiki/Digital_imaging
WHO IS A DIGITAL DESIGNER?
• A digital designer is a creative who combines graphic design skills with
imagination and technology to produce a large range of visual media from
advertisements to websites, digital images to animation, 2D and 3D modelling
and graphics. Basically a digital designer is responsible for how something
looks on a digital platforms and devices such as on computers, mobile phones
or in video. A perfect blend of creativity and technology, the role of a digital
designer uses both the technical mind and the creative spirit to create a visual
world that influences current aesthetics and trends.
WHAT DOES A DIGITAL DESIGNER DO?
• A digital designer combines photography, videography, animation and graphic
design skills together to transform ideas and concepts into reality. A digital designer
has options to work as Digital Graphic Designer | Web Designer | Game Designer
| Interface Designer | Interactive Designer | Animator | Motion Artist | Photo
Editor | Videographer to name a few…
• Digital Designers need to meet the challenges of new technologies, keep pace with
the internet of things and more savvy audiences. Digital design brings new types of
production collaborations too. They need to work with a code developer to turn
visual ideas into functioning software applications.
WHAT IS PHOTO MEDIA?
• Photo Media is a photographic asset used for visual art and design purposes.
It may be a simple untouched photo or an image that has been manipulated
to change its appearance in any way. It encompasses of traditional and
digital photography as well as image capture by scanning.
• Photo Media emphasises on conceptual and practical investigations through
projects designed to foster individual interpretations and aesthetic
development and to promote the acquisition of technical skills and enhance
your engagement with research.
WHAT IS PHOTO IMAGING?
• Photo imaging, also known as image editing, retouching, image manipulation
or colloquially as "Photoshopping," is the process of altering images. It can be
done with modern digital techniques or with traditional analog processes.
Photo imaging, as it relates to graphic/digital design practices is unique in the
expression of design ideas.
• We will be focusing on the capturing and digitising of images as well as the
application of creative explorations into commercial outcomes.
BASIC TERMINOLOGY USED IN DIGITAL IMAGING
• RESOLUTION is the ability to distinguish fine spatial detail. Dots-per-inch
(dpi) or pixels-per-inch (ppi) are common and synonymous terms used to
convey the resolution of digital images.
• PIXEL DIMENSIONS are the horizontal and vertical measurements of an
image expressed in pixels. The pixel dimensions may be determined by
multiplying both the width and the height by the dpi. Example: An 8" x 10"
document that is scanned at 300 dpi has the pixel dimensions of 2,400 pixels
(8" x 300 dpi) by 3,000 pixels (10" x 300 dpi).
• BIT DEPTH is determined by the number of bits used to define each pixel. The
greater the bit depth, the greater the number of tones (grayscale or color) that can
be represented. Digital images may be produced in black and white (bitonal),
grayscale, or color.
• A bitonal image is represented by pixels consisting of 1 bit each, which can represent
two tones (typically black and white), using the values 0 for black and 1 for white or
vice versa. A grayscale image is composed of pixels represented by multiple bits of
information, typically ranging from 2 to 8 bits or more. A color image is typically
represented by a bit depth ranging from 8 to 24 or higher.
BASIC TERMINOLOGY
• DYNAMIC RANGE is the range of tonal difference between the lightest light
and darkest dark of an image.
• Dynamic range also describes a digital system's ability to reproduce tonal
information. This capability is most important for continuous-tone documents
that exhibit smoothly varying tones, and for photographs it may be the single
most important aspect of image quality.
BASIC TERMINOLOGY
• FILE SIZE is calculated by multiplying the surface area of a document (height x
width) to be scanned by the bit depth and the dpi2. Because image file size is
represented in bytes, which are made up of 8 bits, divide this figure by 8.
• COMPRESSION is used to reduce image file size for storage, processing, and
transmission.
• FILE FORMATS consist of information on how to read and interpret the file. File
formats vary in terms of resolution, bit-depth, color capabilities and support for
compression and metadata.
• We will discuss this terms in detail and also use them in our work as we go ahead.
BASIC TERMINOLOGY

More Related Content

What's hot

Animation & Animation Techniques
Animation & Animation TechniquesAnimation & Animation Techniques
Animation & Animation TechniquesNarendra Bhavsar
 
Computer Animation PowerPoint
Computer Animation PowerPointComputer Animation PowerPoint
Computer Animation PowerPointoacore2
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic DesignDarla Hueske
 
Introduction to Adobe Illustrator
Introduction to Adobe IllustratorIntroduction to Adobe Illustrator
Introduction to Adobe IllustratorJin Castor
 
Adobe Photoshop
Adobe Photoshop Adobe Photoshop
Adobe Photoshop Mujeeb Riaz
 
Geometric transformation
Geometric transformationGeometric transformation
Geometric transformationDhruv Shah
 
Chapter 6 : VIDEO
Chapter 6 : VIDEOChapter 6 : VIDEO
Chapter 6 : VIDEOazira96
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphicsKamal Acharya
 
grapics and multimedia
grapics and multimediagrapics and multimedia
grapics and multimediaTallat Satti
 
computer graphics
computer graphicscomputer graphics
computer graphicsashpri156
 
Multimedia graphics and image data representation
Multimedia graphics and image data representationMultimedia graphics and image data representation
Multimedia graphics and image data representationMazin Alwaaly
 

What's hot (20)

Graphic design
Graphic designGraphic design
Graphic design
 
graphics
graphicsgraphics
graphics
 
COMPUTER GRAPHICS DAY1
COMPUTER GRAPHICS DAY1COMPUTER GRAPHICS DAY1
COMPUTER GRAPHICS DAY1
 
3 d modelling
3 d modelling3 d modelling
3 d modelling
 
Computer Graphics
Computer GraphicsComputer Graphics
Computer Graphics
 
Animation & Animation Techniques
Animation & Animation TechniquesAnimation & Animation Techniques
Animation & Animation Techniques
 
Computer Animation PowerPoint
Computer Animation PowerPointComputer Animation PowerPoint
Computer Animation PowerPoint
 
Introduction Computer Graphic
Introduction Computer GraphicIntroduction Computer Graphic
Introduction Computer Graphic
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
 
Introduction to Adobe Illustrator
Introduction to Adobe IllustratorIntroduction to Adobe Illustrator
Introduction to Adobe Illustrator
 
Adobe Photoshop
Adobe Photoshop Adobe Photoshop
Adobe Photoshop
 
Geometric transformation
Geometric transformationGeometric transformation
Geometric transformation
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Chapter 6 : VIDEO
Chapter 6 : VIDEOChapter 6 : VIDEO
Chapter 6 : VIDEO
 
unit-1-intro
 unit-1-intro unit-1-intro
unit-1-intro
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
Computer graphics
Computer graphicsComputer graphics
Computer graphics
 
grapics and multimedia
grapics and multimediagrapics and multimedia
grapics and multimedia
 
computer graphics
computer graphicscomputer graphics
computer graphics
 
Multimedia graphics and image data representation
Multimedia graphics and image data representationMultimedia graphics and image data representation
Multimedia graphics and image data representation
 

Similar to Introduction to Digital Design

Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics designAnuradha Sajwan
 
Specialized Application.pdf
Specialized Application.pdfSpecialized Application.pdf
Specialized Application.pdfkhalid khan
 
Multimedia presentation shalini
Multimedia presentation shaliniMultimedia presentation shalini
Multimedia presentation shaliniDr. Shalini Pandey
 
Multimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_NewMultimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_NewSushma Guduri
 
Chapter One Course Overview and Introduction.pptx
Chapter One Course Overview and Introduction.pptxChapter One Course Overview and Introduction.pptx
Chapter One Course Overview and Introduction.pptxmohamedOsmaanFG
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And AnimationRam Dutt Shukla
 
Graphics pdf
Graphics pdfGraphics pdf
Graphics pdfaa11bb11
 
technology-basedart-210509122725.pptx
technology-basedart-210509122725.pptxtechnology-basedart-210509122725.pptx
technology-basedart-210509122725.pptxRamHSaraus
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and useShona Hira
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and useDom Mike
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and useDom Mike
 
Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)RagavanK6
 

Similar to Introduction to Digital Design (20)

Need for graphics design
Need for graphics designNeed for graphics design
Need for graphics design
 
Multimedia
MultimediaMultimedia
Multimedia
 
Graphics course fundamental
Graphics course fundamental Graphics course fundamental
Graphics course fundamental
 
Specialized Application.pdf
Specialized Application.pdfSpecialized Application.pdf
Specialized Application.pdf
 
Atlas
AtlasAtlas
Atlas
 
Multimedia presentation shalini
Multimedia presentation shaliniMultimedia presentation shalini
Multimedia presentation shalini
 
Multimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_NewMultimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_New
 
Digital graphics
Digital graphicsDigital graphics
Digital graphics
 
Multimedia
MultimediaMultimedia
Multimedia
 
4. multimedia
4. multimedia4. multimedia
4. multimedia
 
Chapter One Course Overview and Introduction.pptx
Chapter One Course Overview and Introduction.pptxChapter One Course Overview and Introduction.pptx
Chapter One Course Overview and Introduction.pptx
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
 
Graphics pdf
Graphics pdfGraphics pdf
Graphics pdf
 
technology-basedart-210509122725.pptx
technology-basedart-210509122725.pptxtechnology-basedart-210509122725.pptx
technology-basedart-210509122725.pptx
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and use
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and use
 
Lec3 4 mm applications and use
Lec3 4 mm applications and useLec3 4 mm applications and use
Lec3 4 mm applications and use
 
Multimedia Designer.pdf
Multimedia Designer.pdfMultimedia Designer.pdf
Multimedia Designer.pdf
 
Technology based art
Technology based artTechnology based art
Technology based art
 
Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)Dip unit-i-ppt academic year(2016-17)
Dip unit-i-ppt academic year(2016-17)
 

More from Virtu Institute

Lecture 5 - Writing a project report
Lecture 5 - Writing a project reportLecture 5 - Writing a project report
Lecture 5 - Writing a project reportVirtu Institute
 
Lecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and LabellingLecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and LabellingVirtu Institute
 
Lecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging DesignLecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging DesignVirtu Institute
 
Legislation, Codes of Practice and Standards in Graphic Design
Legislation, Codesof Practice and Standards in Graphic DesignLegislation, Codesof Practice and Standards in Graphic Design
Legislation, Codes of Practice and Standards in Graphic DesignVirtu Institute
 
Digital strategy for ebusiness
Digital strategy for ebusinessDigital strategy for ebusiness
Digital strategy for ebusinessVirtu Institute
 
Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2Virtu Institute
 
Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1Virtu Institute
 
Design and the Environment - Sustainable Design
Design and the Environment - Sustainable DesignDesign and the Environment - Sustainable Design
Design and the Environment - Sustainable DesignVirtu Institute
 
Design and the Environment - Cradle to Grave
Design and the Environment - Cradle to GraveDesign and the Environment - Cradle to Grave
Design and the Environment - Cradle to GraveVirtu Institute
 
Asset Management and Workflow
Asset Management and WorkflowAsset Management and Workflow
Asset Management and WorkflowVirtu Institute
 
Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)Virtu Institute
 
Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)Virtu Institute
 
Lecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesLecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesVirtu Institute
 
Lecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital PhotographyLecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital PhotographyVirtu Institute
 
A little about Designing
A little about DesigningA little about Designing
A little about DesigningVirtu Institute
 
Lecture 4 - Media Strategy
Lecture 4 - Media StrategyLecture 4 - Media Strategy
Lecture 4 - Media StrategyVirtu Institute
 
Lecture 3 - Problem Statement
Lecture 3 - Problem StatementLecture 3 - Problem Statement
Lecture 3 - Problem StatementVirtu Institute
 

More from Virtu Institute (20)

Lecture 5 - Writing a project report
Lecture 5 - Writing a project reportLecture 5 - Writing a project report
Lecture 5 - Writing a project report
 
Lecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and LabellingLecture 5 - Packaging Materials and Labelling
Lecture 5 - Packaging Materials and Labelling
 
Lecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging DesignLecture 4 - Sustainable Packaging Design
Lecture 4 - Sustainable Packaging Design
 
Legislation, Codes of Practice and Standards in Graphic Design
Legislation, Codesof Practice and Standards in Graphic DesignLegislation, Codesof Practice and Standards in Graphic Design
Legislation, Codes of Practice and Standards in Graphic Design
 
Web Design
Web DesignWeb Design
Web Design
 
Digital strategy for ebusiness
Digital strategy for ebusinessDigital strategy for ebusiness
Digital strategy for ebusiness
 
Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2Managing Design and eBusiness - Lecture 2
Managing Design and eBusiness - Lecture 2
 
Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1Managing Design and eBusiness - Lecture 1
Managing Design and eBusiness - Lecture 1
 
Design and the Environment - Sustainable Design
Design and the Environment - Sustainable DesignDesign and the Environment - Sustainable Design
Design and the Environment - Sustainable Design
 
Design and the Environment - Cradle to Grave
Design and the Environment - Cradle to GraveDesign and the Environment - Cradle to Grave
Design and the Environment - Cradle to Grave
 
Digital Print
Digital PrintDigital Print
Digital Print
 
OHS and Copyright
OHS and CopyrightOHS and Copyright
OHS and Copyright
 
Asset Management and Workflow
Asset Management and WorkflowAsset Management and Workflow
Asset Management and Workflow
 
Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)Photomedia in Creative Practice (MANIPULATE IMAGES)
Photomedia in Creative Practice (MANIPULATE IMAGES)
 
Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)Photomedia in Creative Practice (CREATE IMAGES)
Photomedia in Creative Practice (CREATE IMAGES)
 
Lecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication TheoriesLecture 3 - Visual Communication Theories
Lecture 3 - Visual Communication Theories
 
Lecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital PhotographyLecture 2 - Film VS. Digital Photography
Lecture 2 - Film VS. Digital Photography
 
A little about Designing
A little about DesigningA little about Designing
A little about Designing
 
Lecture 4 - Media Strategy
Lecture 4 - Media StrategyLecture 4 - Media Strategy
Lecture 4 - Media Strategy
 
Lecture 3 - Problem Statement
Lecture 3 - Problem StatementLecture 3 - Problem Statement
Lecture 3 - Problem Statement
 

Recently uploaded

LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 

Recently uploaded (20)

LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 

Introduction to Digital Design

  • 1. VDIS10021 WORKING IN DIGITAL DESIGN SANGEETA JAIN
  • 2. THE WORLD IS GOING DIGITAL!
  • 5.
  • 6. • Digital Design is an creative work practice that uses digital computer technology as an essential part of the creative process. It is about the interplay between people, computers and culture. Digital Design is an evolving and exciting multi-disciplinary field that underlies many of today’s fast-growing industries: from information to communication, from advertising to entertainment. It is everywhere. • There are countless types of digital design. The most common use of the term refers to graphic, digital graphic and web design that includes digital imaging, animation, coding, interface design, interaction design and more. WHAT IS DIGITAL DESIGN?
  • 7. WHAT IS A DIGITAL IMAGE? • Digital images are electronic snapshots taken of a scene or scanned from documents, such as photographs, manuscripts, printed texts and artwork. The digital image is sampled and mapped as a grid of dots or picture elements (pixels). Each pixel is assigned a tonal value, which is represented in binary code (zeros and ones). The binary digits ("bits") for each pixel are stored in a sequence by a computer and often reduced to a mathematical representation. The bits are then interpreted and read by the computer to produce an analog version for display or printing.
  • 8. WHAT IS A DIGITAL IMAGING? • Digital imaging is the creation of photographic images. It ranges from the creation web banners, simple navigation elements such as buttons to complex photo modulating and/or the creation of artistic imagery from scratch. • Digital imaging was developed in the 1960s and 1970s for scientific and military missions. As digital technology became cheaper in later decades, it replaced the old film methods for many purposes. In 1957, Russell A. Kirsch produced a device that generated digital data that could be stored in a computer; this used a drum scanner and photomultiplier tube.
  • 9. WHAT IS A DIGITAL IMAGING? • In the early 1960s, while developing compact, lightweight, portable equipment for the onboard non-destructive testing of naval aircraft, Frederick G. Weighart and James F. McNulty at Automation Industries, Inc., co-invented the first apparatus to generate a digital image in real-time which image was a fluoroscopic digital radiograph. Square wave signals were detected on the fluorescent screen of a fluoroscope to create the image. • These different scanning ideas were the basis of the first designs of digital camera. Early cameras took a long time to capture an image and were poorly suited for consumer purposes. It wasn’t until the development of the CCD (charge-coupled device) that the digital camera really took off. The CCD became part of the imaging systems used in telescopes, the first black and white digital cameras and camcorders in the 1980s. Color was eventually added to the CCD and is a usual feature of cameras today. https://en.wikipedia.org/wiki/Digital_imaging
  • 10. WHO IS A DIGITAL DESIGNER? • A digital designer is a creative who combines graphic design skills with imagination and technology to produce a large range of visual media from advertisements to websites, digital images to animation, 2D and 3D modelling and graphics. Basically a digital designer is responsible for how something looks on a digital platforms and devices such as on computers, mobile phones or in video. A perfect blend of creativity and technology, the role of a digital designer uses both the technical mind and the creative spirit to create a visual world that influences current aesthetics and trends.
  • 11. WHAT DOES A DIGITAL DESIGNER DO? • A digital designer combines photography, videography, animation and graphic design skills together to transform ideas and concepts into reality. A digital designer has options to work as Digital Graphic Designer | Web Designer | Game Designer | Interface Designer | Interactive Designer | Animator | Motion Artist | Photo Editor | Videographer to name a few… • Digital Designers need to meet the challenges of new technologies, keep pace with the internet of things and more savvy audiences. Digital design brings new types of production collaborations too. They need to work with a code developer to turn visual ideas into functioning software applications.
  • 12. WHAT IS PHOTO MEDIA? • Photo Media is a photographic asset used for visual art and design purposes. It may be a simple untouched photo or an image that has been manipulated to change its appearance in any way. It encompasses of traditional and digital photography as well as image capture by scanning. • Photo Media emphasises on conceptual and practical investigations through projects designed to foster individual interpretations and aesthetic development and to promote the acquisition of technical skills and enhance your engagement with research.
  • 13. WHAT IS PHOTO IMAGING? • Photo imaging, also known as image editing, retouching, image manipulation or colloquially as "Photoshopping," is the process of altering images. It can be done with modern digital techniques or with traditional analog processes. Photo imaging, as it relates to graphic/digital design practices is unique in the expression of design ideas. • We will be focusing on the capturing and digitising of images as well as the application of creative explorations into commercial outcomes.
  • 14. BASIC TERMINOLOGY USED IN DIGITAL IMAGING • RESOLUTION is the ability to distinguish fine spatial detail. Dots-per-inch (dpi) or pixels-per-inch (ppi) are common and synonymous terms used to convey the resolution of digital images. • PIXEL DIMENSIONS are the horizontal and vertical measurements of an image expressed in pixels. The pixel dimensions may be determined by multiplying both the width and the height by the dpi. Example: An 8" x 10" document that is scanned at 300 dpi has the pixel dimensions of 2,400 pixels (8" x 300 dpi) by 3,000 pixels (10" x 300 dpi).
  • 15. • BIT DEPTH is determined by the number of bits used to define each pixel. The greater the bit depth, the greater the number of tones (grayscale or color) that can be represented. Digital images may be produced in black and white (bitonal), grayscale, or color. • A bitonal image is represented by pixels consisting of 1 bit each, which can represent two tones (typically black and white), using the values 0 for black and 1 for white or vice versa. A grayscale image is composed of pixels represented by multiple bits of information, typically ranging from 2 to 8 bits or more. A color image is typically represented by a bit depth ranging from 8 to 24 or higher. BASIC TERMINOLOGY
  • 16. • DYNAMIC RANGE is the range of tonal difference between the lightest light and darkest dark of an image. • Dynamic range also describes a digital system's ability to reproduce tonal information. This capability is most important for continuous-tone documents that exhibit smoothly varying tones, and for photographs it may be the single most important aspect of image quality. BASIC TERMINOLOGY
  • 17. • FILE SIZE is calculated by multiplying the surface area of a document (height x width) to be scanned by the bit depth and the dpi2. Because image file size is represented in bytes, which are made up of 8 bits, divide this figure by 8. • COMPRESSION is used to reduce image file size for storage, processing, and transmission. • FILE FORMATS consist of information on how to read and interpret the file. File formats vary in terms of resolution, bit-depth, color capabilities and support for compression and metadata. • We will discuss this terms in detail and also use them in our work as we go ahead. BASIC TERMINOLOGY