Week15 – ADV3662

Hello class,

Thank you for being so diligent in my absence. I really appreciate all your emails and getting me the final revisions to your work. I was so pleased to see the completed projects. – Congratulations!

Mateo Taiyo Kanaiwa was born on May 22, 2011 at 10:56PM. He weighed 7lbs 10oz (3.46kg). He is happy and healthy – and I am thrilled!

Here’s the little guy:

Have a great summer!
And to those of you who are graduating a big congratulations!!
Please stay in touch.

Genevieve

Week13 – ADV3662

Hello class,

Here is the tutorial for you to download that I gave in class last week relating to controlling sound externally in Flash: soundplayer (note: included is a basic tutorial as well as an advanced tutorial).

As I mentioned I will not be in class for the last two weeks of the semester because I am at the end of my pregnancy and the baby is due at any moment (!!).

So here are a few details about the next two weeks:

Week 14: On Monday (May 16th) Professor Goetz will be filling in for me. I would like each of you to present your site to her as well as to the entire class on the overhead projector. This will be a nice opportunity for you to show off your work as well as get some fresh perspective/ feedback on what you have worked so hard on all semester. I hope all of you contribute to each others crits, as each of you knows the particular challenges of the assignment: coming up with your own subject matter, researching and designing it, not to mention dealing with the functionality issues of Flash…

Please take careful note of the feedback you receive. Make a point of writing it down so you don’t risk forgetting the details.

You might also take a look at the final checklist with the grading requirements that I handed out a few weeks back: ADV3662-Checklist

Week 15: You then have one more week to make final edits and send me your updated links (May 23rd).

I will not require you to physically be in class for Week15. I would like you to go on a field trip to the Art Director’s Club. You can go on your own time at any point during the week. The exhibit I would like you to go see is the:
90th Annual Awards Exhibition
May 11 – 26, 2011
Gallery open Monday-Friday, 10am – 6pm.
ADC Gallery
106 West 29th Street, NYC
http://www.adcglobal.org/adc/events/calendar/

Note: if you can go on Thursday, May 19th, from 11:00 AM – 3:00 PM you will be able to pick up free paper samples from their paper expo show the evening before.

When you email me your updated final link, I would also like you to cite one designer from the show that you really liked, and describe the piece they created – this will count as your attendance for week15.

Feel free to email me with any questions.
It’s very exciting to see your projects come to life. I’m sorry to miss out on the class critique. I really enjoyed the semester with you all.

Good luck with the last two weeks of the semester! And big congratulations to those of you who are graduating. Please stay in touch!

Week11 – ADV3662

Hello everyone,

As we move into spring break I thought I would remind you of what all needs to get done between now and when we reconvene. (I am sorry have to burden you with work over the break. Just remember summer is around the corner and then hopefully you can truly relax.)

The project is DUE: Monday May 9th (two weeks after spring break).

Here are the source files from our last lesson in class: lesson
In the zipped file you will find:
1. An example of a built out website. Notice how the main timeline has a ‘labels’ layer. If you look at the action script you will see that the code links to the label not a frame number. Labels must appear in quotes in the action script.
2. The main scene also allows for a short animation. The buttons fade in slowly. Notice how the actions keyframe does not appear until later in the timeline. Also note how the content layer, containing all the section movie clips, appears under and after the actions keyframe.
3. I have also included a file called: ScrollingTxt-Components.fla. This is a very simple way of creating a text scroll bar. I will show another version of this when we meet again. Here is a good online tutorial that shows you how to build one:  http://www.youtube.com/watch?v=r6EFikPVwio
4. I have also included a folder titled: ‘FilesForUploadingAFlashSite.’ To upload a flash site you have to insert the ‘swf; into an html page. In the atttached version I used CSS to position the swf with in the page. I saved the html page as ‘index.html’ and then I went into ‘insert/media/swf’ and navigated to the folder with my swf (the same way you would upload an image in dreamweaver). Dreamweaver automatically creates a folder called ‘scripts,’ which you will also need. You then upload all three files to your server. If you do not want this to be the main page of your website, you can create a sub domain but setting up a new folder within your server. Place the three files into the new folder that you set up. To view your posted site you would type: your domain name/ the folder name: example: www.artorium.com/instruction.

Try to get as much of your site built out as possible. You should have the main scene built out as well as all the movie clips for the three required subsections. If you are having issues with your action scripting we can probably resolve that fairly quickly in our next class. Remember if one little thing is off with your code, it will mess up your entire project. So even if you are getting error messages, try build out the content for each section.

Good luck with it! Feel free to email me if you get stuck. We can try to set up a phone date to problem solve.

Best,

Genevieve

Week10 – ADV3662

Hello everyone.

For this coming Monday, continue to work on the layout for your site in Flash.
I will be showing you how to post your swf to your website. I am looking into the options of free hosting sites and will post URLs to this blog over the weekend if I come across any decent ones.

Next class we will also review building out subsections using Movie Clips and Action Scripting. I would like to dive into Action Scripting 3 a little further. So it will probably be a jam-packed lesson…

I’ve tweaked the due dates a touch to give everyone enough time to really make this project into a portfolio piece. I would like you to post your final site to your website by Monday May 9th. Next week is our last class before spring break. When we reconvene we meet on May 4th. And the following week is May 9th – project due. For those of you that think you will be finished earlier, let me know and I can get you started on the ad piece, which will be more of a long-form animation.

So let me know if you have questions. Have a productive weekend. And just remember summer is very close by – and then you can finally relax!

Best,

Genevieve

Week9 – ADV3662

Hello class,

To help you remember all the steps involved in creating and action scripting a button, you might check out this tutorial:
http://tv.adobe.com/watch/adc-presents/buttons-and-interactivity-in-flash-cs4

Although written a year ago, this is a nice article I came across exploring the future of Flash vs HTML5: http://www.thinkoomph.com/thinking/2010-02/html-5-flash-future/

Here is the source file from our last class. We continued to explore the concept of building out your site using movieclips. In this version we built out the ‘past’ section. I also have an example of how you might build out a section using a ‘close’ button – look at the ‘present’ section in the attached example; it’s similar to how a lightbox might function in HTML: lesson-week9

And here is the handout I gave in class. It’s a checklist of what project1 should include: ADV3662-Checklist

For next week work on laying out your site in Flash. If you have been designing the piece in Photoshop or Illustrator it’s time to transition the layout into Flash. I will ask everyone to save a copy of your site into my drop box next Monday.

Let me know if you have questions. Have a good week!

Genevieve

Week8 – ADV3662

Hello!

Here are the source files from our last class lesson: week8-lesson
We will review the lesson again this week (week9). I will also show how you might build out another section of your site with movie clips and roll-over buttons.

DUE: (The following counts towards your mid-term grade)
1. Project Proposal
2. Finalized animated logo
3. Site content document (see week 3)
4. Layout of site

Week9: On Monday we will continue to focus on building out the subsections of your site. If you have updates to your content document please bring a printed copy with you to class.
See you then!

Best,

Genevieve

ADV3662 – Week7

Greetings class,

I hope you are enjoying the beautiful weather.

To view the source files from the examples we worked on last week in class (beginning of ActionScripting) click here: lesson-week6

Here is an overview of the time-line and deadlines for Project 1:
Week8 – 3.21.11
: Static layout of main page DUE.
Review Action Scriptin: Movie Clips and Action Scripting – Masking

Week9 – 3.28.11: Build out subsections

Week10 – 4.4.11: Refine and finalize subsections

Week11 – 4.11.11: First Draft DUE: Project 1 – Class presentations
Intro to Project 2

Spring Break – 4.17 – 4.27: Revisions to Project 1 – Post online and send me the link to the final piece.

Week12 – 5.2.11: Move into Project 2, which we will work on for the rest of the semester.

Let me know if you have questions. See you on Monday!

Genevieve

Week4 – ADV3662

Hello!

Here are some of the example files that we looked at on Wednesday (you can download): examples

I also showed how to bring in images into Flash form Photoshop and Illustrator.
With Photoshop you have to make sure your images are 72 dpi and then you can save them as PNG files or as JPEGs. To bring them into Flash you can ‘file/import’ them.

Since Illustrator is a vector program you can try to copy and paste. If the graphics are simple enough that usually works. If the illustrator file uses tons of paths and blends, then you might have to export the file as an SWF from Illustrator and then import the SWF into Flash.

HOMEWORK: For next week begin to take your logo design and animate it – internally.
Set the stage in Flash to be roughly 200x150px. Make sure all your graphics are on separate layers so that you can focus on animating the individual parts. Use the examples we worked on in class as a reference.

Feel free to email me your logo design if you want some feedback before you start to animate.

Also for next week I would like to collect a printed version of the ‘content’ handout – which you can find under week3.

Have a great weekend!
See you Monday.

Week3 – ADV3662

Hello! Hope you all enjoyed the long weekend.

Here are a few of the sample exercises we went over in class in case you would like to review: lessons

At this point everyone should have an idea for the subject matter of your piece. For homework I would like you to work on the design of your project logo (site ID). You can create them in Illustrator or in Flash (200px x 200px). Don’t worry about animating it yet. I would just like to see a static version for our next class.

We are meeting this Wednesday at 6PM. I have also attached a handout (see below) for you to begin to develop the content for your project. That will be due: 2/28/11

Here are some interesting flash sites to check out:
http://www.colorstrology.com/
http://www.yugop.com/
http://www.pinholespy.com/
http://www.theevidenceproject.org/
http://www.360degrees.org/
http://www.sixsides.com/
http://www.moma.org/exhibitions/2002/brucke/
http://www.moma.org/exhibitions/2001/whatisaprint/flash.html
http://americanhistory.si.edu/vote/
http://www.loc.gov/exhibits/churchill/interactive/index_flash.html
http://www.tenement.org/folksongs/about/
http://www.nationalgeographic.com/forcesofnature/
http://americanhistory.si.edu/onthemove/
w3.upm-kymmene.com/upm/forestlife/index.html

And here is a handout: ADV3662_Content

Let me know if you have questions!

Week2 – ADV3662

Hello!

Here is the handout from week2: ADV3662-Logo
And here are some exercises we will be working on: student-exercise