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 – GRA3611
Hello!
Since I did not post last week (week7) I am combining the postings with this weeks. It’s really exciting to see your projects come together – I saw some really nice work today!
By now I should have received your:
1. Finalized logo – in Illustrator
2. One product rendering – in Illustrator (this is a representation of your product).
3. Your product research document (this is the text describing your product that will appear in your project deck (see week 3 for the original assignment)
These three pieces will count towards your Midterm grade.
Here are the handouts from last week: (Please read them carefully)
GRA3611-StyleGuide
GRA3611-ProjectDeck-Part1 (We will be setting up the booklet in InDesign next week. If you have time feel free to get stated on it, but before you do, make sure you have the above three items 100% complete – Logo, Product Rendering, and Product Research Text.)
Here is a tutorial for this week: Molding Mesh (I’ve attached a PDF that shows the step by step process as well as the original source file from the Illustrator Wow book.
lesson-week8
Next week’s lesson we’ll look at:
How to create and customize Brushes in Illustrator
InDesgin – setting up your booklet. Binding and Paper considerations
If you look into my folder on the school server: ghitchings/public/GRA3611/Week7 you will find examples of former student’s work. It might be helpful to look and see how they set up and designed their project decks.
We will look at the product advertisements the following week. So if you have already completed that, hold on to it for a week. And if you have not yet had a chance to work on that, you have two more weeks to do so.
Have a nice week! Send me and email if you have questions.
Best,
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
Week6 – GRA3611
Hello all,
For tomorrow you should have your finalized logo – in Illustrator and one product rendering.
If I did not receive your product research doc I would like a copy of that tomorrow as well. That will serve as the text for your project deck. (Think of the example I showed last week in class.)
I would also like you to bring in the sketches for your product magazine ad – from last week.
Tomorrow in class we will go over all the above items, I will begin to show you how to set up your books in InDesign so you can stat implementing the pieces as you finish them off. And we will work on creating the ads from your sketches, recreating them in illustrator.
See you tomorrow!
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
Week5 – GRA3611
Greetings,
This week in class we reviewed:
1. Envelope Distort
2. Live Trace
3. And Live Paint
If you need help with any of the three, look at the tutorials I’ve posted Week4.
On Weds I introduced:
1. The Gradient Mesh tool
2. And I showed how to work with Texture using the Transparency palette.
Here are two very useful tutorials that recap what we looked at:
Adding Texture: http://www.youtube.com/watch?v=coE27IqCvW8
Gradient Mesh Tool Tutorial: http://www.youtube.com/watch?v=1AmtaaRKJaY
Homework
1. Finalize your logo (I would like to collect the completed illustrator file)
2. Create one rendering of your product – in illustrator
3. Bring in three concept sketches for a Magazine ad (pencil and paper is fine). You should have a specific magazine in mind – relevant to your product.
4. I would like to collect the GRA3611-ProductResearch handout given in Week3 (this along with your logo and product renderings will count towards you Mid-term grade).
Let me know if you have questions!
Best,
Genevieve
Week4 – GRA3611
Hello class,
Today we looked at:
1. Envelope Distort in Illustrator for tweaking the shape of the words. Here are two online tutorials that show how and why you might want to use it:
http://layersmagazine.com/illustrator-text-envelope-distortion.html
http://www.ndesign-studio.com/tutorials/envelope-distort
2. We also looked at live trace and live paint. Here are two additional online tutorials:
Live trace: http://www.tutorial9.net/tutorials/illustrator-tutorials/adobe-illustrator-tip-1-intro-and-livetrace/
Live paint: http://www.duoh.com/varia/illustrator_livepaint/
(Note: all the examples above are from different versions of Illustrator. The interface might be slightly different in CS5 but the basic concepts are the same.)
Next week we will begin to create an ad campaign for your product.
Homework:
1. Finalize your logo in Illustrator (feel free to email me if you want some feedback).
2. Bring in three sketches of your product – we will render them in Illustrator.
3. Next week we will discuss creating an ad campaign for your product. Start to think about what this might entail for your product. We will be using illustrator. Bring in any necessary photographs/ images.
Have a great week and let me know if you have questions!
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!
Week3 – GRA3611
Hello! I hope you are enjoying the long weekend.
Here is the handout I gave in class: GRA3611-ProductResearch – it is due 3/9/11.
In our last class we looked at the pathfinder palette and the different kinds of blending tools. It might be helpful to go through this tutorial just as an exercise if you are unfamiliar with blends and paths:
http://www.ndesign-studio.com/tutorials/itune-icon
At this point everyone should have an idea for their product design/redesign. If you do not, please email me and lets try to nail it down this week. For homework I would like you to:
1. finish your inspiration boards
2. come up with a name for your product
3. choose two of your logo designs from your sketches and render them in illustrator
In our next class I will ask you all to present your ideas and designs to the class. This will be a nice opportunity for you to get feedback on your work.
We will not be meeting this week. Our next class is 3/2/11.
Please let me know if you have any questions.
Enjoy the rest of the week!