COMD1162 – Week13
DUE: ‘Move Your Body’ illustration sketch – be prepared to present to class next week. – Save sketch into Week13-Project2-Sketch’ folder in dropbox (with your name on it).
*Note we only have two more class meeting sessions. We have collectively decided to hold our last class on Reading Day, December 13 at the usual time. We will therefor not meet on December 20th. Please mark your calendars!
In-class/ Lecture
Project 2: Educational Health Awareness Booklet (see overview handed out and posted in Week 9)
Book dimensions: 7.5″ x 10.5″
Download the template for Project 2 – posted in Week 12
Developing a concept
Research
First Lady Michelle Obama’s ‘Lets Move’: www.letsmove.gov
Lesson
Illustrator: Review Lesson-Week12
-> Manipulating Type – Envelope Distort
-> Blending Tool
-> Live Trace
Labtime
For project 2, using the provided illustrator template above, create 2 symbols in opposite meaning for the ‘Move Your Body’ section. One should depict a stationary activity and one should depict an activity in motion.
Homework
DUE: First draft of both ‘Move Your Body’ and ‘Eat Good Things’ illustration – be prepared to present to class next week.
ADV3550 (Web Design & Implementation)
Welcome to ADV3550 (Web Design & Implementation) online. Here you will find regular postings for handouts given in-class.
Course Description:
This class will focus on how to present content online using XHTML and CSS. Graphic design students will gain a solid understanding of the fundamental skills for interactive design.
Objectives:
- Design and build an effective portfolio web site
- Gain a solid foundation of current markup languages and applications
- Explore industry standards in layout design and functionality
- Uploaded, fully operational site to personal URL
ADV1160 (Desktop Publishing)
Welcome to ADV1160 (Desktop Publishing) online. Here you will find regular postings for handouts given in-class.
Course Description:
This class will focus on graphic design as a communication tool. Students will learn the basics of page layout design. Emphasis will be placed on drafting techniques, typography, measurements, proofreading mark-ups and corrections.
Objectives:
- Use design as a means of communication
- Gain a solid understanding of production steps
- Gain a solid understanding of industry tools (both conventional and digital)
- Gain a solid understanding of the grid system: bring visual structure and balance to design
- Develop conceptual thinking skills
- Encourage articulate and productive presentation and discussion skills
- Present final work professionally and within project deadlines
————————————————————————————————
Spring 2010
Welcome to the Spring 2010 Semester!
I will be uploading all class assignments and handouts to this site.
Please make a point of checking in on a regular basis.
Follow the links on the right-hand side to find your class and the related lesson plans.
Make sure you ‘subscribe’ so you receive my emails.
ADV1160 – Week12
By now I should have received a printed and bound booklet from each of you. If I have not, than please drop yours into my mail box in room P100 ASAP. I will be reviewing them and providing you with feedback next week. (If I do not receive your printed booklet than I am unable to give you feedback and your grade will suffer.)
Homework:
1. Read the text for the ‘Going Green’ pamphlet and decide which of the 10 items you will be focusing on (you can find details here: http://www.artorium.com/instruction/ (ADV1160 – week10)
2. Sketch out a rough draft of the flyer with paper and pencil (8.5″ x 11″) and figure out how the pamphlet will fold.
3. Set up the document in InDesign (two pages, front and back)
4. Layout the ten items by threading the text in text columns in InDesign
5. Create a (research) collage in Illustrator with a collection of different symbols that you might use for the project
6. Chose 4 color swatches you would like to work with.
7. Collect any high-resolution photography you would like to worth with.
Note: everything is DUE in two weeks for the in-class presentation:
A. ‘Typography’ booklet: Revised, printed (in color), trimmed and bound
B. ‘Going Green’ pamphlet: Printed and folded
Printer Recommendation: You might also start to research printers. Call to find out how long it will take and how much it will cost to print 8.5”x11” in color.
Remsen Graphics
65 Remsen Street,
Brooklyn, NY
(718) 643-7500
ADV3550 – Week13
Animation
Flash CS3
1. Frames vs. Keyframes
2. Frame by frame animation
3. Shape tween
4. Library
5. Graphic Symbol
6. Motion tween
7. Importing files (Photoshop/Illustrator)
To refresh what we covered in class you might view:
http://www.youtube.com/watch?v=oYQNboonDOc
and
http://www.youtube.com/watch?v=uACbNcZLlKM&feature=related
ADV1160 – Week10
As we move into the final weeks of the semester it’s time to begin the final project. We will be creating a promotional flyer to encourage New Yorkers to follow 10 easy tips, to save money while simultaneously making the City a healthier place to live. For this project I would like you to reference the style of one of the designers that we have looked at over the course of the semester. For example once the project is finished you should be able to say this design was influenced by David Carson’s work.
Handout with the specifications for the final project:
ADV1160-FinalProject and here is the text that goes with it.
Homework I would like you to:
1. Read the text and decide which of the 10 list items you will be focusing on.
2. Sketch out a rough draft of the flyer with paper and pencil (8.5″ x 11″)
3. Create a (research) collage in Illustrator with a collection of different symbols that you might use for the project as well as the 4 color swatches you would like to work with.
Here is the list of designers we have looked at:
Milton Glaser
Massimo and Lella Vignelli
Paula Scher
Seymour Chwast
Herb Lubalin
Gail Anderson
Neville Brody
David Carson
Deanne Cheuk
Saul Bass
Edward Benguiat
Matteo Bologna
James Victore
Stephan Sagmeister
Ellen Lupton
Abbott Miller
Ed Fella
Louise Fili
Michael Bierut
Paul Renner
Jonathon Hoefler
Erik Spiekermann
Jill Bell
Lucian Bernhard
The Dillons
The Eams
ADV3550 – Week10
This week in class we reviewed the lesson from Week 9 focusing on images and building the ‘gallery’ section of your site. We reviewed the concept of using Lightbox. I also introduced how to build a form for your contact page.
A. Review Lightbox galleries
Here are two worthwhile websites
B. Create roll-over images
Here is a good tutorial for that:
http://webdesign.about.com/od/dreamweaverhowtos/ss/dw-rollover-img.htm
C. Build a ‘contact’ form
Here’s a good, detailed tutorial I recommend watching;
http://www.youtube.com/watch?v=7soyO5DwJMY
-> We will follow this simple tutorial to build our basic form in Dreamweaver:
http://dreamweaverspot.com/adobe-dreamweaver-tutorial-contact-forms/
For the contact form, you will need to download a PHP script provided in the tutorial. PHP is a server-side scripting language that is embedded in html to perform all sorts of tasks. In our case we will download an existing PHP file: ‘FormToEmail.php’ from the tutorial. Make sure the file is saved in the same folder as all your existing html files for your site.
Follow these steps. (Use the tutorial listed above.)
- Drop the FormToEmail.php file into the same folder as your contact.html page.
- Edit the php file as instructed in the tutorial. You will have to change the email address in the form to be yours. (Please note: you cannot test the form until it is up on your server.)
- Create your form in Dreamweaver.
- Add any styling you want to add.
- Publish your files to your site and test them by sending yourself an email
The basic from that we are building in class is not secure, meaning it does not prevent against spam. If you would like to explore other options you might check out this link here:
http://www.freecontactform.com/free.php
Homework:
1. I would like you to post a first draft of your site to your URL and send me a link by Sunday. The site does not have to be 100% complete but by Sunday you should have the homepage built and at least one link of the navigation should be working.
If you need help uploading your site here is a quick refresher:
http://www.vineyardesigns.com/resources/dreamweaver/test_upload.shtml
2. And if I did not yet receive your statement and your work descriptions, please be sure to bring a printed copy of that for me this Monday.
ADV3550 – Week9
In class this week we reviewed the lesson from Week 8. We continued with the goal of putting together a website from your Photoshop designs. We focused on images and building the ‘gallery’ section of your site. I also introduced the concept of using Lightbox.
Here are the lesson examples for week9, please download:
ADV3350 Week9 Lesson Example
Here is the handout for week 9:
ADV3550_Lightbox
Homework:
1. Continue to work on your website. See if you can get the basic structure built out in HTML and CSS and have two pages linking to each other.
2. Organize and revise the portfolio pieces you plan to show in your website (see the handout I gave in week7). I will be collecting in class on Monday.
ADV1160 – Week9
We are finally getting into the fun part. It’s time to design your booklet using InDesign. As you start to put it all together keep thinking about the Principals of Design that we discussed in class (you can also see the handouts from ADV1160 – Week8):
- Does each spread feel part of the same booklet?
- Is there a clear hierarchy of information?
- Is content readable?
- Does the layout feel balanced?
- Have you left enough open (white) space to allow the eye to move around the page? Try to avoid information overload. When in doubt leave it out!
Homework: (Please read through the list below very carefully.)
As you work on this if you forget how to do something in InDesign, see if you can Google it. For example type: ‘Threading text in InDesign’ or ‘Placing images in Indesign.’
A. Take-home Quiz – if you did not get that to me last week (see: ADV1160 – Week8)
B. Booklet:
1. Set up all 6 spreads plus the back and the front cover in InDesign. Make sure you have the correct dimensions, margins, bleeds, gutter… (See handouts from ADV1160 – Week7):
2. Place your ‘typography’ cover into the first page and a version of the same for the back cover.
3. Make sure your text is set to columns and threaded.
4. Each spread should use the same typeface, point size and leading.
5. Avoid floating type columns; have them set towards the base (but within the margins) of your page. This will make the layout feel grounded.
6. Add a ‘Pull-Quote’ for each spread. Pull-Quotes are a great way to add visual variety to the layout.
7. Stick with a simple color palette: two or three colors. The colors should be similar, if not the same, to what you used in the ‘typography’ cover.
8. Organize your layers so that you have text on one layer, images on another, pull-quotes on a third, etc…
9. Use the ‘Master Page’ to add any content that you want to appear on every page of your booklet.
10. Print as spreads, with crop marks (black and white is ok). And bring files and print-outs with you to class next week.
Have fun with it!
You can email with questions: ghitchings@citytech.cuny.edu
I can’t wait to see…
—————–
