SlideShare a Scribd company logo
1 of 10
TECHNOLOGY-BASED ARTS
QUARTER 2
LESSON 1
ELEMENTS AND DISTINCT
CHARACTERISTICS OF
TECHNOLOGY-BASED ARTS
ORIGIN AND EARLY STAGES
WHAT IS TECHNOLOGY-BASED ART?
• Technology-based art is essentially
computer-generated and/or manipulated.
• Today’s computer artists employ the ever-
expanding powers of image manipulation
programs and applications to create their
works which can appear in an entire range
of media.
ELEMENTS OF ART AS APPLIED TO
TECHNOLOGY-BASED ART
• Line - Distance between two points
(or the path of a moving point),
taking any form along the way.
• Shape - A figure of a particular condition
that outline anything that you can see.
• Color - Different hues, shades
applied in arts and design
• Value - The use of lightness and
darkness of color shading and
highlighting in an artwork.
• Form - Can be created by the
forming of two or more shapes or as
three dimensional shape (cube,
pyramid, sphere, etc.)
• Texture - Quality of a surface or the
way any work of art is represented.
• Space - Refers to the distances or
areas around, between or within
components of a piece.
• Was digital art readily accepted and recognized as
“true art” when it emerged in the 1960s? What
was the reason for this?
• What devices can now be used to create digital
art? Do you own one such device?
• Name one or two computer programs that can
enable you to create an original illustration from
scratch.
ACTIVITY 1
• Directions: From the example of a technology-based
artwork below, what elements of art were used? Explain
your answer.

More Related Content

Similar to ARTS_Technology-Based Arts-Lesson 1.pptx

Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015瑞田 吳
 
Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015Hanis A.Badri
 
Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015Lam Yu
 
Design communication (degree) april 2014-assignment 2a
Design communication (degree) april 2014-assignment 2aDesign communication (degree) april 2014-assignment 2a
Design communication (degree) april 2014-assignment 2aAnthony Chew
 
ITD Drawing final project studio unit living
ITD Drawing final project studio unit livingITD Drawing final project studio unit living
ITD Drawing final project studio unit livingashleyyeap
 
ITD Project 2 - Basic Orthographic Drawings using Daily Objects
ITD Project 2 - Basic Orthographic Drawings using Daily Objects ITD Project 2 - Basic Orthographic Drawings using Daily Objects
ITD Project 2 - Basic Orthographic Drawings using Daily Objects Natalie Yunxian
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Dameerster
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Lee Fong Yen
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015christinelee1996
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015chuenmin
 
ITD Project 2 Brief
ITD Project 2 BriefITD Project 2 Brief
ITD Project 2 BriefJunXiang97
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Louise Foong
 
Drawing project 2 january 2015 (1)
Drawing project 2 january 2015 (1)Drawing project 2 january 2015 (1)
Drawing project 2 january 2015 (1)Zheng Chee Cham
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Jian Leo
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015JJeanius
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Lin Hui
 
Drawingproject2january2015 150625045332-lva1-app6892
Drawingproject2january2015 150625045332-lva1-app6892Drawingproject2january2015 150625045332-lva1-app6892
Drawingproject2january2015 150625045332-lva1-app6892Darryl Harvey
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015SolomonTangerine
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Gynie
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015Alexis Wei
 

Similar to ARTS_Technology-Based Arts-Lesson 1.pptx (20)

Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015
 
Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015
 
Drawing project 2 july 2015
Drawing project 2 july 2015Drawing project 2 july 2015
Drawing project 2 july 2015
 
Design communication (degree) april 2014-assignment 2a
Design communication (degree) april 2014-assignment 2aDesign communication (degree) april 2014-assignment 2a
Design communication (degree) april 2014-assignment 2a
 
ITD Drawing final project studio unit living
ITD Drawing final project studio unit livingITD Drawing final project studio unit living
ITD Drawing final project studio unit living
 
ITD Project 2 - Basic Orthographic Drawings using Daily Objects
ITD Project 2 - Basic Orthographic Drawings using Daily Objects ITD Project 2 - Basic Orthographic Drawings using Daily Objects
ITD Project 2 - Basic Orthographic Drawings using Daily Objects
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
ITD Project 2 Brief
ITD Project 2 BriefITD Project 2 Brief
ITD Project 2 Brief
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015 (1)
Drawing project 2 january 2015 (1)Drawing project 2 january 2015 (1)
Drawing project 2 january 2015 (1)
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawingproject2january2015 150625045332-lva1-app6892
Drawingproject2january2015 150625045332-lva1-app6892Drawingproject2january2015 150625045332-lva1-app6892
Drawingproject2january2015 150625045332-lva1-app6892
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 
Drawing project 2 january 2015
Drawing project 2 january 2015Drawing project 2 january 2015
Drawing project 2 january 2015
 

Recently uploaded

Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxAdelaideRefugio
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxLimon Prince
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptNishitharanjan Rout
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文中 央社
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code ExamplesPeter Brusilovsky
 
Rich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdfRich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdfJerry Chew
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxMarlene Maheu
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppCeline George
 
How to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptxHow to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptxCeline George
 
Basic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of TransportBasic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of TransportDenish Jangid
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfPondicherry University
 
male presentation...pdf.................
male presentation...pdf.................male presentation...pdf.................
male presentation...pdf.................MirzaAbrarBaig5
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptxVishal Singh
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...Nguyen Thanh Tu Collection
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...EADTU
 

Recently uploaded (20)

Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptx
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
AIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.pptAIM of Education-Teachers Training-2024.ppt
AIM of Education-Teachers Training-2024.ppt
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
Supporting Newcomer Multilingual Learners
Supporting Newcomer  Multilingual LearnersSupporting Newcomer  Multilingual Learners
Supporting Newcomer Multilingual Learners
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
Rich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdfRich Dad Poor Dad ( PDFDrive.com )--.pdf
Rich Dad Poor Dad ( PDFDrive.com )--.pdf
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptx
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio App
 
How to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptxHow to Manage Website in Odoo 17 Studio App.pptx
How to Manage Website in Odoo 17 Studio App.pptx
 
Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"
 
Basic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of TransportBasic Civil Engineering notes on Transportation Engineering & Modes of Transport
Basic Civil Engineering notes on Transportation Engineering & Modes of Transport
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
male presentation...pdf.................
male presentation...pdf.................male presentation...pdf.................
male presentation...pdf.................
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
 
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)ESSENTIAL of (CS/IT/IS) class 07 (Networks)
ESSENTIAL of (CS/IT/IS) class 07 (Networks)
 

ARTS_Technology-Based Arts-Lesson 1.pptx

  • 2. LESSON 1 ELEMENTS AND DISTINCT CHARACTERISTICS OF TECHNOLOGY-BASED ARTS
  • 4.
  • 5. WHAT IS TECHNOLOGY-BASED ART? • Technology-based art is essentially computer-generated and/or manipulated. • Today’s computer artists employ the ever- expanding powers of image manipulation programs and applications to create their works which can appear in an entire range of media.
  • 6. ELEMENTS OF ART AS APPLIED TO TECHNOLOGY-BASED ART • Line - Distance between two points (or the path of a moving point), taking any form along the way. • Shape - A figure of a particular condition that outline anything that you can see.
  • 7. • Color - Different hues, shades applied in arts and design • Value - The use of lightness and darkness of color shading and highlighting in an artwork.
  • 8. • Form - Can be created by the forming of two or more shapes or as three dimensional shape (cube, pyramid, sphere, etc.) • Texture - Quality of a surface or the way any work of art is represented. • Space - Refers to the distances or areas around, between or within components of a piece.
  • 9. • Was digital art readily accepted and recognized as “true art” when it emerged in the 1960s? What was the reason for this? • What devices can now be used to create digital art? Do you own one such device? • Name one or two computer programs that can enable you to create an original illustration from scratch.
  • 10. ACTIVITY 1 • Directions: From the example of a technology-based artwork below, what elements of art were used? Explain your answer.