Showing posts with label project. Show all posts
Showing posts with label project. Show all posts

Sunday, February 2, 2014

Quote

Introduction

I created a poster with an inspirational quote about a philosophical view of music. During this project I designed a font and used basic shapes.

Description

First I had to choose my quote, so I searched Google
for some inspiration. I decided to narrow
Scamper Matrix
down my choices to ones that pertains to music since music is a big part of my life. A few contenders were "Music is what feelings sound like," and "When pain penetrates, music resonates," but I decided to go with "Music begins where the possibilities of language end" since it smoothly ran together without sounding corny. Next I started brainstorming ideas by organizing possibilities for my poster in a scamper matrix. Then I combined a few of my favorite ideas in a final thumbnail and used this thumbnail for the layout of my poster.

Opening up Illustrator, I started to design my poster. I
first created my cymbal using the pen tool. I copied the
overall shape, re-sized it, and deleted specific anchor
points to make the rings of the cymbal. Then I realized
Final Thumbnail
if I added the french horn and cassette, the pictures would take away from the words. I decided to just leave the cymbal there since I thought it looked nice and I wanted to incorporate my love for percussion in the poster. Next I created staff lines which I will use as the basis for my text and connect a few to the cymbal. I choose to make a few of the cymbal rings and staff lines different stroke thicknesses so the poster did not look boring. Then I used the rectangle tool to make a background. I added a gradient between two colors: magenta and grey. These colors
make the center pop which is where I was going to put
the words.

I started writing the word "possibilities" and decided it
would look neat if I made the center of the word look
squished, so I made the beginning and ending letters
wider. Since I was not using the cassette, I thought I
Final Poster
could combine the word with the staff line by leaving the bottom of letters open and joining the sides with the line. After I finished that word, I decided to make the other words just rest above the line so I could make the word "possibilities" stick out. I used the pen tool to make the other letters and created a font that looked smooth and simple. I by accidentally forgot to line up the letters but thought it looked cool that the letters did not exactly follow the same base line, so I continued this pattern. After I finished the other
letters, I colored them different colors while still
matching the same scheme as my background.

Analysis

This is one of my favorite projects because it is practical; I am very excited to hang this poster in my music room! The most interesting part of this project was figuring out how to make the rings of my cymbal and combine the word "possibilities" with the staff line. However, the most difficult part was deciding on the colors so they look like they belong without fading too much into the background. I overcame my obstacle by trying different combinations of colors by creating new swatches. If I had more time I could have probably made the word "possibilities" look more symmetric. Each aspect (cymbal, lines, and background; the word "possibilities;" and the other words and choosing the colors) took approximately the same time to complete. This project is about a 5/10 for difficulty depending on how complex the poster design is. I am very proud of my final result and believe my effort deserves a 10/10!

Thursday, January 9, 2014

Font

Introduction

I created my own font using various applications and tools. I first had to do some brainstorming before I found what style I wanted to use. I also included some pictures to explain some unfamiliar vocabulary related to fonts.

Description

alphabet
Brainstorming
The first step toward creating my own font was to become inspired by other fonts. I typed "interesting fonts" into Google and scrolled through the images. When I came across a style I liked, I drew a little sketch on my tablet to remind me to try and incorporate it into my own font. After I gathered enough inspiration, I started sketching by using the "SCAMPER" method, which stands for substitute, combine, adapt, modify or magnify, put into another use, eliminate, and reverse or rearrange. I opened Microsoft Onenote on my tablet to brain storm since it was easy to sketch and save images without tons of eraser marks. For each letter in my name, I substituted something, combined different elements, etc. For example, I decided to magnify the top part of the letter "e" and "i," but I also put those letters into different uses: a summation sign in math and a balloon, respectively. After I completed my scamper sketch, I chose a few of my favorite fonts to finish writing my name. I really like the my "adapted L" font, so I decided to imagine my name written in that style as a background wallpaper. I drew thorns coming out of my name, and then I wanted to draw a bird perched on the thorn branch, so I just wrote the word bird. However, a spark went off in my head when I saw the word "bird," so I decided to write my name in that style and add it to my collect of favorite fonts. Since I would have to finish my project in Adobe Illustrator, I decided to start drawing my favorite font, the "adapted L" font, in Illustrator. Despite my love for that font, it took too long to create; within one class period I was only able to finish the letter "e." I knew this font 
was a little impractical and over complicated. 
Instead, I decided to expand on the "bird font."




Creating the Font
After my experience using Illustrator to create my "adopted L" font, which has smooth lines, I decided to create my alphabet in Onenote on my tablet instead. It was much quicker since I could make precise lines because it was as if I was drawing on a piece of paper instead of using the pen and/or pencil tool with my mouse on a desktop. I first created a few lines, the top, cap, mean, base, and beard lines, to guide my font. Then started drawing my letters, numbers, and symbols. I first start off with a skeleton by quickly drawing the character so 
the line is fluid instead of choppy. Then I go back and make certain lines thicker than others. For example, I quickly drew an "n," but then I went back with my pen and made its shoulder thicker. Besides my repeated 
steps to creating a letter
feature of fluid lines, I also include the contrast between thick and thin curves. Another theme I included is open counters; as you can see from my alphabet, my "o," "a," "g," etc. are not completely closed or connected. Similarly, I did not connect other lines, such as the crossbar to the strokes in my "A" and the bowl to the stem of my "p." Also many of my characters' descenders and ascenders purposefully extend beyond the cap, mean, and base lines.  

After I finished drawing my alphabet, I saved each character as a jpeg using the screenshot button. Then I 

imported the pictures to Illustrator. I used what I learned during last project and converted the images into was workable lines with anchor points and handles by clicking on image trace, expand, and ungroup. Then I deleted the background color, which I set to mint green (as seen in my scamper sketch) so it would be easy to see what I needed to delete, so I could just manipulate the lines. From there I regrouped the lines for each character and arranged them in alphabetical order on the same lines as before, top, cap, mean, base, and beard. When that was done, I magnified my screen so I could see the details of each letter so I could alter what I needed. I enlarged a few letters so they would touch the cap and base lines, and in some cases I used the anchor points and handles to make the curves smoother. However, since I did import pictures, image trace already created fluid lines since it uses the general shape and ignores the little imperfections, which were also not captured using the screenshot button on a zoomed out screen. 


Anatomy of Typography

After I finished my font, I went ahead and figured out the different features of my font, such as the strokes, connectors, terminals, holes, and other aspects, generally colored blue, green, red, orange, and black. Below are some of the different features of my font.

Reflection

I enjoyed this project. Figuring out what method to efficiently use to create my characters was the toughest part of this process. It took me a whole class to draw the intricate "e" from the "adapted L" font, so I knew using the pen and/or pencil tool on Illustrator was not a realistic option for me. However, once I thought of using my tablet to draw letters, then save, drag, and convert the characters in Illustrator, the rest of the project came easily. I worked well with manipulating my lines with anchor points and handles. When I was creating my "Anatomy of Typography" picture, I found it usefully to copy the letter and paste it on top of itself, color it, then delete anchor points to condense the letter to highlight just the feature. I will remember that deleting anchor points may help me accomplish my goal, for it was something I never thought of doing before but is very helpful. I learned so much about fonts, from the vocabulary to how they are formed. I would have never thought twice about how many different strokes there are; it is interesting that there are even several lines to help guide a font. I would rate this project as a 3.5/10 for difficulty, but I believe my performance is worth a 10/10 for all the extra hours I put into making sure my font, as well as its anatomy, were flawless.

Next Step

After completing a font by using a computer, you can try transforming your own handwriting into a font of its own.

Friday, November 1, 2013

Spaceship



Introduction
For this project, I created a spaceship using and manipulating different shapes.

Description
To create my spaceship, I first used the ellipse tool, then copied, pasted, and shrunk the duplicate to use as the window. However, I had to get rid of the extra anchor point on the left side of the window, so I used the pen tool to delete it. Then I used rectangles to create the exhaust pipe. With the pen tool, I added an anchor point to the sides of the rectangle and transformed it to a handle. Then I copied and overlapped the spaceship several times and used the shape builder tool to delete the overlapping area to create the flame. I copied and shrunk the flame to make a smaller flame. Afterwards, I made the fins by overlapping the areas of a duplicate spaceship body and a square, then by using the shape builder tool, I delete the overlapping area. I also made shadows by coloring the shape of the shadow to black and changing the opacity to 20%. In addition I added a gradient to the spaceship by using a gradient tool. Then I made the outline thicker by copying the whole ship, putting the duplicate behind the original, and changing all it's strokes to 7. Lastly, I rotated my ship, added a background color and stars, and admired my project, which is above and to the right!

Reflection
Throughout the process of creating this spaceship, I came across some bumps as well as some surprises. The most difficult task was finding the tool, such as the shape builder tool. The tutorial said to use tools I could not find. Instead, I interpreted what the directions wanted me to do, and then created the end product by using the tools I could find. The most rewarding part of my project was when I finally figured out how to use the shape builder tool. From then on, I excelled in that area. I was also successful at manipulating the shapes by using the pen tool. Into the future, I will remember how to use the shape builder tool since I learned how to manipulate it. The most interesting part of my project was operating the pen tool. It was intriguing how I could delete anchor points and transform them to handles using the pen tool. I always thought of the pen tool as just a drawing device, but never as a manipulative tool. Overall, this project was about a 7/10 for challenging, but I believe my performance deserves a 10/10!

Next Step
For more work using shape builder tool and pen tool, I would look at this video! It uses the idea of combining shapes instead of deleting the overlapping area, so you can use this idea to let your imagination soar and create even more shapes!