Photoshop Basics


DOWNLOAD: Download file "Photoshop_Basics.pdf"

Photoshop CS 5 Beginner Tips

Key Terms:

PSD= Photoshop file. Keeps your layers intact and allows you to edit your image.
Jpeg = Joint Photographic Experts Group. Image format designed to produce photorealistic images. You will normally bring jpegs into Photoshop, manipulate them, and then export them again as jpegs.
Gif = Graphics Interchange Format. Image format which works best to output images with flat areas of color.
Canvas = the working area in Photoshop
Image Size = This menu displays the Image's dimensions in pixels or inches and allows you to change its resolution.
Save for Web = This interface will help you optimize a file for the web.
Optimize = This process involves taking an image and finding the proper balance between a small file size and good image quality.

Opening an Image

  1. From the File menu, drop down to Open
  2. Locate and select the image
  3. Click Open

Rotating / Flipping the Image

  1. From the Image menu, drop down to Image Rotation
  2. Select the degree of rotation you need

Adjusting the size of the image

  1. From the Image menu, drop down to Image Size (to change the size of the canvas select Canvas Size).
  2. In order to keep the proportions of the original image, check "Constrain Proportions." If you do not check this box, you will stretch the image.
  3. (Note that the average screen is 800 x 600 pixels).

Free Transform

Free Transform allows you to manipulate your image in a variety of ways. You can either go to Edit>FreeTransform Path or ⌘T. When you select this, a box will be drawn around your image. You can scale it, shrink it, twist it, just about anything. To constrain your proportions, hold down shift before you scale your image. To finish, hit return.

Cropping an Image

  1. Select your Crop Tool from your tools palette (refer to the tools palate diagram).
  2. Begin at one corner, click and drag the selection you would like to keep.
  3. Releasing the mouse button highlights the selected area. Hit the "return" key to execute the crop.

Layers:


Layers are the framework on which Photoshop is built. The way you manipulate and transform your images is through various layers that build upon one another. A good way to think about this is to imagine acetate layers, with something on each one, building up until you have your final image.

The layers palette is usually found in the bottom right hand corner. If it is not there, pull down the Windows menu and select "layers."

The "eye" - Clicking on and off the "eye" in the layers palette will allow you to view what is on individual layers. This becomes helpful when you are working with many layers.

To add a layer, click the layer icon on the bottom right hand corner of the layers palette. To delete a layer, highlight the layer you want to delete and click the trash icon in the bottom right hand corner.

Tools:



Photoshop has a very extensive tool palette. For beginners however, there are only about 4 tools necessary to know before moving on.

Drawing Freehand

  1. To draw lines freehand select the brush or pencil tool from the tools palette. To switch from the brush to the pencil, and vice versa, click and hold down the cursor over the brush/pencil icon in the tools palette.
  2. Select the tool that you need
  3. Add a new layer in your layers palette
  4. Begin drawing

Creating shapes (lines, arrows, polygons, etc.)

  1. Select the shape tool
  2. Specify the shape desired by clicking and holding the cursor down over the shape icon in the tools palette. A list of shape options will appear. The same options will appear in a tool bar at the top of your screen.
  3. If "custom shape" is desired, including arrows, select the custom shape tool then, from the top tool bar, pull down the "Shape" menu.
  4. The arrow in the top right corner of the "Shape" option will allow you to select other lists of custom shapes.

Eraser

  1. Select the eraser tool from the tools palette
  2. From the top tool bar for the eraser tool, specify the size of the eraser tip and begin to erase. (Make sure you have selected the correct layer)

Magic Wand and Marquee
The Magic Wand (located underneath the Quick Select option) and Marquee are both selection tools. They serve only one purpose, to select areas in your document.

The Magic Wand will simply select areas of similar colors.

  1. Select the Magic Wand tool
  2. Click anywhere on an open image in Photoshop.
  3. A selection is created based on the color you clicked on.

The Marquee tool allows you to select either a rectangular area or an elliptical area.

  1. Select the Marquee tool.
  2. Specify the type of marquee by clicking and holding the cursor down over the shape icon in the tools palette. A list of options will appear.
  3. Drag and create a selection area.

Lasso
The Lasso tool is another selection tool, but allows you to be more precise in your cutting out of an image. Think of the lasso tool as your scissors.

  1. Select the Lasso Tool.
  2. Click along a hard edge and begin to outline what you want to cut out.
  3. Draw all the way around it till you reach the beginning.
  4. Let go of the mouse button, and you should have a highlighted selection area.
  5. To add to your selection, hold shift and the mouse button. To subtract, hold "option" and the mouse button.

Magnetic Lasso
The Magnetic Lasso allows you to be more precise in your outlining of your selection by dropping anchor marks along the way.

  1. Select and hold the mouse over the Lasso Tool. The box will expand, and choose the Magnetic Lasso.
  2. Begin by clicking along the hard edge and outlining what you want to cut out.
  3. Periodically click to drop an anchor, especially around edges and curves. You will notice the line beginning to snap to the hardline around your selection.
  4. Complete the circle.
  5. Again, to add hold shift and the mouse button. To subtract, hold "option" and the mouse button.

Saving an Image:

If you are saving your image in order to work on it later, you must save your file as a Photoshop document.

  1. From the File menu, drop down to '''Save As'''
  2. Name the file (please refer to the file management sheets regarding naming conventions) and choose "Photoshop" in the Format drop menu. This should automatically change or add the suffix ".psd" to your file name.
  3. Select your folder
  4. Click Save

Saving your final image in .jpg or .gif format will flatten your layers. This compresses the file size and allows the image to be used in other programs. However, you will not be able to return to this image in order to re-manipulate it. It is generally a good idea to keep your image in both Photoshop format and in JPEG format.

  1. From the File menu, drop down to Save As
  2. Under the Format drop menu, choose "JPEG"
  3. This will automatically change or add the suffix ".jpg" to your filename, depending on what format you have chosen.
  4. Select your folder
  5. Click Save
  6. In the new window that appears, choose the quality and size of your file to optimize your image
  7. Click OK

For best optimization - from the File menu, select Save for Web & Devices

  1. Switch the view in the upper left hand corner to 4-Up so that you can see how the different settings you choose will affect the quality of your image.
  2. Change the number of colors in the palette on the right and set the image to either gif or jpeg.
  3. Find a happy medium between image quality and loading time, which you can see at the bottom of each version of the image.
  4. Click Save and be sure that you put the file somewhere that you will be able to find it.






Comments

/groups/instructionalmaterials/search/index.rss?sort=modifiedDate&sortDirection=reverse&tag=specslist/groups/instructionalmaterials/search/?sort=modifiedDate&sortDirection=reverse&tag=specsEquipment RecommendationsCustomTagSidebarCustomTagSidebar?sort=modifiedDate&sortDirection=reverse&tag=specs0/groups/instructionalmaterials/sidebar/CustomTagSidebarmodifiedDate5CustomTagSidebarreversespecsEquipment Recommendationscustom/groups/instructionalmaterials/search/index.rss?tag=hotlist/groups/instructionalmaterials/search/?tag=hotWhat’s HotHotListHot!?tag=hot5/groups/instructionalmaterials/sidebar/HotListvkuhnVirginia Kuhn2013-05-01 01:20:45+00:002013-05-01 01:20:45updated15vkuhnVirginia Kuhn2013-04-27 11:12:21+00:002013-04-27 11:12:21updated14vkuhnVirginia Kuhn2013-04-26 11:21:04+00:002013-04-26 11:21:04updated13vkuhnVirginia Kuhn2013-04-25 23:38:02+00:002013-04-25 23:38:02updated12vkuhnVirginia Kuhn2013-04-23 19:17:07+00:002013-04-23 19:17:07updated11vkuhnVirginia Kuhn2013-04-22 22:37:30+00:002013-04-22 22:37:30updated10vkuhnVirginia Kuhn2013-04-22 21:58:23+00:002013-04-22 21:58:23updated9vkuhnVirginia Kuhn2013-04-22 21:44:31+00:002013-04-22 21:44:31updated8vkuhnVirginia Kuhn2013-04-22 21:33:08+00:002013-04-22 21:33:08updated7vkuhnVirginia Kuhn2013-04-22 20:45:53+00:002013-04-22 20:45:53updated6vkuhnVirginia Kuhn2013-04-22 20:30:46+00:002013-04-22 20:30:46updated5vkuhnVirginia Kuhn2013-04-22 20:22:38+00:002013-04-22 20:22:38updated4vkuhnVirginia Kuhn2013-04-22 20:22:10+00:002013-04-22 20:22:10updated3Added tag - hotvkuhnVirginia Kuhn2013-04-22 20:22:08+00:002013-04-22 20:22:08addTag2First createdvkuhnVirginia Kuhn2013-04-22 20:21:13+00:002013-04-22 20:21:13created1wiki2013-05-01T01:20:45+00:00groups/instructionalmaterials/wiki/1a841FalsePortfolio URLs DGST Minor 2013/groups/instructionalmaterials/wiki/1a841/Portfolio_URLs_DGST_Minor_2013.htmlVirginia Kuhn15 updatesPortfolio URLs DGST Minor 2013 back to portfolio information Candice Aman: http://candiceaman.com/portfolio/ Jennah Blau: http://jennahblau.com/ Ca...Falsevkuhn2013-05-01T01:20:45+00:00vkuhnVirginia Kuhn2013-04-22 20:23:14+00:002013-04-22 20:23:14updated15vkuhnVirginia Kuhn2013-03-28 19:27:07+00:002013-03-28 19:27:07updated14vkuhnVirginia Kuhn2013-03-28 04:17:02+00:002013-03-28 04:17:02updated13vkuhnVirginia Kuhn2013-03-18 20:33:52+00:002013-03-18 20:33:52updated12vkuhnVirginia Kuhn2013-03-18 20:32:48+00:002013-03-18 20:32:48updated11vkuhnVirginia Kuhn2013-03-18 20:06:29+00:002013-03-18 20:06:29updated10vkuhnVirginia Kuhn2013-03-18 19:56:20+00:002013-03-18 19:56:20updated9vkuhnVirginia Kuhn2013-03-18 19:56:13+00:002013-03-18 19:56:13updated8vkuhnVirginia Kuhn2013-03-18 19:39:37+00:002013-03-18 19:39:37updated7vkuhnVirginia Kuhn2013-03-18 19:34:41+00:002013-03-18 19:34:41updated6vkuhnVirginia Kuhn2013-03-18 19:27:21+00:002013-03-18 19:27:21updated5Added tag - dgst minorvkuhnVirginia Kuhn2013-03-18 19:27:06+00:002013-03-18 19:27:06addTag4Added tag - portfoliovkuhnVirginia Kuhn2013-03-18 19:26:55+00:002013-03-18 19:26:55addTag3Added tag - hotvkuhnVirginia Kuhn2013-03-18 19:25:15+00:002013-03-18 19:25:15addTag2First createdvkuhnVirginia Kuhn2013-03-18 19:24:30+00:002013-03-18 19:24:30created1wiki2013-04-22T20:23:14+00:00groups/instructionalmaterials/wiki/5acb8FalsePortfolio Creation: DGST minor/groups/instructionalmaterials/wiki/5acb8/Portfolio_Creation_DGST_minor.htmlVirginia Kuhn15 updatesPortfolio Creation: DGST minor Portfolio URL list for 2013 Showcase This space will be the home to assets in preparation of the creation of a portfolio for DGST minor studen...Falsevkuhn2013-04-22T20:23:14+00:00michaelbMichael Bodie2012-10-25 18:08:50+00:002012-10-25 18:08:50updated18vkuhnVirginia Kuhn2012-10-01 19:30:17+00:002012-10-01 19:30:17updated17vkuhnVirginia Kuhn2012-10-01 19:24:47+00:002012-10-01 19:24:47updated16vkuhnVirginia Kuhn2012-10-01 19:24:34+00:002012-10-01 19:24:34updated15vkuhnVirginia Kuhn2012-10-01 19:21:10+00:002012-10-01 19:21:10updated14vkuhnVirginia Kuhn2011-11-22 02:25:14+00:002011-11-22 02:25:14updated13Repairing bad index entryanastasiashepherdAnastasia Shepherd2011-06-08 07:50:04+00:002011-06-08 07:50:04updated12anastasiashepherdAnastasia Shepherd2011-01-28 00:05:56+00:002011-01-28 00:05:56updated11anastasiashepherdAnastasia Shepherd2011-01-28 00:05:29+00:002011-01-28 00:05:29updated10anastasiashepherdAnastasia Shepherd2011-01-28 00:05:03+00:002011-01-28 00:05:03updated9anastasiashepherdAnastasia Shepherd2011-01-28 00:04:42+00:002011-01-28 00:04:42updated8vkuhnVirginia Kuhn2010-09-23 00:07:21+00:002010-09-23 00:07:21updated7Added tag - hotvkuhnVirginia Kuhn2010-09-23 00:07:19+00:002010-09-23 00:07:19addTag6vkuhnVirginia Kuhn2010-09-16 00:22:35+00:002010-09-16 00:22:35updated5vkuhnVirginia Kuhn2010-03-04 16:44:05+00:002010-03-04 16:44:05updated4gpeterslazaroGabriel Peters-Lazaro2009-02-10 18:42:27+00:002009-02-10 18:42:27updated3gpeterslazaroGabriel Peters-Lazaro2009-02-09 21:50:11+00:002009-02-09 21:50:11updated2First additiongpeterslazaroGabriel Peters-Lazaro2009-02-09 21:48:45+00:002009-02-09 21:48:45created1wiki2012-10-25T18:08:50+00:00groups/instructionalmaterials/wiki/5a5ecFalseRoyalty Free Music/groups/instructionalmaterials/wiki/5a5ec/Royalty_Free_Music.htmlMichael Bodie18 updatesRoyalty Free Music A note on music and fair use: It is difficult to apply the Fair Use Doctrine to music since the transformative nature is often absent—most proje...Falsemichaelb2012-10-25T18:08:50+00:00vkuhnVirginia Kuhn2012-01-23 20:35:26+00:002012-01-23 20:35:26updated17Repairing bad index entrygparedesWilly Paredes2011-06-08 07:52:23+00:002011-06-08 07:52:23updated16gparedesWilly Paredes2010-02-02 22:12:58+00:002010-02-02 22:12:58updated15gpeterslazaroGabriel Peters-Lazaro2009-02-04 20:28:19+00:002009-02-04 20:28:19updated14gpeterslazaroGabriel Peters-Lazaro2009-01-15 21:03:46+00:002009-01-15 21:03:46updated13gpeterslazaroGabriel Peters-Lazaro2009-01-15 20:39:43+00:002009-01-15 20:39:43updated12gpeterslazaroGabriel Peters-Lazaro2009-01-15 20:38:14+00:002009-01-15 20:38:14updated11gpeterslazaroGabriel Peters-Lazaro2009-01-14 23:21:34+00:002009-01-14 23:21:34updated10gpeterslazaroGabriel Peters-Lazaro2009-01-14 23:20:51+00:002009-01-14 23:20:51updated9Added tag - hotgpeterslazaroGabriel Peters-Lazaro2009-01-14 23:20:50+00:002009-01-14 23:20:50addTag8gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:27:38+00:002009-01-14 22:27:38updated7gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:27:15+00:002009-01-14 22:27:15updated6gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:27:06+00:002009-01-14 22:27:06updated5gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:26:59+00:002009-01-14 22:26:59updated4gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:25:27+00:002009-01-14 22:25:27updated3gpeterslazaroGabriel Peters-Lazaro2009-01-14 22:25:19+00:002009-01-14 22:25:19updated2First additiongpeterslazaroGabriel Peters-Lazaro2009-01-14 22:09:33+00:002009-01-14 22:09:33created1wiki2012-01-23T20:35:26+00:00groups/instructionalmaterials/wiki/5f72aFalsePortal and Wiki Features Guide/groups/instructionalmaterials/wiki/5f72a/Portal_and_Wiki_Features_Guide.htmlVirginia Kuhn17 updatesPortal and Wiki Features Guide [Portal Features - Prefs.mov] Portal Preferences Portal Calendars Equipment Reservations Sound FX Library Tutorial Requests Marker Checkout - IML Wi...Falsevkuhn2012-01-23T20:35:26+00:00ckuhncarlyn kuhn2011-09-03 15:31:28+00:002011-09-03 15:31:28updated23Repairing bad index entrygabeplgabepl2011-06-10 22:41:31+00:002011-06-10 22:41:31updated22gabeplgabepl2008-12-12 18:16:28+00:002008-12-12 18:16:28updated21gabeplgabepl2008-12-12 18:15:27+00:002008-12-12 18:15:27updated20gabeplgabepl2008-12-12 18:06:38+00:002008-12-12 18:06:38updated19gabeplgabepl2008-12-12 18:03:52+00:002008-12-12 18:03:52updated18gabeplgabepl2008-12-12 18:02:42+00:002008-12-12 18:02:42updated17gabeplgabepl2008-12-12 18:01:55+00:002008-12-12 18:01:55updated16gabeplgabepl2008-12-11 01:35:26+00:002008-12-11 01:35:26updated15gabeplgabepl2008-12-10 20:52:09+00:002008-12-10 20:52:09updated14gabeplgabepl2008-12-10 20:47:50+00:002008-12-10 20:47:50updated13gabeplgabepl2008-12-10 20:47:43+00:002008-12-10 20:47:43updated12gabeplgabepl2008-12-10 20:47:06+00:002008-12-10 20:47:06updated11gabeplgabepl2008-12-10 20:45:16+00:002008-12-10 20:45:16updated10gabeplgabepl2008-12-10 20:41:38+00:002008-12-10 20:41:38updated9gabeplgabepl2008-12-10 19:58:48+00:002008-12-10 19:58:48updated8gabeplgabepl2008-12-10 19:52:12+00:002008-12-10 19:52:12updated7gabeplgabepl2008-12-10 19:46:28+00:002008-12-10 19:46:28updated6gabeplgabepl2008-12-10 19:36:50+00:002008-12-10 19:36:50updated5gabeplgabepl2008-12-10 19:29:05+00:002008-12-10 19:29:05updated4gabeplgabepl2008-12-10 19:28:25+00:002008-12-10 19:28:25updated3Added tag - hotgabeplgabepl2008-12-10 19:28:17+00:002008-12-10 19:28:17addTag2First additiongabeplgabepl2008-12-10 19:28:13+00:002008-12-10 19:28:13created1wiki2011-09-03T15:31:28+00:00groups/instructionalmaterials/wiki/8b5b2FalseTutorials and Handouts/groups/instructionalmaterials/wiki/8b5b2/Tutorials_and_Handouts.htmlcarlyn kuhn23 updatesTutorials and Handouts Using Your Lab Login Introduction to Video Cameras Photoshop Basics Final Cut Pro Basics ...Falseckuhn2011-09-03T15:31:28+00:00hot/groups/instructionalmaterials/search/index.rss?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcomelist/groups/instructionalmaterials/search/?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcomeRecent ChangesRecentChangesListUpdates?sort=modifiedDate&kind=all&sortDirection=reverse&excludePages=wiki/welcome0/groups/instructionalmaterials/sidebar/RecentChangesListmodifiedDateallRecent ChangesRecentChangesListUpdateswiki/welcomeNo recent changes.reverse5search