VISUAL INFORMATION AND MEDIA LESSON.pptx

This lesson is about visual information and media.

1. Principles of visual message Visual information & media Imaging and Design For the Online Environment

2. VISUAL INFORMATION VISUAL MEDIA EXAMPLES OF VISUAL MEDIA Photography Video Screenshots Infographics Data Visualization (charts and graphs) Comic Strips/Cartoons Memes Visual Note-Taking Visual information Basic principles of graphics and layout 2

3. Purpose of visual information Basic principles of graphics and layout 3 GAIN ATTENTION CREATE MEANING FACILITATE RETENTION

4. Source: http://www.comoxvalleyrd.ca/EN/meta/whats-new/news-archives/2015/practice-how-to-drop-cover-and-hold-on-during-shakeout-bc-day.html

5. The Power Of Visual Content BY DemandGen Report (2014) Source: https://www.demandgenreport.com/industry-topics/rich-media/2906-the-power-of-visual-content-infographic

6. Source: https://postcron.com/en/blog/visual-content-strategies-for-social-networks/

7. THE POWER OF VISUAL CONTENT MARKETING Source: http://springboardpr.ie/the-power-of-visual-content-marketing/

8. Online file formats for Images and text Imaging and Design For the Online Environment

9. File format Basic principles of graphics and layout 9 A standard process that data is encoded for storage in a computer file. Defines how bits are used to encode information in a digital storage device. Most information comes from different format

10. File format Basic principles of graphics and layout 10 FILE TYPE FILE FORMAT TEXT .DOCX, .PDF IMAGE & GRAPHICS .JPEG, .GIF, .PNG AUDIO .WAV, .MP3 VIDEO .MP4, .MPEG, .AVI

11. File compression Basic principles of graphics and layout 11 Lossy : This compression type  removes some information  from the image and  lowers the overall quality  in order to reduce the file size. Lossless : This compression type  does not remove any information  from the image, but it usually cannot reduce the file size as much as lossy compression.

12. JPEG Basic principles of graphics and layout 13 JPEG stands for Joint Photographic Expert Group Most common used format by Digital Camera and other Capturing Device.

13. JPEG Basic principles of graphics and layout 14 Most Common Format when saving pictures on the internet. SIZE over QUALITY Loss of data due to file compression ( Lossy Compression).

14. gif Basic principles of graphics and layout 15 GIF stands for Graphic Interchange Format. Not recommended for large images with many colors.

15. gif Basic principles of graphics and layout 16 File size are very small and load very fast. Good choice for simple animation.

16. png Basic principles of graphics and layout 17 PNG stands for Portable Network Graphics. Supports 24-bit images and generate background transparency without jagged edges.

17. png Basic principles of graphics and layout 18 Best format for logos that involves transparency and fading.

18. pdf Basic principles of graphics and layout 19 PDF stands for Portable Document File It is optimized in smaller file size without losing the file quality.

19. pdf Basic principles of graphics and layout 20 Can be viewed using its Reader or through Web Browsers.

20. doc Basic principles of graphics and layout 21 DOC is short for Document File File format created by Microsoft and commonly used by Microsoft Word.

21. doc Basic principles of graphics and layout 22 Can include charts, illustration, formatted text, tables and etc.

22. Principles and basic techniques of Image manipulation Imaging and Design For the Online Environment

23. cropping Principles and basic techniques of image manipulation 24 1. Cropping. Cutting parts away to remove distracting or irrelevant elements.

24. COLOR BALANCE Principles and basic techniques of image manipulation 25 2. Color Balance. The ambience and the tone of light of the picture (ex. Warm or cool light)

25. BRIGHTNESS AND CONTRAST Principles and basic techniques of image manipulation 26 3. Brightness and Contrast . One of the most basic techniques in image editing, making the image darker or lighter.

26. FILTERS Principles and basic techniques of image manipulation 27 4. Filters . Making the image look sketched, grainy, classic black and white or even let it have neon colors . This gives your image a twist from its original look.

27. CLONING Principles and basic techniques of image manipulation 28 5. Cloning. Copying or duplicating a part of an image.

28. Changing the background Principles and basic techniques of image manipulation 29 6. Changing the Background . Adding background to make your image stand out.

29. Removing color Principles and basic techniques of image manipulation 30 7. Removing the Color. Removing certain colors in your image or desaturating the color of the image.

30. Combining text, graphics and color Principles and basic techniques of image manipulation 31 8. Combining Text, Graphics and Image. Adding multiple elements in your layout.

31. Basic image manipulation Principles and basic techniques of image manipulation 32

32. It started with one picture

33. Uploading, sharing and image Hosting platforms Imaging and Design For the Online Environment

34. imgur Basic principles of graphics and layout 40 Free image hosting sites and doesn’t need to create an account. Media sharing capabilities through a unique link.

35. imgur Basic principles of graphics and layout 41 Doesn’t affect the quality when uploading an image. Popular for Memes

36. Google Photos Basic principles of graphics and layout 42 Developed by Google. One of the most used image hosting sites. Automatically backup and sync of photo from your gallery through your google account.

37. Google Photos Basic principles of graphics and layout 43 Easy to organize and edit photos based on tags and category Unlimited free storage for android smartphone.

38. flickr Basic principles of graphics and layout 44 One of the oldest image hosting sites. Also offers editing features. Album creation is available with a maximum storage of 1TB.

39. photobucket Basic principles of graphics and layout 45 an image and video hosting website, web services suite, and online community dedicated to preserving and sharing the entire photo and video lifecycle.

40. imageshack Basic principles of graphics and layout 46 Offers unlimited storage space as ling as it is less than 25mb. Allows you to create albums, make tags and set your own privacy setting

41. instagram Basic principles of graphics and layout 47 An online mobile photo and video sharing, and social networking service created by Kevin Systrom and Mike Krieger, and launched in October 2010 as a free mobile app.

42. instagram Basic principles of graphics and layout 48 It allows its users to take pictures and videos, and share them on social networking platforms such as Facebook, Twitter, Tumblr and Flickr. The service was acquired by Facebook last April 2012. It has an estimated 100 million monthly visitors.

43. ACTIVITY: Image Manipulation Make your own image manipulation from your own picture of your recent image. Any app will do for this. Then post this in your group chat in E – tech. Submission: Wednesday, deadline time 5:00 P.M

44. THANK YOU FOR LISTENING