Difference between revisions of "Use Photoshop CS3"
(importing article from wikihow) |
m (Update ref tag) |
||
| Line 1: | Line 1: | ||
| − | Adobe Photoshop CS3 is a powerful graphics editing software program that can be used to create or prepare images for print or website use. It is also used to restore or add life and dimension to images. This program is used by professionals and individuals alike and is compatible with both PC and Mac computers.<ref>http://www.techsoup.org/learningcenter/software/page6045.cfm http://www.techsoup.org/learningcenter/software/page6045.cfm</ref> | + | Adobe Photoshop CS3 is a powerful graphics editing software program that can be used to create or prepare images for print or website use. It is also used to restore or add life and dimension to images. This program is used by professionals and individuals alike and is compatible with both PC and Mac computers.<ref name="rf1">http://www.techsoup.org/learningcenter/software/page6045.cfm http://www.techsoup.org/learningcenter/software/page6045.cfm</ref> |
[[Category:Adobe Photoshop]] | [[Category:Adobe Photoshop]] | ||
== Steps == | == Steps == | ||
===Familiarizing Yourself with the Basics=== | ===Familiarizing Yourself with the Basics=== | ||
| − | #Begin familiarizing yourself with Photoshop's workspace. Photoshop includes a large variety of tools for modifying images. Many of them can be found easily due to Photoshop's good design layout.<ref>http://livedocs.adobe.com/en_US/Photoshop/10.0/ http://livedocs.adobe.com/en_US/Photoshop/10.0/</ref> | + | #Begin familiarizing yourself with Photoshop's workspace. Photoshop includes a large variety of tools for modifying images. Many of them can be found easily due to Photoshop's good design layout.<ref name="rf2">http://livedocs.adobe.com/en_US/Photoshop/10.0/ http://livedocs.adobe.com/en_US/Photoshop/10.0/</ref> |
| − | #Understand the menu bar. The menu bar is located at the top of the workspace and organizes commands by category. This bar is common among many programs, including Microsoft Word. Each category in the menu bar has an additional drop-down menu with multiple commands. For example, the "File" category will include any commands associated with the file, including Open, Save, etc.<ref | + | #Understand the menu bar. The menu bar is located at the top of the workspace and organizes commands by category. This bar is common among many programs, including Microsoft Word. Each category in the menu bar has an additional drop-down menu with multiple commands. For example, the "File" category will include any commands associated with the file, including Open, Save, etc.<ref name="rf2" /> |
| − | #Learn the tools palette. This is located on the left side of the workspace and contains tools for adding text, creating and editing artwork, images and other graphic elements. Hover your mouse over each tool for a brief description. They are divided into seven categories: "Selection, Crop and Slice, Measuring, Retouching, Painting, Drawing and type, and Navigation."<ref | + | #Learn the tools palette. This is located on the left side of the workspace and contains tools for adding text, creating and editing artwork, images and other graphic elements. Hover your mouse over each tool for a brief description. They are divided into seven categories: "Selection, Crop and Slice, Measuring, Retouching, Painting, Drawing and type, and Navigation."<ref name="rf1" /> |
| − | #Understand the tools have several options. The control panel (also called the options bar) displays the options (if available) for the tool you are currently working with. These options could include differences in the effect a tool will have when used.<ref>http://www.techsoup.org/learningcenter/software/page6041.cfm http://www.techsoup.org/learningcenter/software/page6041.cfm</ref> | + | #Understand the tools have several options. The control panel (also called the options bar) displays the options (if available) for the tool you are currently working with. These options could include differences in the effect a tool will have when used.<ref name="rf3">http://www.techsoup.org/learningcenter/software/page6041.cfm http://www.techsoup.org/learningcenter/software/page6041.cfm</ref> |
#*Many times when you select a tool, you'll have the option of different types of the tool you selected. This will display in a pop out format from the original tool you selected. | #*Many times when you select a tool, you'll have the option of different types of the tool you selected. This will display in a pop out format from the original tool you selected. | ||
| − | #Understand the document window. This is the main portion of the screen where your current file is displayed. When you create a new file you'll be asked what dimension and background color you want to work with.<ref | + | #Understand the document window. This is the main portion of the screen where your current file is displayed. When you create a new file you'll be asked what dimension and background color you want to work with.<ref name="rf1" /> |
#Learn the Panels. These are ways to monitor changes you have made to your work and to make modifications. The Panels will display numerical data which can be modified to make changes to your information. Any sort of data about your image you can think of will be included here. Things like color, hue, saturation, etc. can be found in the Panels section of Photoshop. | #Learn the Panels. These are ways to monitor changes you have made to your work and to make modifications. The Panels will display numerical data which can be modified to make changes to your information. Any sort of data about your image you can think of will be included here. Things like color, hue, saturation, etc. can be found in the Panels section of Photoshop. | ||
#*Some Panels are included by default in the Panels sections, but more can be added by selecting "Panels" from the Window menu. | #*Some Panels are included by default in the Panels sections, but more can be added by selecting "Panels" from the Window menu. | ||
| Line 16: | Line 16: | ||
#*If you are only making basic changes, you can probably just modify the image as a single layer. | #*If you are only making basic changes, you can probably just modify the image as a single layer. | ||
#*Masks can be added to layers to determine the transparency of a layer. A completely black mask means the layer will not be at all transparent, while a white mask will make the layer almost entirely transparent. | #*Masks can be added to layers to determine the transparency of a layer. A completely black mask means the layer will not be at all transparent, while a white mask will make the layer almost entirely transparent. | ||
| − | #Open up an image. After opening the Photoshop program, decide what photo you want to mess with. You can open up an image on your computer or on an external drive by clicking on "Open" under the File drop-down menu in the upper left of the screen.<ref | + | #Open up an image. After opening the Photoshop program, decide what photo you want to mess with. You can open up an image on your computer or on an external drive by clicking on "Open" under the File drop-down menu in the upper left of the screen.<ref name="rf2" /> |
#*On a Mac, you can simply open a photo by dragging the photo to the Photoshop icon, and it should open. | #*On a Mac, you can simply open a photo by dragging the photo to the Photoshop icon, and it should open. | ||
#* Navigate to your photo in the appropriate folder, select it, and then click "Open". Photoshop can take a variety of document types, including .jpg, but the photo will be converted to a .psd once saved. | #* Navigate to your photo in the appropriate folder, select it, and then click "Open". Photoshop can take a variety of document types, including .jpg, but the photo will be converted to a .psd once saved. | ||
| − | #*Once "Open" is clicked, the photo will appear in a new window. This will be your workspace for the project.<ref | + | #*Once "Open" is clicked, the photo will appear in a new window. This will be your workspace for the project.<ref name="rf3" /> |
#*When you are creating a new image, specify the image's size, resolution and background. | #*When you are creating a new image, specify the image's size, resolution and background. | ||
#Select "Image Size" from the Image menu. Only do this if you are working with an existing image. The Image menu is located in the Menu bar. | #Select "Image Size" from the Image menu. Only do this if you are working with an existing image. The Image menu is located in the Menu bar. | ||
| Line 30: | Line 30: | ||
#Save for web. A great tool if you are creating images for the internet, either on your personal website or Facebook. The "save for web & devices" option allows you to compress your image size down in file size. This function can also be used to create some interesting creations by modifying what colors are being used and how many colors are allowed. | #Save for web. A great tool if you are creating images for the internet, either on your personal website or Facebook. The "save for web & devices" option allows you to compress your image size down in file size. This function can also be used to create some interesting creations by modifying what colors are being used and how many colors are allowed. | ||
===Moving and Deleting Sections of Your Image=== | ===Moving and Deleting Sections of Your Image=== | ||
| − | #Use the select tool. Before moving an object like a basketball, you first need to select it. Select it using the first four tools in your tool panel from the top down. The select tool looks like a simple mouse hand.<ref | + | #Use the select tool. Before moving an object like a basketball, you first need to select it. Select it using the first four tools in your tool panel from the top down. The select tool looks like a simple mouse hand.<ref name="rf2" /> |
#*The rectangular icon includes tools for selecting large, not as precise areas of your image. Use this tool by clicking and dragging over the desired area. The tool will either select portions of the image as a square, a circle, a single row, or a single column. | #*The rectangular icon includes tools for selecting large, not as precise areas of your image. Use this tool by clicking and dragging over the desired area. The tool will either select portions of the image as a square, a circle, a single row, or a single column. | ||
#*The lasso icon is useful for selecting parts of your image with well-defined edges. Well defined edges mean a strong difference in lighting, color, or hue. | #*The lasso icon is useful for selecting parts of your image with well-defined edges. Well defined edges mean a strong difference in lighting, color, or hue. | ||
| Line 39: | Line 39: | ||
#*One way to do this is by using the Clone Stamp Tool. This is the stamp icon in your tool bar. It will copy a section of an image and paste it wherever you click. | #*One way to do this is by using the Clone Stamp Tool. This is the stamp icon in your tool bar. It will copy a section of an image and paste it wherever you click. | ||
===Modifying the Color and Painting the Image=== | ===Modifying the Color and Painting the Image=== | ||
| − | #Modify color within your image. You can do this by adjusting Layers, Curves, Hue, Saturation, or a combination of these. These may be accessed in the "Adjustments" sub-menu from the Image menu.<ref | + | #Modify color within your image. You can do this by adjusting Layers, Curves, Hue, Saturation, or a combination of these. These may be accessed in the "Adjustments" sub-menu from the Image menu.<ref name="rf2" /> |
#*Curves will adjust the lighting by modifying the contrast and saturation. | #*Curves will adjust the lighting by modifying the contrast and saturation. | ||
#*Hue is a color or shade of an image. Adjusting this value will change the entire color of the image. | #*Hue is a color or shade of an image. Adjusting this value will change the entire color of the image. | ||
| − | #*Saturation can also be thought of as brightness. For example, the difference between a bright fire truck and a deep red can be thought of as saturation of the color red.<ref>https://helpx.adobe.com/photoshop/using/tools.html</ref> | + | #*Saturation can also be thought of as brightness. For example, the difference between a bright fire truck and a deep red can be thought of as saturation of the color red.<ref name="rf4">https://helpx.adobe.com/photoshop/using/tools.html</ref> |
| − | #Paint the image. Photoshop is also a powerful canvas for painting. The icons from the band-aid down to the teardrop are all tools used for painting.<ref | + | #Paint the image. Photoshop is also a powerful canvas for painting. The icons from the band-aid down to the teardrop are all tools used for painting.<ref name="rf1" /> |
#*The brush allows for an incredible variety of paints and textures to be added to the image. You can even create your own textures to use with the paintbrush. Use the paintbrush by holding down the left mouse button and moving the cursor wherever you want to paint. | #*The brush allows for an incredible variety of paints and textures to be added to the image. You can even create your own textures to use with the paintbrush. Use the paintbrush by holding down the left mouse button and moving the cursor wherever you want to paint. | ||
| − | #*The brush icon with the teardrop next to it will mix colors together. This is useful if you want to blend two separate areas of the image together with each other.<ref | + | #*The brush icon with the teardrop next to it will mix colors together. This is useful if you want to blend two separate areas of the image together with each other.<ref name="rf4" /> |
#Modify color using layers. One way of isolating a modification is by creating an adjustment layer. This will be a layer that solely adjusts either one layer or all layers. There are a lot of easy-to-use adjustments which can be found in the Image drop-down sub-menu. | #Modify color using layers. One way of isolating a modification is by creating an adjustment layer. This will be a layer that solely adjusts either one layer or all layers. There are a lot of easy-to-use adjustments which can be found in the Image drop-down sub-menu. | ||
=== Using Shortcuts === | === Using Shortcuts === | ||
| − | #Understand shortcuts. Shortcuts are a built in function that will allow your work flow to quicken and make certain things easier. Almost every action from the menu has a quick shortcut. Most shortcuts can be seen on the item you're trying to select off the menu.<ref>https://helpx.adobe.com/photoshop/using/making-quick-selections.html</ref> | + | #Understand shortcuts. Shortcuts are a built in function that will allow your work flow to quicken and make certain things easier. Almost every action from the menu has a quick shortcut. Most shortcuts can be seen on the item you're trying to select off the menu.<ref name="rf5">https://helpx.adobe.com/photoshop/using/making-quick-selections.html</ref> |
#Use the move shortcut. The move tool is an important function that you'll be using often. Quicken your process by pressing {{keypress|v}} to activate the move tool. | #Use the move shortcut. The move tool is an important function that you'll be using often. Quicken your process by pressing {{keypress|v}} to activate the move tool. | ||
#Modify an image. Pressing {{keypress|ctrl|t}} or {{keypress|command|t}}, will quickly select an image and allow you to easily adjust the size and location. | #Modify an image. Pressing {{keypress|ctrl|t}} or {{keypress|command|t}}, will quickly select an image and allow you to easily adjust the size and location. | ||
#*To keep the original dimensions of the image, hold {{keypress|shift}} as your adjusting the size. This will prevent you from breaking the image. | #*To keep the original dimensions of the image, hold {{keypress|shift}} as your adjusting the size. This will prevent you from breaking the image. | ||
| − | #Select the lasso. To quickly select a portion, press {{keypress|l}}. This will convert your mouse-hand into the lasso, which will let you select an item quickly.<ref>http://www.mediacollege.com/adobe/photoshop/tool/lasso.html</ref> | + | #Select the lasso. To quickly select a portion, press {{keypress|l}}. This will convert your mouse-hand into the lasso, which will let you select an item quickly.<ref name="rf6">http://www.mediacollege.com/adobe/photoshop/tool/lasso.html</ref> |
| − | #Know the eye-drop shortcut. The eye-dropper is an extremely useful tool. You can simply pull up your eye-dropper by pressing {{keypress|i}}. Use the eye-dropper to capture a color that you want to use in the future.<ref | + | #Know the eye-drop shortcut. The eye-dropper is an extremely useful tool. You can simply pull up your eye-dropper by pressing {{keypress|i}}. Use the eye-dropper to capture a color that you want to use in the future.<ref name="rf2" /> |
== Tips == | == Tips == | ||
