MAPEH
Art 6
Quarter 2/Week 7-8
Art 6
Quaretr 2
Week 7-8
Learning Competency:
Layout is the process of planning and arranging in detail something such as a page or book to be reproduced. Master plan or blueprint of a printed or published work such as an advertisement, book, magazine, newspaper, or website that lays out the arrangement of its different graphic elements. Such as body copy, colors, headlines, illustrations, scale. It establishes the overall appearance, relative importance, and relationships between the graphic elements to achieve a smooth flow of information and eye movement for maximum effectiveness or impact.
Balanced make up
Two main types:
• Symmetrical - (formal) balance has elements of equal weight on either side of an imaginary horizontal or vertical line. It is often considered a safe solution, but boring layout to use.
• Asymmetrical - (or informal) balance may be unequal in position and intensity. To create asymmetrical balance, there must be an increase in intensity to compensate for the change in position. Intensity can be increased by changing size, shape, or tone.
Example of symmetrical and asymmetrical
Symmetrical
Asymmetrical
Principles of Design
• Alignment - of elements in the design is important, whether
it be text or images.
• Text/type - Legible. Use simple font face. left-justified, right
justified or centered.
• Images - Big enough. High resolution. Applies photo rules.
• Captioning - Caption all photos possible. Add credits. First
note on the “VIP”, locate. As possible in action.
• Proximity - the property of being close together a Gestalt principle of
organization holding that (other things being equal) objects or
events that are near to one another (in space or time) are
perceived as belonging together as a unit.
• Repetition - (Consistency) – Repeat action, performance, production,
or presentation creates identity.
• Harmony - not competing, no clutter, there should be one dominant
point of interest.
• Emphasis - usually the focal point in a page. It could be done by
varying the size, the color, shapes or background. Emphasis is
the quality that draws your attention to a certain part of a
design or layout.
Photo editing is the art of enhancing an image to make it look more like what you saw with your eyes. While digital cameras are great tools, capable of capturing a myriad of images, they are also notorious for producing muted colors, low contrast, and off- balanced lighting. Photo editing helps correct these issues to bring out the true beauty of your photo the way you remember it. Use photo editing to bring out the vividness of colors, adjust exposure and get the lighting just right, remove unwanted objects, add photo effects to create a vintage look, and more.
How to Edit a Photo
❖ Crop - Trim off some of the edges to bring more attention to
the subject of the image.
❖ Exposure - Adjust brightness along with highlights and Shadows
to add contrast.
❖ Saturation - Increase saturation to enhance colors, decrease it
for flat and dull colors.
❖ Sharpen - Increase sharpen to add contrast to the details and
lines within your photo.
Activity 1
Direction: Choose the letter of the correct answer. Write the answer on the blank.
1. Master plan or blueprint of planning and arranging in detail something such as an
advertisement, book, magazine, newspaper, or website that lays out the arrangement of its different graphic elements such as body copy, colors, headlines, illustrations, scale.
a. Photo Editing c. Lay outing
b . Symmetrical d. Asymmetrical
2. It is the art of enhancing an image to make it look more like what you saw
with your eyes. helps correct these issues to bring out the true beauty of your photo the way you remember it.
a. Photo Editing c. Lay outing
b. Symmetrical d. Asymmetrical
3. A powerful design and production tool that offers precision, control and
seamless integration with other Adobe professional graphics software.
a. Inkscape c. Instagram
b. PowerPoint d. Adobe InDesign
4. Balance has elements of equal weight on either side of an imaginary horizontal
or vertical line. It is often considered a safe solution, but boring layout to use.
a. Symmetrical c. Approximity
b. Asymmetrical d. Balance
5. Balance may be unequal in position and intensity. To create asymmetrical
balance, there must be an increase in intensity to compensate for the change in position. Intensity can be increased by changing size, shape, or tone.
a. Symmetrical c. Contrast
b. Asymmetrical d. Harmony
Activity 2
Direction: Identify the elements and principle in digital design. Match column A with column B.
A B
whether text or images.
2. Alignment B. not competing, no clutter, there should be
one dominant point of interest.
3. Repetition C. creates interest by providing variety in
the design.
4. Contrast D. Repeat action, performance, production,
or presentation creates identity.
5. Harmony E. the property of being close together that
objects or events that are near to one
another are perceived as belonging
together as a unit.
Evaluation:
Direction: Choose the correct answer from the box below. Write your answer on the separate paper.
CROP DIGITAL CAMERA SHARPEN SYMMETRICAL
LAYOUTING ASYMMETRICAL ADOBE PHOTO EDITING
SATURATION EXPOSURE IN DESIGN
__1. Are great tools, capable of capturing a myriad of images, they are also notorious for
producing muted colors, low contrast, and off-balanced lighting.
__2. It is the changing of images and sometimes called photo manipulation, usually when it is
used to trick people.
__3. Is a design and production tool that offers precision, control and seamless integration with
other Adobe professional graphics software.
__4. Increase saturation to enhance colors, decrease it for flat and dull colors.
_5. Adjust brightness along with highlights and Shadows to add contrast.
_6. Informal balance may be unequal in position and intensity. To create asymmetrical
balance, there must be an increase in intensity to compensate for the change in
position. Intensity can be increased by changing size, shape, or tone.
_7. is the process of planning and arranging in detail something such as a page or
book to be reproduced such as an advertisement, book, magazine, newspaper,
or website that lays out?
_8. Trim off some of the edges to bring more attention to the subject of the image.
_9. Formal balance has elements of equal weight on either side of an imaginary
horizontal or vertical line. It is often considered a safe solution, but boring layout
to use.
_10. Increase sharpens to add contrast to the details and lines within yourphoto.
Let’s Create!
Direction: Create a graphic design using one of the following
software. Use any available resources and software
installed.
➢ Output – Layout an advertisement, poster, newspaper layout
➢ Use – PowerPoint and publisher
*In case no computer or software available, cut out from magazines and newspapers advertisements that made use of digital arts and computer