Brushing up on my HTML5

I have spent the past week reviewing my old HTML5 textbook, and re-performing all the hands-on exercises. I am hopeful that doing so will help me with my final project in Digital Design.  Now my only question is how.  How do I utilize Photoshop, Illustrator, Tinkercad and HTML5 simultaneously? It may be premature to assume that I am going to do a whole bunch of “importing” from one to the next.  When it comes to this field, I am a slow-as-a-snail learner, but also determined.

Advertisements

My Long term goal for the semester

By the time December comes around, I am hopeful to have a full website prepared, I am marketing my skills on the electric bass guitar, and using the site to educate.  I have downloaded a total of six templates off of the website, http://www.html5up.com, and I plan to take a little bit from each one, and create my own look.  At the moment, I am learning Adobe Illustrator, as well as tinkercad, and am hoping to take all those skills at once and apply them to my final project.

My final Presentation

I had quite a problem in the audio exporting process.  When doing the “Test scene” feature in Flash, everything, worked fine.  I was able to hear both the music and the vocal narrative that I had add to the project.  Unfortunately, after exporting everything to mp3 video, everything came through…. except for the music.  Needless to say I am a bit pissed off about it.  Nothing frustrates me more than spending an hour and a half trying to solve the problem presented to me, and being unable to.  With that said, here is my final presentation to you, minus the music.

South Park Animation Style Tutorial

As a fan of the Animated Series “South Park”, I always wondered how the animation was achieved.  In this video tutorial, the instuctor starts off in Photoshop, and then imports his work into Adobe After Effects.  I don’t ever see myself having the ability to pull this off, not to mention the instructor is not using Adobe Flash. However, he does utilize some of the same techniques that I had mentioned in my previous blog, such as the lip syncing.

Lip Syncing Animation Tutorial

One would think that would be next to impossible to use Flash to make a mouth move in conjunction with the words and syllables coming out of it.  This video caught my attention immediately, and I may just put it to good use one day down the road.  When broken down, it’s not that complicated: The clenched teeth can be drawn to lip sync a “C”, an “S” or a “T” sound.  A closed mouth would indicate an “M” sound, followed by the mouth in the form of a whistle would create an “Ooh” sound. Follow that with the upper teeth resting on the lower lip to create a “V” sound, and you could create the word, “Move”.

The Top 10 Best Cartoons created with Flash

One of my favorite cartoons, not really suitable for kids, is the Comedy Central animated series “Archer”, about Sterling Archer, a spy for the Secret Intelligence Service., who also is very socially awkward towards his female coworkers. So I was surprised to learn from this youtube video that it was created using Adobe Flash, as it used human models as references for some of the characters in an attempt to make it look as realistic as possible.