Photoshop is an enormous, complex application with over 500 menu commands.

Art 2555 Introduction to Adobe Photoshop 3 Folders: Originals, Edits, For Web Open Adobe Photoshop CS6 Extended What is Photoshop? Popular application for creating and modifying raster based images Can also do some vector based graphic editing, 3D, video, & animation Photoshop is an enormous, complex application with over 500 menu commands. The Application Frame When you launch Photoshop CS6 for the first time, you re greeted by the Application Frame. This frame confines all things Photoshop to a single resizable and movable window. If you are used to the appearance of older versions, you may turn this off by choosing Window Application Frame Opening a Document A few different ways to do this Double clicking icon

Dragging the document s icon into the Photoshop program window Dragging the document s icon onto the Photoshop program icon Control clicking the documents icon and choosing Open with Photoshop CS5 From Photoshop, File Open Bridge Mini Bridge You can open a smaller version of Bridge, called Mini Bridge, as a panel within Photoshop by choosing Window Extensions Mini Bridge. It works like big Bridge, but you don t have to switch program windows to find and open images. When you first open mini bridge, it will check to see if big Bridge is running. Mini Bridge only work if it and big bridge are open on your machine. If big bridge isn t running, you ll see a message inside the Mini Bridge panel that says, Bridge must be running to browse files and a Launch Bridge button underneath it. Just click the button and Photoshop sends a message to big Bridge to open. Once Bridge launches, you ll see a popup menu and a list of folders on the left side of the Mini Bridge panel that you can use to navigate to your images. Double click a folder in the list, and any images inside it appear as thumbnails on the right. You can change the size of thumbnails by resizing the panel itself. To open a file from mini bridge, double click The Application Bar MISSING IN CS6. These items are now sprinkled throughout the

Tools panel and Window menu. The Options Bar Lets you customize the behavior of nearly every item in the Tools panel. This bar automatically changes to include settings related to the tool you re currently using. Swapping Screen Modes Photoshop includes three different screen modes to view documents. To switch between modes, press the F key repeatedly or use the screen modes pop-up menu at the bottom of the Tools panel Standard Screen Mode- default view Full Screen Mode with Menu Bar- completely takes over your screen, puts your document in the center on a dark gray canvas or frame, and attaches any open panels to the left and rights edges of your screen Full Screen Mode- hides all of Photoshop s menus and panels, centers the document on your screen, and puts it on a black background To change appearance of Photoshop Photoshop Preferences Interface Panels The far right side of the Application Frame is home to a slew of small windows called panels, which let you work with commonly used features. You can link them together in groups if you desire. To work with a panel, select it by clicking its tab. Panels Color Panel- Another way of selecting color Swatches- Miniature samples of colors, giving easy access for painting or coloring images Styles- Special effects created with a variety of layer styles Adjustments- one-stop access to all of Photoshop s Adjustment layers Masks- lets you create and fine tune layer masks Layers- let you work with your images as if they were a stack of transparencies, so you can create one image from many Channels- where Photoshop stores the color information your images are made from Paths- outlines you make with the Pen and Shape tools Mini Bridge

History Collapse or expand panels If panels are encroaching on your editing space, you can shrink them both horizontally and vertically so they look and behave like buttons. To collapse a panel horizontally into a button nestled against the side of another panel, click the tiny double arrow in its top right corner. To collapse a panel vertically against the bottom of the panel above it, double-click a blank spot in the dark gray area near the panel s tab to make it roll up like a window shade (double click it again to roll it back down) Modify Panel Groups Photoshop clumps frequently used panels into panel groups. If you don t use a certain panel in a group, you can replace it with one you do use. To remove a panel, click its tab and drag it out of the panel group to a different area of your screen. Then click the tiny circle in the panel s top-left corner to close it. Go to the window menu to add panels To add a panel to a group, grab the top of the panel near its tab and drag it into the group you want to add it to. When you see a blue outline appear around the panel group, release your mouse botton. Dock and undock Panels You can turn panel groups into floating panels. To liberate a panel, from its tab, pull it out of the group it s in and the move it anywhere you want.

Customizing your Workspace Tools Home base for all of Photoshop s editing tools. You can drag the toolbar anywhere. Click and hold the tool s icon to see the tool set

Notice how, when I through the tools, the options for that tool change Foreground and Background Color Chips Photoshop can handle millions of colors, but is tools let you work with only two at a time: a foreground color and a background color. Each of these is visible as a square color chip near the bottom of the Toos panel. Photoshop uses your foreground color when you paint or fill something with color. It uses your background color to do things like set the second color of a gradient. Quick Mask Mode We will look at this later- will allow us to refine selections Resolution Describes how many pixels a digital image has within a given area Zooming In and Out One way to zoom is to use the Zoom Tool Click repeatedly to get as up close Look at the individual PIXELS

When you re ready to zoom back out just hold option down and click Instead of the Zoom tool, you can use command + or command Instead of the Zoom tool, you and click and drag to the left or the right Use the hand tool (space bar) to navigate around your image once you are zoomed in Open GL lets you fly around the image If you are zoomed in, you can press h and click for bird s eye view If you are zoomed in, you can press command 0 to return to normal The Status Bar At the bottom of each document window is the status bar, which gives you a quick peek at important info about your document. When you first start using Photoshop, the status bar shows the size of the document. K stands for kilobytes and M for megabytes The Navigator Panel GPS within Photoshop. Tells you exactly what part of an image you re zoomed in on. Window --< Navigator Rotating the preview of your canvas

The rotate view tool rotates your canvas without harming any pixels Opening multiple images at once Use the tabs to toggle between the two images Image Size/Resolution To observe the image size and resolution of an existing file, you can go to image image size. This brings you to the Image Size Dialog Box Image Size Dialog Box This can be used to view and change the current resolution of any open document Document File Size- How much space the file will take up on your hard drive. Pixel Dimensions- Physical Printed Size-If you printed this image, how big would it be? Resolution- We will look at the boxes below later on when we actually resize an image

Compare the three images. First, open the image size dialog box for each. Then, zoom into the bird for each and compare quality. Additive vs. Subtractive Color Additive Color- Generated by different-colored light mixing together before you see it The images you see on your computer monitor are made of light. While your eyes are sensitive to hundreds of wavelengths, it takes just three- red, gree, and blue- to produce all the colors you see onscreen. The screen s blank canvas is darkness (the absence of light) and to create color, the monitor adds individual pixels of colored light. That s why the onscreen color system is called additive Each tiny pixel can either be red, green, or blue, or, more often, some combination of all three. Areas where red, green, and blue overlap appear white. Subtractive Color- Subtractive color is generated by light hitting an object and bouncing back to your eye Printed images are created by mixing inks together according to the subtractive system In a printed photo, magazine or the pages of a book, that system operates as kind of a joint venture between the inks used (cyan, magenta, yellow, and black, all of which absorb color) and the paper the ink is printed on (a reflective surface). The ink serves as a filter by absorbing part of the light that hits the paper. The paper, in turn, bounces the light back at you; the whiter the paper, the truer the colors will look when they re printed. Printing uses the subtractive color system. In that system, the colors result from a combination of light that s reflected (which you see) and light that s absorbed (which you don t see) RGB vs. CMYK Photoshop stores all the color information that gets relayed to your monitor, your printer, and so on, in separate channels. The channel s names change depending on which color mode you re using for a particular file. As a rule of thumb, you should use RGB mode for images destined for onscreen viewing or inkjet printing and CMYK mode for images you plan on sending to a commercial printing press In RGB Mode, every pixel is comprised of a combination of Red, Green, and Blue 0-255 shades of red, green, and blue Photoshop RGB Color mode uses the RGB model, assigning an intensity value to each pixel. In 8 bits-per-channel images, the intensity values range from 0 (black) to 255 (white) for each of the RGB (red, green, blue) components in a color image. For example, a bright red color might have an R value of 246, a G value of 20, and a B value of 50. When the values of all three components

are equal, the result is a shade of neutral gray. When the values of all components are 255, the result is pure white; when the values are 0, pure black. Zoom in to image to read its RGB levels. Eyedropper Tool Keyboard Shortcut: I Use dropper to select color in file or to read the tonal information in your file. Info Pallette Use this to read the pixel information in your image Window Info Creating a File from Scratch File -- > New or Command N You will see the new dialog box Name: (Don t start with periods, no slashes, colons, angle brackets, asterisks, or question marks, leave file extensions) Width: (use inches) Height: (use inches) Resolution: Use 300 @ the size you want to print Color Mode: RGB Background Contents: Up to you for now, choose white Bit Depth: A bit is the smallest unit of measurement that computers use to store information. Each pixel in an image has a bit depth, which controls how much color information that pixel can hold. So an image s bit depth determines how much color info the image contains. The higher the bit depth, the more colors the image can display. 8 bit= two values in each bit, 256 possible color values since each of the eight bits can hold two possible values, you get 256 combinations for each color channel 16 bit=contain 63,536 colors in a single channel and are produced by some high-end digital cameras or by really good scanners. These files don t look any different from other images on your screen, and take up as much hard drive space. Photographers really like them because the extra colors give them more flexibility when they re making Curves and Levels adjustments For the most part, you ll deal with 8 bit images, but if you ve got a camera that shoots at higher bit depths, experiment to see if the quality difference is worth it. When scanning,it may be helpful to scan so that you have a wider range of colors to work with. Once you enter values in the Width, Height, and Resolution fields, Photoshop calculates the document s file size- the amount of space it takes up on your hard drive- and displays it

in the New dialog box s bottom right-hand corner Saving an image: Always save as you go! To save for the first time or if saving an additional copy: File Save as Use TIFF or PSD to keep your layers PSD- Photoshop Document, supports layered documents Jpeg- Joint Photographic Experts Group, compressed file, does not support layered documents. Good for emails or quick previews. (NOT TODAY, NEXT TIME FOR WEB)

To save as you go: File Save or command s File Save If you choose this, Photohshop replaces the previously saved version with the current version without asking if that s what you want to do Foreground and Background Color The top box is the foreground color. It determines which color will be used when you use any of the painting tools. The bottom box is the background color.

You can swap the foreground and background colors by clicking the small curved arrows next to them in the Tools palette To change the foreground color, click it once. You will then see this dialog box: To select a color that exists in a file, use the eyedropper Brush Tool (b) Use the eyedropper to select the blue in the bird file, then close it.

Tool Presets- Use this pop-up menu to aces brush settings you ve previously saved Brush Preset Picker- Photoshop has a ton of build in brushes, and you can use this popup menu to access and manage them, and well as to control brush size and edge hardness and to save your settings as a preset Size- determines the size of the brush (You can use [ ] keys to change size) Hardness- determines how quickly the edge fades out Toggle Brushes Panel- for more options (we ll go over this later) Mode- This pop up menu contains all the blend modes (we ll talk about this later Opacity- This setting controls how transparent your brushstrokes are Tablet pressure controls opacity- if you use a graphics tablet, you can click this icon to make your stylus control opacity Flow- To control the flow of paint to the brush or, rather, the rate at which the color is applied, use this setting Airbrush- Click this button to make your brush work like a can of spray paint Tablet pressure controls size- if you have a grphics table, you can click this icon to control brush size with your stylus

Hold down shift key to draw straight lines Make a few marks to get used to the brush tool change opacity and flow to see the affects change hardness to see the affects To make a straight line with the brush tool Make one mark Hold shift down and make second mark The Power of Undo Eraser Tool Edit Undo Command Z- Go back one step Command Option Z- Go back multiple steps Using the History Palette to undo Window History The history panel is like your very own time machine. Lets you jump back several steps at once. Using the history panel is much quicker than undoing a long list of changes one by one, and it gives you a list of exactly what you ve done to the image in chronological order from top to bottom The history panel will save the last 20 changes you have made to an image. (You can change this in Photoshop s preferences)

Taking snapshots of an image along the way lets you mark key points in the editing process. A snapshot is more than a preview of the image because it also includes all the edits you ve made up until that point. To take a snapshot, click the little camera icon at the bottom of the history panel. Photoshop adds the snapshot to the top of the panel, just below the save-state thumbnails Selection Tools Allows you to tell Photoshop exactly which portion of the image you want to tinker with. This process is called making a selection After making a selection, you can fill it with color, add an outline, move it around, resize it, use it as a mask, etc. We are going to be going over the selection tools in depth. Today, I will introduce the just two. Marquee Tools

The most basic of the selection tools When you create a selection, Phtoshop calls up a lively army of animated marching ants Use the spacebar to reposition a selection while creating it Constrain Proportions: Shift To deselect : Command D Gradient Tool (g) Dither - minimizes stair-stepping or posterization Transparency - some of the preset gradients will contain transparent areas. To disable transparency in a gradient, turn off the transparency check box Paint Bucket Tool Used to fill areas with the foreground color Edit Fill Command Shape Tools

Shape Tool Options Bar Sgape- Will create a vector shape on a separate layer Path Will create a shape as a path Pixels Will create a shape on the currently active layer Introduction to Layers Photoshop gives you two ways to edit files: destructively and nondestructively. Destructive editing means you re changing the original image. Those changes are permanent. Non destructive editing means you re not changing the original files and you can go back to it at any time. For nodestructive editing, you can use layers, a set of stackable transparencies that together form a whole image.

How do layers work: You isolate different parts of an image onto independent layers so that you can work with them separately. Think of each layer as a piece of glass, with the individual layers stacked on top of each other as if they were separate documents. By putting each image on its own layer, you can change your document s look and layout freely without committing to the changes. You can save your layered document as a TIFF or PSD and come back to edit it later. Types of Layers Layers Panel Image Layers- pixel based Type layers- vector based Shape layers- vector based Fill Layers- allow you to fill a layer with a solid color, gradient, or pattern Adjustment Layers- let you apply color and brightness changes nondestructively Smart Objects- layer that contains other layers within it

Every document you create will come with a background layer. It is always 100% opaque. It is always locked and cannot be repositioned. To create a new layer: Click the new layer icon. A new, blank layer will appear. Toggle the eye icon to make layers visible/invisible The checkerboard indicates that nothing is visible in the document. Double click within a layers title to rename it. Active Layer: the current layer is highlighted in the layers panel. To change the active layer, click the name of another layer. Layer Order: to change the order of layers, drag the name of a layer above or below the name of another layer in the layers panel. Layer Opacity: change the active layer s opacity by using the opacity slider on the top right corner.

Moving Layers: Use the move tool to move layers around in your composition. Auto Select: If checked, the move tool will automatically select the layer you click within your composition. If not checked, the active layer will be moved with the move tool. Resizing Layers: Use the move tool to with show transform controls checked on to transform an image. Hold the shift key to constrain proportions. Press enter to commit to a change, escape to return to the original size. Transform Menu: With the layer selected, go to edit transform in order to make additional changes to your layer Selecting one of these commands summons a bounding box that looks and works just like a crop box, with tiny square handles on all four sides of the image. You can use transform command on objects you ve selected, on individual layers, or across many layers

Selecting Multiple Layers: Hold down the command key Duplicating Layers: Drag the layer you would like to duplicate to the new layer icon Deleting Layers: Drag the layer you would like to delete to the trash icon

Layer Styles Menu: Merging Layers: Merge Down: merges the active layer into the layer directly below it. Merge Visible: Merges all the layers that are currently visible in the main image window Merge Layers: Merges all the selected layers Merge Group: Merges all the layers that are within the active group Flatten Image: Merges all visible layers into the background image, discard hidden layers, and fills empty areas with white. Layer Blending Modes: Work when you have two or more layers. The blending mode you choose determines how the active layer will interact with an underlying image.

Layer Organization Linking Layers: If you need to move something in your image that s made from several layers, you can link layers by clicking the tiny chain at the bottom of the layers panel Locking Layers: You can add layer locks to your layers, which prevents them from being edited or moved. At the top of the Layers panel you ll see a row of four buttons that you can use to lock various aspects of your layers. First select the layer you want to lock and then click the appropriate lock button to prevent any changes Lock transparent pixels: this protects the layer s transparent pixels so t hey don t change even if you paint across them Lock Image Pixels- This won t let you do anything to a layer but nudge it around with the Move tool. The button for this lock looks like the Brush tool. Lock position: If you ve carefully positioned a layer and want to make sure it stays put, click this button. You can still edit, you just can t move the layer Lock all: This is your deadbolt. Use it to prevent the layer from being edited or moved.

Grouping Layers into Folders Select Layers and then choose new group from layers in the layer panel s menu You can do the same things to layer groups that you can to do regular layers: duplicate them, hide them, lock them, and so on. You can also create nested groups by dragging and dropping one group into another. To split apart grouped layers, select the group and then choose Layer Ungroup Layers Merging Layers: Merge Down: merges the active layer into the layer directly below it. Select th top layer and then select Layer Merge Down from the Layers panel s menu Merge Visible: Merges all the layers that are currently visible in the main image window. To merge just some of your layers, hide the ones you don t want to squash, selected a pixel-based layer as your target, and then go to Layers Merge Visible, or choose Merge Visible from the Layers panel s menu Merge Selected- select the layers you want to merge (either pixel or vector based) and then go to Layers merge layers Merge Linked- If you ve linked layers together, you can merge them in one fell swoop by choosing select linked layers and the merging selected layers Stamp- a safer version of merging because it combines the selected layers on a new layer, leaving the original layers intact. Stamp selected- choose the layers you want to stamp and then press command option e Stamp visible- turn off the layers you don t want to stamp by clicking their visibility eyes and then press command shift option e Flatten- this command makes your file flatter than a pancake Filtering Layers \ A new option in CS6 allows you to view layers according to preset conventions Histogram To display the histogram panel, choose window histogram The histogram is a simple bar graph that shows the range of brightness levels that make up an image and the prevalence of each of these shades. 0-255 0 (far left) represents shadow with no detail 255 (far right) represent hi-light with no detail If pixels are stacked up in the far right or far left edges, you are losing hi-light or shadow detail.

If the histogram doesn t extend all the way from black to white, the image has a limited brightness range. Adjustment Layers You can make direct adjustments by choosing Image Adjustments and making a selection from the submenu. The adjustment affects only the active layer, and the original state of the layer will be changed permanently once you save and close the document. Adjustment Layers are better because they are non-destructive, and allow you to manipulate changes after the fact. To create a new adjustment layer, click the adjustment layer icon at the bottom of the Layers panel. Once you ve selected your adjustment, it will appear as a separate layer in the Layers panel. It will come with a mask that you can use to hide or show your adjustments. Levels Will allow you to manipulate the histogram. Adjustment Layers Levels

Using Levels Adjustment Layers to Burn/Dodge To create a new levels adjustment layer, click the adjustment layer icon at the bottom of the Layers panel. Once you ve selected your adjustment, it will appear as a separate layer in the Layers panel. It will come with a mask that you can use to hide or show your adjustments. Blending Mode to Lighten: Screen Blending Mode to Darken: Multiply

Blending Mode to add Contrast: Overlay Black and White Use Black and White Adjustment Layer Tint Checkbox- When you turn on this checkbox, Photoshop adds a brown tint. If you want to sue a different color, click the colored square to the right of the checkbox to summon the Color Picker. This Technique produces what s known as a fake duotone Add Black and White Adjustment Layer. Use black/white gradient on Mask Changing Color Camera Raw Hue Saturation- offers you a friendly set of sliders that lets you change either the overall color of your image of a specific range of colors. Hue- specific tints of shades of color. If you know exactly what color you want to change, you can drag the triangular slider to that color beneath the word hue Saturation- Intensity of Color Color Balance Adjustment Layers Can make different variations of your image. Changes the overall mixture of colors in your image or selection by shifting the highlights, midtones, and shadows to opposite sides of the color wheel. Camera Raw is a powerful plug-in that lets you correct the color and lighting of images shot in RAW format. The adjustments you make in Camera Raw are nondestructive; instead of applying them to your image, Camera Raw keeps track of them in a list it stores within the image or in a file called SIDECAR XMP. Open image Change White Balance- you re telling Camera Raw which color the light in your image should be Fix Exposure Exposure- lighten or darken the image Turn on clipping warnings Recovery- This aptly named slider recovers lost details Fill Light- like digital fill flash Blacks- to darken shadows Brightness- adjust midtones Contrast- increase your image s contrast Colors Clarity- boosts contrast in the midtones Vibrance- Intensity colors Saturation- Intensifies all colors Adjustment Brush- lets you selectively edit certain areas of your images by painting them

To use, choose the type of adjustment you want to make using the sliders on the right, mouse over your image, and then paint to apply the adjustment. A little green pushpin appears to mark the area you adjusted.press V to hide or show pints. You can click the + and _ signs on either end of the adjustment sliders to strengthen or lessen the adjustment by a preset amount. If you want to see the mask, turn on the show mask checkbox beneath the sliders or press Y To undo part of the mask, turn on the Erase radio button near the top of the window and then paint that area of your image to remove the adjustment. To add, turn on the add radio button and then paint your image. Rotating Image Image Image Rotation Cropping The crop tool got a major overhaul in CS6 To select the crop tool, click the crop tool icon on the toolbar or press c on your keyboard Crop options When the crop tool is selected, a crop box automatically surrounds your image. Grab any handle to resize the box, and then click inside the box an drag to reposition your image underneath it. When you let go of your mouse, Photoshop darkens the outer portion of the image to give you an idea of what s destined for the trash can When finished, press return or double-click inside the crop box to accept the crop, and Photoshop deletes the unwanted pixels.

To Straighten photographs with the crop tool With the crop tool active, click the straighten image icon int eh options bar, mouse over the image and then drag to draw a line across something that should be straight. When you release your mouse, Photoshop will rotate the image Nondestructive Crop If you do not want to delete the cropped pixels, uncheck the delete cropped pixels checkbox in the options bar. Then, to resurrect the cropped portion, press C to activate the crop tool again an press return. Photoshop displays the previously hidden edges of the image and places and active crop box around the previously cropped area. At this point, you can resize the crop box, reposition it, and so on. Perspective Crop Tool If you shoot an image at an angle and then need to straighten it, you can crop the image and change its perspective at the same time using CS6 s new Perspective Crop Tool The new Perspective Crop tool lives in the Crop toolset; just click the Crop tool s icon and hold down your mouse button to open the toolset and then choose the Perspective Crop To use, click the four corners of the object you want to straighten, and Photoshop creates a crop box containing a grid overlay atop the object for you. Drag the square corner handles so the lines of the crop box are parallel to the angel lines of the object. When everything s lined up, press Return or double-click within the box to accept the crop. Canvas Size You can add extra space around your image by using the crop tool or manually by choosing image canvas size Optimizing images for the web Resizing To observe the image size and resolution of an existing file, you can go to image image size. This brings you to the Image Size Dialog Box Image Size Dialog Box This can be used to view and change the current resolution of any open document

Document File Size- How much space the file will take up on your hard drive. Pixel Dimensions- How many pixels the image has Physical Printed Size-If you printed this image, how big would it be? Resolution- How many pixels per inch Resampling: Nearest Neighbor gives you the lowest image quality. With this method, Photoshop looks at the colors of surrounding pixels and copies them. Nearest Neighbor is known for creating jagged edges, so you ll want to use it only on images with hard edges like illustrations that aren t anti-aliased Bilinear tells Photoshop to guess at the color of new pixels by averaging the colors of the pixels directly surrounding the ones it s adding. Bilinear produces slightly better results than Nearest Neighbor and is still pretty fast, but you re better off using one of the next four methods instead. Bicubic makes Photoshop figure out the colors of new pixels by averaging the colors of even more pixels surrounding the new one in order to make a better guess. This method takes longer than the previous two but produces smoother transitions in areas where one color fades into another. Bicubic Smoother is similar to Bicubic in the way it creates new pixels, but this method blurs pixels slightly to blend the new ones into the old ones, making the image smoother and more natural looking. Adobe recommends this method for enlarging images. Bicubic Sharper is also similar to Bicubic in the way it creates new pixels, but instead of blurring whole pixels to improve blending between the new and old like Bicubic Smoother, it softens only the pixels edges. Adobe recommends this method for downsizing images, though some Photoshop gurus claim that it also produces better enlargements than Bicubic Smoother. Bicubic Automatic is new in CS6, and it tells Photoshop to pick the best method depending upon the content of your image and whether you re making the image bigger or smaller. Believe it or not, the Crop tool and Free Transform command use this method, too, though the resizing option in the Save for Web dialog box doesn t (weird!). To resize your image for Blogger: Go to Image Image Size

Make sure constrain proportions and resample image is checked ON. Choose Bicubic Automatic under resample image Under Pixel Dimension, change the largest size to 1200 pixels (If your image is already at or less than 1200 at the longest dimension or less, do nothing) Press OK How to save your downsized file (Always saved downsized or edited images separately and keep a folder of your originals) File Save for Web and Devices Under preset, choose JPEG high for highest quality at this pixel dimension. Switch to medium and low to see the difference. Blur: A blurry image compresses better than a sharp image Optimized: Decreases file size Embed Color Profile: Photoshop will embed info describing its color space. Used for printing. Convert to srgb: The color space that most resembles a PC monitor. Donʼt reduce the physical dimensions of the image in this dialog Press save Choose a location to save your file and press save again. Now your file is ready to post to the web. Close the original file and DO NOT SAVE CHANGES.