Self-Learning Home Tasks (SLHTs)

Q3Week4 MELC DLP SLHT

MELC 4: Use image manipulation techniques on existing images to change or enhance their current state to communicate a message for a specific purpose and create an original or derivative ICT content to effectively communicate a visual message in an online environment related to specific professional tracks .

Objectives:

1. Identify image manipulation techniques and original or derivative ICT contents;

2. Use image manipulation software;

2. Explain the use of image manipulation techniques in original or derivative ICT contents;

4. Appreciate the original or derivative ICT contents.

Introductory Activity

What I Know-Activity (10 minutes only)

Disclaimer: The statements and a picture stated above are borrowed from online sources. The Department of Education does not claim or own the presented statements and a picture. Links for the sources are found in the reference part of the Self-Learning Home Task.

What's In Activity (3 minutes only)

Principles and Basic Techniques of Image Manipulation

By Lany Lyn B. Magdaraog

Colegio de San Lorenzo Ruiz de Manila of Northern Samar, Inc.

IMAGE MANIPULATION is an art that involves transforming or altering an image using different methods and techniques to achieve desired results.

Principles and Basic Techniques of Image Manipulation:

PROPORTION. It is probably one of the most important things a designer must possess if he wants to do image manipulations. This will make the image more realistic if the original design is extremely far-fetched. Remember that images which are supposed to be far away have to be smaller than the ones that are closer.

TEXTURE. Remember if you do not have a background for your photo manipulation, you should use a texture that will match the word you are trying to set in your art. Texture is the surface quality of the image. It adds to the depth of the image and blends all the images together evenly.

COLOR BLENDING. Not every image you use will match your background, texture, or even other images. That is where color blending comes in. Colors like pink, white, and orange blend together easily. That is what a designer should look for at first; colors readily blend.

EMPHASIS ON DETAILS. When creating a piece of art, set one area as the main focus. There are multiple techniques to achieve that. One way is to work on focusing attention on the most vibrant, colorful or sharp area in the design.

COMBINING MULTIPLE IMAGES. Images are like missing puzzle pieces; without them, you can never fully complete the puzzle. So, choose them carefully. You may need to look at multiple stock images before choosing the right ones for your composition

SHADOWS. These also make images more realistic, because they emphasize the object effectively. It is realistic in a way that every item has a shadow if it needs one and every item is proportional to everything else.

BASIC IMAGE MANIPULATION USING OFFLINE OR OPEN-SOURCE SOFTWARE

COMBINING TEXT, GRAPHICS, AND IMAGES

TEXT OVERLAID ON IMAGE. When text overlays on an image or a solid color background, there must be sufficient contrast between text and image to make text readable with little effort.

TEXT WRAPPED AROUND IMAGE. In the wrap-around, the text follows the shape of an image.

TEXT and IMAGE INTERSECT. The intersection of text and image can create a dynamic composition. The visual elements can intersect in several ways. Placing text within an image. Placing text behind an image so that it is partially obscured. Placing text so that it resists in the image, using the image as the baseline for the text.

TEXT and IMAGE ALIGNED. You can achieve an orderly look by aligning visual elements with each other and placing them in close proximity.

TEXT and IMAGE IN REPEATING SHAPES. In visual design, repetition creates unity.

UPLOADING, SHARING AND IMAGE HOSTING PLATFORMS. Sites that offer free image hosting and make the process of uploading and sharing your images easier than ever.

Review (5 minutes only)

10 Basic Principles of Graphic and Design

Anahat Rawal

Published on July 12, 2018

@ https://blog.usejournal.com/10-basic-principles-of-graphic-design-b74be0dbdb58

Let's review the ten basic design principles that will help you create stunning graphics.

01. Balance

Balance lends stability and structure to an overall design.

02. Proximity

Proximity helps in creating a relationship between similar or related elements. These elements need not be grouped, instead, they should be visually connected by way of font, colour, size, etc.

03. Alignment

Alignment plays a pivotal role in creating a seamless visual connection with the design elements. It gives an ordered appearance to images, shapes, and blocks of texts by eliminating elements placed in a disheveled manner.

04. Visual Hierarchy

In simple words, a hierarchy is formed when extra visual weight is given to the most important element or message in your design. It can be achieved in various ways — using larger or bolder fonts to highlight the title; placing the key message higher than the other design elements; or adding focus to larger, more detailed, and more colorful visuals than those less relevant or smaller images.

05. Repetition

Repetition is a fundamental design element, especially when it comes to branding. It creates a rhythm and strengthens the overall design by tying together consistent elements such as logo and colour palette, making the brand or design instantly recognizable to viewers.

06. Contrast

Contrast happens when there is a difference between the two opposing design elements. The most common types of contrast are dark vs. light, contemporary vs. old-fashioned, large vs. small, etc. Contrast guides a viewer’s attention to the key elements, ensuring each side is legible.

7. Colour

Colour is an important design and it dictates the overall mood of a design. The colours you pick represent your brand and its tonality, so be careful with the palette you choose.

08. Negative Space

We’ve discussed the importance of colours, images, and shapes, but what about the space that is left blank? It is called the ‘negative space’, which in simple words means the area between or around the elements.

09. Typography

“Words have meaning, type has spirit,” — Paula Scher.

Typography is one of the key pillars of design, and it speaks volumes about a brand or an artwork when executed stylistically or even customized.

10. Rules

Once you’re an adept graphic designer who understands the foundations of design, then it’s time to break some of those rules. And, by that, I don’t mean, using pixelated images or an illegible font type. Remember, whatever it is that you’re choosing to communicate, should not be compromised. While these principles may require some of you to be more observant and take mental snapshots of novel designs (that you stumble upon), they’re key principles for those who want to create a great brand by way of strong visuals and content.

Activity

Use Image Manipulation Techniques

By George P. Lumayag

SketchBook is an offline software application that is downloadable using the cellphone with Android Operating System (OS), laptop, and desktop PC. In utilizing the software wherein creativity starts with an idea. From quick conceptual sketches to fully finished artwork, sketching is at the heart of the creative process. You never know when a great idea will strike. So, to access the fast and powerful creative sketching tools is an invaluable part of any creative process. (https://sketchbook.com/)

Download the SketchBook software if you are connected online. Then, open the application. Click the File icon, click Add Image icon, choose your own picture, click, hold, and drag the Resize button (center) to enlarge your picture or adjust its size on the dashboard. Then, click, hold, and drag the Move tool to move the picture from left to right or from top to bottom. To insert the texts, words, phrases, quotes, and statements, just click the Text icon. Type the words, phrases, or statements into the text box. Highlight those texts, and click the color box to change the color of the Font or texts. Then, click, hold, and drag the Resize button (center) to enlarge the texts or adjust its size suitable for the dashboard. Next, click, hold, and drag the Move tool to move the texts from left to right or from top to bottom. Lastly, click the File icon, and click the Save icon. But, if you don’t have a cellphone or if you don’t have an internet connection, just draw any subject (example: Sunflower) with texts or information for a specific purpose.

When applying the above-stated procedures in using the SketchBook, the user absolutely uses image manipulation techniques on an existing image to change or enhance the current state of the picture which is added with texts to communicate a message to the reading public or group.

And now, you can continue using the SketchBook to create original or derivative ICT content to effectively communicate a visual message in an online environment related to specific professional tracks. In creating your original ICT content, you can draw the subject (example, Sunflower) by applying the drawing tools of SketchBook application. Then, you can add the text or quote, or poem which is derived from an online source. And that is an example of derivative ICT content if you copy and paste the text or quote or poem. The proper citation shall be included in the infographics or posters or ICT content output. But, since, the competency requires you to create an original or derivative ICT content to effectively communicate a visual message in an online environment related to specific professional tracks, therefore, you shall have to draw an editorial cartoon to describe issues in society and post your newly created ICT-content output at your Facebook account. Likewise, if you have your existing personal website or blog site, you can publish your output right after it is evaluated by your teacher. And don’t forget to share the link to your webpage for evaluation. If you don’t have a cellphone or laptop, just manually draw an editorial cartoon on a short-size bond paper. Then, take a picture of it and send it to the chat group for evaluation. If the teacher doesn’t reply to a Thumbs Up icon, therefore, your editorial cartoon shall not be posted to your Facebook account. If you have no internet connection, just submit your output during the Retrieval of the Self-Learning Home Tasks (SLHTs) at your respective kiosk.

What's New Activity (10 minutes only)

Exercise 1. Modify the Existing Editorial Cartoons. Directions. Option A. Use image manipulation by modifying the existing editorial cartoon utilizing the SketchBook software or any of the photo editing software and post it to our Facebook Chat group. Option B. Draw any of the editorial cartoons you can see in the newspaper. Utilize a separate sheet of paper in complying with this Performance Task.

Analysis

How do you modify an image using a software application?

What Is It (10 minutes only)

Exercise 2. Essay. Directions. Write down an essay in relation to the topics, such as the use of image manipulation and creation of an original or derivative ICT content. Please write down your “Performance Task” using a short-size bond paper or intermediate paper. Don’t forget to cite your reference.

The essay writing process consists of three main stages:

Preparation: Decide on your topic, do your research, and create an essay outline.
Writing: Set out your argument in the introduction, develop it with evidence in the main body, and wrap it up with a conclusion.
Revision: Check the content, organization, grammar, spelling, and formatting of your essay.

Abstraction

What’s More-Activity (10 minutes)

How can you identify, modify, explain and appreciate the process of producing an original image or derivative ICT contents?

Application

What I Have Learned-Activity (10 minutes)

Performance Task: Directions.

After modifying an image using any of the software applications, share it to your Facebook account.

Assessment

In your own words, explain the reasons why students modify and appreciate an original image or derivative ICT contents.

Assignment: Optional

Concluding Activity

“My teaching is not limited to the classroom; this can be a shortcut icon to everybody on the web; acquiring new ideas, the students might learn and experience in the application of knowledge, appreciation, and skills”. (George P. Lumayag)

References: