AdobePhotoShop

Describe AdobePhotoShop here.

Class 1

Marquee Tool Paint bucket

Colour selector

Colour Picker

PHOTOSHOP TRICKS

Tricks

• Hitting Tab hides all of your palettes. Hitting Tab again brings them back.
• Shift+Tab hides all the pallets except your toolbar.
• Option+Delete fills your layer or selection with the foreground color.
• Change your paintbrush circle into a crosshair for precise control by pressing the Caps Lock key.
• Double-Click the ruler on the top or side of your document brings up the Units & Ruler Dialogue box. (handy if you work in both print and web)
• Using Shift+ the "+" or "-" will toggle through the various blend modes one at a time.

Please see the following video tutorials on this page:

http://www.vtc.com/products/photoshop6.htm

• Intro (03:30)
• New in Photoshop 6 (06:17)
• Set Up Background (03:29)
• Tools Palette (09:18)
• Selections and Layers (02:55)
• Selections and Marquee Tool (08:40)
• Lasso Tool and Anti-Aliased Selections (05:12)
• Magnetic Lasso
• Tools Palette Color (04:08)
• Color Picker (05:59)
• Eye Dropper Tool (01:43)
• Color Palette (04:25)

INTRODUCTION

(Other Notes from copyright © Sue Chastain and About.com)

The menu bar consists of nine menus: File, Edit, Image, Layer, Select, Filter, View, Window, and Help. Take a few moments now to look at each of the menus. You may notice that some menu commands are followed by ellipses (...). This indicates a command that is followed by a dialog box where you can enter additional settings. Some menu commands are followed by a right pointing arrow. This indicates a submenu of related commands. As you explore each menu, be sure to take a look at the submenus as well. You'll also notice that many commands are followed by keyboard shortcuts. Gradually, you'll want to get to know these keyboard shortcuts as they can be incredible time savers.

As we make our way through this course, we'll be learning the most useful keyboard shortcuts as we go along.

In addition to the menu bar, Photoshop often has context sensitive menus for accessing some of the most likely commands depending on which tool is selected and where you click. You access the context sensitive menu by right clicking in Windows, or pressing the Control key on a Macintosh.

One of the most convenient contextual menus can be accessed by right clicking/Control clicking on the title bar of a document for quick access to the duplicate command, image and canvas size dialogs, file information, and page setup. If you already know how to open an image, go ahead and try it now. Otherwise, you'll learn how in the next section.

The Toolbox

You got a jump start on learning about the zoom tool while we were studying the status bar in the last section. Now let's explore more of the Photoshop toolbox. If you have the Quick Reference Card that came with Photoshop, it would be a good idea to locate it now. If you cannot locate a copy, Version 6.0 users can find a PDF file of the Quick Reference card on the main level of your Photoshop installation CD. Version 5.x users can find a diagram of the toolbox and all hidden tools on page 25 of the Photoshop 5.0 User Guide.

When you look at the toolbox, notice how some of the buttons have a tiny arrow in the lower right corner. This arrow indicates that other tools are hidden under that tool. To access the other tools, click and hold down on a button and the other tools will pop out. Try this now by clicking on the rectangle marquee tool and changing to the elliptical marquee tool. The hidden marquee tools are shown here.

Now hold your cursor over one of the buttons and you should see a tooltip appear that tells you the name of the tool and its keyboard shortcut. All the marquee tools have a shortcut of M. An easier way to switch between the different hidden tools is to use the keyboard shortcut along with the Shift key modifier. For the marquee tools, the Shift-M combination toggles between the rectangular and elliptical marquee tools. The single row marquee tools are less often used and must be selected from the toolbox flyout. Another shortcut for cycling through the hidden tools is to Alt/Option click on the toolbox button.

Take a few moments now to familiarize yourself with the tool names using the tooltips. Use the shortcuts you've just learned to explore all the hidden tools. As you select each tool, note the hints provided in the status bar area for each tool. Don't worry about using each tool for now; we'll get to that soon enough. For now, you should just get to know the tool locations and their icons.

Moving down in the toolbox, we come to the color swatches. This is where the foreground and background colors are displayed. The tiny arrow to the top right allows you to swap foreground and background colors. The tiny black and white swatch symbol to the lower left allows you to reset the colors to the default of black foreground and white background. Hold your cursor over those two areas to learn the keyboard shortcuts. To change a color, simply click on either the foreground or background color swatch and select a new color in the color picker. Experiment by changing the foreground and background colors and then resetting them back to defaults.

The next two buttons on the toolbox allow you to toggle between quick mask and selection mode. We'll learn more about this later in future lessons.

Below that you have a set of three buttons that allow you to change the appearance of the workspace. Hold your cursor over each button to see what it does. Notice the keyboard shortcut for all three is F. Hitting F repeatedly toggles between all three modes. Try it now.

This is a convenient place to mention a few more shortcuts for modifying the workspace appearance. Feel free to try them out as you read. When in either of the full screen modes, you can toggle the menu bar on and off with the Shift-F key combination. In any screen mode you can toggle the toolbox, status bar, and palettes on and off with the Tab key. To hide only palettes and leave the toolbox visible, use Shift-Tab.

The last button on the toolbox is for moving your document to ImageReady?. We will not be exploring ImageReady? in this course.

Before we move on to the palettes, let's review what we learned about the toolbox:

An arrow indicates a flyout of hidden tools. Each main tool has a single letter keyboard shortcut assigned to it. The Shift key combined with a tool shortcut allows you to toggle the hidden tools. D = resets the foreground color to black and background color to white. X = swap foreground and background colors. F = toggles screen modes Shift-F = Turns menu bar on and off in full screen modes Tab = toggles the toolbox, status bar, and palettes on and off Shift-Tab = toggle only the palettes on and off

Class 2

• Look at your background
• Make a copy of the background Layer
• apply a blur
• take with the picker tool that color as your foreground
• create a new layer under the image you have isolated
• select the image layer (the image)
• using the magic wand , play with the tolerance levels and hold the shift

until you select all the background colour.

• Use HELP export tranparent image to export a transparent gif.

!!!Example of vspace

<HTML> <head><Title>Example For vspace</Title></head> <BODY> <img vspace="50"

src="http://www.java2s.com/style/logo.png" alt="http://www.java2s.com" width="99" height="75">

</BODY> </HTML>

1. Open Adobe Photoshop. 2. set units in preferences to pixels. 3. CTRL-N 760 X 480. 4. Create a new layer for the background. 5. TURN ON RULERS 6. Lay out your site on PAPER (or the whiteboard). 7. DRAG OUT new GUIDES (rulers) : as many as you need. 8. Find wallpaper paste in lower layer. 9. FInd and create other elements. 10. Save your entire PSD 11. Save a copy "FLAT" of the psd. 12. export each image as a JPG or a GIF where appropriate. 13. Create the HTML tables. 14. create a SPACER.GIF. 15. CODE your images. 16. Look at Khal's example. 17. Where the stand-in for the text is, use real text. 18. Use cellpadding of 0, cellspacing of 0. 19. Use align to align elements horzontally in TD tags. 20. Use valign to align vertically.