HAWAII POSTER


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 1: Select a dancer and a background image from the options below.

You will be creating a poster for Hawaii. You will need to choose a background of a sunset and of a hula dancer or for this project. Choose a background and a Polynesian dancer from the options below and save them to your Photoshop folder. Click on the link to open the image file, right click the image, and then save it to your project folder.

Background Images to select from:

    1. http://drama16.info/wordpress/wp-content/uploads/2015/02/Hawaiian-Sunset.jpg
    2. http://cdn.pcwallart.com/images/hawaii-beach-sunset-wallpaper-1.jpg
    3. http://img.wallpaperfolder.com/f/45C0FB3C4AA2/wonderful-sunset-big-sun.jpg
    4. http://www.ohanafun.net/UserFiles/Image/tours/SUNSET-GRAND.JPG

Hula and Male Polynesian Dancers to choose from:

    1. https://empoweryourknowledgeandhappytrivia.files.wordpress.com/2014/12/hula-sunset.jpg
    2. http://cdn.wallpapersafari.com/29/86/S4er5Q.jpg
    3. http://img.wallpaperfolder.com/f/5953979D8F6C/hawaiian-fire-dancer-sea-141966-high.jpg
    4. http://hawaiihulacompany.com/blog/wp-content/uploads/2012/11/MG_3953.jpg
    5. http://legacy.soulofamerica.com/phpwcms/picture/upload/image/caribbean/Maui-Hula_dancer_sunset.jpg
    6. http://cdn.wallpapersafari.com/47/28/da4lg0.jpg
    7. http://media-cache-ec0.pinimg.com/originals/8a/79/82/8a79827d1f72ccb0fe2332043dc3f5fa.jpg



| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 2: Create a new document

In Step 2 you will create a new document for your project. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS



STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. Select File > New
  2. The New window appears. Enter the values that you see below
  3. Click the OK button to create the file.



| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 3: Embed these Images into your file

In Step 3 you will learn how to embed images in to Photoshop. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

Embed the dancer

  1. Select File > Place Embedded
  2. Navigate to your project folder and select the file of the dancer by clicking on it.
  3. Click on the Place button to place your image.
  4. Click on the check mark icon at the top right of the options bar to finish placing the file.
    .

Embed the background

  1. Select File > Place Embedded
  2. Navigate to your project folder and select the file of the dancer by clicking on it.
  3. Click on the Place button to place your image.
  4. Click on the check mark icon at the top right of the options bar to finish placing the file
    .
  5. Open the Layers panel (Window > Layers) to see each layer if the layers window is not open. You should see both images and the layers window should show two layers in it. 


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 4: Position and resize images and rename layers

In Step 4 you will learn how to reposition the images, resize them using the Free Transform tool, and rename the Layers in the Layers window. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS



STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

Rename the Layers

  1. Double click the layer name in the layers window for the dancer and rename it to dancer
  2. Double click the layer name in the layers window for the sunset image and rename it to background


Resize the images

  1. Turnoff the eye on the background layer.
  2. Click on the dancer layer to make it the active layer in the Layers window.
  3. Select Edit > Free Transform from the drop down menus.
  4. Hold down your shift key on the keyboard and click on one of the corner anchors of the image, hold down your mouse and drag to resize the image. Do the same to the other corner points to resize the image so that it fills the design space.
  5. Turn the eye back on to see the background layer.
  6. Click on the background layer to make it the active layer in the Layers window.
  7. Select Edit > Free Transform from the drop down menus.
  8. Hold down your shift key on the keyboard and click on one of the corner anchors of the image, hold down your mouse and drag to resize the image. Do the same to the other corner points to resize the image so that it fills the design space.
  9. The two images will overlap at this point and that is OK.


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 5: Experiment with blend modes

In Step 5 you will work with the Blend Modes in the Layers Window. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. Select the top layer by click on it within the Layers panel.
  2. Open the Blending Modes pop-up menu within the Layers panel.
  3. Experiment with different blending modes on the top layer to see how they affect the bottom layer.
  4. Use the Opacity and Fill sliders to adjust the effect of the modes intensity on the photo.
  5. In this example, the Overlay mode causes the image of the dancer to show through the dark parts of the palm trees. Each mode will give you a different effect, so have fun trying each one to get an effect you like.


 


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 6: Adjust light levels

In Step 6 you will work with the Image Adjustment Levels option. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. Select the bottom layer in the Layers window by clicking on it to make it active.
  2. Select from the drop down menus Image > Adjustments > Levels
  3. Select Auto in the Levels dialog box. The dark and light areas of the image adjust automatically and give the image more contrast.
  4. Try out the Preset options to see how it effects your image. Click on the drop down menu and click on an option to see the effect.
  5. Use the Eye Droppers to set the Black, Gray, and White point levels for adjustment.
  6. Use the Input Levels and the Output Levels sliders to adjust further.
  7. When you’re happy with the effect, click OK to apply the adjustment.


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 7: Adjust Hue and Saturation

In Step 7 you will work with the Image Adjustment for Hue and Saturation. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. Choose Image > Adjustments > Hue/Saturation.
  2. Try out the Preset options and see how they effect your image.
  3. Experiment with the Hue, Saturation, and Lightness sliders to make the image as vibrant as you like.
  4. Try out the Colorize check box and see if you like the effect after adjusting the Hue, Saturation, and Lightness sliders.
  5. Click OK button when you’re done.


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 8: Add text

In Step 8 you will add the text Aloha to your poster and choose the text options for font, size, alignment, and color. You will reposition the text and resize it using the Free Transform tool. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. In the Layers window make sure the Dancer Layer is the active layer. This will cause the new text layer to be created directly above the Dancer Layer and below the Background layer.



  2. From the Tools menu click on and hold your mouse down on the Horizontal Type Tool. You will see the sub-menu appear with the four different type tools available. Make sure that you have clicked on and chosen the Horizontal Type tool.



  3. In the options bar at the top select the Font Style, Bold or Italics, Size, Sharp-Crisp-Strong-Smooth, left-center-right aligned, color, Warped Text, etc.



  4. Click one time in the design space and release your mouse, begin typing your text ALOHA. (Note: If you click, hold down your mouse and drag then you will create a text box.).



  5. Use the Move tool (V) to reposition the text on the design.



  6. Use the Free transform tool to resize the text. Select Edit > Free Transform from the drop down menus.
    Hold down your shift key on the keyboard and click on one of the corner anchors of the image, hold down your mouse and drag to resize the Text.


| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 9 - Layer Styles

In Step 9 you will apply different Layer Styles to the text to create special effects like glow or a stroke. You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

  1. To add layering styles to your text is very simple. You can double click the Type Layer to bring up the Layer Styles/Blending Options Window or right click the Layer and select Blending Options from the Drop Down menu.
  2. Once the Blending Options Window is open, reposition it so that you can see the text as you modify it. Just hold your mouse down on the top bar and drag it to reposition it so you can see the text change as you choose different options in the window..
  3. Click on any of the options to the left under Styles and make sure that you click on the options name (Outer Glow is shown below) so that the option for the Layer style will appear on the right.
  4. Adjust the sliders, blending modes, colors. etc for each of the Layer styles that you want to apply. When you are happy with the result then click the OK button to apply the selected styles.
  5. Play around with each of these Layer Styles until you feel comfortable with them. You can un-checked any that you decide not to use before you click the OK button. You can come back at a later time and remove, modify, or add new Layer styles, so be adventurous and explore!

Here is my final design:




| Step1- Download images | Step 2 - New Document | Step 3 - Embed | Step 4 - Resize | Step 5 - Modes |
| Step 6 - Levels | Step 7 - Hue & Saturation | Step 8 - Text | Step 9 - Layer Styles | Step 10 - Save Files |

Step 10 - Save your final design in various formats

You have used color and blending modes to combine images for an artistic effect. Now you can apply this technique to a variety of print and digital projects. There are numerous ways to save your file for different formats. You will save this project as a .PSD (Photoshop file), .PNG (Web based file), .JPG (photographic file). You can watch the Youtube video below or read and view the illustrated directions for this step below the video.

YOUTUBE VIDEO DIRECTIONS

 

STEP BY STEP DIRECTIONS WITH IMAGE EXAMPLES

Save as a Photoshop File

  1. Select File > Save As > the Save As window appears.
  2. Make sure that you navigate to your Photoshop folder.
  3. Name the file hawaii-poster.
  4. Set the file type is set to Photoshop *.PSD, *.PDD).
  5. Click the Save button.
  6. Click on the OK button on the next screen.


Quick Export as a .PNG

  1. Select File > Export > Quick Export as PNG
    The file will be saved as a PNG file.

Save as .JPG file

  1. Select File > Save As > the Save As window appears.
  2. Make sure that you navigate to your Photoshop folder.
  3. Name the file hawaii-poster.
  4. Set the file type is set to .JPG.
  5. Click the Save button to save your file.



  6. Click on the OK button on the next screen.