Make a blog

Here is a little project you can do over the holiday break… make a blog to use in this class. You can use any blogging platform you want –,,,, etc… Just send me the link to your blog when you get it built, so I can add it to the class blog.


First assignment

OK, Get¬†subscribed to You can do the monthly subscription (not the annual – unless you really like Lynda and plan to use it beyond this class). I just checked, You get 30 day free trial to, I don’t see any discounts for students on the site.

You are going to begin watching the essential training videos for Adobe CC Photoshop, Illustrator and InDesign. I want you to get into each video far enough to familiarize yourself with the three different (yet very similar) work space interfaces. I find having the software open and doing the things going on in the video while it plays is useful. I stop and rewind quite a bit too. But, everybody works/learns differently.

There are only five computers in the lab, so get subscribed to Adobe CC too and get it installed on your computers and bring them to class to work on (or you can also after the demos, go into OP1210 Beta Computer lab and work there – if/when I cut you loose).

If you are getting frustrated and/or overwhelmed at any point during the semester, please feel free to stop by and talk. My door is always open and there is a ton of information to cram into our noggins and the potential for getting frustrated is high. I know, I’ve been there and done that.

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…

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.


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

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.


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

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.

Adobe Animate

Here is the post about getting up to speed with Adobe Animate. Watch the essential training videos on 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, 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.