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.

Advertisements

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.

Newsletters, oh newsletters

Here are the specs for the new InDesign assignment.

4 page newsletter, 2 color (one spot color and black), no bleed, duplex printed.

Requirements:

  • 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.

Printing specs and mounting info

For the Photoshop Day Map assignment: print to a 13 x 19 sheet of paper. Flush mount. Maximum print area on a non-bleed 13 x 19 print is 12.75 x 18.625.

For the Currency Or WWI poster rebuild: print to a 13 x 19 sheet of paper too. Again, Maximum print area is 12.75 x 18.625. At least one dimension of your design should be at the maximum allowable print area. Does this make sense?

Do not print with crop marks this time. Brownie points if someone blogs the reason why on their blog.

Print outs for both are Due March 8 – mounted and ready for presentation. Make sure you have and use the appropriate tools and supplies, so the final presentation looks professionally done. PRACTICE BEFORE COMMITTING TO THE FINAL PRESENTATION.

Photoshop and Illustrator Deadlines

I want to see laser proofs on 8.5 x 11 paper on March 1st (Illustrator – Personal Currency or WWI poster rebuild) and March 3 (Photoshop Day map). The final 13 x 19 inkjet printouts for both are due on March 8th (1 printout of the Day Map and 1 printout of the WWI poster rebuild Or 1 printout of front and back multiples of the Personal Currency – as many as you can fit on 13 x 19 – front on the left and the back on the right… repeated – you might want to show me how this one looks on a 13 x 19 sheet before you do the inkjet print).