Visual Media PDF

PRAYER Let us pause for a while and acknowledge the presence of God.  ATTENDANCE Let’s check your attendance by number. Kindly turn on your camera and mic once it is your turn to speak. Please take a screenshot of you attending this afternoon’s class. ...

PRAYER Let us pause for a while and acknowledge the presence of God.  ATTENDANCE Let’s check your attendance by number. Kindly turn on your camera and mic once it is your turn to speak. Please take a screenshot of you attending this afternoon’s class. Media and Information Literacy 01/15 DIMENSIONS OF VISUAL INFORMATION AND MEDIA Presented by Ms. Rachelle Joan M. Torentera, LPT OBJECTIVES At the end of the lesson, the students are expected to: identify the different dimensions of visual information media; comprehend how visual information and media is/are formally and informally produced, organized, and disseminated; appreciate visual information and media and its/ their sources using selection criteria _AI_____ PAINTING __M___ COMICS __F__M___O_ INFORMATION _E_I_ MEDIA __S__L VISUAL QUESTIONS: 03/25 How do the images visually communicate the central theme or word, and what common elements or symbols do they share that help guide your guess? In what ways do the design and arrangement of the images (color, composition, and focus) influence how you interpret the connection between the pictures? Would it be better to use visual media and information in relaying a message? Why? Visual Information and Media Media and information Literacy VISUAL INFORMATION AND MEDIA PARTS Dimensions Design principles and elements, and Production and evaluation VISUAL INFORMATION AND MEDIA L1: DIMENSIONS OF VISUAL IN MEDIA AND Information QUESTIONS: 03/25 What is your story all about? What do you think are the characteristics of the main character? What is the background of the main character? How did you know it? Visual Information and Media VISUAL INFORMATION AND MEDIA VISUAL VISUAL INFORMATION MEDIA is the source of data or information refers to all possible media represented visually. technologies to reach a large refers to the artistic or creative number of audiences. interpretation or representation of a Examples: videos concept, idea, or emotion using photography different media types. infographics comic strips memes screenshots data visualization visual note-taking. PURPOSES OF VISUAL INFORMATION GAIN ATTENTION CREATE MEANING FACILITATE RETENTION grab the viewer's help convey ideas or make it easier to focus, making them messages clearly, remember information stop and look often faster than by linking it to images or words patterns VISUAL INFORMATION AND MEDIA DIMENSIONS OF VISUAL IN MEDIA AND Information VISUAL INFORMATION IS CREATED BY THE FOLLOWING: PAINTER GRAPHIC PHOTOGRAPHER SCULPTOR ARTIST/DESIGNER a person who sets illustrations, charts, captures images sculptor creates a produces a work of images, and tables on using a camera. masterpiece using art using lines, shapes, drafts using electronic clay, wood, marble, or media for artworks and and colors. even ice. designs. DIMENSIONS OF VISUAL INFORMATION Visual information utilizes various appeals and mediums to different spectators. The artists of these visuals decide how the viewer sees or interprets the conveyed message. Several types of visual media include: (1) PAINTING is creating aesthetic qualities in a two-dimensional visual language to express ideas and emotions uses flat mediums such as canvas boards and painting materials PROJECT - 1 PORTRAIT LANDSCAPE STILL LIFE ICON uses human as subject of a depicts an outdoor scenario. is the depiction of inanimate refers to paintings which proliferated Painters use nature as a theme objects with qualities such as form, during the Byzantine Empire. It uses work of art. color, texture, and composition. religious entities as its subject. for landscapes. (2) PHOTO/IMAGE a visual representation taken using a camera. tells a story that lets people feel emotions by mere perception. also used to record past events. It comes in many types, which are: PROJECT - 1 a. Personal Photo i. Travel Photo b. Family Photo j. Underwater Photo c. Photojournalism k. Religious Photo d. Yearbook or graduation photo l. Perspective Photo e. Landscape Photo m. Panoramic Photo f. Nature and Wildlife Photo n. Digital Infrared Photo g. Fashion or Beauty Photo o. Time-lapse Photo h. Wedding Photo p. Macro photo (3) SCULPTURE a three-dimensional work of art which uses metal, clay, wood, or ice as medium. depicts a replica of a subject, human, nature, or inanimate object. PROJECT - 1 The Thinker The Poet created by Auguste Rodin in 1880 represents the author of the Divine Comedy, Dante. (4) CARTOON/COMIC STRIP sequential arrangement which shows illustrations or drawings. usually seen in newspapers or official comic books. Archie Comics PROJECT - 1 longest-running publication of Archie Company first issue was released on Winter 194 title was shortened to simply Archie when it reached issue #114 Archie Comics characters and concepts was also used in several films, television programs, cartoons, and video games, including the hit 2017 television drama series Riverdale.  (5) GRAPH AND CHART GRAPH CHART --> a diagrammatic representation of a --> a graphical illustration of data that given set of data. It shows variables or uses symbols such as bars, lines, numerical figures indicating a trend or pictures, or numbers. It can be a table, phenomenon. graph, or a diagram. (6) BILLBOARDS AND POSTERS BILLBOARD POSTER --> refers to a large outdoor board --> is a smaller version of a billboard. which contains text information and images with designs used as a form of an advertisement. PROJECT - 1 VISUAL INFORMATION AND MEDIA THE POWER OF VISUAL CONTENT QUESTIONS: 03/25 Can you differentiate visual media and visual information? What are the types of visual media? How important is the power of visual content in our lives? Visual Information and Media VISUAL INFORMATION AND MEDIA L2: ELEMENTS OF DESIGN OF VISUAL INFORMATION  ELEMENTS OF DESIGN OF VISUAL INFORMATION PROJECT - 1 LINE SHAPE SPACE COLOR shows direction, motion, and result when lines meet distance between two subjects can either have two (length and used to emphasize, basically emotions orientation In the field of design, shapes elicited by each color width) or three dimensions Lines can be straight, diagonal, can either be geometric can be determined according to hue Depth and volume are both curved, crooked, dotted, broken, (square, triangle) or organic (color name), value (brightness), or present in all objects illustrated intensity (purity of hue vertical, or horizontal. (snowflakes, turtle’s shell, in a three-dimensional space. sunflower).  ELEMENTS OF DESIGN OF VISUAL INFORMATION PROJECT - 1 VALUE FORM TEXTURE the degree of brightness of a design the three-dimensional version of shapes refers to the the way things feel, or can measure its volume, depth, width, length, and how the eye perceives as if they are varies from light to dark height. the contrast from white to black and touched can also be created by joining two or more shapes. all the tones between them. can be enhanced by changing its texture and Texture can either be tactile or color. implied PRINCIPLES OF DESIGN OF VISUAL INFORMATION MARGIN CONSISTENCY, COLORS, HARMONY TYPEFACE, TYPESTYLE, AND COLORS unites ideas in a composition. For example, need to be observed accurately, most especially when you used wavy lines and organic shapes, you would presenting slides and documents that exceed one remain using those types of lines and not just one page. geometric shape. CENTER OF INTEREST CONTRAST few changes in value creating a visual dissonance in a also known as the attention-getter. composition. This can be done by putting more colors, contrasting Contrast displays the disparity between shapes and used as a values, and arranging the correct placement in the format. background to bring objects forward in a design. An area of emphasis can also be created using contrast. BALANCE DIRECTIONAL MOVEMENT –visual equality in the elements of design. flow of the composition. It can suggest motion in a design Balance can either be symmetrical (evenly balanced), or as you move from one object to another in terms of asymmetrical (unevenly balanced). placement and position. Value The elements of visual design can be used in creating pattern can be associated with directional movement. The balance in a composition. placement of dark and light areas can move your attention through the format.  PRINCIPLES OF DESIGN OF VISUAL INFORMATION MARGIN CONSISTENCY, COLORS, TYPEFACE, TYPESTYLE, AND CENTER OF INTEREST BALANCE HARMONY COLORS –visual equality in the elements of need to be observed accurately, also known as the attention- design. unites ideas in a composition. most especially when getter. Balance can either be symmetrical For example, you used wavy lines presenting slides and This can be done by putting (evenly balanced), or asymmetrical and organic shapes, you would documents that exceed one more colors, contrasting values, (unevenly balanced). and arranging the correct remain using those types of lines page. The elements of visual design can be placement in the format. used in creating balance in a and not just on geometric shape. composition. PROJECT - 1 CONTRAST DIRECTIONAL MOVEMENT RHYTHM PERSPECTIVE few changes in value creating a visual flow of the composition. It can suggest a movement which shows objects arranged in two- dissonance in a composition. motion in a design as you move from one regular repetition of some dimensional space as if they object to another in terms of placement Contrast displays the disparity between elements. appear in real life create and position. shapes and used as a background to V a l u e p a tte rn ca n b e a s s o c i a t e d w i t h Compared to a dance, it will let perspective. bring objects forward in a design. An directional movement. objects flow that will seem to be Perspective is a perception of the area of emphasis can also be created The placement of dark and light areas can using contrast. move your attention through the format. like the rhythm of music. relationship between different objects seen in space. VISUAL INFORMATION AND MEDIA L3: PRODUCTION AND EVALUATION OF A CREATIVE VISUAL-BASED PRESENTATION PRODUCTION AND EVALUATION OF A CREATIVE VISUAL-BASED PRESENTATION INFORGRAPHIC a visual representation of information, data, or ideas through images. Infographics can help in understanding complex information through visual representation. It transforms texts and images which are both easy to learn and visually appealing.  MOST WELL-KNOWN SOFTWARES WHICH CAN BE USED FOR VISUAL PRESENTATIONS: 1. ADOBE PHOTOSHOP 2. PREZI a photo editing application used by an online presentation software many professional designers and founded in 2009 by Peter Arvai, Péter photographers Halácsy, and Adam Somlai-Fischer. used for almost any type of image Unlike slides, which box you in, Prezi editing, touching up photos, creating gives you the freedom to style your high-quality graphics, are only some of work and to show relationships the features of using this software between the main topic and the details. application. EVALUATING VISUAL CONTENT COLOR COMBINATION Visual information is an art and media Hence, a person notices the way how colors are mixed to present a well-done visual presentation; the colors used (pastel, oil, primary and secondary colors), and color compliments. the choice of color combos count depending on the theme and the subject. Also, a color represents a certain meaning or a specific emotion (blue for peace, red for rage). EVALUATING VISUAL CONTENT COLOR COMBINATION Visual information is an art and media Hence, a person notices the way how colors are mixed to present a well-done visual presentation; the colors used (pastel, oil, primary and secondary colors), and color compliments. the choice of color combos count depending on the theme and the subject. Also, a color represents a certain meaning or a specific emotion (blue for peace, red for rage). EVALUATING VISUAL CONTENT CREATIVITY LEVEL Artistic sense and creativity also matter in evaluating visuals. A poster or billboard will not catch attention if it is ordinary-looking. On the contrary, creative visuals will spark interest. However, the creativity level should match the material for it not to look overly-designed which in turn, might irritate eyes and turn away audiences. The standard is that designs and illustrations should be appropriate and related to the content. EVALUATING VISUAL CONTENT THEME Visual media sends messages to the audience even without the presence of texts. Images used can persuade viewers to believe what they see. So, timely messages can be powerful since the public can relate to it and unconsciously, they are pushed to do something. EVALUATING VISUAL CONTENT SUBJECT The subject represents the content of the visual representation. So, the choice of subject is vital because it will reflect the message to be perceived and determine the interpretations and reactions of the audience. APPLICATION Create-ique your Movie Poster. The students will revisit their Movie Poster and critique it based on the design principles and elements. Each group will be given a minute or two to share their comments to the class. www.reallygreatsite.com 15/15 THANK YOU Ms. Rachelle Joan M. Torentera, LPT MIL Teacher