Blog

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
You can apply /35957.txt or a combination of blurs, and you can create a strobe effect for path and spin blurs.
 
 

 

One moment, please.

 

What if there is more than one deliverable size because the image will be placed in many different media publications? Then create the largest version first. Save versions and scale the images down using the Free Transform Mode. File – New 2. Resolution 72 for Screens for Print 3. Resolution 72 for Screens for Print 4. File – Open and navigate to the image you want to alter.

Window – Arrange – Tile All Horizontally This will allow the images to be placed next to the other so you can see both images on the screen at one time.

You can also do this by pulling down the tabs at the top and arranging them with a left click drag of the mouse if you know how to manage the arrangement.

Select the Move Tool Location: top or top left on the toolbar 7. Place the mouse cursor over the photo. Hold down the Left Mouse Button and drag the image onto the blank white document. NOTE: You might have to try this a couple of times when you are first starting out. If it does not work, try again. Your image might look HUGE on the screen at this point. That is normal. You might also have the opposite problem and your image looks too small on a large white background.

Close your original image by clicking the little X at the right of the image name tab located above the image. Highlight the percentage located in the lower left of the image. I usually will highlight this percentage holding the left mouse button down and moving the mouse from from right to left because I can quickly highlight the entire number including the percent sign.

I usually will select 33 or 22 and 11 when the image is super large. Also, do not click on the number and delete the numbers while keeping the percent sign there. Highlight everything from right to left and quickly type in any double number and hit the enter key.

Time is money. The result is an image in the middle with gray on all four sides. The gray space is the area scribbled on in the image below. Now we have some room to see how big the image actually is in the next step. Click Edit – Free Transform You should now see bounding boxes surrounding the image. The size of the bounding box area is how large the image is compared to how large it needs to be in order to fit into the deliverable size.

Unlock the layer Hold the shift key down on the keyboard. This will constrain the proportions of your image so it does not look stretched or squished making the image look unprofessional. Place your mouse cursor on one of the corners. Any corner. The cursor will turn into a double arrow. Left click drag the corner in toward where you see the image until almost the entire image fits into the frame so you can see it.

NOTE: You will not fit the entire image. Did I say never? As I said in the evaluation of the image, I want to get rid of some of the sky and eliminate the lower right area that contains a small part of another flower. I also want to eliminate the dead area near the bottom of the image. To do this we will readjust the bounding boxes again. Hold the shift key down to constrain proportions. Left click drag on of the corners and drag outward a little.

Then move your mouse to one of the other corners and drag outward or inward, depending on the result you need. You may and left click drag in the center of the image to move the image around. When you are finished click on the move tool or double click on the image to accept the changes and get out of the free transform mode.

Double click on the zoom tool which looks like a magnifying glass. This is helpful and allows you to inspect your image to be sure that the image is still nice and clear. Always work from a very large image to a smaller image.

Otherwise, the image will start to look sharp and blurry. EXTRA TIP: If you place the cursor over the corners outside of the image, you will see the cursor change into a curve indicating that you can also rotate the image.

It would be a great time to practice rotating the image. When you see the rotation icon, hold down the left mouse button and drag up or down and the image will rotate. Getting control of the tools is important. File – Save Open Photoshop When preparing an image one of the first steps is to fix the lighting or highlights and lowlights of the image. We start this process by using the levels adjustment layer. Open the helicopter.

I chose this picture because it demonstrates bad levels and you will clearly see what needs to be done in the first stages of trying to fix bad levels. Most image will not be this extreme. Now the view zooms out to a lower preset magnification, so that you can see more of the image, but in less detail. If Scrubby Zoom is selected in the options bar, click anywhere on the image and drag the Zoom tool to the right. The image enlarges. Drag the Zoom tool to the left to zoom out.

When Scrubby Zoom is selected, you can drag the Zoom tool across the image to zoom in and out. Note You can use other methods to zoom in and out.

For example, when the Zoom tool is selected, you can select the Zoom In or Zoom Out mode on the options bar. Or, you can type a new percentage in the status bar and press Enter or Return.

Then, using the Zoom tool, drag a rectangle to enclose part of the rose blossom. The image enlarges so that the area you enclosed in your rectangle now fills the entire image window. Click Fit Screen in the options bar to see the entire image again.

You have used the Zoom tool in four different ways to change the magnification in the image window: clicking, holding down a keyboard modifier while clicking, dragging to zoom in and out, and dragging to define a magnification area. Many of the other tools in the Tools panel can be used with keyboard combinations and options as well.

Zooming and scrolling with the Navigator panel The Navigator panel is another speedy way to make large changes in the zoom level, especially when the exact percentage of magnification is unimportant. The slider under the image thumbnail in the Navigator panel enlarges the image when you drag to the right toward the large mountain icon and reduces it when you drag to the left.

The red rectangular outline represents the area of the image that appears in the image window. When you zoom in far enough that the image window shows only part of the image, you can drag the red outline around the thumbnail area to see other areas of the image.

In the Layers panel, on the right side of the workspace, make sure the Rose layer is selected. In the Properties panel, move the Brightness slider to 98 and the Contrast slider to The image of the rose brightens. There is no right or wrong setting; the values you should use depend on the results you want.

Adjustment layers let you make changes to your image, such as adjusting the brightness of the rose, without affecting the actual pixels. Layering is one of the fundamental and most powerful features in Photoshop. Click the double arrows at the top of the Properties panel to close it. Saving the file with a different name ensures that the original file 01Start.

That way, you can return to it if you want to start over. Your image is bright and punchy and ready for a birthday card. Sampling a color By default, the foreground color in Photoshop is black and the background color is white.

You can change the foreground and background colors in several ways. One way is to use the Eyedropper tool to sample a color from the image. In the Layers panel, click the Visibility column for the Ribbons layer to make the layer visible. When a layer is visible, an eye icon appears in that column. Select the Eyedropper tool in the Tools panel.

Click the blue area in the Happy Birthday ribbon to sample a blue color. The foreground color changes in the Tools panel and the Color panel. Anything you draw will be this color until you change the foreground color again. Working with tools and tool properties When you selected the Zoom tool in the previous exercise, you saw that the options bar provided ways for you to change the view of the current image window.

Using context menus Context menus are short menus that contain commands and options appropriate to specific elements in the work area. Usually, the commands on a context menu are also available in some other area of the user interface, but using the context menu can save time.

Select the Zoom tool , and zoom in so you can clearly see the lower third of the card. Select the Rectangular Marquee tool in the Tools panel. The Rectangular Marquee tool selects rectangular areas. See the illustration below. As you drag the tool, Photoshop displays the width and height of the selected area.

Selection areas are shown by moving dotted lines, sometimes referred to as marching ants. Select the Brush tool in the Tools panel. In the image window, right-click Windows or Control-click Mac OS anywhere in the image to open the Brush tool context menu. Context menus vary with their context, of course, so what appears can be a menu of commands or a panel-like set of options, which is what happens in this case.

Select the first brush Soft Round , and change the size to 65 pixels. Click anywhere outside the selection to close the panel. Note Clicking anywhere in the work area closes the context menu. The selection is gone, but the blue bar remains. Selecting and using a hidden tool Photoshop has many tools you can use to edit image files, but you will probably work with only a few of them at a time. The Tools panel arranges some of the tools in groups, with only one tool shown for each group.

The other tools in the group are hidden behind that tool. A small triangle in the lower right corner of a button is your clue that other tools are available but hidden under that tool. Position the pointer over the third tool from the top in the Tools panel until the tool tip appears. The tool tip identifies the Lasso tool , with the keyboard shortcut L. Select the Lasso tool.

With the Lasso tool, you can draw free-form selections; the Polygonal Lasso tool makes it easier to draw straight-edged sections of a selection border. Move the pointer over the left edge of the blue color bar that you just painted. Click just to the left of the upper left corner of the bar to start your selection. You should begin your selection just outside the colored area. Click just to the left of the bottom left corner of the bar to create the second side of the triangle.

Click the point where you started to finish the triangle. Press the Delete key on your keyboard to delete the selected area from the colored bar, creating a notch for your ribbon. The ribbon is ready. Now you can add a name to your birthday card. In the Tools panel, select the Horizontal Type tool. The buttons and menus in the options bar now relate to the Type tool. In the options bar, select a font you like from the first pop-up menu.

We used Minion Pro Italic, but you can use another font if you prefer. Specify 32 pt for the font size. You can specify 32 points by typing directly in the font-size text box and pressing Enter or Return, or by scrubbing the font-size menu label.

You can also choose a standard font size from the font-size pop-up menu. Click once anywhere on the left side of the colored bar, and type Elaine.

Or you can type a different name, if you like. The text is the same color as the bar you typed it on. Alt-dragging Windows or Option- dragging Mac OS changes the values in smaller increments; Shift-dragging changes them in larger increments. Using panels and panel menus The text color is the same as the Foreground Color swatch in the Tools panel, which is the blue color you used to paint the bar. Make sure the Horizontal Type tool is selected in the Tools panel. Drag the Horizontal Type tool across the text to select the full name.

Select any light-colored swatch. We chose pastel yellow. Note When you move the pointer over the swatches, it temporarily changes into an eyedropper. Set the tip of the eyedropper on the swatch you want, and click to select it.

The color you select appears in three places: as the Foreground Color in the Tools panel, in the text color swatch in the options bar, and in the text you selected in the image window. Select another tool in the Tools panel, such as the Move tool , to deselect the text so that you can see the text color. Click the menu button on the Swatches panel to open the panel menu, and choose Small List.

Select the Type tool and reselect the text, as you did in steps 1 and 2. In the Swatches panel, scroll about halfway down the list to find the Light Yellow Orange swatch, and then select it. Select the Move tool again to deselect the text. Now the text appears in the orange color. Typing V will add the letter to your text in the image window. You can experiment freely, knowing that you can reverse the process. Even beginning computer users quickly come to appreciate the familiar Undo command.

The name returns to its previous color. The Undo command in Photoshop reverses only one step. This is a practicality, because Photoshop files can be very large, and maintaining multiple Undo steps can tie up a lot of memory, which tends to degrade performance.

However, you can often use the Step Backward and Step Forward commands in the Edit menu to move through multiple steps. Save the file.

Your birthday card is done! More about panels and panel locations Photoshop panels are powerful and varied. Rarely would you need to see all panels simultaneously. The complete list of panels appears in the Window menu. Check marks appear next to the names of the panels that are open and active in their panel groups.

You can open a closed panel or close an open one by selecting the panel name in the Window menu. You can hide all panels at once—including the options bar and Tools panel—by pressing the Tab key. To reopen them, press Tab again. Note When panels are hidden, a thin, semitransparent strip is visible at the edge of the document.

Hovering the pointer over the strip displays its contents. You already used panels in the panel dock when you used the Layers and Swatches panels. You can drag panels to or from the panel dock. This is convenient for bulky panels or ones that you use only occasionally but want to keep handy.

To expand a panel, click its icon or the double arrow. You can also pull the lower right corner in or out. Note You can collapse, but not resize, the Character and Paragraph panels.

Double-click again to restore it to the expanded view. You can open the panel menu even when the panel is collapsed. Notice that the tabs for the panels in the panel group and the button for the panel menu remain visible after you collapse a panel. You can move the options bar to another location by dragging the grab bar at the far left end of the panel. Changing interface settings By default, the panels, dialog boxes, and background in Photoshop are dark.

You can lighten the interface or make other changes in the Photoshop Preferences dialog box: 1. Select a different color theme, or make other changes. When you select a different theme, you can see the changes immediately. You can also select specific colors for different screen modes and change other interface settings in this dialog box. Review questions 1. Describe two types of images you can open in Photoshop. How do you select tools in Photoshop?

Describe two ways to zoom in to or out from an image. What are two ways to get more information about Photoshop? Review answers 1.

You can scan a photograph, transparency, negative, or graphic into the program; capture a digital video image; or import artwork created in a drawing program.

You can also import digital photos. A selected tool remains active until you select a different tool. To select a hidden tool, either use a keyboard shortcut to toggle through the tools, or click and hold the tool in the Tools panel to open a pop-up menu of the hidden tools. Choose commands from the View menu to zoom in on or out from an image, or to fit it onscreen, or use the zoom tools and click or drag over an image to enlarge or reduce the view.

You can also use keyboard shortcuts or the Navigator panel to control the display of an image. The Photoshop Help system includes full information about Photoshop features plus keyboard shortcuts, task-based topics, and illustrations. Creative Cloud Learn provides inspiration, key techniques, cross-product workflows, and updates on new features.

This lesson steps you through the process of acquiring, resizing, and retouching a vintage photograph. For many images, you may need only to change the resolution, lighten the image, or repair a minor blemish.

For others, you may need to perform several tasks and employ more advanced filters. Note In this lesson, you retouch an image using only Photoshop. For other images, it may be more efficient to work in Adobe Camera Raw, which is installed with Photoshop.

Likewise, sharpening should usually be your final step. For the other tasks, consider your project and plan accordingly, so that the results of one process do not cause unintended changes to other aspects of the image, making it necessary for you to redo some of your work. Whether an image is intended for black-and-white publication on newsprint or for full-color online distribution affects everything from the resolution of the initial scan to the type of tonal range and color correction that the image requires.

Photoshop supports the CMYK color mode for preparing an image to be printed using process colors, as well as RGB and other color modes for web and mobile authoring. Resolution and image size The first step in retouching a photograph in Photoshop is to make sure that the image has an appropriate resolution.

The term resolution refers to the number of small squares, known as pixels, that describe an image and establish its detail. Resolution is determined by pixel dimensions, or the number of pixels along the width and height of an image. Pixels in a photographic image Note To determine the necessary image resolution for a photograph you plan to print, follow the computer-graphics rule of thumb for color or grayscale images intended for print on large commercial printers: Scan at a resolution 1.

In computer graphics, there are different types of resolution: The number of pixels per unit of length in an image is called the image resolution, usually measured in pixels per inch ppi.

An image with a high resolution has more pixels and therefore a larger file size than an image of the same dimensions with a low resolution. Images in Photoshop can vary from high resolution ppi or higher to low resolution 72 ppi or 96 ppi. Unless the resolution of your image is exactly the same as the resolution of the monitor, the image size in inches, for example onscreen may be larger or smaller than the image size will be when printed.

The number of pixels per unit of length on a monitor is the monitor resolution, also usually measured in pixels per inch ppi. Image pixels are translated directly into monitor pixels. In Photoshop, if the image resolution is higher than the monitor resolution, the image appears larger onscreen than its specified print dimensions.

The number of ink dots per inch dpi produced by a platesetter or laser printer is the printer, or output, resolution. Higher resolution images output to higher resolution printers generally produce the best quality.

The appropriate resolution for a printed image is determined both by the printer resolution and by the screen frequency, or lines per inch lpi , of the halftone screens used to reproduce images. Keep in mind that the higher the image resolution, the larger the file size, and the longer the file will take to print or to download from the web.

For more information on resolution and image size, see Photoshop Help. You may make copies of these files and save them under different names or locations, or you may work from the original start files and then download them from the peachpit. In Lesson 1, you used the Open command to open a file. For more information, see page 3. Adobe Bridge opens, displaying a collection of panels, menus, and buttons. Select the Folders tab in the upper left corner, and then browse to the Lessons folder you downloaded onto your hard disk, so that the lesssons in the Lessons folder appear in the Content panel.

Adding files, folders, application icons, and other assets that you use often to the Favorites panel lets you access them quickly. Select the Favorites tab to open the panel, and click the Lessons folder to open it.

Then, in the Content panel, double-click the Lesson02 folder. Thumbnail previews of the folder contents appear in the Content panel. Compare the 02Start. To enlarge the thumbnails in the Content panel, drag the thumbnail slider at the bottom of the Bridge window to the right. In the 02Start. Double-click the 02Start. Choose Photoshop from the Format menu, and name the file 02Working. You can use either the Crop tool or the Crop command to crop an image.

By default, cropping deletes the cropped pixels. In the Tools panel, select the Crop tool. Tip Deselect the Delete Cropped Pixels option if you want to crop nondestructively, so that you can revise the crop later.

Crop handles appear, and a cropping shield covers the area outside the cropping selection. Ratio is the default value. A crop grid appears. Click Straighten in the options bar. The pointer changes to the Straighten tool. Click at the top corner of the photo, press the mouse button as you drag a straight line across the top edge of the photo, and then release. Photoshop straightens the image, so that the line you drew is parallel with the top of the image area.

You drew a line across the top of the photo, but any line that defines either the vertical or horizontal axis of the image will work. Drag the corners of the crop grid inward to the corners of the photo itself to crop out the white border. If you need to adjust the position of the photo, click and drag it within the crop grid.

Press Enter or Return to accept the crop. The image is now cropped, and the cropped image fills the image window, straightened, sized, and positioned according to your specifications. To see the image dimensions, choose Document Dimensions from the pop-up menu at the bottom of the application window. Click Curves in the Adjustments panel to add a Curves adjustment layer. Select the White Point tool on the left side of the Properties panel. Specifying a white point changes all the colors in the image.

The white point is the color that Photoshop defines as pure white, and it adjusts all other colors accordingly. Double click on the lock icon on the background layer to unlock it. From now until forever, you will always unlock the background layer when you open a file. Unlocking the background layer removes limitations and makes the background layer just like any other layer in the project. If you are using an older version of Photoshop, a New Layer dialogue box will appear.

You will see a histogram appear which is a visual representation of the low lights, midtones and highlights in any image, controlled by three arrows directly below the histogram. Play around with these arrows and push the one on the left way to the right. What happens? Push the one of the right way to the left. Now we can start to fix the lighting. To do that, look for empty space on either side of the histogram. Notice on the left side that there is a lack of visual light information.

The left side of the histogram is completely empty. There is no information on the left or the right side as shown in the next image. Drag the left arrow to the point where you begin to see information. The flat white line is the beginning of the information. Drag the left arrow to where the flat line begins and then stop. Drag the right arrow to the left to the point where the histogram information starts on the right side. Then stop. The picture below demonstrates the end result of where the arrows should be when you complete this step.

The result will be a darker blue in this case. The lighting has been fixed on a very basic level. Turning off the eye turns off the adjustment. This means that when the eye is off, the state of the original picture remains the same and is unchanged and undamaged. This is called non-destructive editing.

Non-destructive means that that making changes does not permanently damage the picture. Extra Note: There is another place to find adjustments in the menu to the upper left of the interface. The adjustments that are made from the top menu bar are destructive to the layer and permanently make changes to the image and you can never recover the original image.

There are times to use the feature from the top menu bar. But, most of the time, you should use the adjustment layers menu below the layers panel. Open the image of the heron bird. In the Layers Panel, unlock the layer by clicking on the lock.

Place your cursor over toward the right side of the layer in an empty space and click the RIGHT mouse button to bring up the menu. Control – Click for Mac users. When the new layer dialogue box comes up, just click OK.

Click the EYE on the bottom layer and shut it off to ensure that nothing you do will change the bottom layer. Select the top layer layer by clicking on it. It will turn blue like in the image above. You will see the heron bird image and a list of icons and folders on the right. Start clicking on filter icons one by one and find one you like.

Note that each filter also has slide tools to adjust sharpness and other features. You can find that on the right side. Click OK to apply your selection. You can duplicate the original picture again and try another filter if you like, continuing to turn the EYE on and off as needed. When you have finished, SAVE twice. The purpose of this tutorial is to demonstrate that it is easy to decrease the size of an image and have an image look great, but it is impossible to increase the size of an image and make it look, even passable.

The important thing to take from this tutorial is that your original image must be as large as you can get it. If you are doing work on an image your client has supplied to you, ask for the original image at its largest size.

You do not want cropped or already edited images, if at all possible. You want the image right out of the camera. Most of the time, you should use pixels as a unit of measurement.

You will not use inches. Sometimes you will need to use inches, but you should get used to working in pixels. Write down the size of the image in pixels before you make any changes? Before size: pixels X pixels 4. Write down the resolution? Resolution of 72 Note: There are two basic resolutions for photos. Resolution 72 which is for the web and screens. Resolution for images that will be printed. What is the file size of the image? The file size is not the physical dimensions of the image.

Download PDF. All rights reserved. Any resemblance to actual persons living or dead, businesses, incidents, organization or events is purely coincidental. Description : This book is made for students who would like to learn the basics of the three primary Adobe design applications. Size : 2. Illustrator CC Layers Guide. Illustrator CC Essential Skills. Quick Guide to Photoshop CS6.