10Min Photoshop

download 10Min Photoshop

of 23

Transcript of 10Min Photoshop

  • 8/11/2019 10Min Photoshop

    1/23

  • 8/11/2019 10Min Photoshop

    2/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 2

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Written by Robert Baldwin

    eBook Contents:

    INTRODUCTION ............................................................................................ 3

    PART 1 - THE BASICS OF PHOTOSHOP. .......................................................... 4

    PART 2 - MAKING A SELECTION ..................................................................... 8

    PART 3 - USING BRUSHES ............................................................................ 11

    PART 4 - USING LAYER MASKS ...................................................................... 15PART 5 - BLENDING OPTIONS ....................................................................... 18

    PART 6 - LINKS AND RESOURCES .................................................................. 22

    CONCLUSION ............................................................................................... 23

    Click here to watch the FREE Training Video

    http://www.10minutephotoshop.com/http://10minutephotoshop.com/video10min2012/http://10minutephotoshop.com/video10min2012/http://10minutephotoshop.com/video10min2012/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    3/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 3

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Introduction

    Thanks for downloading Learn Photoshop in 10 Minutes. My name is Robert Baldwin and I am a graphicdesigner at IMX Productions. I have been using Photoshop for many years and what I have come to

    realize is that you really dont need to know everything in the software to be able to create amazing

    graphic artwork.

    Photoshop has literary thousands of tools that you can use to create your design project but really all

    you need is a handful of them to get the job done. A basic understanding of the program and knowing

    how to use the primary tools will allow you to accomplish a lot!

    Whenever I open Photoshop to start a new project, there are 4 main tools that I use ALL THE TIME! Inthis training series, you will learn the basic layout of Adobe Photoshop and learn how to use those 4

    all important tools. From there, you will have a comfortable grasp of the program and be able to design

    graphic art on your own.

    lets begin!

    Connect with me:

    Twitter at @IMXproductions

    Facebook at facebook.com/robimx

    YouTube at youtube.com/imxproductions

    LinkedIn at linkedin.com/in/robimx

    Flickr at flickr.com/imxproductions

    http://www.10minutephotoshop.com/http://twitter.com/imxproductionshttp://facebook.com/robimxhttp://youtube.com/imxproductionshttp://linkedin.com/in/robimxhttp://flickr.com/imxproductionshttp://flickr.com/imxproductionshttp://linkedin.com/in/robimxhttp://youtube.com/imxproductionshttp://facebook.com/robimxhttp://twitter.com/imxproductionshttp://flickr.com/imxproductionshttp://linkedin.com/in/robimxhttp://youtube.com/imxproductionshttp://facebook.com/robimxhttp://twitter.com/imxproductionshttp://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    4/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 4

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 1 - The basics of Photoshop.

    Creating a new canvasA document in photoshop is known as a canvas, its where you will edit and design your work. You can

    open a photo file (JPG, TIF, etc...) or a previous photoshop document (PSD).

    Choose File - Newto create a new photoshop document.

    Now you have to choose the size,color modeand resolutionof the document. There are some Presets

    available but if you choose to create your own, simply enter the width and heightof the desired canvas

    and enter the appropriateresolution.

    Standard resolutions are:

    72 ppi web graphics

    150 ppi digital prints

    300 ppi professional offset printing

    lastly, set the color modeto RGB and click OK.

    ***If printing the design later, color mode should be CMYK but that can be changed later.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    5/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 5

    Learn Photoshop in 10 MinutesBasic Photoshop training

    The Photoshop PalettesThe position of these palettes may vary and can be changed. If you do not see these palettes in

    Photoshop, simply choose the menu option Window - #palettename#to open that particular panel.

    Tools PaletteLocated on the right side of your screen is the tools panel. Here are your basic tools for use in your

    canvas. The important tools to mark are the following.

    Move Tool (basic tool for selecting and moving objects)

    Various Selection Tools

    Rectangular & Circular Marquee Tool Lasso Tool

    Polygonal Lasso Tool

    Magneric Lasso Tool

    Magic Wand Tool

    Brush Tool

    Stamp tool

    Type Tool

    Zoom Tool

    Foreground/Background color picker

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    6/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 6

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Layers PaletteThis is the most important panel. In Photoshop, to keep elements

    separate, you want to create several layers to hold each element(photos, text, etc..) The layers palette, located in the bottom left

    corner, shows you every layer in your document and their particular

    order. You can change their order, add masks (See Part 4)and

    make layers invisible.

    It is not uncommon for a large project to have over 100 layers, to

    manage so many layers, you can create groups in the layers palette

    which is a folder that houses several layers.

    History PaletteThe history palette is located to the right, right above the layers

    palette. This palette shows you every action done during that

    Photoshop session. This is great for undoing a series of unwanted

    actions or for going back and starting over. Simply click on an

    earlier action and the canvas will restore to a previous version.

    *** There is a limit to how many steps back you can take so dontrely too heavily on the history palette, save your work often!

    *** The history palette shows all action done during a specific

    Photoshop session. Once you save and close the document, You

    loose all those actions, once you re-open, the history palette will

    have reset.

    Navigator PaletteThe navigator is great when you are zoomed in very close on your

    canvas and need to move around. You can simply move the little red

    box around to navigate your canvas instead of having to zoom

    out and then back in.

    The navigator should be located at the top right corner.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    7/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 7

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Top MenuIn the top menu, you will find all your other options and tools, here are some important menu options:

    File- You have Open, New, Saveand Printfunctions.

    Edit - You will find Undo, Redo, Copy, Pasteand other functions

    Image- You can modify the Color Mode(RGB, CMYK, etc..)you have adjustments options such asCurves, Hue/Saturation, Brightness and Contrast, etc... You also have all your Transformfunctions

    (scale, rotate, reflect, etc..)

    Layer- All you tools and options pertaining to layers can be found here. Tools such as adding new

    layers, deleting layers, merging layers, flattening your entire canvas, etc..

    Select - Once youve created a selection using tools from the Tools Palette, this menu offers you

    some selection modifiers such as Contract, Expand, Feather, etc...

    Filter- In filter, you can play around with all sorts of artistic photo filters and image modifiers. These

    include blurs, distortions, sharpen tools and other cool special effects filters.

    Many of the options found in the Top Menu are also located in some of the Photoshop Palettes or can

    be activated with command quick keys.

    For a complete list of Photoshop Command Keys, click here.

    http://www.10minutephotoshop.com/http://help.adobe.com/en_US/photoshop/cs/using/WSD578BD7D-07BC-46f6-AAC2-6E491E8AD818a.htmlhttp://help.adobe.com/en_US/photoshop/cs/using/WSD578BD7D-07BC-46f6-AAC2-6E491E8AD818a.htmlhttp://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    8/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 8

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 2 - Making a selection

    Making a selection is a very useful tool in Photoshop. There are also a lot of tools that will performselections. You have your marquee selection tools: Rectangular Marquee, Circular Marquee.You

    have the Lasso tool for free form selection and the Magnetic Lassofor intuitive selection. Lets

    explore a few of these tools.

    There are many reasons for making selections and the most common reason is to remove the

    background of an image.

    Open an image where you would like to remove a person (or object) from the background. Choose the

    Magnetic Lasso Tool

    Click and move around the person in the photo to create a selection. Youll notice that the Magnetic

    Lasso Tool intuitively knows where to select. Its not a perfect selection but it saves us a lot of time!

    ***Photoshop adds a shimmering dotted line to outline your selection.

    Now lets refine our selection, choose the Lasso Tooland Zoomin where the Magnetic Lasso Tooldid

    a poor job.

    Hold down Shiftwhile selecting to ADD to the selectionor hold downAltto REMOVE from the selection.

    ***While holding down Shift or Alt, you will notice a small + or - sign next to the cursor

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    9/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 9

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Once you have finished your selection, we will refine it further. We need to slightly contract and smooth

    out the selection. The reason for this is to avoid a white outline once we remove the background and

    so the image will blend seamlessly with whatever new background we choose.

    Choose Select - Modify - Contractand choose 1px or 2px. Hit OK. This is shrink the selection by 1 pixel.

    Choose Select - Modify - Featherand choose 1px or 2px. Hit OK. This is fade the edge of the selection

    by 1 pixel.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    10/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 10

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Your selection is now complete, there are now 3 optionsfor removing the background.

    You can simply hit Delete

    You can Copyand Pasteyour selection

    You can Maskyour selection. ***The best option*** In the Layers Palette, make sure your

    layer is NOT the background layer, If it is, simply Double Clickon it to release it as the

    background. Click on the Mask iconto add a mask to the Layer. You will notice that the

    unselected area has now disappeared leaving only the selected portion of the image.

    ***A checkered white and gray background is Photoshops way of telling you that you have an emptybackground.

    The advantage of creating a Maskinstead of deleting is that it is NOT permanent. A mask simply hideswhat is not selected, it does not delete it.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    11/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 11

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 3 - Using Brushes

    Click on the Brush Toolin the Tools Palette.

    Open the Brushes Optionsbox by choosing Window - Brushes

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    12/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 12

    Learn Photoshop in 10 MinutesBasic Photoshop training

    From this options box, you can choose brush styles and add styling options to them. Lets choose a

    basic circular brush and draw a line. Notice that the line is solid, this is called Hardness

    Now drop the Hardnessfrom 100 to 0 and draw another line, lets see what happens. The brush is now

    feathered and soft.

    Move the Spacingfrom 0 to about 130 and draw another line. Instead of brushing a single stroke, you

    are now brushing with spaces.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    13/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 13

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Click on Shape Dynamics, move the Size Jitterand Roundness Jitter.We are now adding some

    random variations to the shape of the brush

    Click on Scatteringand move up the Scatter level. You can also experiment with the Count level and

    Count Jitter. Notice that the position of the brush strokes are now randomized.

    Finally, click on Other Dynamicsand move the Opacity Jitter level. The opacity of your brush will now

    also be randomized.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    14/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 14

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Note that during this whole brush exercise, we were simply drawing a line!

    You can see the power and versatility of using Photoshop Brushes to their full extent. There are endlesspossibilities for customizing brushes and brush styles. Also, note that we did all of these effects using

    a simple circular brush. Imagine what you could do with a graphic brush such as ink splatters,

    snowflakes, grunge designs, star patterns, etc...

    There are literary thousands of FREE brushes you can download online.

    For lots of FREE brushes, check out http://www.brusheezy.com/

    http://www.10minutephotoshop.com/http://www.brusheezy.com/http://www.brusheezy.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    15/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 15

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 4 - Using Layer Masks

    Masksare great way of hiding and blending images without directly altering the original image.

    You can add a mask by selecting a desired layer and clicking on the Mask Iconin the Layers Palette.

    Youll notice another layer appears linked to the right of your selected layer. This is the layer mask.

    Using black and white brusheson the mask, you can control what is visible and what is hidden on the

    image.

    ***black color on mask = invisible or Masked out

    ***white color on mask = visible

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    16/23

  • 8/11/2019 10Min Photoshop

    17/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 17

    Learn Photoshop in 10 MinutesBasic Photoshop training

    You can also use shades of gray and gradients to blend images together using masks. Simply layer

    two images one top of the other.

    Add a Layer Maskto thetop imageand begin brushing with aFeathered Brushwith Low Opacityto

    slightly reveal what is beneath but not completely.

    Top image Bottom image

    Layer Mask to top image Final blended result

    Once again, because we are Maskingand not Deleting, the top image of the girl remains intact

    beneath the mask and can be altered at any time!

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    18/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 18

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 5 - Blending Options

    Blending Optionsare a series of effects and styles you can apply to Layers. Most often, I use thesefor stylize plain old text.

    Use the Type Tool to write some text in your canvas.

    Choose a fun font and make sure the size is fairly big.

    Now lets style this text using Blending Options.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    19/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 19

    Learn Photoshop in 10 MinutesBasic Photoshop training

    In the Layers Palette, right click your text layer and choose Blending Options.

    A dialogue box will open with a whole lot of options. Dont be intimidated, you dont need to know allof these options right away.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    20/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 20

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Lets take a look a few of the most common options but feel free to experiment with the rest.

    Drop ShadowThis adds a shadow dropping behind your text. Using the options provided, you can alter the color,

    opacity, angle, distance, spread and size of your drop shadow. Play around with these until you like

    the results.

    ***Note that with the default settings, Drop Shadow only really works when your text is a much darker

    color then your background.

    Outer GlowThis blending option adds a glowing color around your text. You can alter the opacity, spread and

    size of the glow as well as the color.

    ***Note that outer glow works best if your text is a lighter color on a very dark background.

    Bevel and EmbossThis gives the illusion of 3D to your text. Experiment with the different types of embossing, switch the

    Technique around from Smooth, Chisel Hard and Chisel Soft. Each option gives you a slightly different

    result. You can also alter the size, angle and opacity of the light and shade. This is definitely the best

    blending option!

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    21/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 21

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Color OverlayUse this option to change the color of your text, you can alter the opacity to make the new color blend

    with the old.

    Gradient OverlayChange the color of your text to a gradient. Use the options to change the color, angle and opacity of

    the gradient.

    StrokeAdd a color outline to your text. Change the size, position (inside, outside, center) and opacity of the

    stroke.

    There are many more blending options available but these are the most common and most used.

    Especially for text elements, using these simple blending options, you can create some very artistic

    stylized text.

    http://www.10minutephotoshop.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    22/23

    10MinutePhotoshop.com Copyright IMX Productions 2012 page 22

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Part 6 - links and resources

    You dont have to design everything from scratch. There are many free resources on the net if youknow where to look! Here are a few I use:

    For FREE fontshttp://www.dafont.com/

    FREE Photoshop brusheshttp://www.brusheezy.com/

    **To install brushes, simply download the file (Unzip file if necessary) and copy the .abr file into thePhotoshop directory:

    For Mac: /Applications/Adobe Photoshop CS#/Presets/Brushes

    For PC: /Program Files/Adobe/Photoshop CS#/Presets/Brushes

    FREE vector imageshttp://www.vecteezy.com/

    Stock Photoshttp://www.istockphoto.com/

    **These stock photos will cost you anywhere from $2.00 to $50.00 per image but the quality and va-

    riety is excellent!

    FREE Stock Photoshttp://www.freestockphotos.biz/

    **There is a lot less choice than the previous link but the price is right!!

    http://www.10minutephotoshop.com/http://www.dafont.com/http://www.brusheezy.com/http://www.vecteezy.com/http://www.istockphoto.com/http://www.freestockphotos.biz/http://www.freestockphotos.biz/http://www.istockphoto.com/http://www.vecteezy.com/http://www.brusheezy.com/http://www.dafont.com/http://www.10minutephotoshop.com/
  • 8/11/2019 10Min Photoshop

    23/23

    Learn Photoshop in 10 MinutesBasic Photoshop training

    Conclusion

    Thank you for downloading

    Learn Photoshop in 10 Minutes (eBook and Video training)

    You have learned the basic layout of photoshop and the 4 most valuable tools. Now you should feel

    comfortable enough to play around with the software and create some basic artwork.

    Obviously, there is a lot more to learn! At 10MinutePhotoshop.com, our goal is to teach you just the

    necessary tools for accomplishing a specific task and cut out the rest.

    Check out our other available training series

    Design a T-shirt in 10 Minutes

    Click here

    Thank you,

    Robert Baldwin

    10MinutePhotoshop

    http://www.10minutephotoshop.com/http://10minutephotoshop.com/products/10mintshirt/http://10minutephotoshop.com/products/10mintshirt/http://10minutephotoshop.com/http://10minutephotoshop.com/http://10minutephotoshop.com/products/10mintshirt/http://10minutephotoshop.com/products/10mintshirt/http://www.10minutephotoshop.com/http://10minutephotoshop.com/products/10mintshirt/