INFO ABOUT Experience Design

Check this link... https://helpx.adobe.com/experience-design/help/create-prototypes.html#main-pars_header

Here is a copy of the essay questions..... it is on edline too.

FINAL PROJECT Check Up!

Please post this information about your final exam project to your blog:

1. What is the MESSAGE behind your design?

2. How is your design INTERACTIVE- what will the viewer do to get the info?

3. What is your color scheme?

4. What part of your design is the EMPHASIS?

BLOG UPDATES!

New blog posts will appear on edline as:

Post #13 • Post photos of the magazine layouts you recreated and screenshots of the InDesign layouts.

Post #14 • Post photos of your "Models" for the final exam project

Layout with InDesign

Here is a link to Adobe's site with some basic info about the software.... CLICK HERE

UPDATE YOUR BLOG

Add these posts to your blog, the edline grade name is listed here too....

Post # 11

• Post an image of your completed "Frankenstein" project.
• Post a map using arrows to show the MOVEMENT from emphasis to emphasis in your image.
• Post screenshots of the LAYERS you used too.
• Write 3 to 4 sentences about what Photoshop tool was most helpful in creating your image. 

Post # 12

• Post an image of your completed "Juxtapose" project
• Post a screenshot of your LAYERS, to show the pattern as a mask, and use of adjustment layers.
• Write 3 to 4 sentences describing how you used images, color, and the  mask to build visual interest.

JUXTAPOSE- Creativity Challenge

THE CHALLENGE 

Combine TWO images using LAYER MASKS to create a visually interesting result. Use contrast in image, color, and value.

DESIGN EXAMPLES

"Op artists", like BRIDGET RILEY  and VICTOR VASARELY
are great examples of how patterns can be used to make interesting visuals.


TOOLS 

Layer masks
Selecting tools (wand, select by color range)
Adjustment Layers


COOL TRICK

Create a black and white design in Illustrator, then drag it into Photoshop and create a mask from it....

OR

Use select by color range to select parts of an image to use as a mask on ANOTHER image....



Here is one example using a pattern as a mask:

And the Layers I used....

AND using a photo as a mask:

 I used the "select by color range" to select the face.... then made it into a mask!

Notice the Layer Mask is the same as the face!

Here is another view of the Layers.....

BLOG UPDATES

Here are the recent blog posts and their "edline" numbers

Here is a checklist of items to upload to the blog

• The logo word and definition.
• Your sketches to plan the logo design
• Your test-printed and built bags (post #7)
• Your FINAL logo design- upload the large size presentation page...(post #8)
• Your FINAL bag design pattern (post #9)
• 3 Photos of your built bag to show the completed product (post #10)

Learning Photoshop!

I can't wait to get you started with Photoshop!

Here are some of the handouts you will need to begin:

 

Here are some of the toolbars-

AND a quick link to some more info about the software : @ HERE

CREATIVITY CHALLENGE

Describe and Communicate as much as you can about an object using only photos, not words.....

1. Describe how it LOOKS- its shape, size, surface texture, weight.....

2. Describe how it works, what it does...or do something to it...

TOOLS

Use your phone or ipad to create images of the object...

Consider: 

• How Close or Far away you are to the object
• The ANGLE of the photo
• CLARITY- blurred or sharp the image is
• TRICKS- panorama settings, time lapse, short video...... slide show.... others?


COMMUNICATE your information by posting the images on your blog...

Consider:
• the order of the images
• the size of the images
• the spacing of the images on the blog post....

Bag Design Grade Sheet and Blog Posting List

Here is a copy of the grade sheet for you- 

"Mark up" and upload the grade sheet copy on ebackpack when you complete your project.

Here is a checklist of items to upload to the blog

• The logo word and definition.
• Your sketches to plan the logo design
• Post the "Japanese town logos" you recreated with pathfinder.... (post #6)
• Your test-printed and built bags (post #7)
• Your FINAL logo design- upload the large size presentation page...(post #8)
• Your FINAL bag design pattern (post #9)
• 3 Photos of your built bag to show the completed product (post #10)

Try this LINK

Here is the 

LINK

LOGO DESIGN HANDOUT

Here is a copy for you :-)

Starting With Logo Design

Let's get into Logo designs, also known as Corporate Identity


RESEARCH FIRST, here are some some places to look and learn....

TIPS and IDEAS about Logo Design

and here....

WHAT MAKES A GOOD LOGO?


 THEN, GATHER, collect 5 logos that interest you from this site (or another...) and post them to your blog....

GoodLogo.com



PRACTICE making logos, by recreating 5 of these Japanese Town Logos...from the PATHFINDER CHALLENGE...

Pathfinder Challenge!

Identity Design (logo design) is another important designer's skill. This challenge begins to strengthen your speed, control and skills when building logos with Illustrator.


Research, Collect and post 5 of your favorite "town logos" from this site http://pinktentacle.com/2010/04/50-japanese-town-logos-with-kanji/

Use the pathfinder tool, shaper tool and the "option", "shift" and "command" keys to recreate THREE of the logos.

Your challenge is to recreate them accurately and efficiently using Illustrator. The completed drawings should have no extra lines...

Okutama (Tōkyō): The kanji 奥 (oku)

COLOR SCHEMES

Here is the chart of color schemes for you...

AND

a link to this cool color schemes tool that Jason H. found for us....... LINK HERE

VISUAL HEIRARCHY

Organizing the information on your poster to help the viewer find and understand important information is the goal of VISUAL HIERARCHY.

Here is a wonderful article with more information- and some beautiful examples.... HERE

Links about the type poster project....

FIRST link........ HERE


Second link.......... HERE

AND a fun distraction........ HERE

TYPE EXPERIMENTS

We are building skills with creating and manipulating TYPE in order to create an expressive type poster.

Here is a copy of the handout.

Here are some interesting examples......

CHARLES WILLIAM'S  site @ http://www.madeup.org/#1

POKED STUDIO @ http://www.pokedstudio.com/new-gallery-5/food-typography


Here is an interesting link for more information about the HISTORY of type and the English alphabet...

Here is some info on the Anatomy Of Type 

SCREENSHOT ENVY......?

SCREENSHOT ENVY

Creatively misuse SCREENSHOTS and the BLOG to visually describe a theme...

Push the technology until it "breaks".....

(Screenshot is "command" + shift + 4)


Required: 

• Work from PHOTOGRAPHS, not artwork
• Make the image have areas of EMPHASIS
• Post your image on your blog.
• Post an explanation of your theme, using at least three sentences.


Consider
*what happens to a small screen shot image if you enlarge or stretch it... interesting
* Use the clipping mask feature to "crop" an enlarged image to fit the grid....

Creativity Questions

* How will you organize your image on the blog page?

* How will you make EMPHASIS?

* What is the surprise to keep the audience looking?

LINKS FOR IDEAS:

http://fromktoj.com/attempt/

Keetra Dixon's site....

Posting Your Book of Designs

Post images of each page in your book, and the cover design.

For EACH page, write answers to these questions:

• What is the object of EMPHASIS in the design?
• How does the design relate to your THEME?

Post up to three photos of the completed book to show how the images were organized. Photos should use a "backdrop" of white, or black. Photos should be in focus, clear and composed well.

Here are some examples: http://icodesigns.blogspot.com/2016/03/book-pages.html

and here @ http://icodesigns.blogspot.com/2016/03/built-book.html

PLEASE MAP THE DESIGN of one page.........

* Place a screen shot of your design in Illustrator, lock it, use drawing tools to show Emphasis and Movement.

Here is a sample of a map of Mac's design...

Building Your Own Blog!

Let's set up your blog in the next few days-

Here's

the

LINK

Great Example of Social Change with Design!!!!

Check out the design of this website and notice how they use VISUAL information to get the message to you!!!

http://theamplifierfoundation.org/

FINAL EXAM LINKS

HERE IT IS!!!


http://digidesignone.blogspot.com/2016/05/final-exam-project.html

What if the MASK didn't MOVE?

Here is another twist on the creation of movement with masks..... move the image, not the mask!

Here are some interesting examples to see 

PANNING SAMPLE

TIMING EXAMPLE

LOOPING EXAMPLE

See how I used type to make a mask?

I made a separate background image that was triple the width of my movie....

I even used Adjustment Layers to change the color of the image....

The MOVIE!!!!

Animation Project Handouts...

Here they are....