New Assignment: Putting it all together

So you new assignment, and probably the one you will work on until the end of the semester is…

Concept:
You are going to tell a story. Make one up or re-imagine an old story. Something simple though. Maybe a fairy tale, or a nursery rhyme. Pick your poison.

Devices:

  • 12 page “booklet” design, four-color, full-bleed, saddle-stitched. The story happens in 8 to 10 pages
  • 12 page storybook website: retask your print design into a website – 12 pages (hyperlinks, yeah)
  • 30 second animation (Adobe Animate or Photoshop Cell-frame)

Graphics:
You can use Adobe Illustrator and Photoshop to create the assets to correspond with your text in the story. You must include a photograph of yourself as the designer, illustrator and/or author.

Process/Deadlines:

  • April 19: Story determined with rough storyboard or a rough “dummy” of the booklet (roughly sketched out ideas of the imagery needed in the story)
  • April 28: Mid-assignment critique: all components
  • May 5: Booklet and Website due
  • May 8 (Final): Animation due – we’ll watch them in class.

Tip:
This is a big assignment, but you have developed the skills this semester to pull it off… if you keep it simple, focus on the story and if you utilize design (Big D design and little d Design) to solve the problems. We have roughly four weeks to accomplish these three devices (print, web and animation).

You should have questions tomorrow about this assignment.

Advertisements

Adobe Animate

Here is the post about getting up to speed with Adobe Animate. Watch the essential training videos on Lynda.com or there are plenty of beginner videos on Youtube. To recap what I was talking about this morning… Animate used to be called Flash, in fact, it still saves the animations using the native file format of .fla and still does the .swf files to upload/use/embed in your websites.

Animate is a vector-based, frame-based animation/motion software. This is different than the raster-based, time-based software like Adobe AfterEffects. Animate produces nicely sized web-friendly motion graphics and animations as long as it isn’t loaded down with a lot of raster images/video. It is also capable of integrating sound (which I haven’t talked about yet).  You already have vector skills in creating objects/graphics from the assignments in Adobe Illustrator, so those skills are transferable to Animate.

So, your assignment after you get up to speed watching the training videos, learning how to make a key frames and how to tween, is to animate 30 seconds (using an audio clip – music or narration – this means you also need to watch some training video of how to integrate audio files into an animation) of motion using two contrasting words/concept… ie: Black/White, Up/Down, In/Out, Hot/Cold, etc… pick your poison. The key to this assignment is to be creative using fundamental features of the software. Animate will be capable of doing much more than you have the knowledge to do, but the trick for you is to do something very basic in a creative manner.

I’m thinking of a tentative deadline for your animation being completed by Friday, April 14th. I’ll check with you on Weds. to see if you have any questions. Get started.

 

 

Coding: Chapters 6,7 and 8

This coming week (3/27 to 3/31), work through Chapters 6 (adding links), 7 (adding images) and 8 (table markup). You can get the chapter demo files here. These chapters are pretty straight-forward and if the demos you are doing are getting boring, you can begin the project of converting your print design newsletter you just turned to me, into an online webpage/multiple -page website newsletter. These chapters should give you the fundamental skills to accomplish this conversion. I also recommend jumping over to Chapter 21 (Web Graphics Basics) and absorb the information in this chapter, since you will be converting your print design graphics you did for the print newsletter into web design graphic assets.

Be watching the training vidoes on Lynda.com, or YouTube for the fundamentals of Adobe Animate. Focus on key frames and tweening in addition to the standard things you can do like scale changes, shape changes, color changes, etc… I’ll be blogging an Animate assignment soon.

Have fun.

html coding

Hi guys, sorry I didn’t get this posted yesterday. This week… be reading and coding chapter 4 (Creating a simple page) and chapter 5 (Marking up text). Feel free to work ahead of my weekly chapter schedule if you have done and know this stuff already or if it is easy and making sense. Again, take notes on what you have read and use them as the means to apply the coding to a webpage. You will remember all this information if you write it down or key it in somewhere. Remember, use a simple text editor to do this, not an html editor yet. There are no shortcuts with a simple text editor and you will have to actually learn the html tags doing it this way.

I will be assigning some more in InDesign, Illustrator and Photoshop in the next couple of class periods.

 

pdf Separation Proofing

I showed you today in class the process for printing a .ps file as a separation so you can check to make sure your 2-color newsletter has the spot color correctly set up. It is the same process (except this time you print booklet to make an 11 x 17 inch spread) to make a composite .ps file, just select separations instead of the Composite CMYK in the print dialog box. Distill the .ps file and open up the .pdf. If your file is correct, you should have 4 11 x 17, black and white pages in your .pdf. 2 for the front and 2 for the back. One of the two on the front and back will be the black plate and the other 1 of the two will be the spot color you select.

Keep this .pdf to show me. Once you confirm your spot color is correct (if it is not – fix it before you proceed) you can reprint the .ps file as a color composite, distill to the new composite .pdf and then duplex print your proof for Monday.

 

Proof newsletter

Hi guys, OK, I want an initial duplex printed, folded proof (print an 11 x 17 b/w proof and fold in half) of your newsletter on Monday, March 6. The big color printer in OP1224 is capable of duplex printing on an 11 x 17 sheet of paper. Also, a reminder to be reading in Chapters 1,2 and 3 in the Learning Web Design Book. These chapters contain lead-in general info that will give you background for the next set of doing things chapters. So, read them over mid-term break. We will start integrating web coding (using a simple text editor) into the assignment rotation after midterm. Again, you can also use Lynda.com and w3schools.com for web coding tutorials and information.