The document provides instruction on an assignment to abstract initials into a design that demonstrates principles of unity and balance. It explains the concepts of symmetrical and asymmetrical balance in visual design. Students are directed to use their initials in a typeface, manipulate the letters, and arrange them within a rectangle on the page to create a balanced composition that follows design principles.
Overview of digital design; focus on balance and assignment on letterform abstraction.
Definition and aspects of balance in design; visual weight influenced by size, value, and color.
Exploration of symmetrical balance definition and examples in 2-D design, emphasizing stability.
3-D symmetry examples (Taj Mahal, Saint Peter’s Basilica) and variations like approximate and radial symmetry.
Characteristics of asymmetrical balance; strategies for achieving effective visual stability.
Explanation of how balance changes with the addition or removal of visual elements in design.
Objective of assignment: to create unique shapes based on initials, focusing on unity and balance principles. Detailed step-by-step instructions for creating the letterform abstraction design using Adobe Illustrator.
Showcasing examples of completed letterform abstraction projects to illustrate concepts learned.
Balance
Definition: Balance refersto the equal distribution of
weight or force among visual units.
You can use either negative or positive shapes to
create an equilibrium among compositional units,
regardless of variations in their size, weight or shape.
3.
When physical objectsare of equal weight, they are in
balance. Visual balance works in much the same way.
However, the visual weight can be affected not only by
the size of objects, but also their values, texture, colors
and shapes.
Visual Weight refers to:
the inclination of shapes to float or sink;
the relative importance of visual units within a design.
4.
Types of Balance
1.Symmetrical Balance: occurs when shapes are
mirrored on either side of an axis (i.e., vertically divided
or horizontally divided).
5.
Types of Balance
2.Asymmetrical Balance: creates an equilibrium
among visual elements that do not mirror each other on
either side of the axis.
Symmetrical Balance in3-D
The Taj Mahal in India and Saint Peter’s Basilica in
the Vatican are both built symmetrically.
(Taj Mahal, India) (Saint Peter’s Basilica, Vatican)
8.
Variations on Symmetry
Approximatesymmetry is created when similar
imagery appears on either side of a central axis.
(Student work/FSU, 2006)
9.
Variations on Symmetry
Hereare more examples of approximate symmetry.
(Example 2 also demonstrates inverted symmetry.)
Example 1 Example 2
10.
Variations on Symmetry
Whendesign elements are mirrored both vertically and
horizontally, with the center of the composition acting
as a focal point, it is called radial symmetry.
Tibetan Mandala, early 13th century
11.
Asymmetrical Balance
Asymmetrical balancecan be quite stable, very
dynamic or nearly chaotic; it depends on the degree of
asymmetry. You can use the following simple strategies
to create asymmetrical balance.
STABLE VERY DYNAMIC NEARLY CHAOTIC
Strategies for AsymmetricalBalance
4. A textured shape placed near the fulcrum can
balance a distant open shape.
16.
Add Boundary toAsymmetrical Balance
Asymmetry becomes even
more interesting when a
boundary is added.
The negative shape will play
an important role, and more
complex composition can be
achieved. The boundary
makes the imagery seem
symmetrical.
17.
Balance Is ConstantlyChanging
Balance in a composition changes each time a visual
element is added or removed.
• Objective
Understand thedesign principles of unity and balance
through the use of letterform.
• Problem to Solve
You will create a design based on the abstraction of the
initials of your first and last names. The placement and
juxtaposition of the two letters and the specific choice of
the type will help you to develop the ability to create
unique shapes using the principles of unity and balance.
21.
• Steps (AdobeIllustrator)
1. Use two letters (your initials) for this exercise. The
end result will be a design you could apply to your
own brand or logo in the future.
2. Create a new document with an artboard of 4 inches
by 6 inches.
3. Choose a specific typeface. Both letters must use
the same typeface in 72 pts.
4. After you type the letters, choose the Select tool to
select the letters.
• Steps (AdobeIllustrator) Cont.
5. Go to Type and choose “Create the outline”. This
step will specify the letters you typed as the
object/path (shape) for further manipulation.
6. While the letters are still highlighted, go to Object,
then choose “Ungroup”. Now, you should have two
individual shapes to manipulate with the Pen tool
(P), the Direct Selection tool (A) or the Object
Transform function.
• Steps (AdobeIllustrator) Cont.
7. Arrange and distort the letters to make them
interesting. After you have completed the design,
scale the design larger than 4 inches by 6 inches on
your artboard. Group the letters together.
8. Create a 4 inch by 6 inch rectangle with the white fill
and 1pt black stroke. Move the rectangle on top of
the letter design. Change the opacity of the
rectangle to 80%. You should be able to see through
the rectangle now.
• Steps (AdobeIllustrator) Cont.
9. Next, move and rotate the design you have created.
You will compose a partial design that is both
balanced and visually interesting within the 4 inch by
6 inch rectangle.
10. Now select all the objects on the artboard. Check
the Layer palette to ensure the rectangular shape is
above the other designs.
30.
• Steps (AdobeIllustrator) Cont.
11. Go to Object and choose Clipping Mask, then Make.
The design sitting outside the rectangle will become
invisible, and only the part that was inside the
“mask” will remain.
12. Save the file as letterform**.ai for future use.