This document provides an overview of a technology-based arts class for 10th grade students. It includes an activity where students identify differences in pictures. It then discusses abstraction and defines technology-based arts, including computer/digital arts, mobile phone art, computer-generated images, digital photography, and video games. Examples of each are shown and computer programs that can be used are listed. The document discusses things that can be done in these programs, like resizing and adjusting colors. It provides samples of computer-generated imagery, digital photography, and video games. It notes that not all video games are bad and some encourage positive behavior. The document concludes by quoting Steve Jobs on the importance of learning to program.

1. Walk Through on G10 Arts
Quarter 2
TECHNOLOGY – BASED ARTS
For NTOT G10 (VISMIN Cluster)
Maksim A. Botilas
PCNHS, Baguio City

2. ACTIVITY
Spot the Difference:
Identify the differences of the following
pictures.

9. ANALYSIS
What did you observe from the
activity? Did you have a hard time
identifying the pictures? Why?

10. ABSTRACTION
1. Short discussion on TBA (Technology
- Based Arts)
2. Presentation of TBA examples

11. Technology – Based Arts
TBA includes …
1. Computer/Digital Arts
2. Mobile Phone Art
3. Computer – Generated Images
4. Digital Photography
5. Video Games/Digital Painting/Imaging Videos

12. Technology – Based Arts
TBA is essentially computer-generated 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 – whether as a physical
output or a virtual experience.

13. Computer/Digital Arts
Computer/Digital Arts make use of
electronic and mechanical devices,
rather than the artist’s own hand.

14. Polygon Drawings
Frieder Nake, 1965

15. Schrotter
Georg Nees, 1965

16. Ordres
Vera Molnar, 1974

17. Mountain and Staurolyte
Ronald Davis, 1997

18. Mobile Phone Art

19. Computer Programs and Applications:
1. Gimp (GNU Image Manipulation Program)
2. Paint.net
3. Inkscape
4. Xara Extreme
5. Artweaver
6. Draw Plus
7. Pencil
8. Picasa

20. 9. Paint Star
10. Smooth Draw
11. Spray
12. Karbon
13. Adobe Photoshop
14. Corel Paintshop Pro X5

21. Things We Can Do:
1. Re – size
2. Crop
3. Skew/Warp
4. Rotate
5. Flip
6. Adjust brightness
7. Adjust sharpness
8. Change colors

22. Things We Can Do:
9. Gray scale
10. Sepia
11. Apply a texture
12. Superimpose text
13. Apply frames
14. Crop

23. COMPUTER GENERATED
IMAGERY

31. SAMPLE OF EDITING ON A COMPUTER

32. DIGITAL PHOTOGRAPHY

36. VIDEO GAMES

37. According to study, not all video
games are bad for teens; some
games encourage positive
behavior.

39. Programs we can use in video games include:
- Twine
http://twinery.org/
- Stencyl
http://www.udemy.com/create-your-first-
computer-game-with-stencyl/
- Game Maker
http://www.yoyogames.com/learn

40. “Everybody in this country should
learn how to program a computer…
Because it teaches you how to
think”
Steve Jobs

41. THANK YOU!