Royals Rocked!!!

Had this idea for a couple weeks and actually designed it today.  For the Royals ALCS Win...  

We are heading to the World Series!!!

Summer Animation Project

SummerAssignment

The Animation Summer Assignment created for those students entering into the e-Communication Program post Freshman year.  This assignment is learning the basics of 3D modeling and working within the 3D environment.  Although this isn't all what animation is about it is a large part of the e-Communication Animation class.

With SketchupMake you learn the basics of 3D Modeling that is needed for Sophomore year. This program is recommended for primary and secondary education. Free use for any educational purpose, on PC and Mac Platform.  

The summer animation assignment is broken into various stages.

• Watching the Learning Sketchup Videos.
• Practicing with the program.
• Modeling in Sketchup.

Please download the free version of SketchupMake here.

 LearningSketchup

Watch the two attached videos.  These videos will demonstrate the basics of Sketchup.  They will introduce you to the navigation tools so you can orbit, pan and zoom around your model, then create a simple house with a few drawing and modification tools.  

Pay particular attention to the inferencing to points and lines.  This will help you be a good modeler and animator later.

The second video will accelerate your process by creating a more detailed house with some drawing tips and the follow-me and offset tools.  The Offset tool is a great tool to use while making window and door frames.  If you wish to watch more learning videos, click here.

PracticingSketchup

The first part of the Assignment is to download three Self-Paced Lessons that teaches the basics of Sketchup.

• Part 1
• Part 2
• Part 3

Click each tab and follow along with the Self-Paced Lesson.  When done Save and these will be turned in with the final project.

The second part of the assignment is to…

ModelingSketchup

The assignment portion of Sketchup is to create a "Dream" House…  this model is to detailed as possible.  The more realistic the better.  Don't worry you will not be modeling the interior of the house; no furniture, toilets, or pets...

Go to the following Site: http://www.houseplans.com

• Select only a 1 story house. 
• 2 Bedroom
• 1 Bath
• No or 1 Car Garage
• Must have a ROOF, no flat roofs…

Find a house plan that you like.  You will be modeling this home in Sketchup… be careful to look at the complexity of the home.  Basic is fine, you will have the chance to modify later

Save all images that are available.

• Floor Plan
• Front View
• Any other view..

Place images into a Blog, and include the URL of the house you choose.

Example Images:

Make sure the floor plan has
the outside dimensions,
unlike this image...

HouseRequirements

• Only the exterior needs to be modeled.
• Start with the square, only paying attention to the outside dimensions.
• Height is typically 10’ before getting to the roof.
• Attention to detail is critical.
• The Sketchup Learning Videos will overview how and what needs to be made.  







• Include: Windows, Doors, and Chimney.  
• Add elaborations, window panes, siding, brickwork.
• All surface polygons need to be textured with the paint bucket no flat colors.
• Realism is key…  

Some additional changes are good, don’t go over board.

Complete:

1. Starting a Drawing (part 1-3) completed files.
2. Sketchup - House Modeled
• Render out 5-6 views of your house.
• File/Export/2D graphic
• Also save the house as Dreamhome.skp
3. Email all parts to Mr. Netterville.

Turn in steps

1. Create a Post on your Blog.
• Import the house.com images of your house.
• Including the url of the house you used to model.
• In Sketchup
• View/Animation/Add Scene
• Add 5-6 different views of around your house.
• Go to File/Export/Animation
• Export as compressed with h.264 (.mp4)
• Import Sketchup Movie into the Blog.
• Under your Movie write a few sentences about the highlights of using sketchup and your Animation Assignment for the summer.
2. Link back to eComm Summer Assignment

All lesson files & video were developed by Google Sketchup, lesson created by Mr. Netterville.

Playtime!

Sometimes I make assignments for the students or friends talk about things that give rise to a various degrees of play…  Well play for me…

I call it flushing the mind where I have to design it or do it to get it out of my mind.  These won't really be my best work, or me cleanest designs, but just mind vomit...

I will post them here, when I do them I will post them…

Parody Flakes!

This one was from an assignment that my students had to create a parody cereal that they then surfaced a 3D box with it.  I spent about 10 - 20 minutes on it before my next class.  Then I never returned to it…  I would still do a lot to it and clean up a lot, but don't have time.  Maybe next year when I need an example piece.

But until then this will sit and wait…

Mundane Ad!

In my graphic design class I give an Assignments to "Design for the Mundane"  they have to appeal to a target audience.  The target audience came from one of their classmates that had to fill out a survey.   The survey contained questions like, What is your dream vacation?, What is your favorite color?, Do you like circles or squares better (curves or angles)?

They passed in the survey and were shuffled.  The sheet they got back was their target audience they and had to appeal to that person, and sell them the item listed on the back.  Example: Cardboard box, a rock, rope, stick…

This was an example of one that I created…  Vacation: Mexico (Spanish)
Color: Red
Circle or Square: Square

There were other questions that it asked… But I forgot what they where for this one.  I think it had a motorcycle racer as a hobby?

Tattoo-agram!

In my many years I have often been asked if I could get a Tattoo what would it be?  To state right now…  I don't have a tattoo, I could never decide on one.  Everytime I designed one it would change a week later, thus deciding that I would never be satisfied if I actually got one.

A few years ago, I designed this one.  It was based off the "Da Vinci Code" Where it had Ambigrams, one way it said one thing and the other said something totally different.  If you lay it down it one way it would read my initials, the other would read my wife's initials.  (ASN/CMN)

I bet everyone is now tilting their heads to see it.

But this has been long forgotten into my folders of design.

Testing - 1, 2, 3???

Many times I get to do tutorials and test out new things in After Effects or Maya, I am just trying to teach myself something that I can bring back to my students.  I found Lynda.com and Video Copilot a few fun places to go...

  

Designing the TEN

Being a part of e-Communication Department you are often asked to lend a creative hand, as teachers and as students.  For students we call it Endorsement Hours, where ours e-Communication Students do two years of 50 hours of work in an e-Communication field.  Logos, PSAs, Website Design… Whatever they can do as long as it is related to the industry that we teach them in class.

As teachers we do it for fun…  A chance to show that we can do something other than just teach.  I like to say bragging rights.  Also, it keeps us as teachers "practicing what we preach."  Last year I go to do a couple logos that I am proud of…  

To those students that know me after 2012, I love doing graphic design. I know that I always say Graphic Design is boring, and anybody can make a flat image.  It is because I am jealous and that loved teaching it.  Ask any of the Graphic Design students that graduated 2013 or prior.

The first logos…  I got stuck on an idea.
Sometimes you just need to scrap an idea and start fresh.
But one common theme of pointing to the Northwest with 10.

The ONW Ten Year:  

A logo celebrating 10 years of ONW being open.  When I was teaching Graphic Design I was approached to do a logo for this by Dr. Poss, ONW Principal.  I did multiple drawing and sketches as well as work on the computer.  I will have to find my original sketch of the "X" with the arrow pointing to the Northwest.  I do have it, just put it somewhere safe.  Safe means I will find it when I am designing the 20th anniversary logo.  

I scrapped all the previous ideas, and started sketching...
After doing a few sketches I settled in on the "X"

The X, Roman Numeral for 10, as you can see I worked through a few ideas prior to actually settling on the "X"  The other problem was getting the "X" to look right.  A normal "X" didn't seem to work, especially trying to make one side point.  So I used an "I," actually two.  One I attached an arrow to the top, and then used perspective and shear to get it to have the 3D look… Going bock into space.  Although the "X" is very simple there is a lot of though put into it.  

There are reasons for the font, the barbs under the arrow, the shield, everything that you do for a logo there must be a reason and understand those reasons.  

The font, yes it is actually Times New Roman, modified…  I figured Roman Numeral, Times New Roman… There is always stability and a sense of being classic in Times.  Thus, ONW being open for 10 years.  I say modified because it is sheared, stretched, and I changed the Serif on it quite a bit.  The Times font was more of a guide by the time I got done with it.

ONW Compass

The Barbs on the compass arrow pointing to the NW, I used them mainly for a visual stop.  If not the Arrow will take the viewers eye off the logo and towards the upper left side.  It is also looking at the original ONW Compass logo an mimicking the parts of that logo and tying them together.  In actual use the barbs on an arrow is to ensure that the arrow sticks to whatever it is shot/stuck into and doesn't come out...

The Shield, of course in typical meaning is protect, but it is in a "Coat of Arms."  Basically, I needed something for the "X" to sit on or it would have too mush negative space around it.  In Heraldry, the art of creating Coats of Arms,  a blue/azure shield means loyalty which goes with being the 10th Anniversary of ONW.  The shield was also gaining momentum in logos over the past few years.  In schools, it is often used just a typical depiction of the Crest.  Roman Numeral, Times New Roman, Arrows with Barbs, Shields…  Starting to see a theme?

Flat logo without being Embossed or Gradients.
Actually used for the Embroidery Logo.

Embossed, I have always been a fan of creating a little depth to my designs.  To make it appear that it comes out to the viewer.  Flat design is just that, FLAT, to grab a viewers attention should be the goal of any design.  To make your viewer stop and take a journey through a design, to lead their eye to what you want them to see, to spend a little time gazing upon the glory that is your ART!  

Come look at my glorious artwork…  ok, now go away… 

Top Left: Logo with ONW Mission Statement, shield solid blue.

Top Right: Logo with Olathe Northwest in 

                     Highway Font, shield split blue

Bottom: Logo with Bank Gothic, shield border shadow

Now with every logo I create I make many variations, now many is probably around the lines of 10-15 different ones to get settled into the final…

I will show them all on one sheet for you to see.  You might not see the exact changes but the are there… Scooting things around test out different looks.  One of the first actually had the ONW Mission Statement around the border of the shield.  Settling in on using the Raven head logo for the final one…  and still working out the sizes.

During this entire time I was in constant contact with Jay Novachek, ONW Athletic Director/Assistant Principal.  Bouncing all these ideas off of him…  I have to give some credit to him, although he didn't design it he was a critical part of the design process as I worked. 

But as you see, an outline appeared on the outside of the Raven Head.  Basically look at it with out the white outline, above, and with it, below. This logo appeared on a multitude of items from Letterheads to Banners.  When it was small the Raven Head disappeared and didn't POP enough so it appeared.  The same reason why I put a gradient on the beak…  to make the teeth of the raven POP!  

The OLATHE NORTHWEST font is Bank Gothic, no explanation, I like the font.  I can say that the Goths were always at war with the Romans… now I am just showing off with history knowledge.  Simply the font went well with the design.  I did click through a lot of the fonts, and it was a best monospaced san-serif font that I happened to like, that fit well in the space provided.

The rest of the logo is Highway Gothic font.  So, yes, it is the font that is used on all the highway signs.  I bet you didn't know that…  You can see it in the numbers mainly.  I used the same font on the STN shirts that year.  We road tripped to Dallas, and I recreated the I-35 sign on the back.  Had the font might as well use it.

So this is the design process of ONW's Tenth Anniversary logo...

Blast from the past: A Netterville Original

Story Boards of Final Project:

I was going through all the files that I have, and found the storyboards that once were posted for my final project…  This is the beginning of a three piece Animation:  "Curisity," "Loss and Understanding," and "Finding our Way."  Back in the day my thoughts on this one was:  With curiosity you often will get lost into a world that you are very unsure of.  Thus the dragon fly that distracts the young curious dino-creature, and leads it off to a place that is unknown to the young animal.

It gets further and further away...

And still further...

Until the Dragonfly flies off and the animal and viewers lose it when it lines up with the sun.  This is where the young animal cannot follow and discovers that it is in the middle of the desert.

Modeling & Animating Phase:  

Here are a couple models of my animation, this is before I started surfacing all the models.  And also a walk cycle with all the texturing applies to it…  Doing a 4 legged walk cycle was huge and very difficult.  I went to the Kansas City Zoo and watched the elephants walk, which was difficult because during hot summers they don't really like to walk around too much.

Research:

I actually went and watched elephants walk at the zoo because I wanted more of a lumbering walk, from a large land animal.

Test Renders:

The herd of Animals…

These creatures were Hybrids that I make off of two different previous models.
Head of a Mouse and a body of a dinosaur… 

I wanted to make the older ones larger, but also have a slightly different look to them.  Also the walk cycle that I modeled them off of… was…  yes, you guessed it the ELEPHANT.  Slow Lumbering walk…

Right before he is left in the middle of the desert...

Hope you enjoyed this Throw-Back of Mr. Netterville's Projects…  

The only Original Digital Version of my animations are on archaic media that is locked away until a ZIP Drive can be found.  I ripped this from my Senior Project DVD and is at a very low resolution, but it works!

The music is from the Count of Monte Christo soundtrack...

Being a Dabbler:

Dabbling


I call it Dabbling, Tinkering, but it is mainly how I came up saying 

"I am a Jack-of-all-Trades…" 

I know how to do anything, if I set my mind on it…  I have remodeled my whole house from skills I gained in my BFA (Bachelor of Fine Arts)… yeah, from being an Artist.  I will give you an instance.  Plumbing, ha! I learned how to make a Silver ring in my Jewelry Class where we sweated silver pieces together with flux, solder, and a torch… Plumbing is sweating copper pipes with flux and solder.  Tile a bathroom, ha!  Sculpture class combined with Ceramics… Taking previously learned knowledge and twisting it to fit another need.




The same thing comes up with being a Graphic Designer.  Graphic design, I know animation…  How hard is Graphic Design?  I had art & design classes, I know Photoshop, I taught myself Illustrator… Graphic design, done.  I know that statement just seemed that Graphic Design is below me, but I really love Graphic Design doing it.  I am very proud of the things that I can do with it.  Just proving being a Dabbler isn't bad.  I pick up so many things get pretty good at them and move onto the next "THING"…  Now I wasn't always great at Illustrator, I had to teach it...

  

Dabbling in ILLUSTRATOR


Before teaching, I was only pure Adobe Photoshop user, and never ventured to anything else…  Why should I… Adobe Illustrator was for purposes I never truly needed.  When I can to Olathe, I had to teach Illustrator the first year in the e-Communication Department. Now that was a huge venture…  I knew Vectors/Vertices from 3D animation. I kept telling myself I know 3D, 2D is just one less D, it should be easier. Right…  I/it was horrible; I ran to another teacher every few hours/minutes for help.  Over time I did get better at it, but had numerous failures along the way… 


With teaching students it is just not giving a project and telling them to get to work.  Students do a lot more than that, the as I say, "adventure clicking."  They will press every button and every key along the way, and about 5% of the time knows how to get back.  The other 95% of the time they get lost in the clicks, meaning they get backed into a corner with no where to go.  That is when I get the Hand in the air… I have to figure out how to get back to point "A" without knowing if how many clicks it took them to get to point "Z".  It would take me an entire class period for one issue.  I would get stumped if a student got into the Outline View instead of the Preview View… If you don't know what I am talking about, open an Illustrator File, press ⌘Y…


I can now fix a student issue across the room without even looking at the computer.  




To get good at any computer program it just takes a whole lot of practice and knowledge of the program.  The main thing that you have to keep in mind is being patient, and never be afraid to start a project over.  With teaching Illustrator you need to mainly become a master problem solver, and I think that goes for teaching any computer program to a mob of teenagers.


I tell students once you learn the Pen Tool in Illustrator you will understand the entire program.  That is for the most part true…  I say for the most part because with the endeavors of learning the uses of this single tool, you will end up going through every other tool available.  




With mastering Illustrator, I have designed a few logos and a few books, all of the e-Communication paper goods (brochures, bookmarks, programs, posters, business cards, etc.) and an onslaught of other ONW (Olathe Northwest) things… 

Being a Dabbler is always good… The only bad thing about being a dabbler is that you are not necessarily outstanding in any particular area. Thus...

"I am a Jack-of-all-Trades… Master of none"

I feel that I can always get better at everything that I dabble in, which everyone can always learn and improve.

Time to go Dabble in something…