SlideShare uma empresa Scribd logo
1 de 22
DIGITAL DESIGN
SOFTWARETECHNOLOGIES 3D GRAPHICS
Submitted By – Junaid, Rizvi, Saloni, Sheetu
M.Recreation – Second Semester, Jamia Millia Islamia
 Digital design is a growing specialty in the field of graphic design.
Digital designers use creativity and computer skills to design visuals
associated with electronic technology.
 Digital design, a term used to describe a wide variety of computer related
skills, includes work in fields such as web design, digital imaging and 3D
modeling.
 Digital design is the branch of graphic design that uses computers, graphics
tablets and other electronic devices to create graphics and designs for the
Web, television, print and portable electronic devices.
 It is an evolving industry, it is always changing and exploring the uses of
new devices and technology.
What is digital design?What is digital design?
Application of digital design?Application of digital design?
Digital design has become a significant part of society--almost every
product and field of work includes digital design at some point. Car
companies start their design process using computer drafting programs,
while food distributors hire digital designers to create logos and bright
boxes to help sell their products. Other applications are -
Web design – it includes digital imaging, coding, animation, interface design,
and a variety of other skills.
3d models for movies,
Animation to create interfaces
Architectural planning
Product designing
Touch-up of photographs for printing in magazines and papers
And much more…….
Digital Application in ARCHITECTUREDigital Application in ARCHITECTURE
 Digital architecture uses computer
modeling, programming, simulation and
imaging to create both virtual forms and
physical structures. The terminology has also
been used to refer to other aspects of
architecture that feature digital technologies.
 Digital architecture allows complex
calculations that delimit architects and allow a
diverse range of complex forms to be created
with great ease using computer algorithms.
Digital Application inDigital Application in 33D GRAPHICSD GRAPHICS
3D computer graphics is the science, study, and method of projecting a
mathematical representation of 3D objects onto a 2D image using visual tricks
such as perspective and shading to simulate the eye's perception of those
objects.
3D COMPUTER GRAPHICS CREATION FALLS INTO THREE BASIC PHASES:
The model describes
the process of forming
the shape of an
object.
Before rendering into an image, objects must
be placed in a scene. This defines spatial
relationships between objects, including
location and size. Animation refers to the
temporal description of an object, i.e., how it
moves and deforms over time.
Rendering
converts a model
into an image
1.1. 33D MODELLINGD MODELLING
 A way to describe the 3D world or scene, which is
composed of mathematical representations of 3D
objects called models.
 Simple 3D objects can be modeled using
mathematical equations operating in the 3-
dimensional Cartesian coordinate system.
 Example:
the equation x2
+ y2
+ z2
= r2
is a model of a perfect sphere with radius r
 MESH BASED WIREFRAME MODELLING – uses a
serious of connected lines to produce a 3D object
 POLYGON BASED SURFACE MODELLING -- draws
the surfaces of an object to create its model; like
adding canvass onto the frame of a tent.
 SOLID MODELLING -- uses simple geometric
forms or extrusions such as cuboids, cylinders &
prisms. These can be added or subtracted to
produce complex 3D models.
 CURVE BASED FREE-FORM MODELLING – Uses a
network of spline/ nurbs to create free-form
models.
MODELING TECHNIQUES
OTHER MODELING TECHNIQUES LINKED WITH
ARCHITECTURE
 Poly modelling - 3DS Max, Maya
 Patch modelling - Spline based
 Parametric modelling - Catia, Solidworks, Unigraphics
 Nubs modelling - Rhino
3Ds Max
 Modelling, animation and rendering
package
 It has modelling capabilities
 It's frequently used by
o video game developers
o TV commercial studios
o architectural visualization studios
o for movie effects and movie pre-
visualization.
 It has more robust modelling and lighting
capability than Maya
Autodesk 3ds Max,
formerly 3D Studio Max, is
a 3D computer graphics
program for making 3D
animations, models, and
images.
 shaders (such as ambient occlusion
and subsurface scattering)
 dynamic simulation
 particle systems
 Radiosity
 normal map creation and
rendering
 global illumination
 a customizable user interface
 its own scripting language
 In addition to its modeling and animation
tools, the latest version of 3ds Max also
features -
SketchUp
 SketchUp, marketed officially as
Trimble SketchUp, is a 3D modeling
program for applications such as
architectural, civil and mechanical
engineering, film, and video game
design.
 The program includes drawing layout
functionality, allows surface rendering
in variable "styles“ also supports third-
party "plug-in" programs.
 Google SketchUp can also save
elevations or renderings of the model,
called "screenshots",
Rhinoceros (Rhino) is a stand-alone, commercial NURBS-based 3-D modeling
software,
The software is commonly used for industrial design, architecture, marine design,
jewelry design, automotive design, CAD / CAM, rapid prototyping, reverse
engineering, product design as well as the multimedia and graphic design industries.
Rhino specializes in free-form non-uniform rational B-spline (NURBS) modeling.
RHINO
 Rhino's increasing popularity is based
on its diversity, multi-disciplinary
functions, low learning-curve, relatively
low cost, and its ability to import and
export over 30 file formats, which
allows Rhino to act as a 'converter' tool
between programs in a design
 CATIA (Computer Aided Three-
dimensional Interactive Application) is a
multi-platform CAD/CAM/CAE commercial
software suite
 CATIA competes in the high-end
CAD/CAM/CAE software
CATIA SOLIDWORKS
SolidWorks is solid modeling CAD
(computer-aided design) software that runs
on Microsoft Windows
2.2. LAYOUT AND ANIMATIONLAYOUT AND ANIMATION
 A 3D world or scene is composed of collection of 3d models
 Three different coordinates systems (or spaces) are defined for different
model related operations:
• The coordinate system in which a specific 3D object is defined.
• Each object usually have its own object space with the origin at the object's
center
• The object center is the point about which the object is moved and rotated.
OBJECT SPACE
• World space is the coordinate system of the 3D world to be rendered.
• The position and orientation of all the models are defined relative to the center of the
world space.
• The position and orientation of the virtual camera is also defined relative to the world
space.
• 2D space that represents the boundaries of the image to be produced.
• Many optimization techniques are performed on screen space.
SCREEN SPACE
WORLD SPACE
3.3. RENDERINGRENDERING
 The process of taking the mathematical model
of the world and producing the output image.
 The core of the rendering process involves
projecting the 3D models onto a 2D image
plane.
Types of Rendering Algorithms
Two general approaches:
 Pixel-oriented rendering:
Ray tracers
 Polygon-oriented rendering:
Scan-line renderers
Ray Tracers
Operates by tracing theoretical light rays as they
intersect objects in the scene and the projection
plane.
Ray tracer limitations
 Processor intensive. A full ray
tracer is impractical for real-time
applications.
 Does not take into account inter-
reflections of diffuse light,
resulting in hard shadows.
Radiosity
o Technique that models the inter-
reflections of diffuse light between
surfaces of the world or environment.
o Produces more photorealistic
illumination and shadows.
Scan-line renderers
• Operate on an object-by-object basis, directly drawing each polygon to the screen.
• Requires all objects – including those modeled with continuous curvature – to be tessellated into polygons.
• Polygons are eventually tessellated into pixels.
Illumination for scan-line renderers
• Lighting and shading is calculated using the normal vector.
• The color is linearly interpolated across the polygon surface.
Common shading techniques scan –line
renderer
o Flat shading
o Gouraud Shading
o Phong Shading
Flat Shading
• The color of the polygon is calculated at the center of the polygon
by using the normal vector. The complete polygon surface is
uniformly lighted.
Gouraud Shading
• A normal vector is calculated at each
vertex. Color is calculated for each
vertex and interpolated across the
polygon.
Phong Shading
• The normal vectors are interpolated across the surface of the polygon
• The color of each point within the polygon is calculated from its
MENTAL-RAY
• Mental Ray (stylized as mental ray) is a production-quality rendering application
developed by Mental Images (Berlin, Germany).
• The primary feature of Mental Ray is the achievement of high performance through
parallelism on both multiprocessor machines and across render farms.
V-RAY
• V-Ray is a rendering engine that is used as an extension of certain 3D computer
graphics software.
• It is a rendering engine that uses advanced techniques, for example global
illumination algorithms such as path tracing, photon mapping, irradiance maps and
directly computed global illumination.
• V-Ray is used in the film and video game industries and it is also used extensively in
making realistic 3D renderings for architecture.
Viewing frustum
• Segment of the 3D world to be rendered
• Objects outside the viewing volume are ignored.
Hidden surface
determination
o Not all objects inside the viewing
frustum are always visible from the
point of view of the camera.
o Not all polygons of a particular object
are visible from the point of view of
the camera.
o Common Techniques
o Painters Algorithm
o Z-Buffering
Painter’s Algorithm
• Polygon-oriented.
• All the polygons are sorted by their depth
and then displayed in this order.
References:
 Wikipidia – The Free Encyclopedia
http://www.wikipedia.org/
 OpenGL - The Industry Standard for High Performance
Graphics
http://www.opengl.org/
 Google Image Search
http://images.google.com
 Overview of 3D Interactive Graphics
http://www.siggraph.org/project-grants/com97/com97-tut.html
 Linux Journal - Industry of Change: Linux Storms
Hollywood
http://www.linuxjournal.com/article/5472
 JCanyon - Grand Canyon Demo
http://java.sun.com/products/jfc/tsc/articles/jcanyon/

Mais conteúdo relacionado

Mais procurados

elements and principles of design
elements and principles of designelements and principles of design
elements and principles of designShahril Khairi
 
Design as communication
Design as communicationDesign as communication
Design as communicationFabio Arangio
 
Lecture 1 a definition of design its elements and principle
Lecture 1 a definition of design its elements and principleLecture 1 a definition of design its elements and principle
Lecture 1 a definition of design its elements and principleWilfred Dexter Tanedo
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
 
Elements of design power point
Elements of design power pointElements of design power point
Elements of design power pointKristin Beeler
 
Elements of visual design
Elements of visual designElements of visual design
Elements of visual designmahrix
 
Introduction to blender
Introduction to blenderIntroduction to blender
Introduction to blenderCarlos Cámara
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
3D Modelig presentation (.ppt) 371 SE
3D Modelig presentation (.ppt) 371 SE3D Modelig presentation (.ppt) 371 SE
3D Modelig presentation (.ppt) 371 SEguest1460e5
 
Element of design
Element of designElement of design
Element of designRahul Gupta
 
3D Image visualization
3D Image visualization3D Image visualization
3D Image visualizationalok ray
 

Mais procurados (20)

Computer graphics
Computer graphicsComputer graphics
Computer graphics
 
elements and principles of design
elements and principles of designelements and principles of design
elements and principles of design
 
Design as communication
Design as communicationDesign as communication
Design as communication
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Elements of design
Elements of designElements of design
Elements of design
 
GRPHICS06 - Shading
GRPHICS06 - ShadingGRPHICS06 - Shading
GRPHICS06 - Shading
 
Image Processing ppt
Image Processing pptImage Processing ppt
Image Processing ppt
 
Lecture 1 a definition of design its elements and principle
Lecture 1 a definition of design its elements and principleLecture 1 a definition of design its elements and principle
Lecture 1 a definition of design its elements and principle
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
What Is Design?
What Is Design?What Is Design?
What Is Design?
 
Design elements
Design elementsDesign elements
Design elements
 
Elements of design power point
Elements of design power pointElements of design power point
Elements of design power point
 
Elements of visual design
Elements of visual designElements of visual design
Elements of visual design
 
Introduction to blender
Introduction to blenderIntroduction to blender
Introduction to blender
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
3D Modelig presentation (.ppt) 371 SE
3D Modelig presentation (.ppt) 371 SE3D Modelig presentation (.ppt) 371 SE
3D Modelig presentation (.ppt) 371 SE
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Element of design
Element of designElement of design
Element of design
 
Types of Drawing
Types of DrawingTypes of Drawing
Types of Drawing
 
3D Image visualization
3D Image visualization3D Image visualization
3D Image visualization
 

Destaque

computer graphics
computer graphicscomputer graphics
computer graphicsashpri156
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics PrathimaBaliga
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphicsAmandeep Kaur
 
applications of computer graphics
applications of computer graphicsapplications of computer graphics
applications of computer graphicsAaina Katyal
 
Digital Video#4 Principles Of Design
Digital Video#4 Principles Of DesignDigital Video#4 Principles Of Design
Digital Video#4 Principles Of Designnickhatheway
 
How to start your Design project
How to start your Design projectHow to start your Design project
How to start your Design projectShabnam Golkarian
 
Computer Graphics Modelling and Rendering report
Computer Graphics Modelling and Rendering reportComputer Graphics Modelling and Rendering report
Computer Graphics Modelling and Rendering reportHugo King
 
Graphics1 introduction
Graphics1 introductionGraphics1 introduction
Graphics1 introductionlokesh503
 
Design concepts and principle,
Design concepts and principle, Design concepts and principle,
Design concepts and principle, awikhan12
 
Drawing in practice
Drawing in practiceDrawing in practice
Drawing in practiceShellygwhs
 
3 d computer graphics software
3 d computer graphics software3 d computer graphics software
3 d computer graphics softwareAfnan Asem
 
Computer Grafica
Computer GraficaComputer Grafica
Computer GraficaGiovanni Re
 
Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)Paolo Aliverti
 
Evolution of Drawing as an Engineering Discipline
Evolution of Drawing as an Engineering DisciplineEvolution of Drawing as an Engineering Discipline
Evolution of Drawing as an Engineering DisciplineAnindya Sundar Paul
 
Drawing History
Drawing HistoryDrawing History
Drawing Historybreeding
 

Destaque (20)

lecture1 introduction to computer graphics(Computer graphics tutorials)
lecture1 introduction to computer graphics(Computer graphics tutorials)lecture1 introduction to computer graphics(Computer graphics tutorials)
lecture1 introduction to computer graphics(Computer graphics tutorials)
 
computer graphics
computer graphicscomputer graphics
computer graphics
 
Introduction to Computer graphics
Introduction to Computer graphics Introduction to Computer graphics
Introduction to Computer graphics
 
Introduction to computer graphics
Introduction to computer graphicsIntroduction to computer graphics
Introduction to computer graphics
 
applications of computer graphics
applications of computer graphicsapplications of computer graphics
applications of computer graphics
 
Digital Video#4 Principles Of Design
Digital Video#4 Principles Of DesignDigital Video#4 Principles Of Design
Digital Video#4 Principles Of Design
 
How to start your Design project
How to start your Design projectHow to start your Design project
How to start your Design project
 
Computer Graphics Modelling and Rendering report
Computer Graphics Modelling and Rendering reportComputer Graphics Modelling and Rendering report
Computer Graphics Modelling and Rendering report
 
Introduction graphics
Introduction graphicsIntroduction graphics
Introduction graphics
 
Graphics1 introduction
Graphics1 introductionGraphics1 introduction
Graphics1 introduction
 
Design concepts and principle,
Design concepts and principle, Design concepts and principle,
Design concepts and principle,
 
Drawing 2 pdf 2
Drawing 2 pdf 2Drawing 2 pdf 2
Drawing 2 pdf 2
 
Drawing in practice
Drawing in practiceDrawing in practice
Drawing in practice
 
3d e Fashion
3d e Fashion3d e Fashion
3d e Fashion
 
3 d computer graphics software
3 d computer graphics software3 d computer graphics software
3 d computer graphics software
 
Computer Grafica
Computer GraficaComputer Grafica
Computer Grafica
 
Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)Makeforum2014 - il disegno e i cad (per la stampa 3d)
Makeforum2014 - il disegno e i cad (per la stampa 3d)
 
Computer graphics1
Computer graphics1Computer graphics1
Computer graphics1
 
Evolution of Drawing as an Engineering Discipline
Evolution of Drawing as an Engineering DisciplineEvolution of Drawing as an Engineering Discipline
Evolution of Drawing as an Engineering Discipline
 
Drawing History
Drawing HistoryDrawing History
Drawing History
 

Semelhante a Digital design

Computer Graphics Practical
Computer Graphics PracticalComputer Graphics Practical
Computer Graphics PracticalNeha Sharma
 
3D Final Work
3D Final Work3D Final Work
3D Final Workconor0994
 
Ha5 Full Article
Ha5 Full Article Ha5 Full Article
Ha5 Full Article nixon2011
 
Computer graphics notes
Computer graphics notesComputer graphics notes
Computer graphics notessmruti sarangi
 
Ha5 article draft
Ha5 article draftHa5 article draft
Ha5 article draftnixon2011
 
3 d product modeling & rendering
3 d product modeling & rendering3 d product modeling & rendering
3 d product modeling & rendering3D Rendering India
 
Computer education presentation - ARCH 383
Computer education presentation - ARCH 383Computer education presentation - ARCH 383
Computer education presentation - ARCH 383LipikaPandey
 
Computer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C ProgrammingComputer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C Programmingkemal678348
 
5 POPULAR 3D MODELLING SOFTWARE OPTIONS
5 POPULAR 3D MODELLING SOFTWARE OPTIONS5 POPULAR 3D MODELLING SOFTWARE OPTIONS
5 POPULAR 3D MODELLING SOFTWARE OPTIONSSonaliYadav50
 
Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits Bismi S
 
Applications of cg
Applications of cgApplications of cg
Applications of cgAnkit Garg
 

Semelhante a Digital design (20)

Computer Graphics Practical
Computer Graphics PracticalComputer Graphics Practical
Computer Graphics Practical
 
Graphics file
Graphics fileGraphics file
Graphics file
 
3D Final Work
3D Final Work3D Final Work
3D Final Work
 
Ha5 Full Article
Ha5 Full Article Ha5 Full Article
Ha5 Full Article
 
Computer graphics notes
Computer graphics notesComputer graphics notes
Computer graphics notes
 
3D Plan
3D Plan3D Plan
3D Plan
 
Ha5 article draft
Ha5 article draftHa5 article draft
Ha5 article draft
 
Article
ArticleArticle
Article
 
3 d product modeling & rendering
3 d product modeling & rendering3 d product modeling & rendering
3 d product modeling & rendering
 
What is 3ds MAX Architecture?
What is 3ds MAX Architecture?What is 3ds MAX Architecture?
What is 3ds MAX Architecture?
 
3D Article
3D Article3D Article
3D Article
 
Computer education presentation - ARCH 383
Computer education presentation - ARCH 383Computer education presentation - ARCH 383
Computer education presentation - ARCH 383
 
3D Research
3D Research3D Research
3D Research
 
Computer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C ProgrammingComputer Graphics Power Point using Open GL and C Programming
Computer Graphics Power Point using Open GL and C Programming
 
5 POPULAR 3D MODELLING SOFTWARE OPTIONS
5 POPULAR 3D MODELLING SOFTWARE OPTIONS5 POPULAR 3D MODELLING SOFTWARE OPTIONS
5 POPULAR 3D MODELLING SOFTWARE OPTIONS
 
Comparison of Rendering Processes on 3D Model
Comparison of Rendering Processes on 3D ModelComparison of Rendering Processes on 3D Model
Comparison of Rendering Processes on 3D Model
 
Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits Application of 3d max for 3d development and rendering and its merits
Application of 3d max for 3d development and rendering and its merits
 
livingin3d
livingin3dlivingin3d
livingin3d
 
Applications of cg
Applications of cgApplications of cg
Applications of cg
 
CAD.ppt
CAD.pptCAD.ppt
CAD.ppt
 

Mais de Sheetu Goel

Mais de Sheetu Goel (11)

History of wine
History of wineHistory of wine
History of wine
 
Wine Tourism
Wine TourismWine Tourism
Wine Tourism
 
Cpm n pert
Cpm n pertCpm n pert
Cpm n pert
 
Mall Road of Hill Stations
Mall Road of Hill StationsMall Road of Hill Stations
Mall Road of Hill Stations
 
National gallery of modern arts
National gallery of modern artsNational gallery of modern arts
National gallery of modern arts
 
SelectCity Walk Mall
SelectCity Walk MallSelectCity Walk Mall
SelectCity Walk Mall
 
Mp Tourism Policy
Mp Tourism PolicyMp Tourism Policy
Mp Tourism Policy
 
Xeriscape
XeriscapeXeriscape
Xeriscape
 
Hamlet
HamletHamlet
Hamlet
 
Cbri
CbriCbri
Cbri
 
Slums
SlumsSlums
Slums
 

Último

一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证wpkuukw
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...drmarathore
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecturesaipriyacoool
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxbalqisyamutia
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024Ilham Brata
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证eeanqy
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789CristineGraceAcuyan
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Servicemeghakumariji156
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Nitya salvi
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...gargpaaro
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfOffice Furniture Plus - Irving
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 

Último (20)

一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 

Digital design

  • 1. DIGITAL DESIGN SOFTWARETECHNOLOGIES 3D GRAPHICS Submitted By – Junaid, Rizvi, Saloni, Sheetu M.Recreation – Second Semester, Jamia Millia Islamia
  • 2.  Digital design is a growing specialty in the field of graphic design. Digital designers use creativity and computer skills to design visuals associated with electronic technology.  Digital design, a term used to describe a wide variety of computer related skills, includes work in fields such as web design, digital imaging and 3D modeling.  Digital design is the branch of graphic design that uses computers, graphics tablets and other electronic devices to create graphics and designs for the Web, television, print and portable electronic devices.  It is an evolving industry, it is always changing and exploring the uses of new devices and technology. What is digital design?What is digital design?
  • 3. Application of digital design?Application of digital design? Digital design has become a significant part of society--almost every product and field of work includes digital design at some point. Car companies start their design process using computer drafting programs, while food distributors hire digital designers to create logos and bright boxes to help sell their products. Other applications are - Web design – it includes digital imaging, coding, animation, interface design, and a variety of other skills. 3d models for movies, Animation to create interfaces Architectural planning Product designing Touch-up of photographs for printing in magazines and papers And much more…….
  • 4. Digital Application in ARCHITECTUREDigital Application in ARCHITECTURE  Digital architecture uses computer modeling, programming, simulation and imaging to create both virtual forms and physical structures. The terminology has also been used to refer to other aspects of architecture that feature digital technologies.  Digital architecture allows complex calculations that delimit architects and allow a diverse range of complex forms to be created with great ease using computer algorithms.
  • 5. Digital Application inDigital Application in 33D GRAPHICSD GRAPHICS 3D computer graphics is the science, study, and method of projecting a mathematical representation of 3D objects onto a 2D image using visual tricks such as perspective and shading to simulate the eye's perception of those objects. 3D COMPUTER GRAPHICS CREATION FALLS INTO THREE BASIC PHASES: The model describes the process of forming the shape of an object. Before rendering into an image, objects must be placed in a scene. This defines spatial relationships between objects, including location and size. Animation refers to the temporal description of an object, i.e., how it moves and deforms over time. Rendering converts a model into an image
  • 6. 1.1. 33D MODELLINGD MODELLING  A way to describe the 3D world or scene, which is composed of mathematical representations of 3D objects called models.  Simple 3D objects can be modeled using mathematical equations operating in the 3- dimensional Cartesian coordinate system.  Example: the equation x2 + y2 + z2 = r2 is a model of a perfect sphere with radius r
  • 7.  MESH BASED WIREFRAME MODELLING – uses a serious of connected lines to produce a 3D object  POLYGON BASED SURFACE MODELLING -- draws the surfaces of an object to create its model; like adding canvass onto the frame of a tent.  SOLID MODELLING -- uses simple geometric forms or extrusions such as cuboids, cylinders & prisms. These can be added or subtracted to produce complex 3D models.  CURVE BASED FREE-FORM MODELLING – Uses a network of spline/ nurbs to create free-form models. MODELING TECHNIQUES
  • 8. OTHER MODELING TECHNIQUES LINKED WITH ARCHITECTURE  Poly modelling - 3DS Max, Maya  Patch modelling - Spline based  Parametric modelling - Catia, Solidworks, Unigraphics  Nubs modelling - Rhino
  • 9. 3Ds Max  Modelling, animation and rendering package  It has modelling capabilities  It's frequently used by o video game developers o TV commercial studios o architectural visualization studios o for movie effects and movie pre- visualization.  It has more robust modelling and lighting capability than Maya Autodesk 3ds Max, formerly 3D Studio Max, is a 3D computer graphics program for making 3D animations, models, and images.
  • 10.  shaders (such as ambient occlusion and subsurface scattering)  dynamic simulation  particle systems  Radiosity  normal map creation and rendering  global illumination  a customizable user interface  its own scripting language  In addition to its modeling and animation tools, the latest version of 3ds Max also features -
  • 11. SketchUp  SketchUp, marketed officially as Trimble SketchUp, is a 3D modeling program for applications such as architectural, civil and mechanical engineering, film, and video game design.  The program includes drawing layout functionality, allows surface rendering in variable "styles“ also supports third- party "plug-in" programs.  Google SketchUp can also save elevations or renderings of the model, called "screenshots",
  • 12. Rhinoceros (Rhino) is a stand-alone, commercial NURBS-based 3-D modeling software, The software is commonly used for industrial design, architecture, marine design, jewelry design, automotive design, CAD / CAM, rapid prototyping, reverse engineering, product design as well as the multimedia and graphic design industries. Rhino specializes in free-form non-uniform rational B-spline (NURBS) modeling. RHINO  Rhino's increasing popularity is based on its diversity, multi-disciplinary functions, low learning-curve, relatively low cost, and its ability to import and export over 30 file formats, which allows Rhino to act as a 'converter' tool between programs in a design
  • 13.  CATIA (Computer Aided Three- dimensional Interactive Application) is a multi-platform CAD/CAM/CAE commercial software suite  CATIA competes in the high-end CAD/CAM/CAE software CATIA SOLIDWORKS SolidWorks is solid modeling CAD (computer-aided design) software that runs on Microsoft Windows
  • 14. 2.2. LAYOUT AND ANIMATIONLAYOUT AND ANIMATION  A 3D world or scene is composed of collection of 3d models  Three different coordinates systems (or spaces) are defined for different model related operations: • The coordinate system in which a specific 3D object is defined. • Each object usually have its own object space with the origin at the object's center • The object center is the point about which the object is moved and rotated. OBJECT SPACE
  • 15. • World space is the coordinate system of the 3D world to be rendered. • The position and orientation of all the models are defined relative to the center of the world space. • The position and orientation of the virtual camera is also defined relative to the world space. • 2D space that represents the boundaries of the image to be produced. • Many optimization techniques are performed on screen space. SCREEN SPACE WORLD SPACE
  • 16. 3.3. RENDERINGRENDERING  The process of taking the mathematical model of the world and producing the output image.  The core of the rendering process involves projecting the 3D models onto a 2D image plane. Types of Rendering Algorithms Two general approaches:  Pixel-oriented rendering: Ray tracers  Polygon-oriented rendering: Scan-line renderers
  • 17. Ray Tracers Operates by tracing theoretical light rays as they intersect objects in the scene and the projection plane. Ray tracer limitations  Processor intensive. A full ray tracer is impractical for real-time applications.  Does not take into account inter- reflections of diffuse light, resulting in hard shadows. Radiosity o Technique that models the inter- reflections of diffuse light between surfaces of the world or environment. o Produces more photorealistic illumination and shadows.
  • 18. Scan-line renderers • Operate on an object-by-object basis, directly drawing each polygon to the screen. • Requires all objects – including those modeled with continuous curvature – to be tessellated into polygons. • Polygons are eventually tessellated into pixels. Illumination for scan-line renderers • Lighting and shading is calculated using the normal vector. • The color is linearly interpolated across the polygon surface. Common shading techniques scan –line renderer o Flat shading o Gouraud Shading o Phong Shading
  • 19. Flat Shading • The color of the polygon is calculated at the center of the polygon by using the normal vector. The complete polygon surface is uniformly lighted. Gouraud Shading • A normal vector is calculated at each vertex. Color is calculated for each vertex and interpolated across the polygon. Phong Shading • The normal vectors are interpolated across the surface of the polygon • The color of each point within the polygon is calculated from its
  • 20. MENTAL-RAY • Mental Ray (stylized as mental ray) is a production-quality rendering application developed by Mental Images (Berlin, Germany). • The primary feature of Mental Ray is the achievement of high performance through parallelism on both multiprocessor machines and across render farms. V-RAY • V-Ray is a rendering engine that is used as an extension of certain 3D computer graphics software. • It is a rendering engine that uses advanced techniques, for example global illumination algorithms such as path tracing, photon mapping, irradiance maps and directly computed global illumination. • V-Ray is used in the film and video game industries and it is also used extensively in making realistic 3D renderings for architecture.
  • 21. Viewing frustum • Segment of the 3D world to be rendered • Objects outside the viewing volume are ignored. Hidden surface determination o Not all objects inside the viewing frustum are always visible from the point of view of the camera. o Not all polygons of a particular object are visible from the point of view of the camera. o Common Techniques o Painters Algorithm o Z-Buffering Painter’s Algorithm • Polygon-oriented. • All the polygons are sorted by their depth and then displayed in this order.
  • 22. References:  Wikipidia – The Free Encyclopedia http://www.wikipedia.org/  OpenGL - The Industry Standard for High Performance Graphics http://www.opengl.org/  Google Image Search http://images.google.com  Overview of 3D Interactive Graphics http://www.siggraph.org/project-grants/com97/com97-tut.html  Linux Journal - Industry of Change: Linux Storms Hollywood http://www.linuxjournal.com/article/5472  JCanyon - Grand Canyon Demo http://java.sun.com/products/jfc/tsc/articles/jcanyon/