January, 2016

Project 6: Future Profession Faux Stencil

Street artists like Banksy use spraypaint to put stencils on public spaces like buildings.  They often start with a photo, which they adjust through software like Photoshop.  Here is an example of Banksy’s street art:

banksy

Hopefully by now you have given some thought to what you profession you might want to have when you are older.  Our next project is to create a poster advertising a profession that you are interested in.  We are going to make it in a faux (or fake) stencil style.

1. Begin by finding a photo of someone in your future profession.  Make sure it is big enough, our poster will be 8.5 x 11 inches again.  Delete the background of the person and adjust it under Image -> Adjust -> Threshold.  Adjust it so that you can still see the features of your person.

Original Photo                                           Background Deleted and Threshold Adjusted

2. Next, Select all of the black in the image under Select -> Color Range.  Using the Gradient tool, make the black change to a gradient from one dark color to black.  Remember, the Foreground and Background colors are the colors that will appear in the gradient.  Save!

Black fading to Blue

3. Open a new document that is 8.5 x 11 inches.  Fill with black with the paint bucket.  Using the Rectangular Marquee tool, erase stripes.  Select the black stripes and apply a gradient that matches the gradient you applied to your figure.  Rotate the stripes to an angle.  Duplicate the stripe layer and rotate it to fill the whole poster shape.

Stripes                                                Stripes rotated with gradient              2 Stripes layers

This will be the background of your poster.  If you want something other than stripes, like waves or arches, I can help you with that.

4. Paste the person onto your background.  Adjust the size and position to your liking.

5. Search for a bulls-eye or another radial, linear shape to add to your background. Put a gradient with different colors than before.  I chose yellow and orange to stand out against the blue and black.  Paste it into your poster document, put it behind the person but in front of the stripes and adjust the opacity.

6. Erase

6. Erase the white in the stripes layers.  Put something else in the background as the last layer, I found old paper.  Wood, cardboard, bricks or metal would probably look cool too, just make sure its not too dark.  Select the white in the person and erase it.  You will see the stripes layers shining through.  Keep erasing this selection in the other layers until you can see your new background shining through.

7.  Find the silouette of an object associated with your profession.  Apply a gradient to it which fits the color scheme of you poster and then add it.  Adjust the opacity.

8. Find something painterly like an ink splatter.  Apply a gradient to it which fits the color scheme of you poster and then add it.  Adjust the opacity.

9. Add text in a Stencil-like font which advertises your future profession.  Make it a color that is not anywhere on your poster.  Rasterize/Render the text.  Make it fit into your composition by transforming it and rotating, skewing it etc.  Select the color and then apply a gradient which fits in with your color scheme.

10.  Breathe, you’ve finished and it looks awesome! (I hope).  Post it to your blog under Project 5 and write a little something about the experience of creating it.

Here are some more examples from past years:

Finished-Project-4[1]

poster[1]

profession-copy[1]

 

Untitled-1-copy[1]

BUSINESS-SON[1]

cameramanpropaganda[1]

Project 5: Robot Creature

Create a Robot out of random objects!

Include:

Head

Body

Shoulders

Arms

Hands

Feet

Chest

Face

Eyes

Mouth

Nose

Hair

Be creative!  Have fun! You could use any objects that you could imagine to create your creature as long as you represent all of the body parts.

Add a background of your choice, post it onto your blog and write about it.

Project 4: New Money

Most countries of the world have developed their own form of paper currency, or bills.  Here are some examples:

Some people say that, in comparison the United States has boring currency.  What do you think?

I came upon a website challenging Americans to design new bills, which I thought was a fun idea.  Here are some of the designs people came up with:

You are going to design a new bill.  But first, you need to decide:

Who/what would you put on the a bill to represent the US, and why?  You will need to explain your reasons when you post your design.  First, brainstorm.  What ideas does the US stand for?  Life, liberty, and the pursuit of happiness? Ingenuity?  Innovation? Integrity?  Entrepreneurship?  Equality?  Arts?  Strength? What should our country stand for?  Who/What would represent these ideas?

I chose Crazy Horse as my person because he nobly fought for the rights of his people when he felt that they were being treated unfairly by the US government.

1. Decide on the dimensions of your bills.  Are they rectangles/squares/horizontal/vertical?  Open a new Photoshop document in that shape.  Don’t make it too huge, it has to fit in your wallet!

2. You could  cut a circle around your person/animal/thing or cut right around the head and delete the entire background.  Look back at the examples.  I cut an oval shape around Crazy Horse using the Circle Marquee Tool.

2.  Stylize yourperson/animal/thing somehow.  Suggestions: Anything under Image->Adjust or any Filter.  I did Image->Adjust->Color Balance to make Sitting Bull a brownish color.

3. Add a general background to your bill to match the person/animal/thing.  I chose a gradient in brown and white:

4. Add some other sort of background element, perhaps a place associated with your person/animal/thing?  I chose a photo of the Lakota Reservation with buffalo, another American symbol.  Adjust the opacity so it fades into the background some and colors to match.

5. A lot of money has lacy floral type patterns called guilloche rosettes. Here is onceI found but you should google  guilloche rosettes yourself and find one you like!

Incorporate one or more of these into your design.  Remember, you can always change the color!

6. There needs to be some information on your bill.  Remember, the type is a part of your design, make it look cool!

Amount – both numerically and in English (5, Five Dollars)

CountryUnited States of America

7.  In order for this money to be official, we need the Seal of the US Department of the Treasury. It is used on all U.S. paper currency, and (like other departmental seals) on official Treasury documents. The seal includes a chevron with thirteen stars, representing the original thirteen states. Above the chevron is a balance, representing justice. The key below the chevron represents authority and trust.

Remember, you can (and should) change the seal to match your design!  I adjusted mine using Image->Adjust->Threshold, deleted the white, selected the black, and then gave it a purple-brown gradient.

8. Flatten image and post it to your blog.  Explain why you chose the person/animal/place that you did to represent the US.  What tools did you use in this project?  Did you learn anything new?I can’twait to see what you come up with.

 

Student Examples from the past:

 

 

Project 3: In your style with Quote

Barack_Obama_Hope_poster

I want you to use the skills you learned in project 3 to create a new piece, in a similar way! Above I have put the iconic Obama image that street/graffiti Artist Shepard Fairey made during the 2008 presidential election campaign.  Do you recognize it?  Fairey was not hired to do this, he made it because he sincerely was excited about Obama.  The design became very famous and Shepard Fairey actually got in trouble because the photo he used wasn’t his.  Check out the Wikipedia page on the subject.  Fairey was selling his Obama Hope posters for a profit.  Do you think what we are doing with other people’s photos in this class is legal?  Look at the Law here and let me know what you think it means when you post your Project!

 

Pick a new image of a person or animal.  Repeat the steps you did to your person for the Concert poster:

1. Remove background w lasso tool, magic wand, or select->color range, depends on the pic!

2. Under Image-> Adjustments make your picture black and white.   I usually up the contrast at this step too.

3. Apply a blur w Filters->Gaussian.  Not too blurry, just enough to make the image smooth when you posterize it.

4. Posterize your image to anywhere between 3-6 depending what looks the best (Image->Adjustments->Posterize).

5. Click Select–>Color Range and then click on a black part of your person.  Choose a dark color in your color scheme and then click Edit–>Fill–>Foreground Color.  The black should now be the new color.  Repeat this step with the shades of grey in your artist/band.

6. Pick any background you want and add it behind your person.

7. Add a quote or a word.  This can end up like a meme or inspirational quote pick!  Pick a nice looking, legible font and place it in an attractive way, not just randomly!

I chose Mr. Rogers!  He was the best.  I went from this photo:

fredrogers-690x460-1

To this amazing work of art 🙂  Have fun and make something cool!

mr rogers quote

Remember to write your opinion on Fair Use Copyright Law in regards to Art Education when you post your product!

Project 3: Concert Poster

Concert Posters are works of art.  Check out examples on Google Images.  You will create a poster for a band or artist advertising the event of a concert.

1. Pick your artist/band.  Find a good, dramatic photo of them and make sure its not too small.  Open it up in Photoshop and get rid of the background.   Make it black and white under Image–>Adjust–>Desaturate.  Blur it a little under Filter–>Blur–>Gaussian Blur.  Posterize it under Image–>Adjust–>Posterize (3-4 Levels).  SAVE!

From this                                                                                    To this

2. Find two large vector graphics to combine to make your background. Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygon(s), which are all based on mathematical equations, to represent images in computer graphics.  Look at these links: vector wallpaper, vector backgrounds, geometric design, free vectors, vector ray or find your own.  I chose to use these two:

3.  Open a new document in Photoshop that is 8 1/2 inches wide by 11 inches tall.  Paste one of your vector backgrounds into this document and rotate, move it until you like the composition.  If your background has a lot of detail, posterize it under Image–>Adjust–>Posterize (3-4 Levels).  If you don’t like the colors, change them under  Image–>Adjust–>Hue/Saturation.

My 8 1/2 x 11″ posterized vector background

4. Paste the image of your artist/band onto your background.  You need a color scheme to tie the poster together.  I chose to make my poster in all warm shades like red, orange and yellow.  Click Select–>Color Range and then click on a black part of your artist/band.  Choose a dark color in your color scheme and then click Edit–>Fill–>Foreground Color.  The black should now be the new color.  Repeat this step with the shades of grey in your artist/band.  Your artist/band should now match your background.

5. Paste your second vector image into the document.  Make it the middle layer.  Posterize it, and change the colors to match the color scheme.  Adjust the opacity level so that you can see through it to the back layer.

6. Now you need to create the text for your poster.  The poster should include the name of the artist/group, the venue (place) they are playing at, the date and time and if you choose, the opening band.  Pick a cool font and colors to match your color scheme.  Next, distort your text in some way.  First rasterize the type layers by right clicking on it and selecting Rasterize.  Now you can change the text in different ways.  You could click Edit–>Transform–>Skew, Distort, or Perspective.  Another option is to click Filter–>Distort and try out the different options.  Make sure your text is somewhat legible!  Use the skills you learned in the last TEXT assignment!

bjork text redo

7. Phew!  Once you are finished, flatten image and save as a jpeg.  Post your poster to your blog.  What new did you learn how to do on photoshop with this assignment?  What do you think of your product?

Assignment 7: Text

text tool This is the text tool, it is the T in the tool box on the left.  To write text, click on this tool and draw a box in your document.  Start typing!  After that it is similar to word with options for fonts, sizes, etc. 1. Drop Shadow – Manual Drop Shadow

  1. Open a new document under FILE- NEW. Click on the T text tool, draw a box, and type some text about 72 points.  Choose a thick font!
  2. Duplicate the type layer the same way you duplicated layers in the POP ART assignment (right click on layer, click duplicate layer).
  3. Change the text color on the bottom layer to black.  You can change colors by double clicking on the Text symbol of the layer and highlighting the word, then clicking on a new color!
  4. Move the black text layer several pixels down and to the right.
  5. Apply Filter > Blur > Gaussian with a radius of about 2-5 pixels depending on the type size.
  6. Adjust the opacity of the shadow layer as desired.
  7. Add some sort of background to your text.
  8. Flatten image and save as a jpeg under drop shadow.

2. 3D Text – Manual 3D Raised Text3D Emboss Text

  1. Open a new document ( 6 x 4″) and type some text about 72-100 points.  Chose a thick font! Make the font any color other than Black or White!
  2. Duplicate the type layer twice. You should have three identical layers.
  3. Move the bottom-most layer two pixels up and two pixels left and change the type color to white.
  4. Move the middle layer two pixels down and two pixels right and change the type color to black.
  5. Fill the background with the same color as the topmost type layer.
  6. Flatten image and save as a jpeg under 3d.

3. Perspective Shadow Perspective Shadow

  1. Open a new document and type some text about 72 points.  Chose a thick font!
  2. Duplicate the type layer.
  3. Change the text color on the bottom layer to black.
  4.  Rasterize the black type layer by right clicking on it and selecting Rasterize.
  5. Skew the bottom layer to the right so it looks like a shadow on the ground.  Edit–>Transform–>Skew
  6. Select the gradient tool and set the options for black to white.
  7. Hold the Ctrl key and click on the black type layer
  8. Click once at the baseline of the type, then hold the shift key down and click again at the tallest point of the shadow layer.
  9. Bump the shadow layer up one pixel.
  10. Flatten image and save as a jpeg under Perspective Shadow.
4. Motion Text Motion Text
  1. Open a new document and type some text about 72 points. Italics work well.
  2. Duplicate the type layer.
  3. Rasterize the bottom layer.
  4. Filter –> Stylize –> Wind: Method-Wind, From the Left
  5. Move the Wind layer a few pixels left.
  6. Filter –> Blur –> Motion Blur: Angle-0, Distance 10-15 pixels.
  7. Adjust the position of the blurred layer again if necessary.
  8. Reduce the opacity of the blurred layer to about 60-80%.
  9. Add some sort of background to your text.
  10. Flatten image and save as a jpeg under Motion.

Project 1 & 2 in Your Own Style

Now that you have done Projects One and Two, I want you to do your own versions of them.  My sincere hope from this class is that you learn and retain Photoshop skills so that you can use them in your own life.  Here is an opportunity to make something creativly with Photoshop!

1. Now that you know how to adjust the threshhold in a photo, erase the white and place an image in the layer behind it, redo project one with a new photo.  Do not repeat the photo.  Put an image of your choice behind your threshold photo.  It could really be WHATEVER!  Remember that it has to be a light image to make sense visually because it is replacing the whites in the picture..  Also remember that you can adjust the back image to make it lighter under Image-Adjust.  You could also apply a filter to the back image or whatever!  Have fun!  Add words if you want!  Can you tell what I put behind my photo?  This is a self portrait 🙂

threshold

2. Make your own Hybrid like in project two.  It doesnt have to  be two animals.  It could be machines, objects, people, whatever.  Have fun with it and do a neat, professional job!

hybrid

3. Post your two new pictures here and write about the experience.  Is Photoshop starting to become intuitive for you?  Can you figure out multiple ways to do the same task?

Project 2: Hybrid Animal AD

South-Sawyer-Glacier-Harbor-Seal-18[1]

chicken[1]

chicken-lil[1]

There are many hybrid animals in mythology, that is creatures that are a combination of  two or more animals.  One common hybrid is a mermaid (part woman, part fish).  What hybrids can you think of?  Here is a list from Wikipidia.

I want you to create your own hybrid using Photoshop, and have that hybrid advertize some product.  In my example, I made a Dog/Horse which is advertising Aldo shoes.  You may choose which animals to combine, and which product to endorse.  You will isolate different parts with the magnetic lasso tools.  Make your two creatures join as seamlessly as possible by adjusting the different parts to the right size, angle, color.

Include the Product (ie I put the shoe on the Lola Horse), and the Product Logo (ie the ALDO).  Think about composition and placement of the animal, background, product, and brand logo so it is well balanced and pleasing.

Use the clone tool for making fur/scales to cover where two parts are joining!  Make one animal part fade into the another by adjusting the opacity of the clone brush.   Good luck and have fun!  I will definitely demonstrate this for you because its a little complicated!

Assignment 6: Clone Stamp Tool

Clone Stamp Tool

I want you to practice with the clone tool, which is very useful.  Using this tool, you can copy a portion of an image and reapply it repeatedly to cover an unwanted portion of the image. Hold down Alt to choose the area to clone, click. In a new layer, clone the sample that you took and paint it over a part you want to cover. Using the clone tool, you will open up the following pictures and modify them.

1.  Remove the starfish from this photo.  Clone some sand and cover the starfish with it in a new layer.  Try to line things up and make it look seamless.
starfish
2. Remove the sailboat in this picture.  Make sure that you line up the horizon correctly.
sail-boat-ocean-view-costa-del-sol-spain-john-a-shiron
3. Search Google Images for “intense stare”  pick a picture of a person or animal that is looking straight at you.  Clone one of the person/animals eyes give it an eye in the middle of the forehead and two more on the cheeks.  Make it look cool!
4. Save all three pictures as jpegs and post themto your blog under the title Assignment 6.  Write about your experience with the Clone Stamp ToolWhat does it do? What could you use it for?

Project One: Pop Art

Repetition can be a good thing in art.  Now that you know how to move, manipulate and add different layers, as well as make selections with different tools you are ready for your first project.

1.Decide what image you want to repeat, a person, animal, object, plant…whatever.  This image should be a photograph, no cartoons or computer graphics.  Save the jpeg image and open it in photoshop.

I chose Cat Power

2. Double click on the layer of the picture where it says Background.  Rename the layer anything you want and the padlock image will disappear, unlocking the image!

background

3. Adjust the threshold of your image.

4. Under Select–>Color Range, click on a white part of the image.  All of the white in the image should now be selected.  Delete it.  You should now see a checkered pattern where there was white.  This means it is transparentSelect all of the image and copy it.

5. Open a new blank document in photoshop.  You can pick the dimentions in inches.  Make them add up to around 10, ie 4 x 6 inches more or less.

6. Paste your image into this new document.  Shrink it under Edit–>Transform–>Scale.  Copy it again and make at least 9 total.  Arrange them in a pleasing way, doesn’t have to be a grid like mine.

7. Add a new layer behind your pattern.  Using the paintbrush tool, paint some design with bright colors (at least 4).  Here is mine.

Here they are together.  Pop Art!

8. Flatten your image, save it as a JPEG and post it onto your blog under Project One: Pop art.  Write about your first experience actually making art with photoshop.  What was easy/difficult/annoying/awesome?  Do you like your product?

Next Page »