SlideShare uma empresa Scribd logo
1 de 85
Baixar para ler offline
Publications Committee Fall 2012
                                               1
P h ot osh op Wor k sh op
                By: Jef f Zhan & St ephani e
                Cheng
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques




To-Dos
What is Photoshop?
• Photoshop is a Worldwide Leading
  Digital Imaging Editing Software




About Photoshop
The Power of Photoshop is like THIS!
Make art that is
simple and clean!
And beautiful.
Who uses Photoshop?
•   Photoshop is Used by millions of Graphic
    Artists, Web Developers, and Journalists
•   It is gaining popularity in:
    –   Marketing/Advertising
    –   Public Relations
    –   Business Management
    –   Software Programming
    –   News Editing
    –   SEO/Consulting




About Photoshop
Why use Photoshop?
•   To Express Yourself
•   Retouch & Edit photos
•   Restore Old Images
•   Enhance a Portfolio + Resume
•   Exceed certain job requirements
•   Complement your skillset
•   Do freelance work for money
    (eLance.com)
•   Share work with family & friends




About Photoshop
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques
•   Assignment




To-Dos
What is it used for?
3 Important Things:


1. Image Editing
   1.    Cropping
   2.    Color Adjustment
   3.    Applying Filters
   4.    Brightness/Contrast
   5.    Blur/Burn/Dodge
   6.    Hue/Saturation
   7.    Noise Reduction
   8.    Sharpen/Soften
   9.    Gamma Correction
   10.   “Healing” an image    Retouching a photo



Examples
Photoshop offers
  many different
     auto-effects




Examples
Make Instagram Effects!
(continued)
2. Photo Manipulation: Application of image editing
    techniques to photographs to create an illustion/deception.
   1.    Creativity
   2.    Effects + Filters
   3.    Brushes
   4.    Layering
   5.    Use of Text
   6.    Masking/Opacity
   7.    Combining Images
   8.    Stock Images
   9.    Image Blending
   10.   Applying Textures

Examples
Merging Different Image
Photoshop Workshop 1 - Fall 2012
Use of Creativity!
Adding Effects to People
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
Layering/Opacity/Colors
Text effects are very useful and common.
Application of Photoshop + Indesign for covers.
Examples
(continued)
3. Vector Drawing:
   Using clean, defined lines &
   shapes to create artwork (like
   the circles on this powerpoint)
   1. Pen Tool
   2. Shape Tool



     Curves by “Pen Tool”

  Shapes combine “Shape
     Tool” and “Pen Tool”



Examples
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
More Complicated Vector Art
In Application. Used for clean design in advertisements,
logos, and flyers.
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques
•   Assignment




To-Dos
Basics of Photoshop
       Cropping, Curves, Saturation, Blend Mode, Text, Filters




Basics of Photoshop
Ultimate Goal:
Teach the essentials – what
Publications Committee
believes you will need to use in
creating amazing compositions!

We will teach you to use
common tools, fix common
mistakes, and start you off
using good practices!

Basics of Photoshop
Goals for Tutorial:
1. Learn Basic Tools:
   1. Move, Selection, Eraser, Crop,
      Clone, Text, Layers
2. Learn Photo Effects:
   1. Brightness, Saturation, Color
      Balance, Levels & Curves, Blur,
      Layer Effects, Lighting
3. Basic Photo Manipulation:
   1. Put two images together
   2. Change overall composition, lighting




Basics of Photoshop
In the End…
You will know how to:
   1. Apply Image Filters/Effects
   2. Work with Backgrounds
      and People
   3. Change the Lighting
      according to a situation
   4. Best Practices for
      Correcting Edges and
      Color
   5. Know the Basics of
      Photoshop Tools & Layers!




Basics of Photoshop
Using This
        Background…




                        And Jessica Alba...


                        We will make….
Basics of Photoshop
Basics of Photoshop
Creating a New Doc
1.    Name your file
2.    Set Width & Height to
      2560x1600 pixels.
3.    Resolution set to default 72
      pixels/inch
     a.   More pixels/inch increases
          quality for the same
          width/height
4.    Set Mode to RGB
     a.   In contrast to what others say
          about starting with CMYK
          (Color mode for print), starting
          with RGB gives you more
          flexibility and access to photo
          manipulation tools. Convert to     For Newsletter, use:
          CMYK at the vey end.               •Height: 8.5 in, Width: 11 in
5.    Set Background Contents to             •Resolution: 300 pixels/inch
      White                                  •Color Mode: RGB
                                             (ImageModeCMYK at very end)
Basics of Photoshop
Your Workspace in Photoshop (in CS6):




   Toolbar    Workspace     Layers
Your Workspace in Photoshop (in CS5):




   Toolbar    Workspace     Layers
Layers
1.   Photoshop
     works in layers
2.   Allows for
     easier editing
     and photo
     manipulation
3.   Layers above
     are always on
     top of the layer
     below

         Change opacity of a layer here.          Click here to create new layer
         (0% hides layer, reveals bottom layer)   on top of selected layer.
                                                          Windows: (Ctrl + Shift + N)
                                                          Macs: (Cmd + Shift + N)

Basics of Photoshop
1




                                                                   3
                                                                        2




    1.    File  Open…  PBL_Winter_Night.jpg
    2.    Duplicate the Background
         1.   Drag “Background” to “New Layer” (Auto-duplicates)

    3.    Turn Background Layer Off (we have a copy to work with now)
Basics of Photoshop
1. Select “Background copy” Layer
2. In Layers Panel, on bottom (looks
    like a half moon), click “Create new
    fill or Adjustment Layer”
   1. One of 3 Important Photo
         Manipulation places you will need
         to know


   Other 2: Filter & Layer Effects




Basics of Photoshop
Alternative:
1.Image 
Adjustments
  1.   Same thing, but
       unlike the previous
       method, this
       method affects your
       image directly. In
       other words,
       instead of creating
       adjustment layers,
       you permanently
       alter your image.
       Harder to undo
       later on.

Basics of Photoshop
1




    1.    Adjust Brightness to -35, Contrast to 30
         1. Brightness changes Lightness of Pixels
         2. Contrast changes “Flatness” of Pixels. Left = More Flat, Right =
              More Intensity for Darker Colors


Basics of Photoshop
Let’s Cool this Photo
2 Options!
1.Image  Adjustments  Color
Balance…




                                THE BAD:
                                Only Cools/Applies filters to certain
                                colors, unlike the next option (applies to
                                whole image).
                                Ex: Moving “Yellows” to “Blues” only
                                affect “Yellow” tones

Basics of Photoshop
Let’s Cool this Photo
We will use THIS option
2.                               I
                                 m
                                 a
                                 g
                                 e

                                 

                                 A
                          This option allows Photoshop to
                                 d
                          auto-correct the entire image for
                                 j
                          warming or cooling.
                                 u
                          Alternatively, you can choose
                                 s
                          another color filter.
                                 t
                                 m
Basics of Photoshop              e
5

Saturation                                   4
Notice the Intense Blue Light
that really stands out.
1.Select “Background copy” Layer
again
2.Create adjustment Layer                                      3
Hue/Saturation…                                                 1
3.Move Hue/Saturation Layer
above Photo Filter (to prevent the
layer from cooling our saturation)
                                                                        2
4.Click Hand Icon
    1.   This allows you to saturate
         only the colors you want,
         instead of using the Saturation
         bar and saturating the entire
         image                             5. Hide Properties Window for now


Basics of Photoshop
1




1. Click and Hold on the Blue Color
2. Drag Left to Saturate the Blue         BEFORE
   Color a Bit

 Basics of Photoshop
1. Reselect “Background Copy” Layer                       BlurBlur, vs. BlurGaussian Blur…
2. Filter  Blur  Gaussian Blur…                         Gaussian Blur gives you more power to
   1.   We will put focus on Jessica Alba, and blur the   affect a blur and its intensity.
        background                                        Blur is Photoshop’s automatic filter. No
                                                          options, less powerful. Use Gaussian.
 Basics of Photoshop
1. Background is good for now! Let’s open Jessica Alba. File  Open…
    PBL_Jessica_Alba.jpg
2. Press Ctrl + A, to copy the whole image, then Ctrl + C to copy

 Basics of Photoshop
1. Go back to PBL_Winter_Night document. Select “Background copy”
   Layer, and press Ctrl + V to paste Jessica
2. Notice Layer is under the adjustment effects! Move Alba above them.

 Basics of Photoshop
1




1. Right-Click the Image, click Free Transform. While holding Shift
   (keeps proportion), scale/move Jessica to somewhere like the
   picture above. Press Enter to confirm transformation.
                                        *You will use Free Transform a lot!
  Basics of Photoshop
Selection                                     2

                                     1
1. Erase area around Alba:               1
   Pick the Quick Selection                                          3
   tool (4th icon in toolbar. If
   not there, hold icon and
   choose Quick Selection)
2. Choose a Brush 65px
   and 100% Hardness, and
   brush the background
   around Alba
3. Do not worry if it cuts into
   Jessica! We will fix this!
                                   Quick Selection uses Photoshop’s
                                   algorithm to cleverly select areas with lots
                                   of color, to select the area only YOU
                                   need.
                                   What it does: Erases backgrounds from
 Basics of Photoshop
                                   objects!
Selection                    1


                                  2
1. Select “Subtract from
   Selection” at top
2. Start brushing the
   selection areas that cut
   into Alba. Remember, we
   want to remove the
   background, not Alba, so
   make the selection only
   the background!
3. If you make a mistake,
   press Ctrl + Z to undo.
   OR, click “Add to
   selection” at top



 Basics of Photoshop
Three Techniques
for Cleaner Edges




Basics of Photoshop
Technique 1: Refine Mask…                          1

1. With selection highlighted,
   before you press Delete
   (only works before),
   select Refine Edge… at
   top
2. Set Smooth to 10, and Feather to 2px,
   click OK (smooth smooths selection,
                                                        2
   feather gradually fades in selection)

                        3. Hit Delete on keyboard
                           to delete selection
             3
                        4. Press Ctrl + D to
                 4         deselect
                        5. Much cleaner edge! But
                           still not clean!
 Basics of Photoshop
Technique 1: Refine Mask…
1. Refine Mask does not get rid      2
   of everything. Lines have
                                                            3
   been left. Click the Eraser
   Tool halfway down toolbar
2. Set eraser to around 80px         1
3. Erase the line areas by
   brushing over area. If you
   hold Shift and brush down,
   you will brush in a straight
   path up/down.

                                  Holding Shift while brushing, moving
                                  objects, or free transforming either
                                  keeps the brush/move path straight,
                                  or makes transforming images
 Basics of Photoshop
                                  proportional (free transform)
Technique 2: Layer Matting…
1. With Jessica Alba layer still selected, click
   Layer  Matting  Defringe…
2. Choose a value around 3px.




 Basics of Photoshop
Technique 3: Contracting Selection




                                                           1




1. While holding Ctrl, click the Thumbnail of the Jessica Layer. This
   selects the pixels around Jessica.
2. Click Select  Modify  Contract…, and Contract by 3px
3. Your selection now caves in 3px. Click Select  Inverse to get the
   Background (*inverse selection can come pretty handy!)
4. Press Delete. Then Ctrl + D to deselect selection
 Basics of Photoshop
Technique 3: Contracting Selection

Result:
Cleaner Edges, Blends with Background




Basics of Photoshop
REMINDERS FOR CLEANING
SELECTION:
  1. First, select Area to Remove (e.g.
     Background)
      •   E.g. Use Quick Selection Tool
  1. Use Refine Mask… to
     smooth/feather deletion selection
  2. Erase leftovers/Use Layer Matting
     or Contract Selection



Basics of Photoshop
1




        2


1. Click Move (or press V key) and move Alba bottom-left corner
2. We will clean her arm next, with the Clone Stamp tool



 Basics of Photoshop
Clone Stamp                                 3

1. Zoom into her arm with Ctrl +
   (plus key). With a mouse, this is
   also Ctrl + (scroll up)
2. Choose the Clone Stamp tool
3. Make the brush reasonable             2               1
   (60px)
4. Hold Alt and click at the indicated
   spot. This picks up the pattern we                4
   will clone from, onto the pink blur
5. Click and Brush over the pink blur            5
   edge and into the pink blur to
   “clone” our alt+click area onto the
   blur. Continue brushing.


 Basics of Photoshop
Clone Stamp
1. You may need to Alt+Click a
   new area often, to copy patches
   from new areas
2. Copy close to the pink blur (patch
   area) but not too close, to get
   similar colors/the same coat
   pattern




 Basics of Photoshop
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
Under Image  Adjustments,
   • Brightness  -35
   • Photo Filters… 
       Cooling Filter (80) 
       40%
1. Right click the Jessica Alba Layer, and choose Blending Options…
2. Go to Outer Glow and set Opacity to 8% and Size to 60px for subtle
   light effect
             *Like Image  Adjustments, you will use Blending Options frequently
                You can create text drop shadows, glows, change opacity, shadows, etc.
1. Click Filter  Render  Lighting Effects to change Jessica’s
   lighting to fit the background.
2. Scale/move dots to something like above (light from diagonal angle) to
   make Jessica feel like a part of the picture. Hit Enter to accept.
Group/Merge                                             3

Now, let’s play with the image as a whole, instead of
in layers. We will have a merged image, still keeping    2
the layers.
1.First, Create a Group
   1.   Good for organizing layers
2.Select your 4 layers (including adjustment layers),
                                                                 1
holding Ctrl and clicking the layers. Alternatively,
click the top layer (Jessica) and hold Shift and click
bottom (Background copy)
3.Drag these layers into Group 1
4.Drag Group 1 to New Layer at bottom to duplicate
group. Then Hide the original layer
5.On Group 1 copy, right click  Merge Group
                                                             4


 Basics of Photoshop
You get this:




                      One merged layer! We can work with the overall
                      composition now. Our working layers are now hidden.
Basics of Photoshop
1. Change Image 
   Adjustments  Color
   Balance…  Cyan Bar
   to -27
   1.   This pulls the red tint of the
        background to a more
        bluish tint
2. Go to Filter  Render
    Lens Flare
3. Choose 100%
   Brightness and 105mm
   Prime for a bright lens
   flare. Place it near the
   lamppost in the
   background
Photoshop Workshop 1 - Fall 2012
Cropping                         2
We are almost done!
                            1
1.Click the Crop tool
2.Set the crop to be 7in.
x 5in. and drag the crop
selection / image to the
7x5 frame you want.
3.Press Enter to finalize
the crop!



                                …And Voila! Done!

Basics of Photoshop
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
Photoshop Workshop 1 - Fall 2012
What you learned:
             Move Tool: Moves selection/layer
             Quick Selection: Selects hard to select areas
                     - Good for Backgrounds
             Crop Tool: Crops image & canvas to any size
             Clone Stamp Tool: Clone an area, and paste
             Eraser Tool: Erase an area
             Zoom: Like Ctrl+(plus) or Ctrl+(scroll up)

             Self-Explanatory
             Rectangular Marquee Tool: Normal selection
             Brush Tool: Create brush strokes according to Foreground color
             Text Tool: Create text, change font, etc.
             Foreground/Background Color: Foreground is left (here it is
             purple), Background is right (here it is black)


Basics of Photoshop
What you learned:
Three Ways to Clean Edges:
1.Refine Mask
2.Layer  Matting…
3.Select  Modify  Contract…

Three Ways alter Photos:
1.Image  Adjustments
2.Right-click layer  Blending Options…
3.Filter


Basics of Photoshop
What you learned:
Image  Adjustments:
•Brightness/Contrast
•Hue/Saturation
•*Levels/Curves
•Color Balance
•Photo Filter


Filter:
•Gaussian Blur
•Lighting Effects      Blending Options:
•Lens Flare                     •Outer Glow




Basics of Photoshop
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques
•   Assignment




To-Dos
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques
•   Assignment




To-Dos
To-Do’s for Today:
•   About Photoshop
•   Examples
•   Basics of Photoshop
•   Quick Tips
•   Review / Applications of Techniques
•   Assignment




To-Dos
Good Resources
•   www.psdtut.com
•   Vector Art:
    – http://search.88000.org/en/Gold_Fish_Vector_Art/1.htm
•   Photo Manipulation Ideas:
    – http://www.instantshift.com/2009/07/20/80-excellent-examples-of-photo-manipulation-art
    – Landscapes:
      http://acrisdesign.com/2010/01/50-landscapes-and-scenery-photo-manipulation/
    – Cool Filters/Effects:
      http://webdesignledger.com/freebies/40-vintage-and-retro-photoshop-actions




Basics of Photoshop

Mais conteúdo relacionado

Mais procurados

Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Jessie Doan
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop TutorialMarc Dy
 
Adobe Photoshop CS5 Tutorial
Adobe Photoshop CS5 TutorialAdobe Photoshop CS5 Tutorial
Adobe Photoshop CS5 TutorialEdmund Blanco
 
Lesson 8 (Adobe Photoshop CS4)
Lesson 8 (Adobe Photoshop CS4)Lesson 8 (Adobe Photoshop CS4)
Lesson 8 (Adobe Photoshop CS4)Denden Amarante
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshopReymart Canuel
 
Top 10 photoshop tools that you need to master photoshop
Top 10 photoshop tools that you need to master photoshopTop 10 photoshop tools that you need to master photoshop
Top 10 photoshop tools that you need to master photoshopWitsel Carry
 
DAY 1 - Introduction to Photo Editing and Photoshop CS6
DAY 1 - Introduction to Photo Editing and Photoshop CS6DAY 1 - Introduction to Photo Editing and Photoshop CS6
DAY 1 - Introduction to Photo Editing and Photoshop CS6Sef Cambaliza
 
Photoshop_CS_Tutorial
Photoshop_CS_TutorialPhotoshop_CS_Tutorial
Photoshop_CS_Tutorialtutorialsruby
 
Photoshop Basics
Photoshop BasicsPhotoshop Basics
Photoshop BasicsAllieW
 
DAY 2 - Starting in Photoshop (Images and Layers)
DAY 2 - Starting in Photoshop (Images and Layers)DAY 2 - Starting in Photoshop (Images and Layers)
DAY 2 - Starting in Photoshop (Images and Layers)Sef Cambaliza
 
Presentation 1
Presentation 1Presentation 1
Presentation 1Marsavi
 
Basic exercises for photoshop
Basic exercises for photoshopBasic exercises for photoshop
Basic exercises for photoshopPauline Torion
 

Mais procurados (18)

Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013Adobe Photoshop CS6 tutorial 2013
Adobe Photoshop CS6 tutorial 2013
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
 
Adobe Photoshop CS5 Tutorial
Adobe Photoshop CS5 TutorialAdobe Photoshop CS5 Tutorial
Adobe Photoshop CS5 Tutorial
 
Lesson 8 (Adobe Photoshop CS4)
Lesson 8 (Adobe Photoshop CS4)Lesson 8 (Adobe Photoshop CS4)
Lesson 8 (Adobe Photoshop CS4)
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
Top 10 photoshop tools that you need to master photoshop
Top 10 photoshop tools that you need to master photoshopTop 10 photoshop tools that you need to master photoshop
Top 10 photoshop tools that you need to master photoshop
 
Adobe Photoshop Tools
Adobe Photoshop ToolsAdobe Photoshop Tools
Adobe Photoshop Tools
 
DAY 1 - Introduction to Photo Editing and Photoshop CS6
DAY 1 - Introduction to Photo Editing and Photoshop CS6DAY 1 - Introduction to Photo Editing and Photoshop CS6
DAY 1 - Introduction to Photo Editing and Photoshop CS6
 
Photoshop_CS_Tutorial
Photoshop_CS_TutorialPhotoshop_CS_Tutorial
Photoshop_CS_Tutorial
 
Photoshop Basics
Photoshop BasicsPhotoshop Basics
Photoshop Basics
 
Adobe ps color palettes
Adobe ps color palettesAdobe ps color palettes
Adobe ps color palettes
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
The Adobe Photoshop Window
The Adobe Photoshop WindowThe Adobe Photoshop Window
The Adobe Photoshop Window
 
Photoshop Guide
Photoshop GuidePhotoshop Guide
Photoshop Guide
 
Photoshop Elements
Photoshop ElementsPhotoshop Elements
Photoshop Elements
 
DAY 2 - Starting in Photoshop (Images and Layers)
DAY 2 - Starting in Photoshop (Images and Layers)DAY 2 - Starting in Photoshop (Images and Layers)
DAY 2 - Starting in Photoshop (Images and Layers)
 
Presentation 1
Presentation 1Presentation 1
Presentation 1
 
Basic exercises for photoshop
Basic exercises for photoshopBasic exercises for photoshop
Basic exercises for photoshop
 

Destaque

Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные изданияEd Solovey
 
Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfsmaditabalnco
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4RaynaITSTEP
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6RaynaITSTEP
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Региональные проекты
 
Презентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошопПрезентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошопpopka2
 
теория на дизайна 3
теория на дизайна 3теория на дизайна 3
теория на дизайна 3RaynaITSTEP
 
теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2RaynaITSTEP
 
PhS - Урок 3
PhS - Урок 3PhS - Урок 3
PhS - Урок 3RaynaITSTEP
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5RaynaITSTEP
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop ВъведениеRaynaITSTEP
 
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite
 
Введение
ВведениеВведение
ВведениеEd Solovey
 
Книжная продукция
Книжная продукцияКнижная продукция
Книжная продукцияEd Solovey
 

Destaque (20)

1 ps pr
1 ps pr1 ps pr
1 ps pr
 
Журнальные издания
Журнальные изданияЖурнальные издания
Журнальные издания
 
Big Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott RohlfsBig Eyes- Paintings by Scott Rohlfs
Big Eyes- Paintings by Scott Rohlfs
 
слои
слоислои
слои
 
теория на дизайна 4
теория на дизайна 4теория на дизайна 4
теория на дизайна 4
 
теория на дизайна 6
теория на дизайна 6теория на дизайна 6
теория на дизайна 6
 
Lekctr
LekctrLekctr
Lekctr
 
Adobephotoshop2
Adobephotoshop2 Adobephotoshop2
Adobephotoshop2
 
Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?Как виртуальная реальность меняет работу девелоперов?
Как виртуальная реальность меняет работу девелоперов?
 
презентация1. фотошоп слайды
презентация1. фотошоп слайдыпрезентация1. фотошоп слайды
презентация1. фотошоп слайды
 
Презентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошопПрезентація на тему: Робота з програмаю фотошоп
Презентація на тему: Робота з програмаю фотошоп
 
теория на дизайна 3
теория на дизайна 3теория на дизайна 3
теория на дизайна 3
 
теория на дизайна 2
теория на дизайна 2теория на дизайна 2
теория на дизайна 2
 
PhS - Урок 3
PhS - Урок 3PhS - Урок 3
PhS - Урок 3
 
теория на дизайна 5
теория на дизайна 5теория на дизайна 5
теория на дизайна 5
 
Photoshop Въведение
Photoshop ВъведениеPhotoshop Въведение
Photoshop Въведение
 
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнераHappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
HappyDev-lite-2016 (осень), день 1, 06 Роман Беляев. Инструменты дизайнера
 
Введение
ВведениеВведение
Введение
 
Книжная продукция
Книжная продукцияКнижная продукция
Книжная продукция
 
JPGs, PNGs, GIF and BMP
JPGs, PNGs, GIF and BMPJPGs, PNGs, GIF and BMP
JPGs, PNGs, GIF and BMP
 

Semelhante a Photoshop Workshop 1 - Fall 2012

Adobe Photoshop I Primer
Adobe Photoshop I PrimerAdobe Photoshop I Primer
Adobe Photoshop I PrimerNYCCTfab
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016missfcmay
 
Photohsop movie 06
Photohsop movie 06Photohsop movie 06
Photohsop movie 06Ngoc Dep
 
Photoshop tutorial
Photoshop tutorialPhotoshop tutorial
Photoshop tutorialmettspart
 
Ppt
PptPpt
Pptlkpd
 
Editing with PIXLR
Editing with PIXLREditing with PIXLR
Editing with PIXLRAnna Polud
 
217 quick guide to photoshop cs6
217 quick guide to photoshop cs6217 quick guide to photoshop cs6
217 quick guide to photoshop cs6Rodel Morales
 
P1 combining images
P1 combining imagesP1 combining images
P1 combining imagesPLC
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking Agung Yuwono
 
Photoshop tips online class version 2015
Photoshop tips online class version 2015Photoshop tips online class version 2015
Photoshop tips online class version 2015arteachertech
 
Image Processing
Image ProcessingImage Processing
Image Processingtaygage
 
Digital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopDigital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopMegaVjohnson
 
Photoshop week
Photoshop weekPhotoshop week
Photoshop weekmissfcmay
 
Photoshop week
Photoshop weekPhotoshop week
Photoshop weekmissfcmay
 
Lighting with Photoshop
Lighting with PhotoshopLighting with Photoshop
Lighting with PhotoshopNYCCTfab
 

Semelhante a Photoshop Workshop 1 - Fall 2012 (20)

Adobe Photoshop I Primer
Adobe Photoshop I PrimerAdobe Photoshop I Primer
Adobe Photoshop I Primer
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016
 
Photohsop movie 06
Photohsop movie 06Photohsop movie 06
Photohsop movie 06
 
Photoshop tutorial
Photoshop tutorialPhotoshop tutorial
Photoshop tutorial
 
Photoshop tutorial
Photoshop tutorialPhotoshop tutorial
Photoshop tutorial
 
Photoshop Process
Photoshop ProcessPhotoshop Process
Photoshop Process
 
Ppt
PptPpt
Ppt
 
Editing with PIXLR
Editing with PIXLREditing with PIXLR
Editing with PIXLR
 
217 quick guide to photoshop cs6
217 quick guide to photoshop cs6217 quick guide to photoshop cs6
217 quick guide to photoshop cs6
 
Tutorials
TutorialsTutorials
Tutorials
 
P1 combining images
P1 combining imagesP1 combining images
P1 combining images
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 
Photoshop tips online class version 2015
Photoshop tips online class version 2015Photoshop tips online class version 2015
Photoshop tips online class version 2015
 
Image Processing
Image ProcessingImage Processing
Image Processing
 
Digital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopDigital Photo Repair Using Photoshop
Digital Photo Repair Using Photoshop
 
Photoshop week
Photoshop weekPhotoshop week
Photoshop week
 
Photoshop week
Photoshop weekPhotoshop week
Photoshop week
 
GNU Image Manipulation Program
GNU Image Manipulation ProgramGNU Image Manipulation Program
GNU Image Manipulation Program
 
Lighting with Photoshop
Lighting with PhotoshopLighting with Photoshop
Lighting with Photoshop
 
Photo editing
Photo editingPhoto editing
Photo editing
 

Último

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 

Último (18)

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 

Photoshop Workshop 1 - Fall 2012

  • 1. Publications Committee Fall 2012 1 P h ot osh op Wor k sh op By: Jef f Zhan & St ephani e Cheng
  • 2. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques To-Dos
  • 3. What is Photoshop? • Photoshop is a Worldwide Leading Digital Imaging Editing Software About Photoshop
  • 4. The Power of Photoshop is like THIS!
  • 5. Make art that is simple and clean!
  • 7. Who uses Photoshop? • Photoshop is Used by millions of Graphic Artists, Web Developers, and Journalists • It is gaining popularity in: – Marketing/Advertising – Public Relations – Business Management – Software Programming – News Editing – SEO/Consulting About Photoshop
  • 8. Why use Photoshop? • To Express Yourself • Retouch & Edit photos • Restore Old Images • Enhance a Portfolio + Resume • Exceed certain job requirements • Complement your skillset • Do freelance work for money (eLance.com) • Share work with family & friends About Photoshop
  • 9. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques • Assignment To-Dos
  • 10. What is it used for? 3 Important Things: 1. Image Editing 1. Cropping 2. Color Adjustment 3. Applying Filters 4. Brightness/Contrast 5. Blur/Burn/Dodge 6. Hue/Saturation 7. Noise Reduction 8. Sharpen/Soften 9. Gamma Correction 10. “Healing” an image Retouching a photo Examples
  • 11. Photoshop offers many different auto-effects Examples
  • 13. (continued) 2. Photo Manipulation: Application of image editing techniques to photographs to create an illustion/deception. 1. Creativity 2. Effects + Filters 3. Brushes 4. Layering 5. Use of Text 6. Masking/Opacity 7. Combining Images 8. Stock Images 9. Image Blending 10. Applying Textures Examples
  • 23. Text effects are very useful and common.
  • 24. Application of Photoshop + Indesign for covers.
  • 26. (continued) 3. Vector Drawing: Using clean, defined lines & shapes to create artwork (like the circles on this powerpoint) 1. Pen Tool 2. Shape Tool Curves by “Pen Tool” Shapes combine “Shape Tool” and “Pen Tool” Examples
  • 30. In Application. Used for clean design in advertisements, logos, and flyers.
  • 31. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques • Assignment To-Dos
  • 32. Basics of Photoshop Cropping, Curves, Saturation, Blend Mode, Text, Filters Basics of Photoshop
  • 33. Ultimate Goal: Teach the essentials – what Publications Committee believes you will need to use in creating amazing compositions! We will teach you to use common tools, fix common mistakes, and start you off using good practices! Basics of Photoshop
  • 34. Goals for Tutorial: 1. Learn Basic Tools: 1. Move, Selection, Eraser, Crop, Clone, Text, Layers 2. Learn Photo Effects: 1. Brightness, Saturation, Color Balance, Levels & Curves, Blur, Layer Effects, Lighting 3. Basic Photo Manipulation: 1. Put two images together 2. Change overall composition, lighting Basics of Photoshop
  • 35. In the End… You will know how to: 1. Apply Image Filters/Effects 2. Work with Backgrounds and People 3. Change the Lighting according to a situation 4. Best Practices for Correcting Edges and Color 5. Know the Basics of Photoshop Tools & Layers! Basics of Photoshop
  • 36. Using This Background… And Jessica Alba... We will make…. Basics of Photoshop
  • 38. Creating a New Doc 1. Name your file 2. Set Width & Height to 2560x1600 pixels. 3. Resolution set to default 72 pixels/inch a. More pixels/inch increases quality for the same width/height 4. Set Mode to RGB a. In contrast to what others say about starting with CMYK (Color mode for print), starting with RGB gives you more flexibility and access to photo manipulation tools. Convert to For Newsletter, use: CMYK at the vey end. •Height: 8.5 in, Width: 11 in 5. Set Background Contents to •Resolution: 300 pixels/inch White •Color Mode: RGB (ImageModeCMYK at very end) Basics of Photoshop
  • 39. Your Workspace in Photoshop (in CS6): Toolbar Workspace Layers
  • 40. Your Workspace in Photoshop (in CS5): Toolbar Workspace Layers
  • 41. Layers 1. Photoshop works in layers 2. Allows for easier editing and photo manipulation 3. Layers above are always on top of the layer below Change opacity of a layer here. Click here to create new layer (0% hides layer, reveals bottom layer) on top of selected layer. Windows: (Ctrl + Shift + N) Macs: (Cmd + Shift + N) Basics of Photoshop
  • 42. 1 3 2 1. File  Open…  PBL_Winter_Night.jpg 2. Duplicate the Background 1. Drag “Background” to “New Layer” (Auto-duplicates) 3. Turn Background Layer Off (we have a copy to work with now) Basics of Photoshop
  • 43. 1. Select “Background copy” Layer 2. In Layers Panel, on bottom (looks like a half moon), click “Create new fill or Adjustment Layer” 1. One of 3 Important Photo Manipulation places you will need to know Other 2: Filter & Layer Effects Basics of Photoshop
  • 44. Alternative: 1.Image  Adjustments 1. Same thing, but unlike the previous method, this method affects your image directly. In other words, instead of creating adjustment layers, you permanently alter your image. Harder to undo later on. Basics of Photoshop
  • 45. 1 1. Adjust Brightness to -35, Contrast to 30 1. Brightness changes Lightness of Pixels 2. Contrast changes “Flatness” of Pixels. Left = More Flat, Right = More Intensity for Darker Colors Basics of Photoshop
  • 46. Let’s Cool this Photo 2 Options! 1.Image  Adjustments  Color Balance… THE BAD: Only Cools/Applies filters to certain colors, unlike the next option (applies to whole image). Ex: Moving “Yellows” to “Blues” only affect “Yellow” tones Basics of Photoshop
  • 47. Let’s Cool this Photo We will use THIS option 2. I m a g e  A This option allows Photoshop to d auto-correct the entire image for j warming or cooling. u Alternatively, you can choose s another color filter. t m Basics of Photoshop e
  • 48. 5 Saturation 4 Notice the Intense Blue Light that really stands out. 1.Select “Background copy” Layer again 2.Create adjustment Layer  3 Hue/Saturation… 1 3.Move Hue/Saturation Layer above Photo Filter (to prevent the layer from cooling our saturation) 2 4.Click Hand Icon 1. This allows you to saturate only the colors you want, instead of using the Saturation bar and saturating the entire image 5. Hide Properties Window for now Basics of Photoshop
  • 49. 1 1. Click and Hold on the Blue Color 2. Drag Left to Saturate the Blue BEFORE Color a Bit Basics of Photoshop
  • 50. 1. Reselect “Background Copy” Layer BlurBlur, vs. BlurGaussian Blur… 2. Filter  Blur  Gaussian Blur… Gaussian Blur gives you more power to 1. We will put focus on Jessica Alba, and blur the affect a blur and its intensity. background Blur is Photoshop’s automatic filter. No options, less powerful. Use Gaussian. Basics of Photoshop
  • 51. 1. Background is good for now! Let’s open Jessica Alba. File  Open…  PBL_Jessica_Alba.jpg 2. Press Ctrl + A, to copy the whole image, then Ctrl + C to copy Basics of Photoshop
  • 52. 1. Go back to PBL_Winter_Night document. Select “Background copy” Layer, and press Ctrl + V to paste Jessica 2. Notice Layer is under the adjustment effects! Move Alba above them. Basics of Photoshop
  • 53. 1 1. Right-Click the Image, click Free Transform. While holding Shift (keeps proportion), scale/move Jessica to somewhere like the picture above. Press Enter to confirm transformation. *You will use Free Transform a lot! Basics of Photoshop
  • 54. Selection 2 1 1. Erase area around Alba: 1 Pick the Quick Selection 3 tool (4th icon in toolbar. If not there, hold icon and choose Quick Selection) 2. Choose a Brush 65px and 100% Hardness, and brush the background around Alba 3. Do not worry if it cuts into Jessica! We will fix this! Quick Selection uses Photoshop’s algorithm to cleverly select areas with lots of color, to select the area only YOU need. What it does: Erases backgrounds from Basics of Photoshop objects!
  • 55. Selection 1 2 1. Select “Subtract from Selection” at top 2. Start brushing the selection areas that cut into Alba. Remember, we want to remove the background, not Alba, so make the selection only the background! 3. If you make a mistake, press Ctrl + Z to undo. OR, click “Add to selection” at top Basics of Photoshop
  • 56. Three Techniques for Cleaner Edges Basics of Photoshop
  • 57. Technique 1: Refine Mask… 1 1. With selection highlighted, before you press Delete (only works before), select Refine Edge… at top 2. Set Smooth to 10, and Feather to 2px, click OK (smooth smooths selection, 2 feather gradually fades in selection) 3. Hit Delete on keyboard to delete selection 3 4. Press Ctrl + D to 4 deselect 5. Much cleaner edge! But still not clean! Basics of Photoshop
  • 58. Technique 1: Refine Mask… 1. Refine Mask does not get rid 2 of everything. Lines have 3 been left. Click the Eraser Tool halfway down toolbar 2. Set eraser to around 80px 1 3. Erase the line areas by brushing over area. If you hold Shift and brush down, you will brush in a straight path up/down. Holding Shift while brushing, moving objects, or free transforming either keeps the brush/move path straight, or makes transforming images Basics of Photoshop proportional (free transform)
  • 59. Technique 2: Layer Matting… 1. With Jessica Alba layer still selected, click Layer  Matting  Defringe… 2. Choose a value around 3px. Basics of Photoshop
  • 60. Technique 3: Contracting Selection 1 1. While holding Ctrl, click the Thumbnail of the Jessica Layer. This selects the pixels around Jessica. 2. Click Select  Modify  Contract…, and Contract by 3px 3. Your selection now caves in 3px. Click Select  Inverse to get the Background (*inverse selection can come pretty handy!) 4. Press Delete. Then Ctrl + D to deselect selection Basics of Photoshop
  • 61. Technique 3: Contracting Selection Result: Cleaner Edges, Blends with Background Basics of Photoshop
  • 62. REMINDERS FOR CLEANING SELECTION: 1. First, select Area to Remove (e.g. Background) • E.g. Use Quick Selection Tool 1. Use Refine Mask… to smooth/feather deletion selection 2. Erase leftovers/Use Layer Matting or Contract Selection Basics of Photoshop
  • 63. 1 2 1. Click Move (or press V key) and move Alba bottom-left corner 2. We will clean her arm next, with the Clone Stamp tool Basics of Photoshop
  • 64. Clone Stamp 3 1. Zoom into her arm with Ctrl + (plus key). With a mouse, this is also Ctrl + (scroll up) 2. Choose the Clone Stamp tool 3. Make the brush reasonable 2 1 (60px) 4. Hold Alt and click at the indicated spot. This picks up the pattern we 4 will clone from, onto the pink blur 5. Click and Brush over the pink blur 5 edge and into the pink blur to “clone” our alt+click area onto the blur. Continue brushing. Basics of Photoshop
  • 65. Clone Stamp 1. You may need to Alt+Click a new area often, to copy patches from new areas 2. Copy close to the pink blur (patch area) but not too close, to get similar colors/the same coat pattern Basics of Photoshop
  • 68. Under Image  Adjustments, • Brightness  -35 • Photo Filters…  Cooling Filter (80)  40%
  • 69. 1. Right click the Jessica Alba Layer, and choose Blending Options… 2. Go to Outer Glow and set Opacity to 8% and Size to 60px for subtle light effect *Like Image  Adjustments, you will use Blending Options frequently You can create text drop shadows, glows, change opacity, shadows, etc.
  • 70. 1. Click Filter  Render  Lighting Effects to change Jessica’s lighting to fit the background. 2. Scale/move dots to something like above (light from diagonal angle) to make Jessica feel like a part of the picture. Hit Enter to accept.
  • 71. Group/Merge 3 Now, let’s play with the image as a whole, instead of in layers. We will have a merged image, still keeping 2 the layers. 1.First, Create a Group 1. Good for organizing layers 2.Select your 4 layers (including adjustment layers), 1 holding Ctrl and clicking the layers. Alternatively, click the top layer (Jessica) and hold Shift and click bottom (Background copy) 3.Drag these layers into Group 1 4.Drag Group 1 to New Layer at bottom to duplicate group. Then Hide the original layer 5.On Group 1 copy, right click  Merge Group 4 Basics of Photoshop
  • 72. You get this: One merged layer! We can work with the overall composition now. Our working layers are now hidden. Basics of Photoshop
  • 73. 1. Change Image  Adjustments  Color Balance…  Cyan Bar to -27 1. This pulls the red tint of the background to a more bluish tint 2. Go to Filter  Render  Lens Flare 3. Choose 100% Brightness and 105mm Prime for a bright lens flare. Place it near the lamppost in the background
  • 75. Cropping 2 We are almost done! 1 1.Click the Crop tool 2.Set the crop to be 7in. x 5in. and drag the crop selection / image to the 7x5 frame you want. 3.Press Enter to finalize the crop! …And Voila! Done! Basics of Photoshop
  • 79. What you learned: Move Tool: Moves selection/layer Quick Selection: Selects hard to select areas - Good for Backgrounds Crop Tool: Crops image & canvas to any size Clone Stamp Tool: Clone an area, and paste Eraser Tool: Erase an area Zoom: Like Ctrl+(plus) or Ctrl+(scroll up) Self-Explanatory Rectangular Marquee Tool: Normal selection Brush Tool: Create brush strokes according to Foreground color Text Tool: Create text, change font, etc. Foreground/Background Color: Foreground is left (here it is purple), Background is right (here it is black) Basics of Photoshop
  • 80. What you learned: Three Ways to Clean Edges: 1.Refine Mask 2.Layer  Matting… 3.Select  Modify  Contract… Three Ways alter Photos: 1.Image  Adjustments 2.Right-click layer  Blending Options… 3.Filter Basics of Photoshop
  • 81. What you learned: Image  Adjustments: •Brightness/Contrast •Hue/Saturation •*Levels/Curves •Color Balance •Photo Filter Filter: •Gaussian Blur •Lighting Effects Blending Options: •Lens Flare •Outer Glow Basics of Photoshop
  • 82. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques • Assignment To-Dos
  • 83. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques • Assignment To-Dos
  • 84. To-Do’s for Today: • About Photoshop • Examples • Basics of Photoshop • Quick Tips • Review / Applications of Techniques • Assignment To-Dos
  • 85. Good Resources • www.psdtut.com • Vector Art: – http://search.88000.org/en/Gold_Fish_Vector_Art/1.htm • Photo Manipulation Ideas: – http://www.instantshift.com/2009/07/20/80-excellent-examples-of-photo-manipulation-art – Landscapes: http://acrisdesign.com/2010/01/50-landscapes-and-scenery-photo-manipulation/ – Cool Filters/Effects: http://webdesignledger.com/freebies/40-vintage-and-retro-photoshop-actions Basics of Photoshop