Adobe Photoshop Crash Course

1

Designzzz Book # 1

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed - http://bit.ly/DZ-RSS Follow us on Twitter - http://twitter.com/designzzz

Follow us on Twitter - http://twitter.com/designzzz

Subscribe to our RSS feed - http://bit.ly/DZ-RSS

Adobe Photoshop Crash Course

2

Designzzz Book # 1

Contents
Contents .................................................................................................................... 2 Design Basics ........................................................................................................... 5 Basic Designing Glossary ...................................................................................... 5 How Colors Affect Us ............................................................................................ 6 Typograhpy Basics ................................................................................................ 7 Basic Terminology ................................................................................................. 7 Examples of a Serif font ........................................................................................ 8 Examples of a Sans-Serif font ............................................................................... 8 Hands on Photoshop ................................................................................................ 9 What to Expect ................................................................................................... 10 Eligibility for the Crash Course ........................................................................... 11 Initial Steps ........................................................................................................... 11 Workspace .......................................................................................................... 12 Panels ................................................................................................................... 13 Tools ..................................................................................................................... 14 Move Tool ........................................................................................................... 14 Marquee Tools..................................................................................................... 14 Lasso Tools ........................................................................................................... 16 Magic Selection Tools ........................................................................................ 18 Crop Tool ............................................................................................................ 19 Eyedropper Tool ................................................................................................. 19 Healing Brushes .................................................................................................. 20 Brush Tools ............................................................................................................ 21 Stamp Tools ......................................................................................................... 23 History Brushes ..................................................................................................... 23 Erasers ................................................................................................................. 24 Fill .......................................................................................................................... 24 Refinement Tools ................................................................................................ 25 Color Editing Tools .............................................................................................. 26 Pen Tools .............................................................................................................. 26 Text Tools .............................................................................................................. 27 Path Editing Tools ................................................................................................ 28 Shape Tools ......................................................................................................... 29 Panels .................................................................................................................. 30 Layers ................................................................................................................... 32 Opacity and Blend Modes ................................................................................ 33 Adobe Photoshop Shortcuts .................................................................................. 39 Tools ..................................................................................................................... 40 List of shortcuts .................................................................................................... 41 Workspace .......................................................................................................... 44

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed - http://bit.ly/DZ-RSS Follow us on Twitter - http://twitter.com/designzzz

Adobe Photoshop Crash Course

3

Designzzz Book # 1

Resources ................................................................................................................ 46 Tutorials ................................................................................................................ 47 Free Resources .................................................................................................... 47 Credits .................................................................................................................... 48 Tayyab Ebrahim .................................................................................................. 48 Waseem Amjad .................................................................................................. 48 Jakub Arnold ....................................................................................................... 48 Ondrej Dyrka ....................................................................................................... 49 Ayaz Malik ........................................................................................................... 49 Who Are We? .......................................................................................................... 50 Members Area .................................................................................................... 51 Ending Note ............................................................................................................ 52 Copyright Notice .................................................................................................... 53

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed - http://bit.ly/DZ-RSS Follow us on Twitter - http://twitter.com/designzzz

Adobe Photoshop Crash Course

4

Designzzz Book # 1

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed - http://bit.ly/DZ-RSS Follow us on Twitter - http://twitter.com/designzzz

Adobe Photoshop Crash Course

5

Designzzz Book # 1

Design Basics
Every area of human activity has its basics, and design is no exception from this rule. Needless to say, there are hundreds of terms, practices and pieces of information you need to command, if you want to become a good designer. We shall begin with rough and simple mentions of the most important terms and you'll be constantly given outbound links for more detailed information.

Basic Designing Glossary
Canvas: Even the digital images are painted on a digital canvas. So if you ever need to add some vacant space at the edge of the picture, enhance the canvas size. Color Palette: In almost every designing and publishing application, there’s a bar containing colors. This is called the Color Palette. DPI/PPI: DPI is “Dots per Inch” and PPI is “Pixels per inch”. Printing standard is DPI, while PPI is for virtual publishing, such as websites. Gamut: This is the range of colors that is available for a particular output device or a given color space, for instance a laser printer. If the color range is too wide for that specific device, you will receive an error ‘out of gamut’. Hue: One of the three basic colors. A hue is actually a range of colors, such as, red, blue green or yellow, and this works as a wheel. Using hue command, you can change the color tilt of your image. Kerning: The spacing between letters in a line of text. Web-Safe Color: this is also a color table - but it contains 216 out of a possible 256 colors. These 216 are the colors which are displayed alike in all web browsers.

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed - http://bit.ly/DZ-RSS Follow us on Twitter - http://twitter.com/designzzz

sadness. governing Yellow . sex Green . This term is usually used in web designing. loyalty.optimism. When you are designing a site.healing. so black represents death.ly/DZ-RSS Follow us on Twitter . life Blue . fertility.attention.wisdom. team color Magenta .The Prerequisities for a Designer for further reference.http://twitter.com/designzzz . emotions. rather the designing application provides you with a live preview. e. Several other examples might be: Red .g. Please see the Designing Theorems and Terminology . Even the general public has (maybe a bit limited) knowledge of this.http://bit. men Cyan . you will also learn about the difference between: • Vector vs Bitmap graphics • RGB vs CMYK colors • Pixels and Resoultion How Colors Affect Us Colors and psychology coexist in a tight bond and every good designer should have a decent understanding of the color psychology.optimism.Adobe Photoshop Crash Course 6 Designzzz Book # 1 WYSIWYG: “What you see is what you get”. you don’t have to save the web page coding and open it in a browser. you wear a black suit to the funeral. strength. anger and frustration if overused Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .royal color.

Adobe Photoshop Crash Course 7 Designzzz Book # 1 Also visit Infographic: How to Use Colors in Graphic and Web Designing.http://twitter. Typograhpy Basics It is vitally important to have at least a basic understanding of typography. the difference between serif and sans-serif fonts and how to choose their proper combination.e. other than serif vs. i. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . sansserif. Several of the most basic typographic factors are: • use sans-serif for headlines and serif for body • one font type in the headlines and other in the body • choose exactly 2 fonts and stick with them through the whole article • look for design collisions Basic Terminology There are of course many more categories of fonts. Those are: • • • • • • Blackletter Calligraphic Inscriptional Non-alphanumeric Ornamented Script In case you are interested in the other kinds of fonts.com/designzzz .ly/DZ-RSS Follow us on Twitter . feel free visit Typedia they have covered this issue very well.http://bit.

like Lucida Sans. it is a particular style and set of characters Examples of a Serif font: • Baskerville • Century Sans-Serif font Examples of a Sans • Lucida Sans Unicode • Verdana Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter. Typeface . Lucida Typewriter. designers might get confused by the terms "typeface" and "font". Font .com/designzzz . it unites a family of a particular font.a group of fonts. so let's describe both right away to avoid any misunderstanding.Adobe Photoshop Crash Course 8 Designzzz Book # 1 At times. etc.http://bit.a subset of a typeface.ly/DZ-RSS Follow us on Twitter .

com/designzzz .Adobe Photoshop Crash Course 9 Designzzz Book # 1 Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .ly/DZ-RSS Follow us on Twitter .http://bit.http://twitter.

Bonus: The terminology and tools are almost identical in Adobe Photoshop and Adobe Illustrator. You can see a [page #] written in brackets after every command.http://twitter. you will easily obtain it in the user guide (provided by Adobe with every copy of Photoshop and also available for Download Online). Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .ly/DZ-RSS Follow us on Twitter . so you are also learning a great deal about Adobe Illustrator at the same time. That indicates the page number in that PDF help Adobe provides.com/designzzz . but with our help. you will be able to perform rudimental tasks with Photoshop.Adobe Photoshop Crash Course 10 Designzzz Book # 1 Hands on Photoshop We are going to teach you Adobe Photoshop CS5 in just 30 minutes by guiding you through every tool and basic commands.http://bit. What to Expect In case you need more information. It's safe to say that it will be far from being a complete instruction manual. Assuming that you already know that what Photoshop is and what it does. let’s just start the practical part right away. The difference between these two programs is that Photoshop is for Bitmap Graphics and Illustrator is for Vector Graphics.

com/designzzz . Read this guide to the end before you seek any help. for example contrast and brightness enhancement or how to crop an image. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Initial Steps Install Adobe Photoshop CS5 in your computer and immediately test every tool or command you are learning here. please read Graphic Design Methods and Terms for further reference. we just provided it for a reference. otherwise you can get easily confused.ly/DZ-RSS Follow us on Twitter . I think that’s the best way to memorize a command. One more thing I would like to clarify is that many questions might pop-up in your head while reading this chaper. You don’t have to read from the help. like how can we do this and that? Should that be the case. just keep on reading please. • You know the basic image editing functions.Adobe Photoshop Crash Course 11 Designzzz Book # 1 Eligibility for the Crash Course • You know the difference between vector and bitmap graphics and how they work. • You know the basic terminology used in graphic designing.http://twitter. so you don’t have to burn your head finding the right page.http://bit. If I had to explain everything at once. All of your questions will be answered in due time. If you're not sure whether you meet these criteria. we would waste a lot of pages. ACDSee or IrfanView. These functions are available in all famous picture viewers such as Picasa.

we will take a look at the Control Panel. but we'll cover each tool individually.http://bit. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .ly/DZ-RSS Follow us on Twitter . This is one of the elements which is not covered explicitly. of course.Adobe Photoshop Crash Course 12 Designzzz Book # 1 Workspace The most important elements of Photoshop are.http://twitter.com/designzzz . Control Panel This is basically a bar with Options Bar (called Control Panel in Adobe Illustrator) that shows advanced properties for the currently selected tool. No need to worry though. the Tools. we will describe the important and essential commands and functions right here. because most of its commands are self explanatory. Right now.

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .Adobe Photoshop Crash Course 13 Designzzz Book # 1 Panels These options are used frequently (but their functions can’t be filled up to a single tool such as a color bar) and take place on the right side in Photoshop.http://bit.com/designzzz .ly/DZ-RSS Follow us on Twitter .http://twitter.

that’s the hotkey for that particular tool. This works in the same way as any Arrow Tool in any graphic designing application.Adobe Photoshop Crash Course 14 Designzzz Book # 1 Tools When you move your mouse pointer upon any tool. Click and hold for a second to view all the tools. resize. Here comes the Tools Panel: Move Tool Control Panel . There’s occasionally a letter written in a bracket.Options Bar The tool to perform basic actions on a selected area. that message is called Tooltip. Marquee Tools This is a set of tools.Options Bar Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter. rotate etc. such as move. a yellow message pops out.ly/DZ-RSS Follow us on Twitter .http://bit. Control Panel .com/designzzz .

• Elliptical Marquee Tool Same as the previous tool. Normal means freeform style. it is a selection for styles.http://twitter. Fixed Size is self explanatory. Give it a try. • Control Panel .ly/DZ-RSS Follow us on Twitter . • Style Surprisingly. except the fact it selects area of an oval type shape. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . every time you start to make a selection. But if the second one is selected.com/designzzz . The other two buttons perform similar functions. like subtracting or creating an intersection. in other words it selects a horizontal or vertical line in the image. • Single Row/Column Marquee Tools The two Line Tools select one pixel in a row or a column.http://bit. it creates a selection of the defined size. it adds the new selected area to the previous selection. click and drag over the area you want to select and then perform actions with Move Tool.Adobe Photoshop Crash Course 15 Designzzz Book # 1 • Rectangular Marquee Tool This tool is for selecting a rectangular area of the photo you are working on.Options Bar Stays almost the same in all of the tools of this set. it creates a new and discards the old one. When the first button is selected. with Fixed Ratio you can create an aspect ratio for your selection. you’ll figure these tools out in your first attempt. Selection method is simple.

quite useful when cutting something out of an image.http://bit. Image Source: University of Wisconsin-Eau Claire • Refine Edges Contributes with the advanced options for your current selection. see the example below to view what it does.Adobe Photoshop Crash Course 16 Designzzz Book # 1 • Feather Creates a gradient type effect at the edges. Anti-alias is a light feather.http://twitter. Make a selection and toggle with commands. See the example below. Tip: to remove all selection. they explain themselves very quickly in the preview box.ly/DZ-RSS Follow us on Twitter .com/designzzz . just press Ctrl + D Lasso Tools Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .

http://bit. • Magnetic Lasso Tool A newbie’s best friend. it draws another line. [Page 198] • Lasso Tool Same as the last tool set. Contrast value should be high. this tool magnetically sticks the selection to the edges of the object. but here. Hold your click and draw the desired shape to make a selection. so let’s go through those commands. but usually.ly/DZ-RSS Follow us on Twitter . • Polygonal Lasso Tool This tool also helps you to create a custom shape selection. so if you try to select an object from an image. Width refers to the margin from the edge of the object you are selecting. click and release the mouse button. except that you can create a custom shape selection with this tool.it draws a straight line between the two points (called anchor points).http://twitter. Then click on another point. this will close your selection and you have your selection. if the object has similar color value to the background. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . rather than just rectangular or elliptical. default value of 10 works best with almost everything.com/designzzz . An intelligent tool that can distinguish between the contrast ratios.Adobe Photoshop Crash Course Control Panel (Magnetic Lasso Tool) 17 Designzzz Book # 1 Only the Magnetic Lasso Tool has new options in the control panel. then click at another place . now click back at the first anchor point.

This will not be the case if Tolerance value is low. • Magic Wand Tool This tool has been in Photoshop since the old times. If it's high and you click over a green color (say from light green to dark green). all colors will be selected.Options Bar Contiguous means to select only the colors that are connected to each other. Sample All Layers command will be described below. you click an area and that color is selected. It works great for removing backgrounds.com/designzzz . This tool gives you more control over your selection compared to Quick Selection Tool.http://twitter. It works in similar fashion to the Quick Selection Tool.http://bit. If it’s not selected. Tolerance helps you to select a greater range of colors.ly/DZ-RSS Follow us on Twitter . it selects one color that you click on from the whole image. [Page 202] • Quick Selection Tool A relatively new tool.Adobe Photoshop Crash Course 18 Designzzz Book # 1 Magic Selection Tools: Control Panel . Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . then the color will be selected in the entire image.

with the option Save for Web & Devices. [Page 141] Eyedropper Tool Control Panel . It reads the color value from wherever you click so that you can fill that color to any other place.Options Bar Same old story.http://twitter.http://bit. [Page 85] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .ly/DZ-RSS Follow us on Twitter .Options Bar Works as any other crop tool in other programs.Adobe Photoshop Crash Course 19 Designzzz Book # 1 Crop Tool Control Panel . Height and Width sets the aspect ratio. Slice Tools will be covered later. this also works in the same way as any eyedropper tool in other programs.com/designzzz .

Source options are for selecting a color pattern from the opened image you want to paint with Healing Brush using a predefined patter. the target source location also moves and stays at the same distance.http://bit. Voila. it’s removed.http://twitter. Example: You have a portrait and there’s a mole in the face. Aligned means after you select a color pattern from the image and then move your pointer up or down (vertically). You don’t even have to make a selection.Adobe Photoshop Crash Course 20 Designzzz Book # 1 Healing Brushes Control Panel . Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . The skin is copied from the surroundings and pasted over the mole. just move your brush (mouse pointer) over that mole and click it.ly/DZ-RSS Follow us on Twitter . [Page 149] • Spot Healing Brush Great tool for making finishing touches. you want to remove it.com/designzzz .Options Bar We shall cover Mode in just a bit. This tool copies the color pattern specifications from its surroundings and pastes it in the center of the brush.

you can edit and patch an image.Options Bar Mode changes the method your brush stroke is applied to the image in the background.com/designzzz . the eyeballs in the photo can occasionally turn red.it creates a rectangle when clicked and dragged. works in a similar manner to the previous one. Hold your Alt key and click to select the color pattern. Create a shape (just as with Lasso Tool) and then click inside the shape you just made. and then draw it wherever you want. you can copy the color pattern from anywhere. This tool removes them . Drag your pointer to another place and that's it.http://twitter. • Patch Tool With this tool. this tool will draw the pattern and as soon as you release it.http://bit. the pattern automatically merges with the surroundings.Adobe Photoshop Crash Course 21 Designzzz Book # 1 • Healing Brush Tool Great Tool. • Red Eye Tool When you take a shot in dark with flash. except here.ly/DZ-RSS Follow us on Twitter . Brush Tools Control Panel . even other images. Just click and drag over the red eyeball. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .

It works as if you have a paint brush in your hand. click and drag. Press "]" enlarge the size of the brush and "[" to shrink it.http://bit. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Blending Modes and Opacity options are covered in the “layers” section below. this is one the most used tools in Photoshop. • Color Replacement Tool It adds a color filter to any place of the image you brush it with. it will create a line of that color. To do this. • Pencil Tool A solid stroke of color. you’ll know what it does. • Mixer Brush Tool This tool creates quite dramatic effects in digital paintings.com/designzzz . you can paint over a point many times. Picking a color is defined below. [Page 279] • Brush Tool For digital paintings and web designing. Just click and drag around in different Modes. that’s it.Adobe Photoshop Crash Course 22 Designzzz Book # 1 The difference between Opacity and Flow is that if opacity is low. just pick black color and paint over anything. while Flow works the same way as if you were painting over a canvas.ly/DZ-RSS Follow us on Twitter . Click it and drag it around.http://twitter. this is not much useful in portrait or image editing. The opacity will stay the same. It works great when you want to convert one object (or area) of an image to Black and White colors. but to be honest.

Options Bar There’s no relatively new command on the control panel for these tools. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter. so we are skipping over control panel options till we reach Vector tools. • Pattern Stamp Tool Same as Brush Tool. [Page 41] • Control Panel Panel .com/designzzz . except it paints a predefined pattern. rather than a color.http://bit.ly/DZ-RSS Follow us on Twitter . [Page (Cloning) 146 (Pattern) 282] • Clone Stamp Tool Congeneric to the Healing Brush Tool. the difference is that it doesn’t merge the painted image with its surroundings.Adobe Photoshop Crash Course 23 Designzzz Book # 1 Stamp Tools Control Panel . History Brushes These tools will be explained later in History and Undo. Same way to define Sample Pattern with Alt + Click.Options Bar These commands will be cleared at Layers section.

http://bit. you’ll see what it does. Gradient Tool It fills gradients. [Page 283] Fill • Paint Bucket Tool It fills the selected color or area with your chosen color.ly/DZ-RSS Follow us on Twitter .http://twitter. • Magic Eraser Tool Click anywhere and that color will be deleted from the entire image. • Background Eraser Tool It removes the background color and makes that part of the image transparent.Adobe Photoshop Crash Course 24 Designzzz Book # 1 Erasers • Eraser Tool It does what its name suggests. [Page 302] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .com/designzzz . that’s it. Just click it anywhere.

Proper method is to use Clone Tool and Healing Brush Tool. Some newcomers use this tool for portrait editing.but that is the wrong way to do it.http://twitter. • Smudge Tool Creates the effect of finger painting. [Page 154] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .com/designzzz .Adobe Photoshop Crash Course 25 Designzzz Book # 1 Refinement Tools • Blur Tool Absorbs the sharpness and makes that portion of the image seem blurry.ly/DZ-RSS Follow us on Twitter .e.http://bit. • Sharpen Tool An absolute opposite to the Blur Tool. i. This tool is often used in image editing. such as I mentioned earlier. removing a mole from a face . smudge painting.

http://bit. Pen Tools Control Panel . • Sponge Tool Painting with this tool helps you to saturate (or desaturate) a part of image.http://twitter.com/designzzz .Options Bar Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . rather burns them. Midtones or Highlights of the image. it does not expose colors. [Page 156] The next four toolsets are for designing Vector Graphics.ly/DZ-RSS Follow us on Twitter . • Burn Tool Opposite to Dodge Tool.Adobe Photoshop Crash Course 26 Designzzz Book # 1 Color Editing Tools • Dodge Tool It exposes the colors in range of Shadows. You can switch the range from Control Panel. You can change the setting from Control Panel.

com/designzzz .http://bit. [Page 317] • Pen Tools Creates a Vector shape in the same way you make with a Polygonal Lasso Tool and also an anchor points with every click. it does not need any explanation! • Convert Point Tool Click on an anchor point of any vector in Photoshop and drag it.ly/DZ-RSS Follow us on Twitter . • Add Anchor Point Does it need any explanation? • Delete Anchor Point No. Text Tools Control Panel .Options Bar Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter. It gives the vector boundary line a swirl. • Freeform Pen Tool Creates a shape according to the method of Lasso Tool.Adobe Photoshop Crash Course 27 Designzzz Book # 1 Options Bar will be defined later in the section of Layers and Paths. click – hold – drag.

Path Editing Tools • Path Selection Tool This tool selects and moves parts (fragments) of a path.Adobe Photoshop Crash Course 28 Designzzz Book # 1 The Control Panel (Options Bar) of these tools contain only the commands which are present in any word processor. • Vertical Type Tool Does the same thing. in the Masks section. [Page 358] • Horizontal Type Tool Click anywhere and start typing. [Page 325] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . • Vertical Type Mask Tool Again. So we don’t need to look deeply in it. but in vertical order. click and drag to make a rectangular text box. • Direct Selection Tool This tool can select. If you want to make a text box.http://twitter.http://bit.ly/DZ-RSS Follow us on Twitter . • Horizontal Type Mask Tool This tool is covered below.com/designzzz . move a path as well as select an anchor point and change its specifications. covered in the Masks section.

• Custom Shape Tool This tool can create various predefined custom shapes such as arrows. Just click and drag.http://bit.Adobe Photoshop Crash Course 29 Designzzz Book # 1 Shape Tools Almost all of these tools work the same way. [Page 313] The next two tools relate to 3D and these will be covered in the post “3D in Photoshop” on DesignZZZ.com/designzzz . click and draw. Working method is still the same. • Hand Tool Works same as any Hand Tool. so let’s just jump to the last one. [Page 23] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . You can get to this tool at any time when using any other tool by pressing and holding the Spacebar. you can use the Hand Tool to navigate around your image. When you zoom a portion of the image.ly/DZ-RSS Follow us on Twitter .http://twitter. popouts etc.

the top one is the foreground color and the bottom one is background color. what would this tool do… it zooms in and out of an image.com/designzzz .http://twitter. Swatches and Styles.http://bit. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . the background color takes its place. And foreground color is the main color which will be painted. if you use Brush Tool or some other paint tool. [Page 85] Quick Mask Mode is clarified in the next section Panels The first panel is a set of three panels.Adobe Photoshop Crash Course 30 Designzzz Book # 1 • Zoom Tool Guess. [Page 25] • Color Preview You see two colors. When you erase something out of the image. Colors.ly/DZ-RSS Follow us on Twitter .

Adobe Photoshop Crash Course 31 Designzzz Book # 1 • Color Provides you a color mixer. • Styles Has a list of styles that can be applied to a Vector Graphic or Layer. • Swatches Has a palette of predefined colors.http://bit. [Page 86] The second panel set carries two panels: Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .ly/DZ-RSS Follow us on Twitter .com/designzzz .http://twitter.

0. There are two types of masks in Photoshop. Layers Introduced in Photoshop 3. layers created a revolution. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . levels and same kind of functions. In my words.http://bit.Adobe Photoshop Crash Course 32 Designzzz Book # 1 • Adjustments Enable you to change the values of brightness. it is a way of hiding a part of an image. [Page 106] • Masks There are many definitions for mask. saturation. contrast. [Page 220] The third panel set includes the most important panels. colors. Vector and Pixel.com/designzzz .http://twitter. A blank layer works as a sheet of transparent paper (tracing paper). without editing or removing it.ly/DZ-RSS Follow us on Twitter .

Adobe Photoshop Crash Course 33 Designzzz Book # 1 If there is one thing that you absolutely have to understand. write on them. The same principle applies to layers in Photoshop.com/designzzz . e. The most perspicuous implemantation of layers is to place a blank layer on the top of an image and make changes in that layer whenever you design.http://bit. where you may want a little transparent background. or even cut a small chunk of the paper off. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . drop shadow and many more Opacity and Blend Modes Each layer can have its own opacity setting which determines how opaque or transparent the layer is. Think of it as your work desk. put one on top of another. The basic idea is that you can split your image into multiple parts and work with each of them independently. Imagine a regular table with many pieces of paper on it. where you have a large number of papers. If you want to edit it later. throw them away. You can move them around. stroke. You can move each of the papers independently. cut them.ly/DZ-RSS Follow us on Twitter . you can do so much more easily. That's exactly how layers work in Photoshop. it's layers. This is very useful when you want to do more complex compositions. glue them together and much more.g.http://twitter. Here are but a few examples: • move a layer disregarding the others • copy/cut/paste from one layer to another • blend layers together with one of many blend modes • change opacity of the layers • apply styles to each layer.

You can change channel values from panel. Simply put.http://bit. You can select a value from 0 to 100%. [Page 245] • Channels As you know. be it a blend mode or any filter. where 0 is completely transparent and 100% is completely opaque. but that is not important right now. By manipulating their ratio. digital images are constructed from pixels which contain primary colors. Magenta.http://twitter. the computer generates all the colors. That's how you set opacity! You might have noticed that there is another value similar to opacity called Flow. only to the layer itself. If your graphic is a grayscale one. RGB.ly/DZ-RSS Follow us on Twitter . just press the number representing the percentage on your keyboard. CMYK or whatever. for 56% press 5 and 6 after each other. If you are designing a graphic that is going to be printed. opacity will become your best friend. it will only have one channel.com/designzzz . it will have four channels. because it allows you to dial down the effects of some filters or adjustments. When you get more advanced. Flow is just same as the Opacity until you start using Layer Styles. [Page 51] Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . for 70% press 7. So basically these are the color modes. as Flow doesn't apply to any styles. Yellow and Black.Adobe Photoshop Crash Course 34 Designzzz Book # 1 As you get more advanced with Photoshop. Cyan. For 50% press 5. Opacity is often used to adjust the effect of a modification you made. you will find out that Flow affects some blend modes differently than Opacity does. To quickly set opacity value.

if you press it again.History. To perform several Undos’ Press Ctrl + Alt + Z. it rather re-emerges a previous state of things from History. [Page 323] The panels that didn’t find their place at right side. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . • History Brush Tool This tool works as the usual Brush Tool.ly/DZ-RSS Follow us on Twitter . because it also has something much better . • History Photoshop has only one undo. Path is the line that forms the vector. the image is retrieving colors again. When you press Ctrl + Z it performs an Undo.http://bit. where you are painting. Don’t worry though. are placed in this bar. Photoshop performs a Redo. Example: Desaturate an image > create a blank layer > Select History Brush Tool > Select the pre-desaturation state from History panel > Paint over the blank layer. You can view all your performed actions from History panel and perform several Undos’ by just clicking at a position.com/designzzz . but it does not paint a color.http://twitter.Adobe Photoshop Crash Course 35 Designzzz Book # 1 • Paths Every vector is a path.

this tool enables you to divide the picture into segments. This tool works as a partner with Save for Web and Devices. [Page 447] • Save for Web and Devices The image you see in the dialog box is a web design freely available for our members to download and make their own site. and now you need to divide that design into separate segments.ly/DZ-RSS Follow us on Twitter . [Page 41] • Slice Tools In short.http://bit.http://twitter. and each segment can be saved as an independent image.Adobe Photoshop Crash Course 36 Designzzz Book # 1 • Art History Brush Click this tool and paint over any part of an image. it becomes very useful when you create a design of a website (or its element). such as a navigation bar in Adobe Photoshop.com/designzzz . You can create a segment in any image by just selecting Slice Tool and clicking & draging over the area you want to make a separate picture. This tool is rarely used. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .

And some Preview Styles from which you can choose to only view the optimized view.http://twitter. and also their quality levels. • Image Quality and Formats Here you can choose the format of the optimized image(s) e. • Color Preview Shows you the colors used in the image. Now. let’s press Save. It will not effect the file are working in. PNG.ly/DZ-RSS Follow us on Twitter .Adobe Photoshop Crash Course 37 Designzzz Book # 1 • Preview Options Simple Preview Options for some tools such as the Quick Hand Tool. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .com/designzzz .http://bit.g. • Image Size This option changes the image size of the picture being exported. GIF and so on. comparitive view etc. Zoom Tool etc. JPG. Web Designers frequently toggle with quality levels to find the middle ground between image quality and image volume.

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . there are three options in the Format dropdown list. you can also save all the slices without the HTML file. and it is almost never used. Photoshop will generate an HTML page consisting of all the image slices (now completely seperate images).Adobe Photoshop Crash Course 38 Designzzz Book # 1 As you can see in the screenshot above.com/designzzz . Last option. and of course. The second option Images Only works when you are exporting only a single image without any slicing.http://bit. does what it sound like.ly/DZ-RSS Follow us on Twitter .http://twitter. HTML Only. The first highlighted one is useful only when you have made slices with Slice Tool (as I have) and now you are ready to export.

ly/DZ-RSS Follow us on Twitter .Adobe Photoshop Crash Course 39 Designzzz Book # 1 Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://bit.com/designzzz .http://twitter.

but its a quite time consuming experience to perform a task when we don’t know the shortcuts (short keys). Let's go through some frequently used shortcuts and tips that will surely increase the speed of your work. Tools Image Source: Tam Cao Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .Adobe Photoshop Crash Course 40 Designzzz Book # 1 Adobe Photoshop Shortcuts Adobe Photoshop is a huge program with a large number of commands. Tip: Open Photoshop and test these shortcuts right away.http://bit.http://twitter. that's the best way to memorize them.com/designzzz .ly/DZ-RSS Follow us on Twitter . I have tested all these shortcuts on Adobe Photoshop CS5 Extended.

press Ctrl+Enter. Holding Ctrl will temporarily change you current tool to Move Tool. while working with painting or editing tools. Alt + Spacebar zooms out. Alt + Mouse Scroll changes the zoom level 10. While working with Zoom Tool. 8.Adobe Photoshop Crash Course 41 Designzzz Book # 1 List of shortcuts 1. Holding Spacebar will temporarily change you current tool to Hand Tool. 11. While using Magnetic Lasso Tool. When you are done typing with any text tool. Caps Lock switches your cursor to Plus sign for precision. then go to the point where you want the line to end. it will create a duplication of the current image or selection and make an overlay on the top. it switches the tool functions between them.. To draw a straight line. 2. click where you want the line to start. Holding Alt will temporarily change you current tool to Eyedropper Tool.http://bit. Photoshop will understand you are done. hold Shift and Click. 5. pressing Delete button will remove the previous anchor point. 4. 9. Ctrl + Alt + Click and drag the image. 3. 7.http://twitter. If you hold down Alt while using Burn or Dodge Tool. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . if you are working with a painting tool.com/designzzz . 6. Ctrl + Spacebar zooms in.ly/DZ-RSS Follow us on Twitter .

When using Marquee Tools.ly/DZ-RSS Follow us on Twitter . When using Brush Tool. it will capture the color for background. hold down Alt and it will make the click point as the center point of the selection. it will also measure the angle.com/designzzz . pressing the numbers on the numeral pad will alter the transparency. Hold Shift and press "+" or "-" it will change the layer and painting modes: • N = Normal • I = Dissolve • M = Multiply • S = Screen • = Overlay • F = Soft Light • H = Hard Light • D = Color Dodge • B = Color Burn • K = Darken • G = Lighten Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . When drawing a line with the Measure Tool. Eyedropper Tool . 13.http://twitter. or other Paint Tools. if you hold Alt and draw another line from the end of the first line. 14.Adobe Photoshop Crash Course 42 Designzzz Book # 1 12. hold Alt and click.http://bit. ([4=40%] or [press 4 then 5 will get 45%]) 15.to capture foreground color.

Adobe Photoshop Crash Course 43 Designzzz Book # 1 • E = Difference • X = Exclusion • U = Hue • T = Saturation • C = Color • Y = Luminosity • Q = Behind 1 • L = Threshold 2 • R = Clear 3 • W = Shadow 4 • V = Midtones 4 • Z = Highlights 4 (This will work with these tools: Alpha turned off.com/designzzz . Dodge and Burn) Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter. Line tool.ly/DZ-RSS Follow us on Twitter .http://bit. Bucket Tools. Indexed Mode.

20. the “Open” command will run. Voila! Works only when a file is opened. All "Cancel" buttons in every Photoshop windows and tables. hold shift and click. This is one the most used trick in Photoshop.http://twitter.ly/DZ-RSS Follow us on Twitter .com/designzzz . 19. Double clicking on the title of any panel will minimize or maximize it. (Works when no file is opened) 17. want to change the grey background color outside the opened file? Select Paint Bucket tool. will be transformed into a "Reset" button by just holding Alt. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Let’s have some fun.http://bit. When you double click the gray background area. 18. Pressing Tab will hide toolbar and panels.Adobe Photoshop Crash Course 44 Designzzz Book # 1 Workspace 16. while Shift + Tab will only hide panels.

it switches among the 3 different screen modes so you can easily choose the best workspace for your current task. 33. 29. Alt drag a step from a serial action can copy it to another action. 35. 23. will fill the image with foreground or background color but will not change the values in of the areas of alpha. Pressing Shift + Backspace will pop-up the option window.http://bit.ly/DZ-RSS Follow us on Twitter . and Ctrl+Shift+D to reselect what you deselected. Ctrl+J makes a duplicate layer.Adobe Photoshop Crash Course 45 Designzzz Book # 1 21. Don’t forget to visit Photoshop CS5 Shortcuts for Professionals. Ctrl+Shift+Alt+N creates a new layer.com/designzzz . If you want to import an object from Illustrator to Photoshop. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Double clicking the Hand Tool provides you the largest full image preview. Pressing X will swap the foreground and background colors. Double clicking the Zoom Tool sets the zoom level to 100%. 31. 32. You can show or hide a path by pressing Ctrl+Shift+H 27. just Copy and Paste. Ctrl + D to deselect all.http://twitter. no questions asked. 30. 25. 24. Pressing D will resets the foreground and background colors to default 34. 26. 28. Pressing Ctrl+Tab allows you to toggles between opened image files. Press F to alter between the modes. Open a file and press F button. Alt + Shift + Backspace and Ctrl + Shift + Backspace. Photoshop will ask you whether to import it as a vector or bitmap. Ctrl + Backspace and Alt + Backspace will fill in the whole image area with foreground color or background colors. 22. Ctrl+Shift+N opens the new layer with a dialog box.

ly/DZ-RSS Follow us on Twitter . There are just two categories: Tutorials are meant to help you with a particular topic that either hasn't been covered that much here or it extends the information provided by us. We couldn't possibly make our material as long as we would like to.http://twitter. because it would cover hundreds of pages. we're providing a special chapter for bonus resources that you should check out yourself.com/designzzz . Free Resources will provide an excellent collection of free Photoshop Plugins and Extensions. but you will greatly enhance the utility of this material simply by checking out the links below. As a result.Adobe Photoshop Crash Course 46 Designzzz Book # 1 Resources Naturally. Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . You can obviously ignore it.http://bit. because good tools are almost necessary for creating a nice piece of art. there are many more issues worth your attention.

http://bit.com/designzzz .Adobe Photoshop Crash Course 47 Designzzz Book # 1 Tutorials Photoshop Smoke Tutorials Edition Multiple Image Formats Description How to Create Logos How To Ceate a Website Layout Photoshop Tutorials Edition Masks in Photoshop How to use Photoshop across Multiple Platforms and Devices More Photohshop Handy Shortcuts How to Create a Stylish Desktop Wallpaper How to Create an Explosive Effect in Photoshop Free Resources Free Photoshop Custom Shapes and Tutorial Useful Collection of Free Photoshop Pattern Sets 50+ Handpicked Photoshop Actions and Tutorial 10 Photoshop Plugins 25 General Photohsop Brushes 21 Photoshop Vector Brush Sets 20 Photoshop Smoke Brush Sets Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://twitter.ly/DZ-RSS Follow us on Twitter .

ly/DZ-RSS Follow us on Twitter . Major Skill: Design. Apart from being incredibly smart and lazy. he co-wrote the chapter "Hands on Photoshop". Video Production. Photography Jakub Arnold Jakub is a college student from the Czech republic. Design Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .Adobe Photoshop Crash Course 48 Designzzz Book # 1 Credits The first book of DesignZZZ is a joint effort of several authors. Major skills: Programming.com/designzzz . You are going to learn a thing or two about each person who contributed: Tayyab Ebrahim Tayyab is a Freelance Journalist holding a considerable experience in Web-design. Multimedia Graphics and Photography.http://twitter. He is the creator of all the graphic elements you see in this book. Major skills: Journalism. Incredible creativity and natural photography skills makes him a prominent member of our team. He was a big help in the creation of this book. We worked hard to provide the best value we could and we have hopefully. succeeded.http://bit. Computer Graphics Waseem Amjad Muhammad Waseem Amjad is a College Student from Pakistan.

http://bit. Programming.com/designzzz . His area of interests are design.Adobe Photoshop Crash Course 49 Designzzz Book # 1 Ondrej Dyrka Yet another Czech college student. Major skills: English Ayaz Malik He is the founder of ZZZ Networks and all ZZZ sites are his creations. development and publishing. Major skills: Giggling. it was his duty to make this book visually appealing and he was also the main editor .as he is on DesignZZZ.http://twitter. Ayaz runs a few sites and of course. he is the owner of DesignZZZ. Design Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .com.ly/DZ-RSS Follow us on Twitter . Last but not the least. he is responsible for the Color and Typographic parts of this book.

we will help you with your English if needed.Adobe Photoshop Crash Course 50 Designzzz Book # 1 What is DesignZZZ DesignZZZ? ZZZ? DesignZZZ is a frequnetly updated site in the area of design and other related branches.com Form: http://www. anyone can contact us and write a Guest Post for DesignZZZ. In fact. Each and every of our posts is thoroughly checked and consulted by most of our staff before it's launched. one of the top deisgn related sites out there.http://twitter.http://bit.designzzz.com/contact-us/ Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Contact Details Email: webmaster@designzzz. The categories are: • Design • Photography • Free Resources • WordPress • Tutorials • Reviews. Tips and Miscellaneous We are trying to educate our crowd in the most coherent and comprehensible way possible. All you have to do is to be an expert in your field. We welcome all your suggestions and feedback.com/designzzz .ly/DZ-RSS Follow us on Twitter .

Adobe Photoshop Crash Course 51 Designzzz Book # 1 Members Area Recently. Wordpress etc. we have launched a bright new memberhsip area (free of charge) to make the experience of our visitors even better.http://bit. tutorials. Feel Free to Register Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .No need to bookmark your activity on DesignZZZ in your browser.ly/DZ-RSS Follow us on Twitter . Recent Comments .It is our pleasure to supply you with free resources.Found something you liked? Share it with the community! Free Downloads . it is taken care of automatically in the members area. What are the perks of becoming our member? Recommendation System – will recommed articles based on your interests.http://twitter.com/designzzz . for Photoshop. Submit News .

If you liked our work and found it helpful.Adobe Photoshop Crash Course 52 Designzzz Book # 1 Ending Note We would like to thank you for downloading and studying Designzzz Book #1. and even better that time. make yourself heard on DesignZZZ and we will be more than happy to come up with something again.ly/DZ-RSS Follow us on Twitter . thank you for reading.com/designzzz . We are considering an extension and such action is entirely dependent on your reactions.http://bit.http://twitter. see you on DesignZZZ! Do you like what you see? Stay in touch with us! Subscribe to our RSS feed . Once again.

Do you like what you see? Stay in touch with us! Subscribe to our RSS feed .http://bit.http://twitter.com.com/designzzz .com.ly/DZ-RSS Follow us on Twitter . This e-book cannot be sold or redistributed to/on any other website without official permission from the owner of Designzzz.Adobe Photoshop Crash Course 53 Designzzz Book # 1 Copyright Notice All rights are reserved by Designzzz.

Sign up to vote on this title
UsefulNot useful