Deadline for the designing newsletters webpage/website is on April 7th. Do what you can from the chapters you have read and are reading. Next week, read chapters 9, 10 and 11. Chapter 11 is the first chapter in CSS. CSS is what will ultimately allow you to make the page look good, to control the design the way you want it.
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.
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.
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.
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.
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.
Here are the specs for the new InDesign assignment.
4 page newsletter, 2 color (one spot color and black), no bleed, duplex printed.
- Develop a title and masthead for this newsletter
- Must use a grid in the layout
- Must be 4, 8,5 x 11 inch pages set up for spreads in InDesgin
- Must use character and paragraph styles sheets
- Must import at least one .eps vector graphic and one .tif raster graphic
- Must use one pull quote
Pull the copy off of the google drive folder (newletter copy.rft) and you can download the typesetting rules of thumb that are in the folder as well.
Read the copy and figure out how to organize the content, typeset the copy and create an attractive layout. The articles themselves should offer suggestions.
I want to see an initial proof (B/W on 11×17) on March 6th.