Patterning and Abstractions

Research

Abstractions and Image Analysis

15 abstractions of images from nature.
15 abstractions of images from human-made objects.

Transfer of Abstraction Sketches to Adobe Illustrator

I created shapes in illustrator out of 5 of my original abstraction sketches to use in my final mandala.

Abstraction from the center of a berry.
Abstraction from the center mechanism on a bike wheel.
Abstraction from the tread on a bike tire.

 

 

 

 

 

 

 

Abstractions of a metal leaf pattern.
Abstraction from the mechanism on a bike that connects the pedal to the bike.

 

 

 

 

 

 

 

 

Exercises

3×3 Square Composition

First iteration of combining 2 abstractions into the same 3×3 composition.
Second iteration of combining 2 abstractions into the same 3×3 composition.
Third iteration of combining 2 abstractions into the same 3×3 composition.

 

 

 

 

 

 

 

 

9×9 composition using the combined 3×3 composition from my second iteration in order to create a repetitive pattern
9×9 composition using the combined 3×3 composition from my third iteration in order to create a repetitive pattern.

 

 

 

 

 

 

 

 

 

 

After looking back on my 3×3 and 9×9 compositions, I realized I just placed two separate abstractions into the same square instead of combining the two forms together to create something new. I chose two of my shapes in illustrator that looked like their shapes/curves would combine well and worked to integrate them into a single composition by layering.

 

 

 

 

 

 

 

Iterations

Grid Design

First grid attempt.

 

 

 

 

 

 

 

3 New Radial Grids (symmetrical/asymmetrical, circular, or new grid shape)

Iteration 1, created using repeated 9in. circles.
Iteration 2, created using repeated 12in. circles.
Iteration 3.

 

 

 

 

 

 

Testing Illustrator Tools

First time playing with the radial tool when inserting one of my abstractions.
Combining of multiple abstractions in an attempt to create movement.
Placing of the previous combination into one of the grids to see how the movement could expand into another layer of the mandala.

 

 

 

 

 

 

 

 

First Iteration of Mandala

First iteration of a mandala form.
Value added to first iteration.

 

 

 

 

 

 

 

 

 

Mandala Draft (Original Final Before Feedback)

Before Value.
With value.

 

 

 

 

 

 

 

 

 

Final Mandala Design

After receiving feedback on my mandala draft, I decided to focus on arranging my abstractions in a way that emphasizes the principle of movement. I organized the abstract elements in a way that creates movement throughout the mandala as a whole as well as between each element, creating a cohesive design.

Adding Value to Final Mandala Design

Iteration 1.
Iteration 2.
Iteration 3.

 

 

Color Schemes

Color scheme iterations done in Adobe Color.

 

Color Palette Tests In Mandala

Split Complementary Color Scheme.
Analogous Color Scheme.

These two color palettes were created based on color schemes we discussed in the PowerPoints during class. However, when adding the colors to my mandala pattern, I struggled to create a meaningful visual impact. This led me to choosing my final color schemes based on concepts related to my mandala, instead of ones I simply thought were visually pleasing.

Production

Final Color Schemes

 

 

 

 

 

 

 

 

Final Mandala

Grayscale Value.
Analogous Color Scheme. First, I chose the color red directly from my abstraction of a berry, then chose 4 analogous colors to create a color palette. I specifically organized the colors to create movement and move the viewer’s eye around the mandala from color to color

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Complementary Color Scheme. When finding meaning within my mandala, I saw the background shapes (which were created by negative space) as water and the abstract elements in the foreground as land. When choosing a color scheme to further convey the ocean theme, I picked hues of blue and orange which are complementary colors.

 

 

 

 

 

Furthering My Exploration

I felt that my designs conveyed the principle of movement and the meanings behind the mandalas effectively. However, I felt that there were a few other changes I could make in order to further explore how the analogous color scheme can affect the visual impact of my mandala design. Instead of moving the viewer’s eyes around the circular mandala, I organized the colors to create movement from the center focal point to the elements on the outside edges of the design.

Movement from orange in the center to pink on the edges.
Movement from pink in the center to orange on the edges.

 

 

 

 

 

 

 

 

 

 

Additionally, when I did my original color palette tests in my mandala, I chose to use a blue analogous color scheme because blue is my favorite color. I still enjoyed the visual of this color palette, so I decided to explore how I could use it in my design to emphasize the same principle of movement.

Blue Analogous Color Scheme.

 

PDF of Final

Link to Portfolio Project

Mashup

Research

The first activity we did to practice drawing letters in an isometric grid was drawing letters based off of a theme that was chosen by a wheel. These were hand-drawn before we were introduced to the isometric tools on Illustrator.

Exercises

Exercise 1: Isometric Name Illustration

Selecting a font

When looking through fonts on Adobe Fonts, I chose ones that were rounded and reminded me of handwriting in order to reflect the creative and artistic nature of my personality. I am also a fairly optimistic and happy person so I wanted the font I chose to reflect those characteristics and not have sharp or jagged edges.

 

 

 

 

 

 

 

Initials

For my first attempt at using Illustrator to create my initials on an isometric grid, I chose a block letter font which was fairly easy and allowed me to practice using the different tools.

 

 

 

 

 

 

 

 

 

 

 

For the final version of this exercise, I ended up choosing the font “Dolce” because I love calligraphy and there are no harsh lines, both of which this font helps convey.

Iteration of initials hand-drawn on illustrator using an isometric grid background.
Final initials exercise with a colored background instead of the grid.

 

 

 

 

 

 

 

 

 

 

 

Full Name

I also wanted to practice navigating the tools on the desktop version of Illustrator so I decided to do another version of the exercise using my full name.

Done using digital tools on Adobe Illustrator and testing fill variations.

Iterations

Isometric Grid Practice

Flat letter practice using text tool on the iPad version of Illustrator.
3D letter practice with text tool on the iPad version of Illustrator.

 

 

 

 

 

 

 

 

Practice using the text tool on the desktop version of Illustrator.

 

 

Production

Mashup Grid

NOUN ADJECTIVE MASHUP
whisper quiet whiset
bird feathery bithery
coffee delicious cofficious
Christmas magical Christical
winter freezing winzing
leaves  withered leavered
fire blazing firazing
rose fragrant rogrant
sweatshirt oversized sweaterized
giraffe towering gowering
cake sugary cakary
lion aggressive liressive
coffee bitter coffitter
nose runny nunny
scream loud  scroud

 

NOUN VERB MASHUP
kangaroo jump kangump
vacation explore vacaplore
dinner cook dinnok
car drive carive
smoothie drink smoothink
music listen musten
clothes wear clotear
plant grow plarow
penguin slide penglide
fish swim fisim
plane fly planly
student learn studearn
house live houve
store shop stoop
bed nap beap

Miro Speed Laps

These “laps”/activities came from my Miro Board which helped me brainstorm multiple ideas and possibilities for my final poster.

Lap 1: Top Mashup Selections

  • CofficiousCoffee + Delicious
  • Christical = Christmas + Magical
  • Kangump = Kangaroo + Jump

Lap 2: Words in Isometric

 

Lap 3: List of Possible Visuals to Describe the Word’s Definition

Cofficious:

  • make one of the letters a cup of coffee
  • make the letters drip down at the bottom
  • have steam coming off of the top of the letters

Christical:

  • put stars and snowflakes in the letters
  • make sure the font is magical, curvy, whimsical
  • put a Santa hat on the letters
  • green accents

Kangump:

  • furry letters
  • make some of letters look like they’re jumping** — the g maybe – font that jumps out or feels bouncy and dynamic
  • kangaroo ears on a couple letters
  • a pouch

Lap 4 & 5: Practicing Visuals/Prototype

I chose to practice with visuals on the mashup word, cofficious, because I had the idea to do the dripping coffee down the side.

Mood Board

Collection of images that inspired my final ideas.

Final Iterations

The first step I took in creating my final poster composition was choosing a color palette and selecting a font that represents the word’s definition.

Tests with color palettes and font options.

 

 

Iterations of the word on the isometric grid and with color addition.

Final decision on font and colors. I chose the font, “Joy of Christmas” because the rounded edges and bouncy structure convey the magical aspect of the word’s definition.

Dictionary Definition

Christical [Chris-ti-cal]

adjective

1: of, relating to, or characterized by magic during the holiday season.

2: something extremely enjoyable, whimsical, and exciting during the holiday season.

Final Deliverables

For my final poster composition, I chose to use red and green as my main colors because they are the colors associated with Christmas. I also used the gradient tool on the sides of the letters to create the effect of a light source coming from the top right corner. I then drew string lights wrapping around the letters and snow on the tops because those are two things I immediately picture when thinking about what makes the holiday season magical and enjoyable.

 

 

 

 

 

 

 

 

 

 

 

 

Link To PDF of Final

Link to Portfolio Project