Cool designers

Here's a job for you!!!!

How about designing all the documents and packaging for an entire "world"?!!! These designers work in the movie industry and were hired to do just that- AMAZING!

Check out Annie Atkins here @ http://annieatkins.com

AND here is an interview with her @ http://www.creativereview.co.uk/cr-blog/2014/march/grand-budapest-hotel

And 

Mina Lima Design did all the work for the HARRY POTTER films! Cooool!

See them here @ http://www.minalima.com/film-work/graphic-props/harry-potter-2000-2010

and a quick interview here @http://www.coolhunting.com/design/interview-printorium.php 

Designing with Photoshop

We are going to create a poster for the school play-

to do that, we need to master two new skills in Photoshop…

 LAYER MASKS

and


LAYER STYLES

in un iun piun


http://www.mybloggerlab.com/2013/03/how-to-embed-pdf-and-other-documents-in-blogger-posts.html


ibbnpibbpb

ADDING the PDF of your book to your blog

Try this technique out...... you should have access to Google docs, because you signed into blogger,,,,,

if that is so, you can use their code to add the PDF..

Here is a step by step of how... @ http://www.mybloggerlab.com/2013/03/how-to-embed-pdf-and-other-documents-in-blogger-posts.html

Mess With the Web! ...... a project

Creatively use the effects of scrolling, resolution, and computer monitors different from paper, to create an artwork that evokes CHANGE from start to finish.

 Use Photoshop as the primary software tool..... SKILLS include: Image resolution, image size, RGB mode and loading to the blog.



Here is a screenshot of the Photoshop page set up for you..... the SIZE may change but the RESOLUTION is set for 72 and mode is "RGB".

REQUIREMENTS: post at least three versions of your design to have evidence of your creative process.

IDEAS: look at previous student's solutions on the class' blog.

Here are some links to other samples @http://wawacdesign.blogspot.com/2013/04/mess-with-web-project.html

and here @ http://wawacdesign.blogspot.com/2012/03/experiment.html 

Posting the Book

After posting your book answer these questions about your work:

1. What was your "theme"? How does your use of images, type, and effects help your audience understand the theme?

2. How does your book design show your use of a "structure"- throught the use of a grid, or  columns....

*please post a screenshot (command+shift+4) showing your use of the grid or columns in InDesign.

3. What is the best part of your book design? Why?

fixed book MUSE _interactive_.pdf

PDF your Book!

To get your pages on the blog, you need to save them as PDF's first, then place them in Photoshop, then save them for the web as jpegs.....

that process keeps the details intact.... aparently InDesign isn't so great for converting to the web....

Here's some screen shots of how that works...

Firt, change your document color mode to RGB... that matches how a monitor displays colors.

Then, export as a PDF

 Name and save it...

Select how it is to be saved.....

Then open the PDF in Photoshop.... notice you must choose multiple pages to open..

here's my book saved.....

Mr Woodstock Ticket Design!!!

Whoaaaa!!!

are you up to a quick, last-minute job?

Design a ticket for this event..... no requirements or "theme"....

have this info on the ticket

Woodstock Academy Student Council Presents:
Mr. Woodstock 2014
7:00 PM Friday April 4th
in the bates auditorium

Design it to fit 8 tickets on a letter sized page....

Use Green and gold colors....and have a crown on it somewhere...

Thanks!

IDEAS for your "book"

Here are some links to search for ideas about using type in a book format.....

Check it out here @ http://www.brainpickings.org/index.php/2011/08/01/10-essential-books-on-typography/

And Here @ http://www.webdesignerdepot.com/2011/05/mind-blowing-examples-of-experimental-typography/

Another one here @ http://ericakitamura.blogspot.com/2012/02/book-design-experimental-typography.html

How about this one?!!!! WOW!

Here @ http://www.esono.com/

AAAAND videos using typography here @ http://vimeo.com/74993082

Or this one @http://vimeo.com/69375692

LASTly, John Maeda's "reactive books" used programing to make type react to human input

Here @ http://www.youtube.com/watch?v=nA_UTUvC4h8

InDesign Help- Part 3!

Here is another WONDERFUL collection of ideas and tips for using InDesign.... Lisa Valuyskaya is great!


Check out the link @http://www.smashingmagazine.com/2011/03/17/indesign-tips-i-wish-i-d-known-when-starting-out/

The InDesign Challenge!

Let's combine your software skills with the "structures"of columns and the grid.

CREATE a 10 page book, using InDesign, that describes the message of a song or poem. Use type as the dominant visual objects in the book. Solve these design challenges:

1. Use the words of the poem/song lyric as the dominant visuals in the book

2. Show your use of a grid, or column structure to hold the book together.

3. Have an area of EMPHASIS on pages and in the book itself

4. Work with color, or black and white

5. Show VARIETY in the book design.


Document size is 10 pages, CMYK color settings, each page is "letter half" in size (5.5X8.5).

*Use Photoshop and Illustrator to create images, but build the book in InDesign.

A PACKAGE....

Create a "package of your indesign document to collect fonts, images all together!! 

 

InDesign Help, part 2

Here are more skills to learn today...

1. PLACING images into InDesign

Here is the link @ http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-6bc5a.html#WSa285fff53dea4f8617383751001ea8cb3f-6bbea


 Here are the FRAME tools..... not the "rectangle" tools...

THESE are the buttons to fit the frame to your images.....

2. Here is a great VIDEO  i found this morning too!!!

here @ http://tv.adobe.com/watch/creative-suite-podcast-designers/indesign-cs-55-from-start-to-finish/

INDESIGN Help

Here are some links to info on the main tools we used in INDESIGN

1. TEXT WRAP- here @ http://helpx.adobe.com/indesign/using/text-wrap.html

2. DROP CAP

Here @ http://help.adobe.com/en_US/indesign/cs/using/WSa285fff53dea4f8617383751001ea8cb3f-6dd2a.html#WSa285fff53dea4f8617383751001ea8cb3f-6dc4a

 

CREATING WITH THE GRID

Use a grid to build an image, using type only.....

The resulting design should demonstrate your understanding and using these ideas:

1. CHANGES across the grid lines in size, value, color, texture, shape....

2. CONNECTIONS across the grid lines ...

3. VARIETY of all elements.... build visual interest

4. EMPHASIS lead us to notice one or more areas as important.

5. GRID structure should be noticable, but not DOMINANT when we delete the grid lines...

CONSIDER that you might break off the grid as a way to get EMPHASIS

Print your design, and post it to your blog-

GRID SYSTEMS!!

Here is the link to more info on the use of GRIDS in design…

http://wawacdesign.blogspot.com/2013/05/working-with-grid.html


And here is a link to a wonderful article about the use of grids… http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/

For example, the New York Times web site….. see the structure?

DAVID CARSON

Another legendary designer you should know about..... for his work with typography.

Gather three or more examples of his work and post it to your blog, please.

Here's a link to more info: http://wawacdesign.blogspot.com/2011/09/david-carsons-type-designs.html

Examples of his work are here @http://www.davidcarsondesign.com/work/

and here is more: http://www.davidcarsondesign.com/t/tag/raygun/ 

and here is a great TED talk by Carson.... @http://www.ted.com/talks/david_carson_on_design

Even more here @ http://hillmancurtis.com/artist-series/david-carson/

AESTHETIC APARATUS

These guys are very coool!!! Perhaps you might like them, eh?

Here is the link http://aestheticapparatus.com/

Ideas For The Band Logo Project....

Design a logo for a "contemporary punk" band.....

The logo will be used on a t-shirt, so it must be printed black on white.... no greys.

Look at the design books we have in class for some ideas about the "look" of the shirt design....

Use either, or both Illustrator and Photoshop top create the design.

 

This is the scanned logo drawing given to us......