Welcome to the final class of the semester (hard to believe!)

We will review the final projects today.

I must receive your final project end of day Saturday May 25th.

• Make any necessary corrections.
• Please submit both your final Egde Animate files as well as your published folder (make sure to include all related files including images)
• You can send them to me as zipped files via either yousendit.com or dropbox.com

Lesson – Embedding the animate file into an existing web page:
lesson-week15

Final Note –
There is more, more, more to learn about interactive design and animation for the web than we were able to cover in this semester. Luckily so much  information is available to you online. Use it! The more you study the better you will get and the more it all begins to make sense. As technology is ever-improving the possibilities are truly amazing. It’s incredibly time-consuming to learn but it is all there for you…

I look froward to seeing where you decide to go with it. Here are a few links that will lead you to more links. Keep me posted as to what you are working on! Best of luck – and enjoy your summer!!

Additional information on Jquery:
http://www.w3schools.com/jquery/jquery_install.asp
https://marketplace.firefox.com/developers/
http://jqueryfordesigners.com/

Hello folks!

Here you can see the scripting lesson from last week’s class – lesson-week13
(Edge Animate 1.5)
This Monday we will review last weeks lesson.

Due: The final project will be due the falling week. The requirement for the final is a fully functional slideshow. If you look back to week9 to the handout ‘ADV3662_SiteStructure’ that will serve as the general guide. I have scaled back the requirement to one fully functional slide-show. I will give points to those of you who explore alternative ways to present content through the interactive features we have covered in class. Especially those who explore the possibilities of working with symbols.

Lesson – Review Adding Basic Interactivity to Edge Animate

• Upgrading to Edge Animate 1.5
• Understanding basic syntax of Java Script
• Timeline triggers
• Creating buttons
• Events and actions
• Navigating the code panel
• Creating labels

• Working with the timeline of a Symbol

Homework

Read this tutorial: http://blogs.adobe.com/edge/2012/07/18/

Final project development and production

Hello everyone –

As a quick fix to the problem of finding a computer lab to work on that allows Edge Animate outside the classroom I spoke with two instructors, Prof Ritter and Prof Wong. They will open up their classrooms to you during the week. Please note their classes will be in session, so if there are open seats you are welcome to quietly use them. Here is the schedule:

Monday 8–11:20AM in room N1104
Tuesday 6–9:20PM in N1102
Weds 8AM-11:30AM in G204
Weds 4:15-5:15PM in N1117

It’s not a perfect solution, but at least it gives a little more time to work outside of class. You will still need to bring the software with you.

DUE: Layer Comp of Project2 – this should show what the slideshow will look like. The goal is to have all the images worked out.

Lesson – Adding Basic Interactivity to Edge Animate

• Upgrading to Edge Animate 1.5
• Understanding basic syntax of Java Script
• Timeline triggers
• Creating buttons
• Events and actions
• Navigating the code panel
• Creating labels

Homework

Final project development and production

Hello!

*Please Note: Everyone should have received a mid-term progress report. If you did not please contact me.

In Class

• Finalize animation – based on feedback
• You will need a URL (domain name and host) – if you have an existing one that is fine. You can create a sub-directory. If you do not have a host and domain name you should look into getting one. I can recommend: www.aplus.net or kionic.com as reliable hosting services.

Lesson – here are the lesson files for today: lesson-week9. If you have access to Lynda.com there is a tutorial that has the same slideshow – step by step Creating Homepage Marquee. If you do not no worries, we will be covering it in class.

• Publishing edge animate projects (upload banner)
• Creating a pre-loader
• Creating an animated slideshow with interactive user experiences

Homework

• Due: Section A (see handout in blue) – type and print out and hand in to me next week: ADV3662_SiteStructure
• Set up slide show from the sample file provided in class (see above ‘lesson’) or create your own. Slide show consist of three images fading in and out on the timeline and should include a caption for each image as well as three nav buttons. See example above. We will program the slideshow next week – so it should be ready to go.
• Present banner ads next week in class

Hello welcome back from a long spring break!

DUE Today: PSA bannner
You will need a URL (domain name and host) – if you have an existing one that is fine. You can create a sub-directory.

In Class

• Present banner ads
• Finalize animation – based on feedback

Lesson – here are the lesson files for today: lesson-week9

• Publishing edge animate projects (upload banner)
• Creating a pre-loader
• Creating an animated slideshow with interactive user experiences

Homework

• Send me a link of your uploaded finalized banner to this blog
• Part 2 ADV3662_SiteStructure
• Continue collecting data. Organize into three categories: ‘Cause, Symptoms and Cures’

Hello!

DUE Today:
First draft DUE of PSA – static version set up in Edge Animate. All images should be saved for web.

In Class

• Continue to work in Edge Animate: (728x210px – 72dpi)
• Building animation

Lesson

• Review Edge Animate: Interface, palettes, creating graphics, creating animations
• Working with symbols
• Lesson: week8-lesson

Homework

• Continue to work on PSA – DUE after Spring Break
• Part 2 ADV3662_SiteStructure
• Continue to research inspirational sites
• Continue collecting data. Organize into three categories: ‘Cause, Symptoms and Cures’

Hello!

DUE Today:
Refined PSA ad based on in-class feedback. Designed as a completed, static storyboard with layer comps (Photoshop). Please submit today end of class.

In Class

• Start saving all your images for web (PNG, JPEG, Gif) into a designated folder for the PSA project titled ‘images’
• Set up document in Edge Animate: (728x210px – 72dpi)
• Begin to import images for your first scene of the PSA into Edge Animate.

Lesson

• Review Edge Animate: Interface, palettes, creating graphics, creating animations
• Working with symbols
• Review triggers
• Review last week lessons: week6-lesson

Homework

• Continue to work on PSA – first draft DUE next week
• Continue to research inspirational sites
• Continue collecting data. Organize into three categories: ‘Cause, Symptoms and Cures’

Hello!

DUE Today:
Static, realized design comp of your storyboard. This should basically be the finalized PSA designed statically.

In Class

• Break into groups. Review peer-assessment worksheet: ADV3662-PeerAssessment
• Time to work on storyboard and layer comps for your PSA in Photoshop (728x210px – 72dpi)

Lesson

• Review Edge Animate: Interface, palettes, creating graphics, creating animations
• Working with symbols
• Intro to triggers
• Download lesson here: week6-lesson

Homework

• Refine PSA ad based on in-class feedback
• Research at least 3 inspirational sites
• Begin to save PSA images for web and organize document in Edge Animate

Hello welcome to week 5!

As you can see the semester is cruising along…

DUE today:
-> Completed in-class exercise (see week 4 homework)
-> Three composed sentences for your PSA

Lesson
We will review last weeks lesson and then move forward

• Layers Comps – Photoshop
• Review Edge Animate: Interface, palettes, creating graphics, creating animations
• Save for web: PNG, SVG, GIF & JPEG
• Smart Object
• Slice Tool
• We will review last weeks files. Download here: week4-lesson

In Class

• Time to work on storyboard and layer comps for your PSA in Photoshop (728x210px – 72dpi)

Homework
-> DUE: Monday 3.4
Static, realized design comp of your storyboard. This should basically be the finalized PSA designed statically.