Photoshop Tutorials: Day 2

Today we will finish our Photoshop tutorials. The boys will go to the town hall meeting in the Ensemble Theater period 3. Period 4 everyone will work on the Dress Up Kitten tutorial.

The following people still need to publish their first blog post to their blogs:
  • Island
  • Darnell
  • Brian
  • Amber
The following people still need to finish the veggie tutorial and post their finished file to their blogs:
  • Daniel
  • Ashanti
  • Darnell
  • Brian
  • Vegas
  • Maria
  • Genevieve
  • Alyssa
  • Lillian
  • Gretchen

Tutorial 2: Dress Up Kitten Tutorial

Kitten Dress Up Tutorial (teaches us how to combine multiple images into one Photoshop file, and how to use the transform tool to scale and rotate objects)

Completed kitten dress up tutorial

  • Click here to view the step-by-step-instructions for the kitten dress up Photoshop tutorial. (If you do not have this file open and cannot tell me what step you need help with, I will not help you.)
  • Click here to download the kitten dress up Photoshop file.
  • Once you get comfortable with Photoshop, feel free to download extra accessories from Google images and customize your fashionable kitten! See if you can figure out how to add a background. Here are some examples of students who have gone above and beyond with the dress up kitten assignment:

Today we will:

  • Complete the kitten dress up tutorial
  • Save our finished Photoshop files to BOTH our Google Drives
  • Post a PNG of each completed tutorial to our class blog. You must post your work to your blog in order to receive participation points for today’s class.

Photoshop Tutorials

Today’s essential question: How can I create a collage in Adobe Photoshop?

Today we will learn how to create a collage in Photoshop by completing two tutorials.

If you feel like you understand Photoshop well, consider becoming a student leader and help teach your classmates how to do the mini lessons. (Notice that I said teach, not do their projects for them!)

These tutorials will teach us how to remove the background from an image in Photoshop and how to dress up a kitten. We will save a Photoshop (.psd) version of our file to our 890# AND our Google Drives, and post a PNG (.png) of each completed tutorial to our class blogs.

The following people still need to email me the link to their blogs:
  • Amber
  • Shannon (welcome to class!)
  • Gretchen

What is the difference between a .psd and .png?

A Photoshop (.psd) file contains layers and can be edited. You need Photoshop to be able to open it, so you cannot upload this format to your blog.

A PNG (.png) file has been flattened into one layer. It can no longer be edited because of this, but can be viewed without Photoshop, so you can upload this format to your blog.

Why is it important to save your image as both file types?

Tutorial 1: Veggie Tutorial

Veggie Tutorial (teaches us how to use a variety of tools to remove the background from an image)

Veggie tutorial starter file

Completed veggie tutorial

In order for it to be considered complete, it must meet the following requirements:

  • the background needs to be removed from the tomato, broccoli, onion, and mushroom
  • you must have duplicated at least one of the vegetables
  • you must have transformed the copy of the vegetable you duplicated by scaling and rotating it
  • you must add a shadow to at least one of the vegetables

Click here to view the step-by-step instructions for the veggie Photoshop tutorial. (If you do not have this file open and cannot tell me what step you need help with, I will not help you.)

Click here to download the veggie Photoshop starter file.

Tutorial 2: Dress Up Kitten Tutorial

Kitten Dress Up Tutorial (teaches us how to combine multiple images into one Photoshop file, and how to use the transform tool to scale and rotate objects)

Completed kitten dress up tutorial

  • Click here to view the step-by-step-instructions for the kitten dress up Photoshop tutorial. (If you do not have this file open and cannot tell me what step you need help with, I will not help you.)
  • Click here to download the kitten dress up Photoshop file.
  • Once you get comfortable with Photoshop, feel free to download extra accessories from Google images and customize your fashionable kitten! See if you can figure out how to add a background. Here are some examples of students who have gone above and beyond with the dress up kitten assignment:

Today we will:

  • Complete the veggie tutorial
  • Complete the kitten dress up tutorial
  • Save our finished Photoshop files to BOTH our 890 #s and our Google Drives
  • Post a PNG of each completed tutorial to our class blog. You must post your work to your blog in order to receive participation points for today’s class.

Setting Up Our Class Blogs

Computer-Cat

Today we will share our favorite artwork with the class and set up our class blogs.
By the end of this class you should:

  • Share your favorite artwork with the class
  • Set up your class blog
  • Email Ms. Lawson the link to your class blog from your school Gmail account
  • Publish your first blog post (Make sure you have verified your email address by clicking on the link in the email from WordPress, or your blog post will not be published!)

Blog-graphic.jpg

First blog post project requirements:

  • A picture that is meaningful to you.
  • The answers to the following questions:
    • Describe your previous experience with computer art.
    • Whose is responsible if the computer crashes and your project disappears? What will happen?
    • How will you back up your work? (hint: Google Drive, USB Drive)
    • Why is it important to post your work to your blog every class?

You must email Ms. Lawson the link to your blog and publish a blog post today in order to receive participation points.

Part 1: Setting up a WordPress account

  1. Click here to set up a WordPress account. (This will be your Foundations 1 class blog.) You may choose any free template you like, but keep in mind that you will need to post both text and images, so you should pick a template that supports both of these requirements well. Use your school Gmail address (890….@rcsd121.org) – you will have to verify your email in order to publish blog posts.
  2. Log into your school email account, open the email from WordPress, and click on the link to verify your email address.

Part 2: Logging into your district Gmail account

  1. Click here to log into your district Gmail account. Your username will be your student ID # @rcsd121.org.) Ex. 8123456@rcsd121.org, and your password is your district computer password. (Your district gmail account has unlimited storage space and will give you access to DropBox, which is a great free way to back up your files.)
  2. Click on the email from WordPress to verify your class blog.
  3. Email Ms. Lawson (2013045 at rcsd121.org) from your district Gmail account. You will not receive credit if you email me from another email client. Your email should include:
    1. Your first and last name
    2. A link to your WordPress blog. For example, “Stephanie Lawson – My blog URL is SOTAfoundations1.wordpress.com.”

Part 3: Publishing your first blog post

Publish your first post by clicking on this icon at the top of your WordPress screen Screen Shot 2015-07-09 at 9.49.23 AM
Include the following:

  1. Post an image by following these steps:
    1. Go to images.google.com
    2. type in what you are looking for (ex. “cutest kitten in the world”)
    3. click on the image you want to download
    4. control +click -> save images as
    5. save the image to your desktop
    6. Click on the “add media” button Screen Shot 2015-07-09 at 9.50.16 AM
    7. Click on “upload files” Screen Shot 2015-07-09 at 9.51.03 AM
    8. Click on “select file” Screen Shot 2015-07-09 at 9.51.20 AM
    9. Select the image you want to insert
  2. Copy and paste the following questions and answer them:
    1. Describe your previous experience with computer art.
    2. Whose is responsible if the computer crashes and your project disappears? What will happen?
    3. How will you back up your work? (hint: blog, Google Drive)
    4. Why is it important to post your work to your blog every class?
  3. Click “publish” at the bottom of the screen to publish your post. Screen Shot 2015-07-09 at 10.12.00 AM

Need help? Please follow the following process:

  1. Check the blog
  2. Ask two classmates
  3. Still stuck? Raise your hand and Ms. Lawson will help you as soon as she is available.

If you finish early, help your classmates set up their blogs or set up the About page on your blog.

Today we will:

  • Share our favorite artwork with the class
  • Set up our class blogs
  • Email Ms. Lawson the link to our class blogs from our school Gmail account
  • Publish our first blog post

Setting Up Our Google Drives

Today’s essential question: How can I create a shared folder in Google Drive?

How to Create a Shared Media Folder in Google Drive

  1. Log into your school Gmail account. (Username: student # @rcsd121.org; Password: same password you use to log into the school computers.)
  2. Click on the squares in the top right corner of the screen and select Drive
    google_drive
  3. Click on “New” on the top left side of the screen and then “Folder” from the drop down menu to create a new folder
    new_folder
  4. Name your folder “LastName_FirstInitial_Media2”
    new_folder_name
  5. Right click on the folder and select “Share.”
    share_folder
  6. Share the folder with me and make sure you give me permission to add items.
    folder_permissions

Need help? Please follow the following process:

  1. Check the blog
  2. Ask two classmates
  3. Still stuck? Raise your hand and Ms. Lawson will help you as soon as she is available.

Today we will:

  • Create a Foundations1 folder in your school Google Drive and share it with Ms. Lawson

Welcome to the Media Component of Foundations 1!

Welcome to the Media component of Foundations 1. In this class, we will explore a range of digital art techniques and become experts at using Photoshop.

Today we will look at some of Ms. Lawson’s artwork, preview some of the projects we will work on in this class, and play an icebreaker game to get to know one another.

Homework (bring in the following):

  • signed course criteria sheet and walking field trip permission slip
  • an artwork you are proud of and would like to share with the class

Ms. Lawson’s Artwork

Computer Art
Drawing
Ceramics
Animation

snore animation

Why is it important to be skilled with a variety of art materials and styles?

Foundations 1 Media Project Overview

Here are some examples of the types of projects we will create in this class.

Icebreaker Game

Please gather with the following groups to play the icebreaker game:

  • Group 1: Daniel, Ashanti, Natalie, Island
  • Group 2: Darnell, Brian, Troy, Amber
  • Group 3: Jack-Henry, Jordan, Vegas, Jackson
  • Group 4: Maria, Genevieve, Alyssa, Harry, Gretchen

Today we will:

  • Look at some of Ms. Lawson’s artwork
  • Preview some of the projects we will work on in this class
  • Play an icebreaker game to get to know one another.

LAST DAY! OH MER GERD!

Today’s Objectives: Today we will finish working on our silhouette projects. When you have completed this project, you need to write an artist statement.

Here is an example of a great artist statement.

When you have completed everything, return to your previous projects to make sure that you have the highest grade possible.

sheets_andrew3.jpg

 

Who can name a few reasons why this silhouette is successful?

Don’t forget to post to your blog. There is only one class after this one.

 

 

LAST WEEK!!

Today’s Objectives: Today we will continue to work on our self-portrait silhouettes in Photoshop. Complete this project before returning to your previous projects. I will grade your work as you finish.

If you are all caught up, now is the time to get the highest possible grade on your assignments. There is no reason not to get a high grade in this class.

 

Here are two completed silhouettes from this class:

Remember:

  • Use at least 10 images. The more images, the better.
  • Erase the white backgrounds around the images.
  • Avoid copyrighted logos or characters. It is plagiarism.
  • Aim for high contrast between the silhouette and the background.
  • Post and image of your progress to your blog.

 

 

Day 5: Featured Artist: Guiseppe Arcimboldo

Giuseppe Arcimboldo (1526 or 1527 – 1593)

Giuseppe Arcimboldo was an Italian painter best known for creating imaginative portrait heads made entirely of objects traditionally found in still life paintings (eg. fruits, vegetables, flowers, fish, and books). He painted these objects arranged in such a way that the whole collection of objects formed a recognizable likeness of the portrait subject. He often used objects that represented the subject he was painting, such as a librarian composed entirely of books.

Here are some examples of his work:

 

How is your project similar to Guiseppe Arcimboldo’s paintings? How is it different?

Today we will:

  • Finish our silhouette self portraits
  • upload both the Photoshop (.psd) and PNG files of our final projects to our Foundations 1 Google Drive Folders
  • create a new blog post with the following
    • a PNG of our finished project
    • a 150 word artist statement about our project. Not sure what to write? Start by answering the following questions:
      • Describe your artwork
        • What does your artwork look like?
        • What is the subject matter?
        • What art elements or principles are most obvious in your work?
      • How did you create your art?
        • What media is your artwork made from?
        • Describe the process or steps you took to create your artwork.
      • What is the big idea behind your artwork?
        • Who or what inspired your artwork?
        • What is your artwork about?
        • How do you want people to feel when they view your artwork?
      • Overall thoughts
        • What did you learn from creating this artwork?
        • Is the final piece what you imagined? How so?
        • What did you do well? What could you have done better?
      • Here are some great examples of final blog posts by previous 9th grade students:

 

Day 4: Using a mask to fill in our background with an image

Today’s essential question: How can I create contrast between the inside of my silhouette and my background?

Today we will use the mask tool to fill in our background with an image.

Next class, we will critique our near-finished projects with a partner, and then spend the rest of the class period finishing our projects and making the changes suggested by the peer critique.

How to Use the Mask Tool

  1. Open your project Photoshop file (the one that ends with .psd, NOT .png).
  2. Open whatever image you would like to fill the negative space portion of your project.
  3. Drag whatever image you would like to fill the negative space portion of your project into the project Photoshop file.
    Screen Shot 2014-11-17 at 6.28.51 AM
  4. If it is the wrong orientation (such as my example where it is landscape instead of portrait), rotate the image.
    Edit -> Transform -> Rotate 90 CW (or CCW – your choice)
    Screen Shot 2014-11-17 at 6.29.01 AM
  5. Scale it so it fills the screen (Edit -> Free Transform). Remember to hold down the shift key and scale from the corner so you do not distort the proportions of the image. Also, do not make an image much larger – it will pixelate and look blurry when printed.
    Screen Shot 2014-11-17 at 6.41.29 AM
  6. In the layers palette on the bottom right side of the screen, click on the eye next to this layer to make it temporarily invisible.
    Screen Shot 2014-11-17 at 6.29.59 AM
  7. Click on the layer titled “negative space.” It should turn blue to show it has been selected.
    Screen Shot 2014-11-17 at 6.30.08 AM
  8. Your project should now look like this (you may have images inside your silhouette):
    Screen Shot 2014-11-17 at 6.30.46 AM
  9. Select the magic wand tool form the toolbar on the left side of the screen. magic_Wand
  10. Click on any part of the negative space layer that has been painted. It should now be outlined with dotted lines.
    selection_close_up
  11. In the layers palette on the bottom right side of the screen, click on the eye next to this layer to make it invisible.
    Screen Shot 2014-11-17 at 6.31.28 AMYour project should now look like this:
    Screen Shot 2014-11-17 at 6.33.00 AM
  12. Now click on the eye space next to the layer that contains the image you want to fill in your background. This will make the layer visible.
    Screen Shot 2014-11-17 at 6.33.13 AM
  13. Click on the layer itself to select it. It should turn blue.
    Screen Shot 2014-11-17 at 6.33.25 AM
  14. Click on the mask tool at the bottom of the layers palette. mask_tool
  15. This should hide everything but the background area:
    Screen Shot 2014-11-17 at 6.34.02 AM

Today we will:

  • Learn how to use the mask tool to fill in our background with an image
  • Continue working on our projects
  • Save our projects as both as (Photoshop) .psd and .png, upload our Photoshop (.psd) file to our school Google Drives, and create a new blog post with the PNG of our progress