Graphic Design 1
Please don't work ahead. I sometimes change the assignments or provide additional information.
Last years assignments - Will be updated 2nd semester.
|
|
|
Thursday:
Intro - Hello, about me, the lab and the program.
Any graphic design 2 students in here?
Art Institute here next Friday (Feb 2).
Read the syllabus
Notes - This is a note taking place. Use the Cornell note layout. Be sure you have a Graphic Design section in your notebook.
Take notes that cover all software techniques you learn in class. There is WAY to much to try to remember in your class. I will grade these regularly. You can use your notes for any tests or quizzes. I will occasionally grade these.
Read all links. Links are underlined red text.
Sample Files: You can download or copy from this web page when you need them.
What is Graphic Design? Watch the above videos. We will talk about them in class.
Online Website - Almost everything you do in class will be put on your Weebly website for critique and grading. We will go over how to do this in class. If you don't want your site to be able to be found on the internet I will show you how to do that.
Be sure to write down your user name and password somewhere. If you forget them you will need to rebuild the site - not fun.
Sample Here
Click here to get a Weebly account.
Setting up your site:
Creating pages: Click HERE
Assignment Page: Click HERE
DOW Page: Click HERE
Calendar Page: Click HERE
Website Requirements - I want your navigation set up exactly this way: Home page (optional) Assignments, DOW's, Calendar and Portfolio. We will go over how to do this in class. Your site address should be: firstnameLastnamegd1.weebly.com. Example: bobpotaskygd1.weeble.com. If that name is taken see me for help. If you don't want your website to be searchable I'll show you how to set it up that way. No illegal images on your website. You can't use pictures from the internet (except research ideas). They do not belong to you. This is a professional website, not a personal website. It is a place for me to evaluate what you are learning and potential employers or colleges to see what you are capable of.
Andrew White's Graphic designers portfolio on You Tube - Check it out : )
Intro to Graphic Design Applications - You will be using Photoshop, Illustrator and InDesign this semester.
Photoshop will mostly be used for image manipulation. It is primarily a raster program. You will use this program to crop, color correct, re-size and combine images.
Illustrator will be used to create vector artwork as well as designing single page projects. Some good raster vs vector info. Read it.
InDesign will be used to make multi-page documents like magazines, electronic and print books. You will combine things you have worked on in Photoshop and Illustrator in InDesign.
After Effects is a motion graphics program. We will use it to animate your designs.
Check this out - super cool!
Video about color
Intro - Hello, about me, the lab and the program.
Any graphic design 2 students in here?
Art Institute here next Friday (Feb 2).
Read the syllabus
Notes - This is a note taking place. Use the Cornell note layout. Be sure you have a Graphic Design section in your notebook.
Take notes that cover all software techniques you learn in class. There is WAY to much to try to remember in your class. I will grade these regularly. You can use your notes for any tests or quizzes. I will occasionally grade these.
Read all links. Links are underlined red text.
Sample Files: You can download or copy from this web page when you need them.
What is Graphic Design? Watch the above videos. We will talk about them in class.
Online Website - Almost everything you do in class will be put on your Weebly website for critique and grading. We will go over how to do this in class. If you don't want your site to be able to be found on the internet I will show you how to do that.
Be sure to write down your user name and password somewhere. If you forget them you will need to rebuild the site - not fun.
Sample Here
Click here to get a Weebly account.
Setting up your site:
Creating pages: Click HERE
Assignment Page: Click HERE
DOW Page: Click HERE
Calendar Page: Click HERE
Website Requirements - I want your navigation set up exactly this way: Home page (optional) Assignments, DOW's, Calendar and Portfolio. We will go over how to do this in class. Your site address should be: firstnameLastnamegd1.weebly.com. Example: bobpotaskygd1.weeble.com. If that name is taken see me for help. If you don't want your website to be searchable I'll show you how to set it up that way. No illegal images on your website. You can't use pictures from the internet (except research ideas). They do not belong to you. This is a professional website, not a personal website. It is a place for me to evaluate what you are learning and potential employers or colleges to see what you are capable of.
Andrew White's Graphic designers portfolio on You Tube - Check it out : )
Intro to Graphic Design Applications - You will be using Photoshop, Illustrator and InDesign this semester.
Photoshop will mostly be used for image manipulation. It is primarily a raster program. You will use this program to crop, color correct, re-size and combine images.
Illustrator will be used to create vector artwork as well as designing single page projects. Some good raster vs vector info. Read it.
InDesign will be used to make multi-page documents like magazines, electronic and print books. You will combine things you have worked on in Photoshop and Illustrator in InDesign.
After Effects is a motion graphics program. We will use it to animate your designs.
Check this out - super cool!
Video about color
By David Carson
Ray Gun (Design Of the Week) Write at least 25 words describing what you do or don't like about the design. Use at least 2 of the design terms from the list below. The more terms you use and understand the smarter you will get. Include a copy of this picture with your critique. Make the picture about 2 inches wide. Put it in the DOW section of your website. Due at the end of next week.
We will do this first one together in class.
We will do this first one together in class.
Terms to use: center of interest, typography, grid, tracking, leading, warm colors, cool colors, primary colors, texture, line, shape, form, balanced, unbalanced, movement, pattern, repetition, rhythm, variety, unity, positive space, negative space. Look up the terms on the internet.
We will be spending a few days working with Photoshop. If you are new to Photoshop this will be difficult. There is too much to remember without taking notes. You can use notes on any tests or quizzes.
Friday:
You will have a syllabus test next Thursday.
Sample Files: You can download or copy from this web page when you need them.
Cool quote:“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away”
— Antoine de Saint Exupéry
Friday:
You will have a syllabus test next Thursday.
Sample Files: You can download or copy from this web page when you need them.
Cool quote:“A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away”
— Antoine de Saint Exupéry
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 2 - Jan 29 - Feb 2
Monday: Resizing pictures in Photoshop. We will always use a resolution of 250 for images for print.
People don't usually use Photoshop for text and shapes, BUT, a lot of times people don't have Illustrator or InDesign. When you have the choice you would usually use those programs (like we will for most assignments in class).
Photoshop for graphic design: You need to be able to:
Make a new document (8.5 x 11 inches, 250 ppi)
Use the zoom tool
Understand how layers work
Crop photographs
Manipulate text (family, style, size, color, leading, kerning, tracking
Make boxes
Make lines
Exercise: Make a new document 8.5 x 11, 250 ppi in Photoshop. Add a picture that is 5x4 inches (also 250ppi). Place the name of the object at the top with a colored box behind it. Put some body text (gibberish) below the picture. We will do the first one together. Do 2 more. Use a different picture for each. Experiment with different font families, sizes, leading kerning tracking, etc.
Be sure you put what you leaned each week on your Weebly website.
Graphic Design Info.
The goal is to communicate a message. Everything in the design should help to communicate the message. If something is distracting from the message, don’t include it. If something is distracting from the message, don’t include it. If something is distracting from the message, don’t include it. (Yes I meant to write that 3 times : )
Leading, kerning, tracking info.
Thursday: Syllabus test
Concepts to learn: Using the type tool, using the character panel, font family, style and size, leading, kerning and tracking, changing colors and opacity, rotating objects, using layers, making lines and shapes.
Photoshop for graphic design: You need to be able to:
Make a new document (8.5 x 11 inches, 250 ppi)
Use the zoom tool
Understand how layers work
Crop photographs
Manipulate text (family, style, size, color, leading, kerning, tracking
Make boxes
Make lines
Exercise: Make a new document 8.5 x 11, 250 ppi in Photoshop. Add a picture that is 5x4 inches (also 250ppi). Place the name of the object at the top with a colored box behind it. Put some body text (gibberish) below the picture. We will do the first one together. Do 2 more. Use a different picture for each. Experiment with different font families, sizes, leading kerning tracking, etc.
Be sure you put what you leaned each week on your Weebly website.
Graphic Design Info.
The goal is to communicate a message. Everything in the design should help to communicate the message. If something is distracting from the message, don’t include it. If something is distracting from the message, don’t include it. If something is distracting from the message, don’t include it. (Yes I meant to write that 3 times : )
Leading, kerning, tracking info.
Thursday: Syllabus test
Concepts to learn: Using the type tool, using the character panel, font family, style and size, leading, kerning and tracking, changing colors and opacity, rotating objects, using layers, making lines and shapes.
|
Rain Forest (Design Of the Week) Write at least 25 words describing what you do or don't like about the design. Use at least 2 of the design terms from the list below. The more terms you use and understand the smarter you will get. Include a copy of this picture with your critique. Make the picture about 2 inches wide. Put it in the DOW section of your website. Due at the end of next week.
|
Terms to use: center of interest, typography, grid, tracking, leading, warm colors, cool colors, primary colors, complementary colors, texture, line, shape, form, balanced, unbalanced, movement, pattern, repetition, rhythm, variety, unity, positive space, negative space. Look up the terms on the internet.
Assignment layout example:
Click on thumbnail
Friday:
Sampling colors, deleting solid colored backgrounds behind images, making colored backgrounds in Photoshop.
Magazine Cover Assignment - Due next Friday
Find a magazine cover on line. Completely redesign it using the same "copy". Your cover design should look nothing like the original. YOU NEED TO HAVE AT LEAST 40 WORDS ON THE COVER!
Make the document 8.5 x 11 inches, resolution, 250ppi. Add 1/2 text safe guides around each edge. Add these guides to every assignment this semester.
Your design must include a picture. Be sure to crop it. It CAN fill the entire page, but it doesn't need to. Vary the color, size, font families, etc. You CAN use boxes and lines. Design with what you know. Look on the web for design ideas. Don't COPY other designs, just use bits and pieces of ideas.
Design grading rubric HERE.
Watch these videos for magazine cover info. BEFORE you start your design.
Good mag cover video 1
Good mag cover video 2
Put this assignment on your Weebly site. Also put the original magazine cover that you got the copy from with it. Turn on the light box option and label it: Designed by your name. As with all assignments, if you finish, make another copy and try different things. Art isn't like math. There is more than one right answer. If you have time keep trying new things. The more you design, the better designer you will be.
Cool quote: "I would show my graphic design jobs to my mother, and she would always say the same thing: “That’s nice dear.” And then she would say, “Did you write it?” or “Did you do the drawing?” or “Did you take the pictures?” I’d always answer “no,” then I realized the problem. My answer was then, “I made this happen. It’s called design.”
— Brian Webb
Sampling colors, deleting solid colored backgrounds behind images, making colored backgrounds in Photoshop.
Magazine Cover Assignment - Due next Friday
Find a magazine cover on line. Completely redesign it using the same "copy". Your cover design should look nothing like the original. YOU NEED TO HAVE AT LEAST 40 WORDS ON THE COVER!
Make the document 8.5 x 11 inches, resolution, 250ppi. Add 1/2 text safe guides around each edge. Add these guides to every assignment this semester.
Your design must include a picture. Be sure to crop it. It CAN fill the entire page, but it doesn't need to. Vary the color, size, font families, etc. You CAN use boxes and lines. Design with what you know. Look on the web for design ideas. Don't COPY other designs, just use bits and pieces of ideas.
Design grading rubric HERE.
Watch these videos for magazine cover info. BEFORE you start your design.
Good mag cover video 1
Good mag cover video 2
Put this assignment on your Weebly site. Also put the original magazine cover that you got the copy from with it. Turn on the light box option and label it: Designed by your name. As with all assignments, if you finish, make another copy and try different things. Art isn't like math. There is more than one right answer. If you have time keep trying new things. The more you design, the better designer you will be.
Cool quote: "I would show my graphic design jobs to my mother, and she would always say the same thing: “That’s nice dear.” And then she would say, “Did you write it?” or “Did you do the drawing?” or “Did you take the pictures?” I’d always answer “no,” then I realized the problem. My answer was then, “I made this happen. It’s called design.”
— Brian Webb
Photoshop basics:
Photoshop CC 2017 overview and setting up a custom work space. Click HERE.
Zooming in Photoshop CC 2017. Click HERE.
Basic file prep tutorial videos:
Cropping in Photoshop CC 2017. Click HERE.
Color correcting, brightness, and contrast in Photoshop CC 2017. Click HERE.
Adding a dark vignette in Photoshop CC 2017. Click HERE.
Dodging and burning is Photoshop CC 2017. Click HERE.
Sharpening in Photoshop CC 2017. Click HERE.
Saving in Photoshop CC 2017. Click HERE.
Photoshop CC 2017 overview and setting up a custom work space. Click HERE.
Zooming in Photoshop CC 2017. Click HERE.
Basic file prep tutorial videos:
Cropping in Photoshop CC 2017. Click HERE.
Color correcting, brightness, and contrast in Photoshop CC 2017. Click HERE.
Adding a dark vignette in Photoshop CC 2017. Click HERE.
Dodging and burning is Photoshop CC 2017. Click HERE.
Sharpening in Photoshop CC 2017. Click HERE.
Saving in Photoshop CC 2017. Click HERE.
Website check Monday next week (week3). You should have the website made, and something on the calendar (like the syllabus test, DOW, and the website check).
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 3 - Feb 5 - 9
Monday:
Continue working on Magazine assignment. When you are done, grab a grade slip, call me over to grade it.If all is good, save a jpg version of your file. Upload it to your Weebly website. Watch a tutorial video HERE.
Read all links. Links are red text. At some point I will give you some sort of quiz over the links. Read or watch them.
Change your browsers download preference.
For Chrome: Go to preferences, choose settings, then scroll down to show advanced settings, scroll down to downloads, click on change, choose desktop.
For Firefox: Go to preferences, choose general, then downloads, save file to, choose desktop.
Look up the word "copy" as it pertains to graphic design.
Continue working on Magazine assignment. When you are done, grab a grade slip, call me over to grade it.If all is good, save a jpg version of your file. Upload it to your Weebly website. Watch a tutorial video HERE.
Read all links. Links are red text. At some point I will give you some sort of quiz over the links. Read or watch them.
Change your browsers download preference.
For Chrome: Go to preferences, choose settings, then scroll down to show advanced settings, scroll down to downloads, click on change, choose desktop.
For Firefox: Go to preferences, choose general, then downloads, save file to, choose desktop.
Look up the word "copy" as it pertains to graphic design.
Read and watch THIS.
Skateboard Assignment - Template here - Design at LEAST 2 completely different skateboard design ideas using Photoshop brushes. You can also use other PS tools (text, boxes, etc.)This is one website where you can get the brushes. Another one HERE. Be sure you are in the BRUSHES section. Put these on the assignment page of your website. Make the background of the skateboard files transparent. Save them as .png files.
Click HERE if you want to create some graffiti to add to the board.
Skateboard tutorial HERE.
Design grading rubric HERE.
To see larger sample click on image.
Elina Wong
DOW - NOTLD (Design Of the Week) If you already did this with the old example, that is fine - don't redo it.
What is this design trying to get you to do?
What color theory do you see?
Do you think the font family is important to the design? Why?
Include a 3 inch copy of the design, the questions and answers in the DOW section of your Weebly site. Present it in a way that looks professional. You ARE a graphic designer ya know : )
Due the end of next week.
What is this design trying to get you to do?
What color theory do you see?
Do you think the font family is important to the design? Why?
Include a 3 inch copy of the design, the questions and answers in the DOW section of your Weebly site. Present it in a way that looks professional. You ARE a graphic designer ya know : )
Due the end of next week.
Grid examples:
Top: arranged shapes with a grid
Bottom: arranged shapes without a grid
Top: arranged shapes with a grid
Bottom: arranged shapes without a grid
Examples of using grids HERE.
Friday: Magazine Cover Assignment due.
Cool quote: “Simplicity is the ultimate form of sophistication”
Leonardo da Vinci
Friday: Magazine Cover Assignment due.
Cool quote: “Simplicity is the ultimate form of sophistication”
Leonardo da Vinci
Week 4 - Feb 12 - 16
Update your website. Make everything correct.
We are about to embark into the world of Illustrator. Before we do, I want to be sure we are all caught up. If you are caught up, do the next assignment. If you are not caught up do the old assignments including website stuff (DOW's).
Remove Background Assignment (optional if you are not caught up) - Sometimes you will want to remove a busy background and fill it with a solid color.
Watch the tutorial. Cut this picture of HC Weaver out of the background and replace it with a solid color in Photoshop. This should look perfect at 100%. Upload the before and after versions to your Assignment page of you sire and label it: Remove Background.
Selecting with a quickmask
Download file below:
Watch the tutorial. Cut this picture of HC Weaver out of the background and replace it with a solid color in Photoshop. This should look perfect at 100%. Upload the before and after versions to your Assignment page of you sire and label it: Remove Background.
Selecting with a quickmask
Download file below:
| hc weaver.jpg |
Example courtesy Jacob Boyle:
Check this guy out, the master of typography-David Carson.
Rotated Text Assignment (optional if you are NOT caught up) 1: Put this on your Assignment page on your website. Name it Rotated Text Assignment 1.
Only do this if you are caught up. If you are caught up you HAVE to do it.
Take facts about you: name, age, birthday, address, favorite color, height, hobbies, etc.
Arrange them on 45 or -45 degree angles. Only 45 or -45 degree angles. No 90 degree or other angles. Use different size and weight text. Use the same font family. Use different styles. No lines or boxes. No color, just use black. Be creative. Make it 6 x 6 inches. 250ppi.
Only do this if you are caught up. If you are caught up you HAVE to do it.
Take facts about you: name, age, birthday, address, favorite color, height, hobbies, etc.
Arrange them on 45 or -45 degree angles. Only 45 or -45 degree angles. No 90 degree or other angles. Use different size and weight text. Use the same font family. Use different styles. No lines or boxes. No color, just use black. Be creative. Make it 6 x 6 inches. 250ppi.
Rotated Text Assignment 2 (optional if you are NOT caught up): Put this on your assignment page on your website. Name it Rotated Text Assignment 2.
Only do this if you are caught up. If you are caught up you HAVE to do it.
Take facts about you: name, age, birthday, address, favorite color, height, hobbies, etc.
Arrange them on 0, 90 and -90 degree angles. Only 0, 90 or -90 degree angles. No 45 degree or other angles. Use different size and weight text. Use the same font family. Use different styles. You CAN use boxes boxes in your design. No color, just use black for text or boxes. You CAN experiment with opacity (to make gray).Be creative. Make it 6 x 6 inches. 250 ppi.
If you have a design or image that has white on the edges you need to place a border around it (not the skateboards, make the white, clear). The white background bleeding into the white background of your web page does not look good.
Weebly can easily do this for you.
Import the design or photo into your Weebly page. Select the image to bring up the image editing options. Make sure Lightbox is on. Click on ADVANCED. Select a border and border color. Experiment to find the combination that works best for your design.
Example: No border on the left (bad) border on the right (good)
Weebly can easily do this for you.
Import the design or photo into your Weebly page. Select the image to bring up the image editing options. Make sure Lightbox is on. Click on ADVANCED. Select a border and border color. Experiment to find the combination that works best for your design.
Example: No border on the left (bad) border on the right (good)
|
|
Illustrator
Start working in Illustrator.
What is Illustrator
Why Illustrator
Raster vs Vector
Illustrator basics: new documents, file management, placing graphics, scaling graphics, link vs embed, using text, simple shapes, using layers, fills and strokes, lines, select/direct select tools, pathfinder tools.
Some videos I made:
Starting an Illustrator project
Using text in illustrator
Making lines and shapes in Illustrator
Placing images in Illustrator
Some videos I found online:
Illustrator Interface
Setting up a new document
Drawing with Illustrator
Using the Blob and Eraser Tools
Creating Objects with the Shape Tool
Using the Appearance Panel
Cropping with Clipping Masks
Cropping with Opacity Mask
All of the Adobe Illustrator videos here
What is Illustrator
Why Illustrator
Raster vs Vector
Illustrator basics: new documents, file management, placing graphics, scaling graphics, link vs embed, using text, simple shapes, using layers, fills and strokes, lines, select/direct select tools, pathfinder tools.
Some videos I made:
Starting an Illustrator project
Using text in illustrator
Making lines and shapes in Illustrator
Placing images in Illustrator
Some videos I found online:
Illustrator Interface
Setting up a new document
Drawing with Illustrator
Using the Blob and Eraser Tools
Creating Objects with the Shape Tool
Using the Appearance Panel
Cropping with Clipping Masks
Cropping with Opacity Mask
All of the Adobe Illustrator videos here
Grid Assignment 1: Make a letter sized document in Illustrator CC2017. Include 2 columns of filler text, a headline, and at least 2 pictures. Remember to add an alley (space between the columns of text, usually about 1/4 of an inch. See illustration below.). Line them up using a grid. I'll show you how in class. Put this on your assignment page on your website. Name it Grid Assignment 1.
Everybody HAS to do this.
ALL ILLUSTRATOR PROJECTS SHOULD BE IN THEIR OWN FOLDER!!!
Assets are linked, NOT embedded.
DOW - 08 (Design Of the Week)
What is this design trying to get you to do?
What color theory or color theme do you see?
What decade do you thing it was made? Why?
Do you thing the font family is important to the design? Why?
Include a 3 inch copy of the design, the questions and answers in the DOW section of your Weebly site.
Due the end of next week.
What is this design trying to get you to do?
What color theory or color theme do you see?
What decade do you thing it was made? Why?
Do you thing the font family is important to the design? Why?
Include a 3 inch copy of the design, the questions and answers in the DOW section of your Weebly site.
Due the end of next week.
Week 5 - Feb 19 - 23 :: Mid-Winter Break
Week 6 - Feb 26 - March 2
Please don't work ahead. I sometimes change the assignments or provide additional information.
Monday: We begin working with Illustrator. Basic layout exercise (same as with photoshop: picture, text box and title at the top, paragraph at the bottom. Be sure you crop photo in PS, all assets need to be in a folder BEFORE placing them. ALL ILLUSTRATOR PROJECTS SHOULD BE IN THEIR OWN FOLDER!!!
Assets are linked, NOT embedded. Assets are the elements that go into your project - usually the pictures.
See last week for tutorial videos.
Assets are linked, NOT embedded. Assets are the elements that go into your project - usually the pictures.
See last week for tutorial videos.
Wednesday: Illustrator basic layout quiz? We'll see where we are at.
Click thumbnail
Check this out about the pathfinder tool. Really powerful tool in Illustrator.
Packman Exercise: Experiment with Pathfinder tools. Make a Pacman. Make an evil Pacman : ) Don't put these on your website.
Watch this about the blob brush BEFORE you do the snowman exercise..
Snowman Assignment
Tips: To use the snow brush: Select the brush tool. click on WINDOW on the top of the screen. The brush panel will pop up. In the brush panel select the preferences (little lines at the top right of the brushes panel), go to: Open brush library, then Decorative, then Decorative scatter. The snowflake brush is at the bottom of the brushes. Click on it. Paint with the brush. You should see a sea of snowflakes.
To make the bottom snow, use the blob brush. To trim it you have 2 options:
1 - use a clipping mask. Put a rectangle over the part you want to keep.Select the rectangle, select the snow (both need to be selected). Go to: object, clipping mask, make. Bingo.
2 - when you export it as a jpeg (FILE, EXPORT), be sure the "Use Artboards" box is checked. It will only save the stuff that is in the artboard. This will go on your website in the assignment section. The title will be: Snowman. Caption it: Designed by "your name".
Design grading rubric HERE.
Tips: To use the snow brush: Select the brush tool. click on WINDOW on the top of the screen. The brush panel will pop up. In the brush panel select the preferences (little lines at the top right of the brushes panel), go to: Open brush library, then Decorative, then Decorative scatter. The snowflake brush is at the bottom of the brushes. Click on it. Paint with the brush. You should see a sea of snowflakes.
To make the bottom snow, use the blob brush. To trim it you have 2 options:
1 - use a clipping mask. Put a rectangle over the part you want to keep.Select the rectangle, select the snow (both need to be selected). Go to: object, clipping mask, make. Bingo.
2 - when you export it as a jpeg (FILE, EXPORT), be sure the "Use Artboards" box is checked. It will only save the stuff that is in the artboard. This will go on your website in the assignment section. The title will be: Snowman. Caption it: Designed by "your name".
Design grading rubric HERE.
If you would like to be able to watch the tutorial videos at Lynda.com for free, click THIS LINK to watch the video that will show you how to get an online library account and then get to Lynda.com through the library website.
Josh Reiner is an old graphic design student. He always worked hard, he always did his best. There are a lot of different career options for artists and designers.
Click on the thumbnail
Click on the thumbnail
Check out some of the stuff he does in the YouTube video.
Hierarchy/Grid Poster - Due Thursday next week - Get a visually interesting photo from the internet. Add words that describe it. On the one I did I Googled , "facts about cows". Place them using everything you have learned the last couple of weeks. Use different angles, weights, colors, sizes, shapes. lines, transparency, etc., to add visual interest and control what is read first, second, third etc. Leave some negative space. Use a grid. Don't use too many techniques in this assignment. Pick and choose the ones that create the best design. Only use techniques you now know. Make it letter sized. Make a folder for the assignment. Put any pictures you are using and the IA file in the folder BEFORE you place the images. Create four layers: Type, Images, Shapes, Background. Type would be on top, Background on the bottom.
This should look nothing like my design.
Some color theory info HERE.
Put this in the assignment section of your website. Name it Hierarchy/Grid Poster
Things I will look for when grading this:
Can I easily read the text? The whole point of GD is communicating a message.
Is it a good quality image (high enough resolution). Try to have the small side at least 1000 pixels.
Are elements lined up using a grid?
Do the colors work well together?
Have you used leading, kerning, and tracking as well as you can?
Are you using the best fonts for your design? The correct size? Body text should USUALLY be 12pts. Don't make text smaller than that. You can make some of the text larger.
Does your hierarchy make sense? Do I read the most important thing first? Second most important thing second, etc.
Does this look professional? Like something a professional designer would have done.
Does it have layers?
Does it have a folder with assets in it?
Design grading rubric HERE.
MUST BE DONE USING ILLUSTRATOR - Click on the picture to see a larger version.
This should look nothing like my design.
Some color theory info HERE.
Put this in the assignment section of your website. Name it Hierarchy/Grid Poster
Things I will look for when grading this:
Can I easily read the text? The whole point of GD is communicating a message.
Is it a good quality image (high enough resolution). Try to have the small side at least 1000 pixels.
Are elements lined up using a grid?
Do the colors work well together?
Have you used leading, kerning, and tracking as well as you can?
Are you using the best fonts for your design? The correct size? Body text should USUALLY be 12pts. Don't make text smaller than that. You can make some of the text larger.
Does your hierarchy make sense? Do I read the most important thing first? Second most important thing second, etc.
Does this look professional? Like something a professional designer would have done.
Does it have layers?
Does it have a folder with assets in it?
Design grading rubric HERE.
MUST BE DONE USING ILLUSTRATOR - Click on the picture to see a larger version.
Some grid examples:
Click thumbnails
Click thumbnails
|
|
|
|
Column Grids: Very common. One way to use grids; CLICK HERE.
Visual Hierarchy - When you look at a design you tend to read things in a particular order. That order in determined visually using variations in scale, value, color, spacing, placement, and other signals. The most important information should be read first, second most important second, etc.
Concepts to learn: Transparency, resizing, designing with a grid.
Read this from Vanseo Design
and this from Web Style Design
and even this about El Lissitzky
Concepts to learn: Transparency, resizing, designing with a grid.
Read this from Vanseo Design
and this from Web Style Design
and even this about El Lissitzky
Read about this 8 step graphic design process - Due - Last day of week 8. Create a document that lists the steps. Write a sentence or two (no more than that) that summarizes each step. Have your name, class and period on the top of the document. Start with the Gather step, end with the Revisions step. That means you will only be listing 6 steps. Save this file as a PDF file. See me for help. Load the file on your assignment page under the title heading: Design Process. Use the FILE not the DOCUMENT element.
Or, you can base it on the one below.
This is one I developed for a web design class. Also applicable for graphic design. If you base your design process on this one there would be 4 steps, but each step has a little more info than the six step process.
Or, you can base it on the one below.
This is one I developed for a web design class. Also applicable for graphic design. If you base your design process on this one there would be 4 steps, but each step has a little more info than the six step process.
DOW - 7up (Design of the week)
What is this design trying to get you to do?
What color theory or color theme do you see?
What decade do you thing it was made? Why?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
When is the last time YOU had a 7up?
Why do they call it 7up?
Include a 3 inch copy of the design, the questions and answers in the DOW 5 section of your Weebly site.
Due the end of next week.
What is this design trying to get you to do?
What color theory or color theme do you see?
What decade do you thing it was made? Why?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
When is the last time YOU had a 7up?
Why do they call it 7up?
Include a 3 inch copy of the design, the questions and answers in the DOW 5 section of your Weebly site.
Due the end of next week.
Make your website look like the sample: same page order, have lightbox turned on for all images, put black borders on images with white backgrounds, titles should be capitalized, only required assignments on the site, your name and class as a header on all pages. Look at the student example and copy that. Sample student website here
Friday: Work on current assignment. Snowman due today.
Week 7 - March 5 - 9
Please don't work ahead. I sometimes change the assignments or provide additional information.
Monday: I'll go over how to make the shapes you will need for the Angry Bird Assignment.
Green Groups Los Angeles Marketing
DOW - Purple (Design Of the Week)
What is this design trying to get you to do or think?
What color theory or color theme do you see?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
Does it use serif or sans-serif fonts?
When would you use one (serif or sans-serif) over the other?
I don't know is not the correct answer. Do some research.
What is this design trying to get you to do or think?
What color theory or color theme do you see?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
Does it use serif or sans-serif fonts?
When would you use one (serif or sans-serif) over the other?
I don't know is not the correct answer. Do some research.
Click thumbnail
Watch this to see how to join paths to create longer paths and shapes. Watch/Learn/Use : )
I would change your selection preferences in Illustrator. I think the rubber band preview is confusing. It is up to you though. Go to Illustrator (at the top left of your screen),Preferences, Selection and Anchor Display, and uncheck the boxes in my screen shot.
Click thumbnail
Click thumbnail
You will need to be able to make and manipulate these shapes on your own. Practice, ask for help, take notes. There will be a test. You can always use notes for all tests and quizzes in here.You need to make them the way I show you in class. There is always a method to my madness : )
Tutorial video HERE.
Tutorial video HERE.
Angry Bird Assignment
Click thumbnail
Step by step non video tutorial HERE. This is more accurate than the tutorial video. Watch the video, then follow along with the non video tutorial.
I did this in about 20 minutes. You can too!!! Just follow the tutorial step by step.
Don't give up!!!!!!!
FYI, A few steps were left out of the video tutorial.
This will go in the Assignment section of your website.The title will be: Angry Bird. Caption it: Designed by your name.
Make it a thumbnail about 2 inches wide. Turn on the light box option.
I did this in about 20 minutes. You can too!!! Just follow the tutorial step by step.
Don't give up!!!!!!!
FYI, A few steps were left out of the video tutorial.
This will go in the Assignment section of your website.The title will be: Angry Bird. Caption it: Designed by your name.
Make it a thumbnail about 2 inches wide. Turn on the light box option.
Things I look for when I grade this:
Is it proportionally similar to the original?
All elements placed in the correct place? (The eyes AREN'T in the center horizontally for instance, How much of the beak is covering the eyes, etc.)
Are the colors similar?
Did you include ALL of the shadows (people always forget the beak shadow : )
You Don't NEED the background color. Make the background whatever you think is appropriate.
Design grading rubric HERE.
Is it proportionally similar to the original?
All elements placed in the correct place? (The eyes AREN'T in the center horizontally for instance, How much of the beak is covering the eyes, etc.)
Are the colors similar?
Did you include ALL of the shadows (people always forget the beak shadow : )
You Don't NEED the background color. Make the background whatever you think is appropriate.
Design grading rubric HERE.
Wednesday: Symbols in graphic design are very important. Read this.
Thursday: Work on Angry Bird
Watch this about converting corner points to smooth points. Very helpful technique. Be sure to drag in the same direction as you did when you created the original shape. If you don't, the path will twist. I'll show you this in class. Hard to explain in words.
Note About Earbuds - If someone is taking to you, take them out. Not one , both. I'm surprised I need to talk about this, but...
read THIS.
read THIS.
Week 8 - March 12 - 16 :: Friday no students
Please don't work ahead. I sometimes change the assignments or provide additional information.
Monday:
Click here to check out Richard Wilde.
Color Wheel Assignment - Do this in Photoshop! - Download the color wheel HERE. Label it. Instructions are on the color wheel file. Upload it to your Weebly site. Label it, yes you guessed it, "Color Wheel" : )
Tutorial video HERE.
Finish this by the last day of week 11.
Tutorial video HERE.
Finish this by the last day of week 11.
Tuesday: Cool Illustrator tips. Click Here.
DOW - The Dance (Design Of the Week)
What is this design trying to get you to do or think?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
Does it use serif or sans-serif fonts?
How do you think it was made?
What is this design trying to get you to do or think?
Is this a balanced or unbalanced composition?
If it IS balanced, is it symmetrical, or asymmetrical?
Does it use serif or sans-serif fonts?
How do you think it was made?
The Creative Process
Creativity - What is it and where do ideas come from? It's not magic. It's very simple - look at what other people do, take bits and pieces that you think are interesting, and put those things together in your own way.
John Lennon - Being For The Benefit Of Mr. Kite. Click HERE to hear the song. John saw the poster, took bits and pieces of the words to create the lyrics for the song.
Click on the thumbnails to see larger versions.
John Lennon - Being For The Benefit Of Mr. Kite. Click HERE to hear the song. John saw the poster, took bits and pieces of the words to create the lyrics for the song.
Click on the thumbnails to see larger versions.
|
|
|
|
|
Picasso - Cubism. Picasso went to Africa, saw some African masks, saw some of the paintings his friend Braque was making, put bits and pieces of those together in his own way and - bingo!
Click on the thumbnails to see larger versions.
Click on the thumbnails to see larger versions.
So, what's the big takeaway? All artists come up with ideas the same way: painters, sculptures, filmmakers, songwriters, designers, photographers - any type of artist. They look at things that other artists do, put their own spin on the things they like, take a little bit of this from one thing(s), a little bit of that from another, and as things start to come together, look, listen, watch what you have, help it be what it want's to be. THAT'S where the magic happens. Easy peasy : )
Friday: 8 Step Graphic Design Process Assignment due on your website.
Week 9 - March 19 - 23
Monday:
Julian Opie Assignment - Illustrator portrait in the style of Julian Opie. Find a headshot of an actor, sports person, anybody you are interested in. Place it in Illustrator and trace it. Be sure your artboard is letter size - 8.5 x 11. Your image needs to fill the artboard, no white space around the image. Watch the videos for additional info. You have to have hair highlights painted with a custom brush you make in Illustrator. The videos will show you how. Pay attention to the convert corner point trick. It will be helpful in other projects.
Part of his style is: circles for eyes, simple shapes for nostril holes, line for the middle of the mouth and line below the lip, highlights in hair. Those things need to be in your design. The goal is to do an illustration in HIS style not yours.
Put this assignment on your Weebly site. Make it a thumbnail about 2 inches wide. Turn on the lightbox option.
Watch these tutorials: Part 1 and Part 2
This is a link to a custom brush tutorial HERE.
Design grading rubric HERE.
Part of his style is: circles for eyes, simple shapes for nostril holes, line for the middle of the mouth and line below the lip, highlights in hair. Those things need to be in your design. The goal is to do an illustration in HIS style not yours.
Put this assignment on your Weebly site. Make it a thumbnail about 2 inches wide. Turn on the lightbox option.
Watch these tutorials: Part 1 and Part 2
This is a link to a custom brush tutorial HERE.
Design grading rubric HERE.
Some examples:
Click thumbnails
Click thumbnails
Some tips on how to design your portrait
Click on thumbnail
Project by a PHS student
Click on thumbnail
By Hannah Marquardt
A Blur CD cover painted by Julian Opie
Click on thumbnail
An example of how to organize your layers. Your picture will be different so your layers might be a little different. Remember to lock your layers and sub layers as you complete your shapes.
Click on thumbnail
Tuesday: If you are finished with everything, do one or more of these illustrations.
Work on current and past assignments.
Wednesday: Work on current and past assignments.
Thursday: Work on current and past assignments.
Extra Credit Assignment 1 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's.
Put it in the assignment section.Title it: Extra Credit 1.
Extra Credit Assignment 2 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 2.
Extra Credit Assignment 3 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 3.
Extra Credit Assignment 4 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 4.
Extra Credit Assignment 5 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 5.
Extra Credit Assignment 6 (mushroom guy) - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 5.
If you would prefer to do an extra credit project of your choosing, ask me FIRST.
Put it in the assignment section.Title it: Extra Credit 1.
Extra Credit Assignment 2 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 2.
Extra Credit Assignment 3 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 3.
Extra Credit Assignment 4 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 4.
Extra Credit Assignment 5 - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 5.
Extra Credit Assignment 6 (mushroom guy) - Only do this if you are done with EVERYTHING, all assignments and exercises, and all DOW's. Put it in the assignment section. Title it Extra Credit 5.
If you would prefer to do an extra credit project of your choosing, ask me FIRST.
DOW - Bauhaus Design/Movement
This is a pretty classic example of Bauhaus design from the Bauhaus movement. Do some research. I don't want you to just describe what you see. In 30 words or more (YOUR words), describe what Bauhaus design or the Bauhaus movement is/was.
This is a pretty classic example of Bauhaus design from the Bauhaus movement. Do some research. I don't want you to just describe what you see. In 30 words or more (YOUR words), describe what Bauhaus design or the Bauhaus movement is/was.
Friday:
Week 10 - March 26 - 30
Monday: Work on any old assignments . If you are caught up work on the extra credit assignment from last week.
Online Adobe products) - If you want to find out how to use the online version of our Adobe products, - CLICK HERE.
Seattle Design Company - Check it out.
Band Poster Assignment (for Spring semester) - You are creating a flyer for a band. Letter size - 8.5 x 11 (250 rez if using Photoshop). You can use Photoshop or Illustrator. This needs to include the: the bands name, date(s), name and address of the venue, phone number, ticket prices. (nothing about alcohol please).
You need to type all of your own text. Some design ideas below (these don't necessarily have all of the required text).
You might want to download an appropriate font. Try this place. I'll go over how to load them in class.
Click on thumbnail to see larger image.
You need to type all of your own text. Some design ideas below (these don't necessarily have all of the required text).
You might want to download an appropriate font. Try this place. I'll go over how to load them in class.
Click on thumbnail to see larger image.
Haunted House Poster Assignment (for Fall semester) - You are creating a poster for a haunted house. Letter size -8.5 x 11. You can use Photoshop or Illustrator. This needs to include the words: Haunted House, the address, hours, fees, and anything else that would entice people to come to the haunted house (nothing about alcohol or free drinks).
You need to type all of your own text. Some design ideas below(these don't necessarily have all of the required or appropriate text).
You might want to download an appropriate font. Try this place. I'll go over how to load them in class.
If this doesn't seem appropriate to you, make a poster for another event, using the same information (pumpkin patch, play, fair, concert, etc.).
Click on thumbnail to see larger image.
You need to type all of your own text. Some design ideas below(these don't necessarily have all of the required or appropriate text).
You might want to download an appropriate font. Try this place. I'll go over how to load them in class.
If this doesn't seem appropriate to you, make a poster for another event, using the same information (pumpkin patch, play, fair, concert, etc.).
Click on thumbnail to see larger image.
Tuesday: Artists Palette exercises - Due week 14 Wednesday - Create a 8.5 x 11 Illustrator document. Find three painters whose work with color you admire. Some good ones are: Matisse, Monet, VanGogh, Munch, Dali, Magritte, etc. Do some research. Find three paintings and sample the colors to color the letters of your first or last name. Choose a thick font. Lay it out and title it as I did in this example. Put this in the Assignment section of your website as a lightboxed thumbnail. Title it: Artists Palettes.
Click on the thumbnail to see the larger version.
Click on the thumbnail to see the larger version.
After you finish the text samples, make a new letter sized Illustrator document, make a bunch of boxes, color them using the colors from one of the paintings.
DOW - EA
What do you think about this? Do you like it? Not like it? Use at least 25 words in your answer. How do you think some of the techniques were done?
What do you think about this? Do you like it? Not like it? Use at least 25 words in your answer. How do you think some of the techniques were done?
Friday:
Week 11 - April 2 - 6
Monday:
Welcome to the wonderful world of InDesign. It is made by the same people Photoshop and Illustrator. You will see a lot of similarities between the programs. Always make folders for your InDesign projects that contain the project file and and images or Illustrator files that you place in the InDesign document.
CLICK HERE to see what you can make with InDesign.
Make a basic layout in InDesign like we did in Photoshop and Illustrator. Pick any classroom appropriate topic. Make a folder, place all assets in the folder before you place them. Crop the picture to 4in x 5in 250ppi in Photoshop.
Click on the thumbnail for an example
3 Columns of Text Exercise: You only have this period to do this assignment. Create a flyer in InDesign that looks like the example below. Pick a different topic. It needs to include: headline, box behind headline, large picture, 3 columns below with text and pictures, colored background (not white).
Line everything up using a grid. Use the same layout as the example. This needs to be done by the end of the period.
Put it on your Weeeeebly website : ) Name it: 3 Column Exercise.
Video tutorial HERE.
Line everything up using a grid. Use the same layout as the example. This needs to be done by the end of the period.
Put it on your Weeeeebly website : ) Name it: 3 Column Exercise.
Video tutorial HERE.
Click thumbnail
Text often has to flow through a variety of text boxes depending on the layout. Usually designers are given images and text in the form of a Word file. It is us to you to have the text flow through a variety of text boxes. Not a simple task UNLESS you know how to use the TEXT FLOW feature in InDesign.
This in called text threading in inDesign. Click thumbnail to see an example of how the text will flow in this particular design.
Text Threading Exercise - Make a 3 column document. Draw in 9 text boxes. Fill each text box with text from this document. You can copy and paste. The text needs to flow between the boxes. There can't be any missing words between the boxes. Don't put this on your website.
Click thumbnails
|
|
InDesign exercises - Practice these until you can do them without any help. When you take a class the goal is to LEARN things, not just TRY them. Taking notes is always a good idea.
1. Basic Flyer - Add a picture, headline text and body text, you know the drill, the same thing we did in Photoshop and Illustrator. The goal is to see what is the same and what's different about these 3 programs in the context of this exercise.
Tip: To resize a picture AFTER you place it in InDesign - Hold down, shift and command and drag a corner. Don't put your cursor in the center of the picture when you move it.
2. Threaded Text - Make multiple text boxes. Place threaded text in them. To view the threads go to: View, Extras. Show text threads.
3. Multi-page Document - Make a 5 page document. Type the words: Page 1, Page 2, Page 3 etc, in the center of each page.
4. Character Styles - Create and apply 3 different character styles to some text on a page in InDesign.
After you have applied them, change them in some way to see the magic.
5. Paragraph Styles - Create and apply 3 different paragraph styles to some text on a page in InDesign.
After you have applied them, change them in some way to see the magic.
6. Master Pages - Create and apply 3 different master page elements to the multi-page document you made above.
After you have applied them, change them in some way to see the magic.
7. Adding Page Numbers - Create 6 pages that are auto numbered.
From my graphic design notes (notes are good).
Adding Page Numbers in InDesign
Go to the master pages.
Drag a text box in the corner where you want the number to go. The text curser should be blinking in the box.
Go to TYPE>INSERT SPECIAL CHARACTER>MARKERS>CURRENT PAGE NUMBER
If you want it on both sides (you do), hold down OPTION, use the black selection tool, and drag a copy of that text box to the other side.
If the number is BEHIND an image on the page, go back to the master pages, create a new layer above the original layer, cut and past the number boxes on that layer.
Changing Where page #1 Starts (page 1 is never the cover, usually the second or third page is page 1). Make page 1 the first page after the cover and any ads.
Select page where you want 1 to be in pages panel
Go to pages menu items (stack of lines at top right of panel)
Uncheck ALLOW DOCUMENT PAGES TO SHUFFLE
Select NUMBERING AND SECTION OPTIONS
Select START PAGE NUMBERING
Type in 1, click OK.
If you see a number 1 on the cover still, drag the "NONE" master page to the cover page. It should make it go away. You cover image might already be covering it.
1. Basic Flyer - Add a picture, headline text and body text, you know the drill, the same thing we did in Photoshop and Illustrator. The goal is to see what is the same and what's different about these 3 programs in the context of this exercise.
Tip: To resize a picture AFTER you place it in InDesign - Hold down, shift and command and drag a corner. Don't put your cursor in the center of the picture when you move it.
2. Threaded Text - Make multiple text boxes. Place threaded text in them. To view the threads go to: View, Extras. Show text threads.
3. Multi-page Document - Make a 5 page document. Type the words: Page 1, Page 2, Page 3 etc, in the center of each page.
4. Character Styles - Create and apply 3 different character styles to some text on a page in InDesign.
After you have applied them, change them in some way to see the magic.
5. Paragraph Styles - Create and apply 3 different paragraph styles to some text on a page in InDesign.
After you have applied them, change them in some way to see the magic.
6. Master Pages - Create and apply 3 different master page elements to the multi-page document you made above.
After you have applied them, change them in some way to see the magic.
7. Adding Page Numbers - Create 6 pages that are auto numbered.
From my graphic design notes (notes are good).
Adding Page Numbers in InDesign
Go to the master pages.
Drag a text box in the corner where you want the number to go. The text curser should be blinking in the box.
Go to TYPE>INSERT SPECIAL CHARACTER>MARKERS>CURRENT PAGE NUMBER
If you want it on both sides (you do), hold down OPTION, use the black selection tool, and drag a copy of that text box to the other side.
If the number is BEHIND an image on the page, go back to the master pages, create a new layer above the original layer, cut and past the number boxes on that layer.
Changing Where page #1 Starts (page 1 is never the cover, usually the second or third page is page 1). Make page 1 the first page after the cover and any ads.
Select page where you want 1 to be in pages panel
Go to pages menu items (stack of lines at top right of panel)
Uncheck ALLOW DOCUMENT PAGES TO SHUFFLE
Select NUMBERING AND SECTION OPTIONS
Select START PAGE NUMBERING
Type in 1, click OK.
If you see a number 1 on the cover still, drag the "NONE" master page to the cover page. It should make it go away. You cover image might already be covering it.
Check out some of the video tutorials here:
What is InDesign Used For?
Resizing and cropping images
Hold down COMMAND and SHIFT, drag a corner to resize frame AND image.
InDesign Basics
Working with Text
Working With Color Swatches
Color Swatch Video
Another Color Swatch Video
Managing Pages
Master Page Info
Transparency
Threading/Linking Text Boxes
Text Wrap, Shapes, Special Effects, Transparency
Text Around an Object
To Make Text Fill a Custom Shape
Paragraph and Character Styles
Paragraph Style Video
Content Collector Tool
What is InDesign Used For?
Resizing and cropping images
Hold down COMMAND and SHIFT, drag a corner to resize frame AND image.
InDesign Basics
Working with Text
Working With Color Swatches
Color Swatch Video
Another Color Swatch Video
Managing Pages
Master Page Info
Transparency
Threading/Linking Text Boxes
Text Wrap, Shapes, Special Effects, Transparency
Text Around an Object
To Make Text Fill a Custom Shape
Paragraph and Character Styles
Paragraph Style Video
Content Collector Tool
DOW - Choice 1 - Pick some graphic design that you like. Upload it to your website the same way you have been uploading the images I have been choosing.
Answer these questions about the design:
What is the design trying to get you to do?
Are the colors based on some color theory?
If it has text on it do you think the the designer has adjusted the leading, kerning, or tracking?
Are the fonts serif, sans-serif, or both?
What do you like about it?
Answer these questions about the design:
What is the design trying to get you to do?
Are the colors based on some color theory?
If it has text on it do you think the the designer has adjusted the leading, kerning, or tracking?
Are the fonts serif, sans-serif, or both?
What do you like about it?
Website check next Monday (April 9).
Friday: Link to Library card contest HERE.
Week 12 - April 9 - 13
Monday: Website check.
Adding Images to InDesign - There are a few different ways to do this CORRECTLY. Both start with putting the image in the same folder as the InDesign file.
Method 1 - Open the image in Photoshop. Crop it to the size you want it to be at 250ppi. This is what we have been doing in Photoshop and Illustrator. The down side to this method is you need to know what size the image needs to be BEFORE it goes in InDesign.
Method 2 - Put a picture frame where the image will go (see illustration below to find frame tool). With the frame selected, go to FILE > PLACE. The picture will now be in the box, but it is probably WAY too big. To move it within the frame, grab the double circles (see illustration below) and drag it. To resize the picture to fit in the frame go to OBJECT>FITTING. Try the different options. The frame will act as a crop box This method is confusing at first but will give you the most options.
Click on thumbnail to see a larger version.
Method 1 - Open the image in Photoshop. Crop it to the size you want it to be at 250ppi. This is what we have been doing in Photoshop and Illustrator. The down side to this method is you need to know what size the image needs to be BEFORE it goes in InDesign.
Method 2 - Put a picture frame where the image will go (see illustration below to find frame tool). With the frame selected, go to FILE > PLACE. The picture will now be in the box, but it is probably WAY too big. To move it within the frame, grab the double circles (see illustration below) and drag it. To resize the picture to fit in the frame go to OBJECT>FITTING. Try the different options. The frame will act as a crop box This method is confusing at first but will give you the most options.
Click on thumbnail to see a larger version.
Method 3 - Go to go to FILE > PLACE. You will see a thumbnail image where your cursor is. If you left click, it will place the image the size that the image actually is. If you left click and drag, you can make it any size. This works fine if it is placed smaller than it actually is, but if you need to drag it larger, it will get ugly. Find a higher resolution image. To resize AFTER you place it, hold down SHIFT and COMMAND as you drag the corner.
I
10 Page Magazine Assignment - This is the biggest, most important assignment of the semester. Do a good job. Be sure your assignment has all of the requirements. They are listed below the example. This example is missing the master page elements. Be sure yours includes them.
Magazine Assignment sample by Teagan Horkan
10 Page Magazine Assignment
Requirements:
10 pages, 2 columns of threaded text on each page (except advertisements and cover), body text 12 points.
The magazine needs to be made with InDesign, the ads need to be made with Illustrator. You need to have thumbnail sketches of some sort BEFORE you start. An example HERE. More sketch examples: HERE, HERE, HERE. There are different ways to sketch your ideas. See me if you need help.
Include at least 2 advertisements made with Illustrator. These need to look like real ads for real products, not joke products. They should have something to do with the topic of your magazine.They should include NO placeholder text.
Create a NEW professional looking cover. The cover can be made in Illustrator, Photoshop or InDesign.
At least 2 articles (title and at least one picture for each article). The titles for the articles will be on the magazine cover. Look at real magazine articles for layout ideas and article locations. Add 2 fake articles to the cover. This will make the cover look more realistic.To be clear: at least 4 articles on the cover.
Here for some good article layout ideas.
Be sure the first page of each article has a different layout, don't make them all the same.
Be sure you start with high resolution images.
Be careful using outlines on shapes and text. Also be careful using gradients.
Include page numbers via master pages except the cover and ads. Page one should be the second page of your magazine(watch the tutorial video or read the instructions above.).
At least one master page element on each page (page numbers don't count). Look at real magazines for ideas.
Use character styles ON ALL HEADLINE TEXT (except ads and cover). When you are finished I will ask you to change the article headings. It needs to be done with character styles. If it doesn't work you will need to redo them.
Some good info. HERE.
If you need to cut out some backgrounds - selecting tutorials: HERE and HERE.
The cover, advertisements, and article titles need to be real text, meaning real words that make sense, not filler text.
Article body text can be filler text.
Back cover needs to be an ad.
This needs to look professional, like a real magazine. Remember to use half inch text guides around the edges of pages and ads.
See me and ask questions if this isn't clear. The goal is not to be funny. The goal is to create a professional looking magazine. If I think what you are doing is inappropriate or unprofessional you will need to redo the assignment.
You can't use anything you have previously made in class.
How to start: Read the instructions. Pick a topic you are interested in. Research (Google) magazine articles and magazine spreads. Come up with professional looking design ideas - not the basic ideas we did on the exercise. Create thumbnail sketches for page. Click HERE for ideas. When in doubt, run the idea by me. Create the 10 page document, add placeholder descriptions of pages (I'll go over this is class) pick some article topics, find pictures that illustrate the article topics, think of at least 2 ad ideas. Find images for the ads. One of the ads will be on the back cover. Check with me frequently to be sure you are on track. Reread the instruction to ensure you are not leaving anything out.
This will go on your website in the assignment section as an interactive Flash assignment with page curl. Title it, you guessed it, Magazine.
Mr. P.
When in doubt, ask me for help, not the person next to you, they need to work.
Remember, I'm the art director, client, boss, and teacher all rolled into one. You are designing what I think is good, not what you think is good.
When you THINK you are done:
Before you call me over go through this checklist - CLICK HERE
1. Call me over and show it to me. I will probably have some suggestions. After I tell you everything looks good...
2. Export it out of InDesign. Go to FILE>EXPORT>Decide where you want to save the file. In the format section choose: Flash Player (SWF). Click SAVE.
Use the settings in his screenshot.
Click to see larger image
Requirements:
10 pages, 2 columns of threaded text on each page (except advertisements and cover), body text 12 points.
The magazine needs to be made with InDesign, the ads need to be made with Illustrator. You need to have thumbnail sketches of some sort BEFORE you start. An example HERE. More sketch examples: HERE, HERE, HERE. There are different ways to sketch your ideas. See me if you need help.
Include at least 2 advertisements made with Illustrator. These need to look like real ads for real products, not joke products. They should have something to do with the topic of your magazine.They should include NO placeholder text.
Create a NEW professional looking cover. The cover can be made in Illustrator, Photoshop or InDesign.
At least 2 articles (title and at least one picture for each article). The titles for the articles will be on the magazine cover. Look at real magazine articles for layout ideas and article locations. Add 2 fake articles to the cover. This will make the cover look more realistic.To be clear: at least 4 articles on the cover.
Here for some good article layout ideas.
Be sure the first page of each article has a different layout, don't make them all the same.
Be sure you start with high resolution images.
Be careful using outlines on shapes and text. Also be careful using gradients.
Include page numbers via master pages except the cover and ads. Page one should be the second page of your magazine(watch the tutorial video or read the instructions above.).
At least one master page element on each page (page numbers don't count). Look at real magazines for ideas.
Use character styles ON ALL HEADLINE TEXT (except ads and cover). When you are finished I will ask you to change the article headings. It needs to be done with character styles. If it doesn't work you will need to redo them.
Some good info. HERE.
If you need to cut out some backgrounds - selecting tutorials: HERE and HERE.
The cover, advertisements, and article titles need to be real text, meaning real words that make sense, not filler text.
Article body text can be filler text.
Back cover needs to be an ad.
This needs to look professional, like a real magazine. Remember to use half inch text guides around the edges of pages and ads.
See me and ask questions if this isn't clear. The goal is not to be funny. The goal is to create a professional looking magazine. If I think what you are doing is inappropriate or unprofessional you will need to redo the assignment.
You can't use anything you have previously made in class.
How to start: Read the instructions. Pick a topic you are interested in. Research (Google) magazine articles and magazine spreads. Come up with professional looking design ideas - not the basic ideas we did on the exercise. Create thumbnail sketches for page. Click HERE for ideas. When in doubt, run the idea by me. Create the 10 page document, add placeholder descriptions of pages (I'll go over this is class) pick some article topics, find pictures that illustrate the article topics, think of at least 2 ad ideas. Find images for the ads. One of the ads will be on the back cover. Check with me frequently to be sure you are on track. Reread the instruction to ensure you are not leaving anything out.
This will go on your website in the assignment section as an interactive Flash assignment with page curl. Title it, you guessed it, Magazine.
Mr. P.
When in doubt, ask me for help, not the person next to you, they need to work.
Remember, I'm the art director, client, boss, and teacher all rolled into one. You are designing what I think is good, not what you think is good.
When you THINK you are done:
Before you call me over go through this checklist - CLICK HERE
1. Call me over and show it to me. I will probably have some suggestions. After I tell you everything looks good...
2. Export it out of InDesign. Go to FILE>EXPORT>Decide where you want to save the file. In the format section choose: Flash Player (SWF). Click SAVE.
Use the settings in his screenshot.
Click to see larger image
After you have saved your magazine as a SWF file, open the Weebly editor.
1. Drag the Flash widget icon to where you want your magazine to be (Week 11).
2. Click on the icon to bring up the options. Change the size to 1024px by 768px.
3.Upload your SWF file (click on the SWF file in the window. Be sure the file has the SWF extension..
Click to see larger image.
1. Drag the Flash widget icon to where you want your magazine to be (Week 11).
2. Click on the icon to bring up the options. Change the size to 1024px by 768px.
3.Upload your SWF file (click on the SWF file in the window. Be sure the file has the SWF extension..
Click to see larger image.
Design of the Week 10 - Your choice (pick an example of graphic design that you like)
Answer these questions:
1. What color theory or color theme do you see?
2. What is this design trying to get you to do or think?
3. Does it use serif or sans-serif fonts?
4. What do you like about the design?
Include a 3 inch wide copy of the discussion design in the Weebly DOW page. Due by the end of next week.
Answer these questions:
1. What color theory or color theme do you see?
2. What is this design trying to get you to do or think?
3. Does it use serif or sans-serif fonts?
4. What do you like about the design?
Include a 3 inch wide copy of the discussion design in the Weebly DOW page. Due by the end of next week.
Tip: Go to VIEW>SCREEN MODE>PREVIEW to see your Indesign project without the guides. Go to VIEW>SCREEN MODE>NORMAL to bring them back.
DOW - Choice 2 - Pick some graphic design that you like. Upload it to your website the same way you have been uploading the images I have been choosing. Write about it using at least 25 words.
Week 13 - April 16 - 20 :: Spring Break
Week 14 - April 23 - 27
Animated GIF Assignment: Not required. Only do this if everything else is done. Create an animated GIF. Do something new and original. Something that is artistic and creative, NOT something that is funny or goofy. Check out the links below for different techniques. You can use images you find on the internet, but not other animated GIFs.
Some examples HERE.
Technique 1 The person in the video didn't make a new document. I would. Make it 1920px x 1080px resolution72. Copy and past your object(s) to that file.
Another video for technique 1 HERE. Another HERE. Others on the way.
Technique 2
When you are done, save it as a Photoshop file in case you want to make changes.
To get in on your website go to: FILE> SAVE FOR WEB. In the area at the top under PRESET be sure it says GIF. Now click save at the bottom. It should now be a GIF. To put the GIF on your Weebly site, use the IMAGE element, make the image file smaller, turn on lightbox, publish and test.
Some terms you might need to know about the process below:
Disposal Methods: (Dispose means, "get rid of").
Automatic
Determines a disposal method for the current frame automatically, discarding the current frame if the next frame contains layer transparency. For most animations, the Automatic option (default) yields the desired results.
Note:
To preserve frames that include transparency, select the Automatic disposal option when you are using the Redundant Pixel Removal optimization option.
Do Not Dispose
Preserves the current frame as the next frame is added to the display. The current frame (and preceding frames) may show through transparent areas of the next frame. Use a browser to see an accurate preview of an animation using the Do Not Dispose option.
Dispose
Discards the current frame from the display before the next frame is displayed. Only a single frame is displayed at any time (and the current frame does not appear through the transparent areas of the next frame).
Some examples HERE.
Technique 1 The person in the video didn't make a new document. I would. Make it 1920px x 1080px resolution72. Copy and past your object(s) to that file.
Another video for technique 1 HERE. Another HERE. Others on the way.
Technique 2
When you are done, save it as a Photoshop file in case you want to make changes.
To get in on your website go to: FILE> SAVE FOR WEB. In the area at the top under PRESET be sure it says GIF. Now click save at the bottom. It should now be a GIF. To put the GIF on your Weebly site, use the IMAGE element, make the image file smaller, turn on lightbox, publish and test.
Some terms you might need to know about the process below:
Disposal Methods: (Dispose means, "get rid of").
Automatic
Determines a disposal method for the current frame automatically, discarding the current frame if the next frame contains layer transparency. For most animations, the Automatic option (default) yields the desired results.
Note:
To preserve frames that include transparency, select the Automatic disposal option when you are using the Redundant Pixel Removal optimization option.
Do Not Dispose
Preserves the current frame as the next frame is added to the display. The current frame (and preceding frames) may show through transparent areas of the next frame. Use a browser to see an accurate preview of an animation using the Do Not Dispose option.
Dispose
Discards the current frame from the display before the next frame is displayed. Only a single frame is displayed at any time (and the current frame does not appear through the transparent areas of the next frame).
About 25% to 50% of the population are introverts. School tends to favor the extroverts. There is nothing better or worse about being an introvert. Hopefully this video will help introverts and extroverts understand each other a little better. In the video the woman likes to read. All introverts don't necessarily read a lot. Some do other things like, art, music, writing, sports, play video games : )
Some famous introverts: Steve Wozniak, Tom Petty, Bill Gates, Abraham Lincoln, Albert Einstein, Christina Aguliera.
Some famous introverts: Steve Wozniak, Tom Petty, Bill Gates, Abraham Lincoln, Albert Einstein, Christina Aguliera.
DOW - Choice 3 - Pick some graphic design that you like. Upload it to your website the same way you have been uploading the images I have been choosing. Write what you do or don't like about it using at least 25 words.
Elements and Principles Assignment due.
Week 15 - April 30 - May 4
Elements and Principles of Design Assignment - If you have done this in another of my classes let me know.
Make your own list using the terms on the page here: Elements and Principles of Design - CLICK HERE
After you make the list, find a photo or design example for each term online. Be sure the picture is not bigger that 1 inch in width on your web page. Turn on Light Box so the viewer can see a larger version. I'll show you how to do this in class. Retype the description from the link above in your own words. Don't plagiarize. DON'T copy and paste. If you retype it you will learn something, if you copy and paste you won't. Make a new invisible page on your website. Create a link to in from you assignment page. I'll show you how to do this in class. The page should NOT be in your link menu.
Example for the Photo class. Your examples will de graphic design examples.The first 2 here. Don't copy these.
Due by the end of week 16.
Make your own list using the terms on the page here: Elements and Principles of Design - CLICK HERE
After you make the list, find a photo or design example for each term online. Be sure the picture is not bigger that 1 inch in width on your web page. Turn on Light Box so the viewer can see a larger version. I'll show you how to do this in class. Retype the description from the link above in your own words. Don't plagiarize. DON'T copy and paste. If you retype it you will learn something, if you copy and paste you won't. Make a new invisible page on your website. Create a link to in from you assignment page. I'll show you how to do this in class. The page should NOT be in your link menu.
Example for the Photo class. Your examples will de graphic design examples.The first 2 here. Don't copy these.
Due by the end of week 16.
Concert Poster Assignment - Do this OPTIONAL assignment ONLY if you are all caught up on everything. If you do not do this assignment it won't be included in your grades unless you ARE caught up. Use this week to get caught up.: Include at least two bands, the location, date(s), ages able to attend, ticket information, and anything else you think is important. Needs to be classroom appropriate and what I consider professional. Make it 8.5 x 11. You can use Photoshop, Illustrator or a combination of both. Do some research for ideas. Use what you have learned this semester. Put this in the assignment section of your website. Title it: Concert Poster Assignment.
|
|
Click HERE to see how to flip text to the INSIDE of a circle (someone asked this question in class).
DOW - Choice 4 - Pick some graphic design that you like. Upload it to your website the same way you have been uploading the images I have been choosing. Write about it using at least 25 words.
Week 16 - May 7 - 11
Cereal Box Mock-up Assignment - Due last day next week. Put this in the assignment section of your Weebly site. Title it: Cereal Box Assignment
In Photoshop, design the front and left side for a cereal box. You can redesign cereal that exists or you can make up your own. Make a new file in Photoshop 8.25 x 11, 220 ppi, for the front of the box, and for the side make a document 2.25 x 11, 220 ppi. Make this look as professional as possible. I'll give you an image of a 3 dimensional blank cereal box. Download image here. You will design the front and side and wrap those graphics around the box. I'll show you how to do this in class (edit, transform, distort, and drag the corners). If you have time, do more than one.
This need to look professional (what "I" consider professional), like something that would be placed on the store shelf. Do some research.
Things to include: cereal name, company name, graphics or pictures, nutritional info, weight, etc.
In Photoshop, design the front and left side for a cereal box. You can redesign cereal that exists or you can make up your own. Make a new file in Photoshop 8.25 x 11, 220 ppi, for the front of the box, and for the side make a document 2.25 x 11, 220 ppi. Make this look as professional as possible. I'll give you an image of a 3 dimensional blank cereal box. Download image here. You will design the front and side and wrap those graphics around the box. I'll show you how to do this in class (edit, transform, distort, and drag the corners). If you have time, do more than one.
This need to look professional (what "I" consider professional), like something that would be placed on the store shelf. Do some research.
Things to include: cereal name, company name, graphics or pictures, nutritional info, weight, etc.
Click on example image to see larger version.
Cereal Box Mock-Up, Designed by Stevie Swartz
|
Cereal Box Mock-Up, Designed by Jessica Schwerdt
|
Tuesday: College tip of the week - Click Here
Wednesday: Between now and the end of the semester I want you to work on your creativity. You have learned to use some grafic design software. Now you need to learn to use it creativity. You need to be able to fail to be creative. Experiment, evaluate, experiment again.
Thursday: Work on current assignments.
Friday: Elements and Principles of Design due.
Week 17 - May 14 - 18
Monday: Billboard Assignment (optional) - Due last day next week - Put this in the assignment section of your Weebly site. Title it: Billboard Assignment. Not required. Only do this if everything else is done.
Your mission is to design a billboard in Photoshop that looks like it was made in the fifties. Do some research to get ideas. It must include text. You can use the copy, but not the actual image of the words. The final image will be black and white. The file tat will go on the billboard needs to be 5 x 2.5 inches, 100ppi. Paste your file (can be designed in any program, export as jpeg) into this stuffed Photoshop file. Use the linked file, NOT the sample below. The linked file has the saved selection. I've saved a selection for you to help trim your file to size. GO to SELECT>LOAD SELECTION, SELECT>INVERT SELECTION. Click on the layer thet has your image on it. Hit DELETE. We will go over this in class. Try changing the layer blend mode of your image to MULTIPLY so you see some of the texture in your image.
MAKE 2 COMPLETELY DIFFERENT VERSIONS OR TWO DIFFERENT BILLBOARD DESIGNS. Put them both on your website in the assignment section.
Title them: Billboard Assignment.
Your mission is to design a billboard in Photoshop that looks like it was made in the fifties. Do some research to get ideas. It must include text. You can use the copy, but not the actual image of the words. The final image will be black and white. The file tat will go on the billboard needs to be 5 x 2.5 inches, 100ppi. Paste your file (can be designed in any program, export as jpeg) into this stuffed Photoshop file. Use the linked file, NOT the sample below. The linked file has the saved selection. I've saved a selection for you to help trim your file to size. GO to SELECT>LOAD SELECTION, SELECT>INVERT SELECTION. Click on the layer thet has your image on it. Hit DELETE. We will go over this in class. Try changing the layer blend mode of your image to MULTIPLY so you see some of the texture in your image.
MAKE 2 COMPLETELY DIFFERENT VERSIONS OR TWO DIFFERENT BILLBOARD DESIGNS. Put them both on your website in the assignment section.
Title them: Billboard Assignment.
College student portfolio examples: HERE
Week 18 - May 21 - 25
Please CLICK HERE to take the graphic design survey. Many thanks. Mr. P.
The rest of the assignments this semester are optional IF you have old assignments to do.If you are caught up, do what you have time to do.
Seahawks Game Poster - (optional) Do this OPTIONAL assignment ONLY if you are all caught up on everything. If you do not do this assignment it won't be included in your grades unless you ARE caught up. Use this week to get caught up- Make this with Photoshop, Illustrator. InDesign. Do some research. Look at other posters online for layout and color ideas. See example below. Don't copy the example. Find assets, the graphics you want to use in the poster. Start experimenting with layout, color, typography (font family, style, size, color, leading and tracking).
Research their schedule and choose a game to advertise. You can also make up the dates and location. Be sure to include both teams names, the date of the game and the location.
Make the document 8.5 x 11. When you are finished put a small version (about 2 inches high) on the assignments page of your website. Turn on the light box option. If you have time do more than one.
Research their schedule and choose a game to advertise. You can also make up the dates and location. Be sure to include both teams names, the date of the game and the location.
Make the document 8.5 x 11. When you are finished put a small version (about 2 inches high) on the assignments page of your website. Turn on the light box option. If you have time do more than one.
Start working on your portfolio. Right click and download your assignment images (from your website, not the editor) and re-upload them. Do this if you want to place them in a gallery or slide show. You can also upload from your original jpg file from your desktop. Be sure you are downloading the large version, not the thumbnail.
!0 Page Magazine due.
Week 19 - May 28 - June 1 :: No school Monday
The only way to get something in the grade book is by using a grade change slip. Pull the assignment you need graded up on your website (not the editor). Have the slip filled out (except the grade part). Call me over to grade.
College student design portfolio examples: HERE
Monday: You have 3 assignments listed this week. Do what you have time to do. If you have unfinished assignments work on those first.
Icon Assignment - Create 4 or more icons for a smart phone. You pick the aps. Can be designed in Illustrator OR Photoshop. If you use Photoshop you will need to design to a specific size. I'll put a little chart below that lists those sizes. If you use Illustrator ONLY (no pictures included) the size wont matter because vector graphics are scalable without losing any quality. Must be able to be "read" at a typical icon size. These need to be original designs. Don't just copy what someone else has done. Feel free to use a picture of an iPhone or other smart phone to display your icons but that isn't required. See examples below.
Icon Assignment - Create 4 or more icons for a smart phone. You pick the aps. Can be designed in Illustrator OR Photoshop. If you use Photoshop you will need to design to a specific size. I'll put a little chart below that lists those sizes. If you use Illustrator ONLY (no pictures included) the size wont matter because vector graphics are scalable without losing any quality. Must be able to be "read" at a typical icon size. These need to be original designs. Don't just copy what someone else has done. Feel free to use a picture of an iPhone or other smart phone to display your icons but that isn't required. See examples below.
Click on thumbnail to see larger version.
By Amos Peterson
|
Ali Lukkason
|
Logo Assignment
By Blake Theel
|
By Blake Theel
|
Option 1 - Redesign a logo for a company You need at least 2 ideas (that is a total of 2 finished logos). This must be done with Illustrator. You can not include any pictures. You can use text but you don't need to.
Option 2 - Create two different logos for you. Examples HERE This must me done with Illustrator. You can not include any pictures. You can use text but you don't need to.
Here are some good links to get you started. Be sure you read them. It is part of the assignment. Reading is good. It is a way to learn stuff. Learning stuff is good : )
Option 2 - Create two different logos for you. Examples HERE This must me done with Illustrator. You can not include any pictures. You can use text but you don't need to.
Here are some good links to get you started. Be sure you read them. It is part of the assignment. Reading is good. It is a way to learn stuff. Learning stuff is good : )
Tuesday: Obama style poster. You pick the person you want to make a poster about. CLICK HERE for instructions.
Monday: Business Card Assignment - Due last day next week. Create a business card for yourself and your graphic design business or some other business you are interested in, using the template below. Must include: business name, your name, contact phone number, business address.
Research for ideas. Make at least 3 different versions of each idea.
Do this like a professional designer would. Refer to week 6 and your design process.
Some good information HERE.
Download template HERE.
Research for ideas. Make at least 3 different versions of each idea.
Do this like a professional designer would. Refer to week 6 and your design process.
Some good information HERE.
Download template HERE.
Wednesday: Postcard Assignment - Design a 6 x 4 inch. 200ppi postcard in Photoshop.
1. Research some postcard ideas (Google is your friend).
2. Determine what text will be on the card - Usually a city, state, or country,.
3. Start building in Photoshop. If you want to make old style block postcard text watch this tutorial I made (no sound). You don't NEED to do this, but your design needs to look like a postcard and it needs to be "appropriate". Download a postcard font HERE
Watch this video
4. When you are done, save as a jpeg, upload to your Weebly site. Title it: Postcard Assignment.
1. Research some postcard ideas (Google is your friend).
2. Determine what text will be on the card - Usually a city, state, or country,.
3. Start building in Photoshop. If you want to make old style block postcard text watch this tutorial I made (no sound). You don't NEED to do this, but your design needs to look like a postcard and it needs to be "appropriate". Download a postcard font HERE
Watch this video
4. When you are done, save as a jpeg, upload to your Weebly site. Title it: Postcard Assignment.
Click on thumbnail to see larger version.
Ali Lukkasson
|
|
|
Thursday: Your website will be your final. Be sure The Assignment page, DOW page, Calendar and Portfolio are correct and up to date.
Friday: Cool Graphic Design poster with career info. Click the image to see larger version. Design one on your own. Make the document size 16 x 20 inches.
Full size file here if you want to read the small print.
| designposter.jpg |
Work on your portfolio
The only way to get something in the grade book is by using a grade change slip. Pull the assignment you need graded up on your website (not the editor). Have the slip filled out (except the grade part). Call me over to grade.
The only way to get something in the grade book is by using a grade change slip. Pull the assignment you need graded up on your website (not the editor). Have the slip filled out (except the grade part). Call me over to grade.
Monday: Work on current assignments.See list from last week.
Pretty cool program for a designer. It will turn a photograph into a painting. You can also use it's painting and drawing tools to create your own art.
Painter 5 Essentials, Click here to check it out.
Painter 5 Essentials, Click here to check it out.
Wednesday: All work needs to be turned in by the end of Wednesday Jan 21.
Thursday:
Friday: Work on old and current assignments.
CLICK HERE to see examples of student design work from UW.
Cool design company in Seattle. This could be YOUR life. Click here to check it out.
Check out some of their work HERE.
Check out some of their work HERE.
All work needs to be turned in ASAP.
Week 20 - June 4 - June 8
Please take this 2 minute survey about the class. The answers are confidential (I won't know who wrote them : )
Click HERE.
Click HERE.
Monday:
The only way to get something in the grade book is by using a grade change slip. Pull the assignment you need graded up on your website (not the editor). Have the slip filled out (except the grade part). Call me over to grade.
The only way to get something in the grade book is by using a grade change slip. Pull the assignment you need graded up on your website (not the editor). Have the slip filled out (except the grade part). Call me over to grade.
Seniors, next week is your last week. Be sure everything is in the grade book, including your finished website and portfolio.
Tuesday: The Elements and Principles of Design assignment doesn't need to be a linked page, but it can.
Wednesday: Work on old and current assignments.
Dual credit - To register try this link - Click HERE
Information about the program, click HERE.
You need to do this by Wednesday June 6. You need at least a B in class to get the credit at Clover Park Technical College.
From the person in charge of the program:
For students to post their dual credits to college transcript they will need to e-mail me at gelgar@pc3connect.org.
I'd write down his email somewhere.
Information about the program, click HERE.
You need to do this by Wednesday June 6. You need at least a B in class to get the credit at Clover Park Technical College.
From the person in charge of the program:
For students to post their dual credits to college transcript they will need to e-mail me at gelgar@pc3connect.org.
I'd write down his email somewhere.
Work on your portfolio
Thursday:
Friday: Work on old and current assignments.
After Effects samples:
| Balloon People Movie.mov |
Good tutorials HERE. There is nothing fast or easy about this program - endeavor to persevere : )
Week 21 - June 11 - 15 :: 12th last day for seniors!
Monday - Get everything in the grade book ASAP!!!!!
Website check list:
Assignment Page: This needs to be complete. Be sure the assignments are set up correctly.
DOW Page: There should be one for each week we are here starting with week 1 (Raygun), and ending with week 15 (your choice) You can find this is week 12. If you did more, thats fine. You don't need them for any weeks we aren't in school.
Calendar: You need assignment names and due dates for the required assignments. If you didn't do an optional assignment, it doesn't need to be on the list.
The easiest way to find the due dates is in the assignment section of Parent Portal.
Portfolio: A collection of your best work. Chick the LINK.
Tuesday Get caught up. Seniors last day!!!!!
Wednesday Get caught up. Get everything in the grade book.
Thursday I will not be here.
Friday - Periods 1, 2, and 3 finals. Fill out a grade slip to get partial credit for any incomplete assignments.
Website check list:
Assignment Page: This needs to be complete. Be sure the assignments are set up correctly.
DOW Page: There should be one for each week we are here starting with week 1 (Raygun), and ending with week 15 (your choice) You can find this is week 12. If you did more, thats fine. You don't need them for any weeks we aren't in school.
Calendar: You need assignment names and due dates for the required assignments. If you didn't do an optional assignment, it doesn't need to be on the list.
The easiest way to find the due dates is in the assignment section of Parent Portal.
Portfolio: A collection of your best work. Chick the LINK.
Tuesday Get caught up. Seniors last day!!!!!
Wednesday Get caught up. Get everything in the grade book.
Thursday I will not be here.
Friday - Periods 1, 2, and 3 finals. Fill out a grade slip to get partial credit for any incomplete assignments.
CW
Week 22 - June 18, 19 :: Last week :: June 19 half day.
Your website will be your final. Be sure The Assignment page, DOW page, Calendar and Portfolio are current and up to date.
Monday - Periods 4, 5, and 6 finals. Fill out a grade slip to get partial credit for any incomplete assignments.
Tuesday - Last 1/2 day!!!!!!!
Wednesday: Gone
Thursday: Gone
Friday: Gone
Tuesday - Last 1/2 day!!!!!!!
Wednesday: Gone
Thursday: Gone
Friday: Gone
I'm looking for some sample stuff. Please upload your best stuff. Folder HERE
Notes for next semester:
Have hard due dates. They can work on things at lunch or after school during the media club if they need to. Post the media club hours on the wall as Media Club and catch up. They can also use the programs online.
Change magazine to 6 pages. I article, 1 add plus everything else they do in the 10 page magazine.
More assignments geared toward iphone/ipad/mobile devises.
Add some webpage design, and After Effects
Have hard due dates. They can work on things at lunch or after school during the media club if they need to. Post the media club hours on the wall as Media Club and catch up. They can also use the programs online.
Change magazine to 6 pages. I article, 1 add plus everything else they do in the 10 page magazine.
More assignments geared toward iphone/ipad/mobile devises.
Add some webpage design, and After Effects