Graphic Design 1
Please don't work ahead. I sometimes change the assignments or provide additional information. The only week that won't change is the current one.
Week 1 - Jan 28 - Feb 1
What is Graphic Design? Watch the videos. You will about them in class.
|
|
|
|
Monday: Welcome : )
Intro - Hello, about me, the lab and the program.
Any graphic design 2 students in here?
Read the syllabus
Notes - This is a note taking place.
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.
Read or watch all links. Links are underlined red text.
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: Assignments, DOW's (Designs Of the Week), Calendar and Portfolio. We will go over how to do this in class. Your site address should be: firstnameLastnamegd1.weebly.com. Example: johnsmithgd1.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.
Graphic Design Reel - 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. Raster vs Vector - 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.
Check this out - super cool!
Video about color
Intro - Hello, about me, the lab and the program.
Any graphic design 2 students in here?
Read the syllabus
Notes - This is a note taking place.
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.
Read or watch all links. Links are underlined red text.
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: Assignments, DOW's (Designs Of the Week), Calendar and Portfolio. We will go over how to do this in class. Your site address should be: firstnameLastnamegd1.weebly.com. Example: johnsmithgd1.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.
Graphic Design Reel - 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. Raster vs Vector - 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.
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. Example HERE. Don't copy it.
We will do this first one together in class. Example HERE. Don't copy it.
Terms to use: center of interest, typography, serif, sans serif, grid, tracking, leading, warm colors, cool colors, complementary colors, primary colors, texture, line, shape, form, balanced, unbalanced, movement, pattern, repetition, variety, unity, positive space, negative space, clean, distressed, or any other art terms you think are appropriate. Look up the terms on the internet. You need to use them in your designs.
Terms presentations assignment - I'll go over it in class.
Copyright free image sites: You will need to use these links later in the semester.
https://www.pexels.com/royalty-free-images/
https://stocksnap.io/
https://unsplash.com/
https://freerangestock.com/index.php
https://www.pexels.com/royalty-free-images/
https://stocksnap.io/
https://unsplash.com/
https://freerangestock.com/index.php
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:
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:
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
Week 2 - Feb 4 - 8
Please don't work ahead. I sometimes change the assignments or provide additional information. The only week that won't change is the current one.
Monday:
A question about early printers came up last week. This is how they made posters, flayers, and anything else that needed to be mass produced.
Give it a watch.
Give it a watch.
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.
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:
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.
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:
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.
Friday:
Sampling colors, deleting solid colored backgrounds behind images, making colored backgrounds in Photoshop.
Magazine Cover Assignment - Due Tuesday, Feb 26.
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!
1. Make a document 8.5 x 11 inches, resolution, 250 ppi.
2. Add 1/2 text safe guides around each edge. The main text on the cover can not go past the guides. The title "might" be able to go past them, run your idea by me. Magazine titles can be different sometimes. Add these guides to every assignment this semester.
3.Your design must include a picture. Be sure to crop it. It CAN fill the entire page, but it doesn't need to. The proportions of the image need to be correct. You can't stretch the image to fit an area. You need to crop it that size.
4. 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 to come up with your own ideas.
5. Show it to me to see if I think something needs to be changed. If I have a suggestion, try it. Once we agree it is done...
6. Fill out a graphic design grade slip, and show the design to me again.
7. Put the 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. We'll do this in class together.
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.
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
Sampling colors, deleting solid colored backgrounds behind images, making colored backgrounds in Photoshop.
Magazine Cover Assignment - Due Tuesday, Feb 26.
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!
1. Make a document 8.5 x 11 inches, resolution, 250 ppi.
2. Add 1/2 text safe guides around each edge. The main text on the cover can not go past the guides. The title "might" be able to go past them, run your idea by me. Magazine titles can be different sometimes. Add these guides to every assignment this semester.
3.Your design must include a picture. Be sure to crop it. It CAN fill the entire page, but it doesn't need to. The proportions of the image need to be correct. You can't stretch the image to fit an area. You need to crop it that size.
4. 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 to come up with your own ideas.
5. Show it to me to see if I think something needs to be changed. If I have a suggestion, try it. Once we agree it is done...
6. Fill out a graphic design grade slip, and show the design to me again.
7. Put the 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. We'll do this in class together.
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.
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
Assignment layout example:
Click on thumbnail
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
— 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).
Week 3 - Feb 11 - 15
Please don't work ahead. I sometimes change the assignments or provide additional information. The only week that won't change is the current one.
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.
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.
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 18- 22 :: Mid Winter Break - No school
Please don't work ahead. I sometimes change the assignments or provide additional information. The only week that won't change is the current one.
Week 5 - Feb 25 - March 1
Update your website. Make everything correct.
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.
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
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 1: Put this on your Assignment page on your website. Name it Rotated Text Assignment 1.
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.
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 : Put this on your assignment page on your website. Name it Rotated Text Assignment 2.
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)
|
|
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).
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 year do you think 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 year do you think 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.
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 6 - March 4 - 8
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.
Assets are linked, NOT embedded. Assets are the elements that go into your project - usually the pictures.
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
Check this out about the pathfinder tool. Really powerful tool in Illustrator.
Tuesday - Crack open Illustrator. Watch first two videos above. Know the difference between vector and raster. Make circles and rectangles. Change fill and stroke. Resize and rotate. Make a target shape. Change the colors. Group it. Make layers. Lock layers. Duplicate things.
Wednesday - Review yesterday's work. Make bezier curves. Make a football shape. Make a rounded corner rectangle. Go over distributing and aligning shapes. Start using the pathfinder tools. Do simple combining and cutting. Make Pacman.
We are going to do some graded exercises. Please let me know if you need help. I'll go over how to do each of them in class. Things to learn: bezier curves, control handles, control points, making groups, duplicating, filling and stroking shapes, locking layers and sublayers, using the pathfinder panel to cut and combine shapes, moving points with the direct select tool, aligning, and distributing shapes, using the scatter brush. Yep - that's a lot :)
Flower (graded assignment): Draw something similar to the flower below. It needs to have a stem, leaves, lines on the leaves and a flower top. Don't have any strokes on the shapes. Put this on your assignment page the same way you did the magazine cover (title, click thumbnail, image, designed by).
Things to learn: bezier curves, control handles, control points, making groups, duplicating, filling and stroking shapes, using the blob brush, locking layers and sublayers, using the pathfinder panel to cut and combine shapes, moving points with the direct select tool.
Things to learn: bezier curves, control handles, control points, making groups, duplicating, filling and stroking shapes, using the blob brush, locking layers and sublayers, using the pathfinder panel to cut and combine shapes, moving points with the direct select tool.
Click HERE to see how to make a flower shape, or any shape that has smaller shapes that rotate around a point.
Instructions to make a flower shape:
1.Draw a flower petal
2. Select it with the black selection tool.
3. Click on the rotate tool.
4. Option click the end of the petal (the point you want the petals to rotate around).
5. In the window that pops up, put in the degrees you want each petal to rotate. If you want 6 petals, divide 6 into 360. That would mean they need to rotate 60 degrees.
6. Hit copy.
7. Hit command-d as many times as you need to, to make the petals fill the flower.
1.Draw a flower petal
2. Select it with the black selection tool.
3. Click on the rotate tool.
4. Option click the end of the petal (the point you want the petals to rotate around).
5. In the window that pops up, put in the degrees you want each petal to rotate. If you want 6 petals, divide 6 into 360. That would mean they need to rotate 60 degrees.
6. Hit copy.
7. Hit command-d as many times as you need to, to make the petals fill the flower.
Click thumbnail
Pacman and Evil Pacman(graded assignment): No strokes on Pacman, black stroke on Evil Pacman. Put these on your assignment page the same way you did the magazine cover (title, click thumbnail, image, designed by). Make these 2 Pacmen the same assignment. Drag 2 image elements out.
Click thumbnails
|
|
Origins of Bezier
Pierre Étienne Bézier (September 1, 1910 – November 25, 1999; [pjɛʁ etjɛn bezje]) was a French engineer and one of the founders of the fields of solid, geometric and physical modelling as well as in the field of representing curves, especially in CAD/CAM systems.[1] As an engineer at Renault, he became a leader in the transformation of design and manufacturing, through mathematics and computing tools, into computer-aided design and three-dimensional modeling.[1]
Bézier patented and popularized the Bézier curves and Bézier surfaces that are now used in most computer-aided design and computer graphics systems.
Pierre Étienne Bézier (September 1, 1910 – November 25, 1999; [pjɛʁ etjɛn bezje]) was a French engineer and one of the founders of the fields of solid, geometric and physical modelling as well as in the field of representing curves, especially in CAD/CAM systems.[1] As an engineer at Renault, he became a leader in the transformation of design and manufacturing, through mathematics and computing tools, into computer-aided design and three-dimensional modeling.[1]
Bézier patented and popularized the Bézier curves and Bézier surfaces that are now used in most computer-aided design and computer graphics systems.
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. Don't worry about the snow that goes past the artboard (the Illustrator document background). It won't be there when you export it. Save all files as two different types: Illustrator files and pngs. To export as a png go to: Export for screens, click on folder to tell the program where to save it, choose 2x png (I'll go over this in class. Keep the ai file in an assignment folder. Put the png on your Weebly site.
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. Don't worry about the snow that goes past the artboard (the Illustrator document background). It won't be there when you export it. Save all files as two different types: Illustrator files and pngs. To export as a png go to: Export for screens, click on folder to tell the program where to save it, choose 2x png (I'll go over this in class. Keep the ai file in an assignment folder. Put the png on your Weebly site.
Click thumbnail
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.
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: Because of the snow we are behind where we usually are at this point. We are still working on last weeks assignments. We will eventually get caught up.
Don't do the assignments on this weeks section yet.
Don't do the assignments on this weeks section yet.
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.
Tutorial video HERE.
Tutorial video HERE.
Angry Bird Assignment - You can do the Angry Bird Assignment OR the Robot Assignment below - your choice!
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 (I didn't make it).
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 (I didn't make it).
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.
Robot Assignment - You can do this OR the Angry Bird Assignment above - your choice!
Don't make your robot like mine. Make it totally different. Step one, do some research. Google robot illustrations, retro robot drawings etc. Download some for ideas. Take some of their ideas and incorporate them into your robot.
Don't make your robot like mine. Make it totally different. Step one, do some research. Google robot illustrations, retro robot drawings etc. Download some for ideas. Take some of their ideas and incorporate them into your robot.
Click thumbnail
Robot starter ideas.
Click thumbnail.
Click thumbnail.
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.
Week 8 - March 12 - 16 :: Friday, March 15 no school for students
Please don't work ahead. I sometimes change the assignments or provide additional information.
Monday: Because of the snow we are behind where we usually are at this point. We are still working on last weeks assignments. We will eventually get caught up.
Don't do the assignments on this weeks section yet.
Don't do the assignments on this weeks section yet.
Click here to check out Richard Wilde.
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 : )
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.
Friday: 8 Step Graphic Design Process Assignment due on your website.
Please don't work ahead. I sometimes change the assignments or provide additional information.
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 25 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 25 words or more (YOUR words), describe what Bauhaus design or the Bauhaus movement is/was.
Friday:
Please don't work ahead. I sometimes change the assignments or provide additional information.
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) OPTIONAL - 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:
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 11 - April 2 - 6
OBJECTIVES:
To use Illustrator to design a background and character for a video game.
PROCEDURES:
Look at the examples below or other things you find on the internet. Create a title for your game. This can be a made-up game or one that already exists .Come up with a background and at least one character.
Save this as an Illustrator file and a jpg or png to place on your website. Be sure the title is incorporated in the image.
TURN IN:
One 1920px x 1080px Illustrator file and jpg that has a background, title and at least one character. Due Monday April 8.
To use Illustrator to design a background and character for a video game.
PROCEDURES:
Look at the examples below or other things you find on the internet. Create a title for your game. This can be a made-up game or one that already exists .Come up with a background and at least one character.
Save this as an Illustrator file and a jpg or png to place on your website. Be sure the title is incorporated in the image.
TURN IN:
One 1920px x 1080px Illustrator file and jpg that has a background, title and at least one character. Due Monday April 8.
Click thumbnail - finished project examples
|
|
Parts of assignment examples
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 12 - April 9 - 13
Sorry for the crappy website this week. I had to unexpectedly leave and wan't able to work on it until today.
Day of the Dead Poster
Click thumbnail
Open the skull outline or make your own. Experiment with shapes and colors. A good tutorial for making the eye shape HERE. Good info for making dashed or dotted lines HERE.
Another tutorial for making a dotted line HERE.
My skull outline - click HERE.
Week 13 - April 16 - 20 :: Spring Break
Please don't work ahead. I sometimes change the assignments or provide additional information.
Week 14 - April 22 - 26
Monday:
Seahawks (or other sport team) Game Poster - Make this with Photoshop or Illustrator. Do some research. Look at other posters online for layout and color ideas. See example below. Don't copy the example. Find the images 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.
Or you can do the animated gif assignment. You only have to do one assignment.
Animated GIF Assignment: 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.
Week 15 - April 29 - May 3
Elements and Principles of Design Assignment - Do 5-24 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 17.
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 17.
Monday:
Icon Assignment - Due 5-10 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 - Due 5-10 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.
By Amos Peterson
Ali Lukkason
Click HERE to see how to flip text to the INSIDE of a circle (someone asked this question in class).
Week 16 - May 6 - 10
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 or Illustrator, 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. In Illustrator make it the same size just no resolution. 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.
Come up with the design. I'll make a tutorial that goes over how to transform the images to fit the template Monday or Tuesday.
In Photoshop or Illustrator, 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. In Illustrator make it the same size just no resolution. 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.
Come up with the design. I'll make a tutorial that goes over how to transform the images to fit the template Monday or Tuesday.
Click on example image to see larger version.
Cereal Box Mock-Up, Designed by Stevie Swartz
|
Cereal Box Mock-Up, Designed by Jessica Schwerdt
|
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 13 - 17
Monday: Billboard Assignment - 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 above. 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 above. 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 20 - 24
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
|
|
|
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.
Week 19 - May 27 - May 31 :: 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
Click on thumbnail to see larger version.
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 : )
Thursday: Your website will be your final. Be sure The Assignment page, DOW page, Calendar and Portfolio are correct and up to date.
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.
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.
CW
Week 20 - June 3 - June 7
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.
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.
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.
Some good information HERE.
Download template HERE.
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.
READ THIS!!!!!!
I put hundreds of "F's" in the grade book. Instead of giving you zero points for an F I gave you a 50% grade. This will help you a lot. I did it because I was gone for so much of the semester. You can still bring that 50% score to 100% by doing the assignment. DO IT!!!!
If something is incorrect, fill out another slip, show the assignment to Mrs Small again and it will get in there.
The end is near : )
I put hundreds of "F's" in the grade book. Instead of giving you zero points for an F I gave you a 50% grade. This will help you a lot. I did it because I was gone for so much of the semester. You can still bring that 50% score to 100% by doing the assignment. DO IT!!!!
If something is incorrect, fill out another slip, show the assignment to Mrs Small again and it will get in there.
The end is near : )
Work on your portfolio
Thursday:
Friday: Work on old and current assignments.
Week 21 - June 10 - 14
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.
Week 22 - June 17 to 21
Your website will be your final. Be sure The Assignment page, DOW page, Calendar and Portfolio are current and up to date.
Monday - ?
Wednesday: ?
Thursday: ?
Friday: ?
Wednesday: ?
Thursday: ?
Friday: ?
I'm looking for some sample stuff. Please upload your best stuff. Folder HERE
Notes for next semester:
Check out this video
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