DUE WEEK14
Part 4: Poster Refinement & Final
Pick the best of your three comps and refine it. Refine your design and print it out full size. The print should be full size (24”x36”), matte or glossy paper and mounted onto foam core with no borders.
* Also add this project to your process book. Print your book and turn in the PDF on the server.
DUE WEEK13
Part 1: Graphic Design Research
Create a research sheet with a variety of samples from several artists that participated in one historical design movement. Figure out what elements makes that style unique and ties all of the pieces together.
On your sheet include: artists names, dates, and a brief paragraph about the main aesthetic goal of the design movement. Be prepared to discuss the design movement in class.
Size 11” x 17” color print.
Part 2: Type Face Research.
Find out the names of the type faces that were used by graphic designers in the posters from the design movement you chose. Make a sheet with at least five different type face specimens. Type the whole alphabet and the name of the type face.
Part 3: Poster Comps
Create three rough layout ideas using Photoshop. You can use photographic images that you take or drawings that you create. These should each fit on an 11 x 17 sheet for print out in class.
OBJECT POSTER DESIGN
Description:
Using your necessary object as the subject, design a poster that is based on a historical graphic poster design movement. The poster should include either a photograph or an illustration of your necessary object. The poster can border the line between being an advertisement or an art piece. But it should make a statement about your object either by telling a story about your object or visually communicating your opinion of the object.
The amount of type should be based on the what was used in posters of the movement. The type face you choose should be appropriate for the time and style of the design movement you have chosen.
Composition, scale and color will all be important aspects of the overall design. These elements should all be endemic of the style of the movement you choose.
Goal: The idea is not to copy an exact poster that already existed, but instead to learn about the methodology and design technique used by the original artist and use it to create a new, unique poster.
Final Trim size: 24” x 36” / CMYK Color / 300 dpi.
Week 11
Assignment: Web Comps & Banner Ads
Description:
Design flats for 3 web pages and 2 banner ads for an entity of your choice.
It can be for one of your previous projects or something new.
Explore multiple design looks. Bring in all process to review.
Explore navigation, information architecture and interface layouts.
Slice up your web comps and link them up in Dreamweaver.
Optimize your banner ads using the “save for web” function we learned.
*The web comps and banner ads should relate to each other aesthetically.
If there is animation, print out the separate frames.
Requirements:
Web pages: 1024 x 768, 72 dpi. (3 pages total: home page and 2 inside pages)
- Make sure to explore multiple design ideas first before settling on one direction.
Banner ads: 160 x 600 and 300 x 250
Deliverables:
Print out all comps for critique along with digital files.
_
Happy Thanksgiving!
Week 10
Photoshop Filter Assignment:
Description:
Use one of the images you shot of your necessary object from last week (or shoot a new one) and make it look like a print technique or painting style using textures that you create with filters and coloring techniques. First, clean up your image by eliminating specks and distracting background elements. Correct the color of the image so it is clean and sharp. Use this cleaned up image to run a variety of filters to change the look of the image.
Goal: To explore color though Photoshop’s Image Adjustments and filter techniques.
What’s Due:
On one 8.5 x 11” sheet, print the original unretouched image and put the fixed, color corrected one next to it. (print at 300dpi)
On one 11 x 17” print lay out the six images you create using filters. Put a small thumbnail of the print or painting you were using as a reference next to each image.
Each of the six images should be 5” x 5” / RGB Color / 300 dpi.
I have attached some examples of previous classwork.
Good luck!
+ryan
Week 8-9
- Make Revisions Infographic Poster
Necessary Object: Surrealist Illustration Part 1:
Surrealism Style Sheets: Research different types of surrealist imagery. Make a collection of reference materials for your inspiration. Print that out on a 11 x 17” sheet.(150 dpi)
Part 2:
Start out with good, clean images of your object. Select them, extracting them from their backgrounds, and create a new world for you and your object.
Try to match lighting and color. You may need to re-shoot the image from another angle or with new lighting to get it to fit into your image.
You may need to re-color all of your elements so they go together into a cohesive composition.You must use an image of your necessary object and combine it with an image of yourself.
Goal: To use selection techniques learned in class to create a unique surreal image from your own photographs.
What’s Due:3 Comps: Create three digital comps showing different ideas or variation on a theme.
Image Size:
13 x 19” / RGB Color / 300 ppi
Research Sheet:
A sheet showing the individual elements you used to composite the three comps together. Show them uncut in the original state.
Image Size:
11 x 17” / RGB Color / 300 ppi
Week 7
NECESSARY OBJECT - (Photoshop)
Part One: Research
Choose an object that you feel is a necessity for your daily life.It can be a consumer product or other object. It can be something that you use every day, feel a strong connection to, or simply can not imagine going through a day without using it. Think about how this object fits into your daily life and why it is so important to you.
Photograph the Object:Take a series of shots of your object in different lighting and angles. Take close ups and full views. Be sure to use natural or studio lighting so your shots come out clean. One shot should show the object in it’s entirety.
__
Part 1: Discovery (11”x17” - 150 dpi)
Explore the object’s place in society.Create a digital collage of images that you gather from the internet, magazines, or product brochures that relate to your object in society and in history.
Part 2: Photograph the Object
Take a series of shots of your object in different lighting and angles. Take close ups and full views. Be sure to use natural or studio lighting so your shots come out clean. One shot should show the object in it’s entirety.
- Output all of your images into Bridge web gallery (output to disk)
- Print out your 10 best shots on photo quality glossy inkjet paper
Part 2: Infographic / Timeline Poster (11”x17” - 150 dpi)
Make an infographic poster based on your research, now incorporating type and lay it out in an interesting way.Use placed images from photoshop into Illustrator to do the type.
Visuals and text can be derived from:Object history - Where did it come from?Market Presence - examples of the object or similar products.Target User - Who uses this object?Personal Facts or Stats - specific to you.
__
**Keep your original five shots, in full resolution, stored and backed up for further assignments.
Good luck!
-Get your own website by
going to helpdesk@artcenter.edu
-Request your server space FTP Account Info
-Give them student Id # and they will give you something like www.people.artcenter.dorazi
-Go to a website and get a domain name about $8 a year and link it to the art center domain space.
Week 6
Here is everything that is due for next week. You will presenting all of your finished printed pieces and printed pages of the process book.
Make sure to include mock ups of the signs that would be included in the environment.For a bonus, design pages for a website. Create mock ups in at 1280 x 800px.
__
For Mid-term Presentation we will be presenting all of the pages of your logo book plus the mock-ups of the collateral items.
Print out all of your sheets on high quality paper and put them up on the critique board in class.
Final Pages due for Logo Book:
1. Title Page:
This page should contain your name & project title and a brief introduction statement to the logo project.
2. Research Section:
Show your restaurant shots and the previous logo you are replacing (multiples if there are several).
3. Concept Section:
List your clientele, your descriptive word list, and your statement of intention to re-design the logo.
4. Sketches Section:
List your clientele, your descriptive word list, and your statement of intention to re-design the logo.
5. Logo Black and White Page:
Show your logo in three sizes; large, medium and small.
6. Logo Colors Page:
Show a full color logo with pantone swatch colors and numbers indicated on the page.
7. Business Cards Page:
Show the front and back of the card
8. Take out Menu Page:
Show the front and back of the take out menu design.
9. Signage Page:
Show the signs superimposed in the environment of your restaurant.
10. Brand Expansion & Web Pages:
This should include one page for each item you plan on designing to explore your logo’s brand.
This Mid-term Process Book will be turned in digitally in PDF format.
Week 5
RESTAURANT IDENTITY Collateral Design
-Revise Logo Design: Create a revised one color version and a full color version for the final. Print both out onto an 8.5 x 11” paper to show in class next week.
-Design a series of collateral pieces that explore how your restaurant’s logo brand will be applied.
-Use real type - no greeking (you know, that Lorem Ipsum filler type). Use the existing stuff in your restaurant to figure out what information you need like: phone numbers, address, prices, etc.
-Make a few variations to explore different designs. It is best to lay out one and then move the parts around.
-Consider patterns, using elements from your logo, solid color placement and unified style and color.
Your collateral must include the following items:
a. Business Card
Final Size: 3.5” x 2”Ink Color: Two Pantone Colors (Black counts as a color)Colored paper is OK.One or two sided.
b. Take Out Menu
Final size: one 8.5 x 11 sheet (I am open to alternative formats, but with good reason)Ink Color: Two Pantone Colors (Black counts as a color)Colored paper is OK.
c. Package Items
Two objects of your choice. Choose something that your restaurant would actually use, like a cup, napkin, take out box, bag, etc. For this part of your project you want to do research and find an EPS or PDF file (that is already vector based ) of a die line through online or a packaging book resource.
You will be creating really nice, pristine mock-ups of all of these items, in actual size, and showing them in class. For this week laser printed and taped together rough mock-ups are adequate to show your ideas.
-To make 3D type, type out whatever and then go to Type> Create Outlines then go to Effect> Extrude & Bevel
-CMD+Shift+O = Convert to Outlines
-Suggested Books:
Designing Brand Identity by Alina Wheeler
Los Logos
Print’s Best Logos & Symbols 3 Winning Designs from Print Magazine’s National Competition
Logology by Viction Workshop ltd
Symbols of America
Week 4
- Choose a real restaurant (with a crappy logo)> Eat There
- Note: atmosphere, clientele, food/prices, casual/upscale, take photos, draw whatever comes to mind-try mind mapping
- Research: culture, style of food, symbols, customs and country origins.
- Font Research: Play with the restaurant name in a bunch of different typefaces, fill a whole page, then choose 2 fonts for Logo and body copy of menu.
- Logo Exploration: draw logo in ilustrator, make at least 5 variations, using differenct shapes, scale size to explore logo design.
- Create color version of your picked out logo and print both black and white and color then mount each on their own 7x7 on foamcore, bring digital files to server.
-To change colors of a document go to Window > Color Guide > then click the radial looking icon at the bottom right of the box.
-In this box you can randomly change the color order by clicking the box at the bottom right farthest left.
-Make a new color group and it shows up in your Color Guide so you can apply those colors to your document.
-CMD+7 for a clipping mask
Week 3
- Assignment 3: In handout
- Illustrator Notes:
-To change from picas to inches, click Illustrator>Preferences>Units
-To make a shape from the center hold down Option and drag.
-Holding down the Command key toggles you back to the last tool you used.
-To swap Stroke and Fill press Shift+X
-To change corner radius of a rounded rectangle drag out and press up and down arrows. Same for the polygon with adding sides and the arc angles. You can also do the same with the grids.
-To lengthen this shape without skewing it use the Direct Selection tool to select the points you want to move then drag.
-To zoom Space+CMD+drag box.
-When making a star hold to down Option for a perfect star, You can also hold down command key to make arms longer, or when dragging out press up and down arrows to create more arms. Try also adding more arms and then pressing Option for an interesting effect.
-After using pen tool hold down option key to break arms when using arrow tool.
-If you double click a brush you can change the settings such as angle, diameter, and thickness
-If you have a open type or font with OO next to it you can go to Type > Glyph and see other options for the font such as flourishes.
-To move letters closer to each other click in the text when you want and then click Option+left and right arrow.
-Type>Create Outlines to make your type expanded.
-To play with Text highlight CMD+Shift to make text larger and Option+Up and Down arrows to make smaller or large leading.
-To make text around a circle use the type on a path tool and if you want to flip it inside the circles there are lines take them inside or outside the circle and rotate.
Week 2
- I want to begin posting peoples work done in class on the blog, so if you’re proud of what you did email it to me at jdagres@inside.artcenter.edu
- Assignment 2: Indentity for the Cause
Pick a Logo Concept
Description: Choose or create a a socially conscious organization that aims to influence society in a powerful way that you identify with.
Part 1: Research
Investigate. Go to places that are relevant to your area of focus. Take notes about what symbols or metaphors can be used to describe the organization. Take pictures. Rough ideas. Look at other design approaches that have been attempted in the past. Sketch out some thumbnails in your notebook. Draw whatever comes to mind when you think of the cause, even if it is not going to be a logo.
Do a word study and write down adjectives, nouns or verbs that describe the organization. You can use these words to help you narrow your ideas.
Print your research out and bring it to class for discussion. You will probably need multiple sheets to show it all, so just bring it all in.
Part 2: Sketch
Sketch a minimum of 25 marker sketches of a variety of logo concepts.
Part 3: Digital Logo Comps
Begin to draw your logos of choice using Illustrator. Make at least five variations with type. Use different shapes, scale and styles to explore your logo design. Bring all files to class and be ready to refine them further in Illustrator.
How to create a pdf of your work. File> Export> Pick the PDF option and follow directions on screen it’s self explanatory. Or CMD+E then pick the PDF option.
How to Tile:
Open Photoshop- If the poster is 24”x36” finished size we need to create a bleed. When opening a new document make it 24.5”x36.5” post your poster in the document > then save it.
Open Illustrator- CMD+N for a new document make it 24”x”36” and under the section where it says bleed put .25” and make sure the chain link is locked. Then go to File> Place> Pick your poster.
Printing: CMD+P or File> Print
In illustrator in the print window select the Media size as Tabloid and select the Tile option. You can play around with portrait to landscape and drag the poster around to where it fits best in the dialog box.
When tiling in the Print Dialog Box under Options make sure to use Overlap and make it at least 1in it will now account for the overlap. YOU NEED THIS!
View> Show Print Tiling so you can see the overall view of the poster wit the trimming
-Think about the Hierarchy of Type
-Do research then concept, and don’t just go with the first idea that comes to mind, but try to see other options that may communicate your idea.
-Make sure your idea is communicated to the outside viewer.
-Sketch and make sure you layout your text in your sketches or else you’ll be doing it on the actual project and you may not have came up with the best solution where as if you’d have sketched it ahead of time.
-Do your work as if you are presenting it to a client.
-Take pride in your process of research, sketching, and actual project. That is the difference between someone who is average and extraordinary.
-You are here to learn the programs put effort into your assignments that utilize what we are learning in class. For example: Most put more effort into the poster than the actually research, sketches, and process. & yes I know we creative people are prone to doing the more fun things we are familiar with. However, like I said before you’re here to learn the programs, not necessarily design, leave that to your design teachers. But to be honest you will learn a lot of design in this class. Just get the most out of this class basically, you probably won’t have another program class at Art Center like this again. Learn the programs while you have someone to help you, because after this the school will expect you to watch Lynda.com meh…. personally those videos are way too long if you have a short attention span.
Week 1
- Assignment 1: Analog Poster (Summarized)
- Research Page
- 12 Sketches Page
- Take process pictures and make Process Page (the process of physically making the analog poster)
- Make your analog poster 24”x36” on substrate of your choice
- Take a picture of your poster or scan it, you can only color correct if needed and print on 11”x17”.
Bring all 5 objects to class!
- Assignment 1: Analog Poster (Detail)
Description: Make a poster for a concert that is being held for a social cause. Convey your emotional interpretation of the music and how it relates to the subject. Explore non-digital (analog) techniques for a creating a finished piece.
Research: Collect images and information surrounding the subject and identify a desired visual and emotional direction.
Advice: Don’t just do something because it looks cool, make something that has concept and meaning behind it. That is the key to good design.
Sketch thumbnails of poster concepts (minimum of 12)
Select an optimal direction and refine the design to apply it to a 24”x36” poster board.
Take pictures of your process along the way and begin to layout pages in an InDesign document. You will keep adding to this for the entire class.
Requirements: Include imagery and text: Title of Event, band name(s), event location, date and time.
Deliverables: After you have completed the poster, capture it in a digital format. Do not add design elements digitally. Only color correct, if needed. Layout pages of your process in an InDesign document.
-RGB(Red, Green, Blue): Additive colors(Emits Light) that when combined create white. Used for web.
-CMYK(Cyan, Magenta, Yellow, (Black)Key): Subtractive colors that when combined create black. Used for print.
-PMS(Pantone Matching System): Spot Color, used for printing a precise color. Good for screen printing. Ex: Spot-Blue PMS256 Pantone
-There are 72dpi/ppi(dots per inch/pixels per inch) on a web screen.
-150dpi-200dpi for Laser printers and Magazines.
-300dpi for Inkjet(dots) and photo quality.
-Raster/ Bitmap Image: psd, jpeg, png, gif, bmp
-Vector: ai,eps,pdf
-Get a DSLR and pick up some photo skills. If holding camera by hand have good lighting, recommend though getting a tripod, and make sure your camera has a macro setting.
- istockphoto.com for stock photography, you still have to pay for it
-overnightprints.com not really overnight though, you can though but its a lot more money. You can get spot varnish on your prints just follow the Spot UV instructions on the website. No Pantone
-dafont.com Free fonts, but be warned they aren’t really great.
Setting up your document
-To change picas to inches go to Indesign>Preferences>Units and Increments: Change picas toInches
-Make sure document is in landscape. Either 8.5”x11 or 11”x17”
-Set your Columns and Margins
Convert to CS5 document for lower version: Click File>Export>InDesign Markup(IDML)
To remove facing pages: File> Document Setup> Turn off facing pages
Master pages: Anything applied to the master pages goes to all your pages. Good for grids.
If you want a page that does not have the master on it; drag the none box to the specific page’s icon.
To create a new master: Click the pages window> select the drop down menu> then click New Master. To apply this to a page drag it to whatever page you want.
To hide frame edges(such as text box frames): View>Extras> Hide frame edges
CMD+Shift+F11 to open Character Styles or go to Type>Character Styles
-Create a character style and apply it to any other text by highlighting the text and selecting the style.
-Open documents and save CMD+S on MAC or Ctrl+S on PC
Cut: CMD+X
Copy: CMD+C
Paste: CMD+V
To swaps color boxes of fill and stroke: Shift+X
Hold Space bar to drag page around.
To fits contents to window: CMD+0
To bring the page to 100%zoom: CMD+1
Zoom: CMD+
Zoom out: CMD-
Click drag around area you want to zoom: Space+CMD
Zoom out: Space+CMD+Option
CMD’: To show and hide grids
CMD; To show and hide guides
CMD+Shift+ < or>: Makes text larger or smaller
CMD+Shift+Option+ < or>: Makes text larger or smaller by increments of 10pts
Select all text Option+Up and Down: Leading
Select all text Option+Left & Right: Tracking
When enlargening an image hold down shift to constrain proportions.
To duplicate a page: Option+CMD and drag to where ever you want it.
If you have the arrow key selected to duplicate an object or text hold down Option and drag.
If you press down CMD it brings up the arrow key temporarily. If you want the arrow key press V and for the direct selection too press A
Put all your images and typefaces you use in your Indesign document in a support folder because Indesign refers to file on your pc it does not create its own document like photoshop so if you move them Indesign doesn’t know where the image is anymore which creates broken links which makes your image pixelated. By doing this if your links are broken you can quickly refer to the folder and relink them.
-Adjusting your sketches
CMD+L: Levels
With the dark eyedropper tool select the dark and adjust it and with the light eyedropper tool select the white and adjust.
-To duplicate an object CMD+Option or you can do CMD+Shift+Option to keep it aligned.
Archive
Mobile
RSS
Revista Theme
Tumblr
