Shorewood/Shorecrest Film Festival Poster Challenge

Today you'll be creating an 11"X17" poster in Photoshop for our Shorecrest/Shorewood 2011 Film Festival.
Go online and do a search for "Film Festival Posters" and get inspired by some of the designs.
DO NOT USE ANY OF THE POSTER ART THAT YOU FIND FOR YOUR OWN POSTER!!!

The poster that is chosen to use for the Film Festival will get a special reward, so take the time to make it look good!

Make sure that the poster is readable from far away!

Here are the other details that you'll need to include:

Shorecrest/Shorewood Film Festival 2011
May 18th at the Shorecrest Auditorium at 7pm
Admission is Free w/suggested Donation of $5

This assignment is due at the beginning of class next Thursday, April 7th.
Once you are completed name it using the naming convention _festival
Turn it into my 'Classes', 'Period 2' folder.

Digital Melding Assignment

For this assignment you will be going onto the internet and finding an image from another photographer that shows a person somewhere in the photo.
You will take note on where the lighting sources are coming from and what position that person is in.
Take this photo and match it with the one you will take.
You will be replacing the face of the person in the photo, with your face.
This face swapping with occur in Photoshop.
Today you will find 3 probable photos online that you could use for this assignment.
You will only use 1 of these 3 photos, but it's important that you find 3 to choose from, in case you find one to be too difficult to emulate.
You must find these 3 photos by the end of class today.

The Postcard Assignment

In this Adobe Photoshop tutorial, we're going to learn how to place an image in text, a very popular thing to do in Photoshop, and also a very easy thing to do as we'll see.

Here's the effect we're going for:


Go online now and find a "Large" JPEG of a beach to use for the steps below.
When you have completed the steps below, you will then make your own Postcard.
Try to personalize it and you MUST use a different image in the background than you did for this example.
This assignment is due by the end of class on Thursday.

Step 1: Open A Photo To Place Inside Your Text

First, we need the image that we're going to place inside of our text. I'll use this panoramic photo of Hawaii:

A panoramic view of the ocean in Hawaii.

Photoshop Image In Text: An ocean view from Hawaii.

Step 2: Duplicate The Background Layer

If we look in the Layers palette, we can see that we currently have one layer, named Background. This layer contains our image. We need to duplicate this layer, and the easiest way to do that is by using the keyboard shortcut Command+J (Mac). If we look once again in the Layers palette, we see that we now have two layers. The original Background layer is on the bottom, and a copy of the Background layer, which Photoshop automatically named "Layer 1", is sitting above it:












The Layers palette in Photoshop.

Photoshop Image In Text: Photoshop's Layers palette.

Step 3: Add A New Blank Layer Between The Two Layers

Next, we need to add a new blank layer between the Background layer and "Layer 1". Currently, "Layer 1" is the layer that's selected in the Layers palette. We can tell which layer is selected because the selected layer is always highlighted in blue. Normally, when we add a new layer, Photoshop places the new layer directly above whichever layer is currently selected, which means that Photoshop would place the layer above "Layer 1". That's not what we want. We want the new layer to be placed below "Layer 1". Here's a useful trick. To add a new layer below the currently selected layer, hold down your Command (Mac) key and click on the New Layer icon at the bottom of the Layers palette. Holding down Command (Mac) is the trick to placing the layer below the currently selected layer:












The New Layer icon at the bottom of the Layers palette in Photoshop.

Photoshop Image In Text: Hold down "Command" (Mac) and click on the New Layer icon in the Layers palette.

We now have a new blank layer named "Layer 2" sitting directly between the Background layer and "Layer 1":














A new blank layer appears in the Layers palette.

Photoshop Image In Text: The Layers palette showing the new blank layer between the Background layer and "Layer 1".

Step 4: Fill The New Layer With White

At the moment, our new layer is completely blank. Let's fill it with white so it will appear as a white background after we've placed our image inside the text. Go up to the Edit menu at the top of the screen and choose Fill. This will bring up Photoshop's Fill dialog box. Select White for the Contents option at the top of the dialog box, then click OK to exit out of the dialog box:














The Fill command dialog box in Photoshop.

Photoshop Image In Text: Select White for the Contents option at the top of the Fill command's dialog box.

Nothing will appear to have happened in the document window, since the image on "Layer 1" is blocking "Layer 2" from view, but if we look at the layer preview thumbnail for "Layer 2" in the Layers palette, we can see that sure enough, the layer is now filled with solid white:














The layer preview thumbnail in the Layers palette in Photoshop.

Photoshop Image In Text: The preview thumbnail for "Layer 2" shows that the layer is now filled with white.

Step 5: Select "Layer 1" In The Layers Palette

It's time to add our text, but in order to see the text when we add it, we'll need to have the text appear above "Layer 1", otherwise the image on "Layer 1" will block the text from view. To make sure we can see our text, click on "Layer 1" in the Layers palette to select it. This way, as soon as we begin typing, Photoshop will create a new type layer for us and place the type layer directly above "Layer 1":














Selecting 'Layer 1' in the Layers palette in Photoshop.

Photoshop Image In Text: Click on "Layer 1" in the Layers palette to select it.

Step 6: Select The Type Tool

To add the text, we'll need Photoshop's Type Tool, so select the Type Tool from the Tools palette. You can also quickly select the Type Tool by pressing the letter T on your keyboard:









The Type Tool in Photoshop.

Photoshop Image In Text: Select the Type Tool.

Step 7: Choose A Font In The Options Bar

With the Type Tool selected, go up to the Options Bar at the top of the screen and choose whichever font you want to use for the effect. Generally, fonts with thick letters work best. I'm going to choose Arial Black. Don't worry about the font size for now:



The Options Bar in Photoshop showing the options for the Type Tool.

Photoshop Image In Text: Select a font in the Options Bar.

Step 8: Set White As Your Foreground Color

This step isn't absolutely necessary, but to help me see my text, I'm going to use white for my text color. The color you choose for your text doesn't really matter since we'll be filling the text with an image in a moment, but it still helps to be able to see the text when we're adding it. To set the text color to white, all we need to do is set Photoshop's Foreground color to white. First, press the letter D on your keyboard, which will reset the Foreground and Background colors to their defaults. Black is the default color for the Foreground color and white is the default color for the Background color. To swap them so white becomes the Foreground color, press the letter X on your keyboard. If you look at the Foreground and Background color swatches near the bottom of the Tools palette, you'll see that white is now the Foreground color (the left swatch):











The Foreground color swatch in the Tools palette in Photoshop.

Photoshop Image In Text: Setting the Foreground color to white sets the text color to white as well.

Step 9: Add Your Text

With the Type Tool selected, your font chosen and white as your Foreground color, click inside your document window and add your text. Since I'm using a photo of an ocean scene in Hawaii, I'm going to type the word "HAWAII":

Adding text to the Photoshop document.

Photoshop Image In Text: Click inside the document and add your text.

When you're done, click on the checkmark up in the Options Bar to accept the text.
Click the checkmark in the Options Bar to accept the text.




Photoshop Image In Text: Click on the checkmark in the Options Bar to accept the text.

Step 10: Resize and Reposition The Text With The Free Transform Command

You'll probably need to resize and reposition your text at this point, and we can do both of those things using Photoshop's Free Transform command. Press Command+T (Mac) on your keyboard to bring up the Free Transform box and handles around your text, then drag any of the handles to resize the text. If you want to resize the text without distorting the look of it, hold down your Shift key and drag any of the four corner handles. You can also resize the text from its center by holding down the Option (Mac) key as you drag. Finally, to move the text, click anywhere inside the Free Transform box and drag your mouse to move the text around inside the document window:













Use the Free Transform command in Photoshop to resize and reposition the text.

Photoshop Image In Text: Use Photoshop's Free Transform command to resize and move the text.

Press Return (Mac) when you're done to accept the transformation and exit out of the Free Transform command.

Step 11: Drag The Text Layer Below "Layer 1"

Now that we have our text the way we want it, we need to move the type layer below the text in the Layers palette. Click on the text layer, then simply drag it down below "Layer 1". You'll see a thick black line appear between "Layer 1" and "Layer 2":














Dragging the type layer down below 'Layer 1' in the Layers palette.

Photoshop Image In Text: Drag the type layer below "Layer 1".

Release your mouse button when the black line appears to drop the type layer into place between "Layer 1" and "Layer 2":
















The type layer now appears below 'Layer 1' in the Layers palette.

Photoshop Image In Text: The type layer now appears between "Layer 1" and "Layer 2".

Step 12: Select "Layer 1" Again

Click once again on "Layer 1" in the Layers palette to select it:
















Selecting 'Layer 1' in the Layers palette.

Photoshop Image In Text: The type layer now appears between "Layer 1" and "Layer 2".

The text will temporarily disappear inside the document window now that the image on "Layer 1" is blocking it from view.

Step 13: Create A Clipping Mask

To create the illusion that the photo is inside the text, we need to use a clipping mask. This will "clip" the photo on "Layer 1" to the text on the layer directly below it. Any areas of the photo that appear directly above the letters will remain visible in the document. The rest of the photo will disappear from view.

With "Layer 1" selected in the Layers palette, go up to the Layer menu at the top of the screen and choose Create Clipping Mask:









Creating a clipping mask in Photoshop.

Photoshop Image In Text: Go to Layer > Create Clipping Mask.

If we look in the document window, we can see that the photo now appears to be inside the text:










The photo now appears inside the text in Photoshop.

Photoshop Image In Text: The photo now appears inside the letters.

Step 14: Add A Drop Shadow (Optional)

To complete my effect, I'm going to add a drop shadow to the letters. If you want to follow along, first select the type layer in the Layers palette, then click on the Layer Styles icon at the bottom of the Layers palette:

















Clicking on the Layer Styles icon in Photoshop.

Photoshop Image In Text: Select the type layer, then click on the Layer Styles icon.

Select Drop Shadow from the list of layer styles that appears:











Selecting a drop shadow layer style in Photoshop.

Photoshop Image In Text: Select the Drop Shadow layer style.

This brings up Photoshop's Layer Style dialog box set to the Drop Shadow options in the middle column. I'm going to leave most of the options alone, but I'll lower the Opacity of the drop shadow down to about 60% so it's not quite so intense, and I'll set the Angle of the drop shadow to 120°:












The Drop Shadow options in the Layer Style dialog box in Photoshop.

Photoshop Image In Text: The Layer Style dialog box displaying the options for the Drop Shadow.

Click OK when you're done to apply the drop shadow an exit out of the Layer Style dialog box. Here is my final "image in text" effect:

Photoshop image in text effect.

Photoshop Image In Text: The final "image in text" effect.

And there we have it!

Ah, the Color Wheel

Today's reading assignment you will read the following 2 articles: www.colormatters.com/colortheory.html
webdesign.about.com/cs/color/a/aacolorharmony.htm
Read this article carefully as it will pertain directly to your photography assignment today.

Your assignment will be to take 1 photo example of Complimentary Color and and 1 photo for Analogous Color, then 1 photo for each of the following colors for your color wheel:

RED
RED-ORANGE
ORANGE
YELLOW-ORANGE
YELLOW
YELLOW-GREEN
GREEN
BLUE-GREEN
BLUE
BLUE-PURPLE
PURPLE
RED-PURPLE

YOU WILL NEED TO HAVE ALL OF THESE COLORS FOR YOUR NEXT PHOTOSHOP ASSIGNMENT.

Spend a moment to think about objects that use these colors.

CD Artwork Project

Your next assignment is to design Artwork for your favorite band, or a band that you make up on your own.
What type of music does this band play?
Rock? Metal? Rap? Pop? Emo? R&B?
Whichever genre of music you choose for your band's CD Artwork, you must try to fit the mood visually in your artwork.
You will need to go online and find images using the 'Advanced Google Image Search Engine' to find 'Large' 'JPEG' files that you can use to select, cut, and paste into your artwork.

These areas must have the following:
1. All areas must have a cohesive design element. (Meaning that they must have a similar color or design scheme to them, that ties all the Artwork together.)
2. Limit yourself to only 2 different Font Types.
3. Your Front Cover must include interesting images and the Name of the Band, and the Album.
4. The Inside Cover must have images that tie in with the Front Cover, in look and design.
5. The Back Cover must have a list of 10 songs for the Track Listing, and include images that tie in with the rest of the Artwork.
6. You must include the name of the Band and the Album on both 'Spin' sections on the Album

Have you ever wanted to redesign artwork for and album of a band who's music you like?
Do you know of a band who needs artwork for their album?
Now is your chance to design one.
Or, come up with your own band name and album.
This assignment is due by the end of class on Monday the 14th.
Good luck!