Thursday, April 5, 2012

Fundamentals of Audio


Fundamentals of Audio We learned how to use pro tools, learned about sound waves, and learned about microphones. Projects included using a field recorder to make our own sound effects, design a home recording studio, and create an audio scene with at least 15 sounds that lasted about 2 minutes. For the final project we could do one of three projects.
1. MUSIC MIX- record or sequence 2-4 minutes of original music. Do not use any prefab instrumentals or loops. You can record and loop your own music. If you use an external program like Fruity Loops or Reason you still need to mix the song within Pro Tools.
2. PODCAST- create an original 2-4 minute broadcast mix. This can be anything from a fake talk show to a full on radio drama with voice actors.
3. SOUND FOR PICTURES-This requires taking a piece of film or animation no longer than 2 minutes and recreate as much of the audio as possible. Mute the original audio track and create your own. Include these three elements sound effects, dialogue, and music.


I did #3 a scene from Will and Grace but I cant find my scene anymore. Here is the original scene and the Script



Some of the sound effects I used
Free Cartoon and Comic Sound Free Sound Effects
Free Household Sounds
Spitting Sound Effects


Great reference websites for this class:
Understanding Audio
Podcasts
Sound Effects
An example of how some of the audio scenes turned out except we did not have images just the audio. This was not from the class just an example of what I thought was great audio.

Mac 'n' Cheese from Mac 'N' Cheese on Vimeo.

Typography - Traditional

Typography - Traditional
See my inspiration on my pinterest boards 
Some of the projects:
Typographically enhance the meaning of a word. Sometimes an unexpected effect can be achieved when the typographic solution contradicts the meaning of the word, setting “big” with small type, for example. You may repeat, omit, slice, or overlap words or letters, keeping the letter form as recognizable as possible. Do not use drop shadows or horizontal/vertical scaling (distortion). Use only the typeface Futura Bold.

WORD LIST
contraction
addition
subtraction
disruption
repetition
explosion
broken
sunrise
invisible
short
smooth
float
puzzle
mimic
elastic
inside
additional
lonely
magnetic
removable
longing
faith
disbelief

We wrote a report on a classic typeface: Garamond, Baskerville, Bodoni, Helvetica, Futura, Gill Sans
Take a letter from a chosen typefaces and arrange it in a square demonstrate 3 principles of design.



Create 4 different versions of a movie monologue, We could change typefaces, sizes, weights, etc.





We kept a journal each week we had to have 10 examples of type we found that we liked or inspired us.





Final project was to make our own font. For some inspiration search letter on shutterstock.

This is exactly what our prof had us do for our final project.
Assignment ONE: Experimental Typeface Design + Promotion


A good book I found:
 By Bruce Willen, Nolen Strals


Great reference websites for this class:
101 examples of text treatment on the web
Thinking with type
The font game
Intro to Typography Basics
Most Creative Typography Ideas
Fonts with example images ideas for promo piece
Promo piece
Free design templates and Packaging Templates




Perspective Drawing


Perspective Drawing I had no idea what perspective drawing was before this class. We learned 1 Point and 2 Point Drawings,1 Point and 2 Point Buildings, 3 Point Perspective, and Multiple Point Perspective. Journal assignments included drawing a room from a picture, birds eye view street, write your name in one pt and 2 pt, and line drawing collage ( draw a room and add collage material to it like a dog cut out of a magazine)
Great reference websites for this class:
How to Draw Perspective
Perspective photographs

Usability Testing


Usability Testing We had to find a website that offered information about a city and then preform different usability tests for the site. I wanted to use a horrible website I found for New Orleans. I thought it would be easier to do with a bad website but my prof made me change to a better one. We presented the results from all the tests on a blog.
More info on my pinterest board create a website 
Great reference websites for this class:
Usability 101: Introduction to Usability
25-point Website Usability Checklist
Evaluation and Testing
Usability Basics and Methods


A/B testing (sometimes called split testing) is comparing two versions of a web page to see which one performs better. You compare two web pages by showing the two variants (let's call them A and B) to similar visitors at the same time. Showing them to similar visitors and at the same time is very important.
 

Color Fundamentals





Color Fundamentals I collected paint chip samples from different stores to do alot of assignments for this class. Class projects included making our own color wheel, and mixing colors to create colors and their compliments. Journal assignments included collecting pictures that demonstrated a use of color psychology, mixing a color with different amounts of white, black, gray, its compliment etc. to demonstrate tint, tone, shade, value, intensity etc. and examples of how colors shift depending on background colors. The final project was one image that we reproduced 4 times applying a different color scheme to each image. Each of our color schemes used 8 colors. Monochromatic, Analogous, Complementary, and a color scheme we created. Most people designed logos but we also had web pages, art posters, and interior rooms. Examples of how these projects could look although these images do not use 8 different colors!!!

Information about color for the web not print on my pinterest boards 


Great reference websites for this class:
Basic Color Theory
The Color Theory Quick Reference Poster for Designers
Color Theory for Digital Displays
How to Get a Professional Look With Color
Helps you see how the colors will look on a web page
Color palette generator allows you to save as css or photoshop swatch
Two of my favorites Web Color Trends and color tools
Web safe colors and CSS



Wednesday, April 4, 2012

Introduction to Scripting Languages

Introduction to Scripting Languages
This class was an introduction to HTML and CSS. The best book I have found introducing people to Html and CSS is HTML and CSS: Design and Build Websites  By Jon Duckett. It is very easy to understand. The last few classes we learned how to use Dreamweaver before that everything was done on Notepad. Here is a website from a professor that teaches this course at a different location.
My final project for this class is really embarrassing!


Check out my pinterest boards about creating websites
Great reference websites for this class:
HTML tutorial
CSS tutorial
Anatomy of a web page
Web Design Terms & Vocabulary
History of the internet
How the internet works
Your website should be web compliant
This validator checks the markup validity of Web documents
The Six Biggest Websites On The Internet Compared










You can find resources for this video at youtube.scottserafin.co



Observational Drawing

One of the classes I took before I started this blog.
Observational Drawing
I did this one online. It was about learning to draw an object in front of you, not from a secondary source like a photograph, and draw exactly what you see without changing anything. I can not draw the only way I was able to finish this class was I took a picture of what I needed to draw, converted it to a pencil drawing (or this one), and taped a piece of paper to my monitor and traced. Some fun ones
Projects included portraits, a room, gesture drawing, and drawing the same still life twice but changing the light for each drawing.
Final project was drawing a still life.


Converting picture into a drawing




Great reference websites for this class:
Drawing pencils
Value Scale and Value Finder
Creating value in pen and ink drawings
Still life inspiration
How to set up a still life 
A Gallery of Still Life Photographs.