net
Photoshop
http://mmphotoshop.net
Page 2 of 123
Table of Contents
1.1. 1.2.
1.9. Layers in CS2 ................................................................................................................................. 21 1.10. Fading the effect ........................................................................................................................... 23 1.11. The art of Pattern (PART 1) ........................................................................................................... 25 1.12. The art of Pattern (PART 2) ........................................................................................................... 28 1.13. The art of Pattern (PART 3) ........................................................................................................... 33 1.14. Layer Mask Blending ..................................................................................................................... 36 1.15. ( ) Actions ...................................................................................................... 40
2.1. Operation of Selections ................................................................................................................... 44 2.2. Photoshop Brushes ......................................................................................................................... 46 2.3. ............................................................................................................................. 50
2.4. Grayscale and Monochrome ............................................................................................................. 53 2.5. Hair Selection ................................................................................................................................. 57 2.6. Layer ............................................................................................................. 61
Page 3 of 123
Copyright by team mmphotoshop. net All Rights Reserved. 2.9. Barcode maker ............................................................................................................................... 73 2.10. ......................................................................................................................... 76
3.1. Photo Repairing Guide (PART 1) ...................................................................................................... 93 3.2. Photo Repairing Guide (PART 2) ...................................................................................................... 96 3.3. Line Tool 3.4. High light 3.5. Computer Graphic 3.6. 3.7. Threshold Brush Tool Grid .................................................................................. 99
Page 4 of 123
Basic Concept
1.1.
Graphics ) Vector Graphics Stroke process Illustrator, Coreal Draw file Fill Vector Graphics zoom Line , Arc Fill rectangle AutoCAD file Algorithm
Raster pixel
Graphics pixel
Pixel
(Picture
Element) quality zoom Resolution Resolution 100 dpi / ppi (dot per inch)
pixel or (pixel per inch ) Raster Photoshop software raster file new editing JPEG ,GIF , BMP
file name
pixel
1.2. 1.2.
Photoshop Blue) color Hex value (00 (255,0,0) CMYK (Cyan, Magenta, Yellow, Black) click FF ) Hex value (FF,00,00) Page 5 of 123 Color Picker Decimal value ( 0 RGB 255 ) Decimal value Tools Box RGB (Red, Green, foreground color background
Red, Red
Green
and
Blue
CMYK
Green
out of gamut for printing sign not a web safe color sign photoshop sign
RGB
CMYK CMYK
offset RGB
vinyl printing
PC Monitor
RGB color
CYMK
Page 6 of 123
Photoshop(*.PSD) Photoshop(*.PSD)
Photoshop ) file size size default format save file type file edit Photoshop (*.PSB) ( text CS or CS2 layer file format Photoshop 7.0
JPEG
Joint Photographic Experts Group file format transparency support file type JPG file compression algorithum JFIF (JPEG File Interchange Format) RGB,CMYK,Grayscale File JPEG format file Save As file format JPEG
file 12
0 save as
quality size
CompuServer GIF
GIF (Graphics Interchange Format) Animated GIF web page Image Ready transparency support Animation RBG, Index mode
Page 7 of 123
TIFF (*.TIF)
Tagged Image File Format (TIFF) digital camera digital printing services format scanner Bitmap CMYK, RGB,Lab, Indexed color, Grayscale,
Photoshop EPS
Adobe graphics Post script Encapsulated Postscript (EPS) text ,
1.4.
Tint and Shade
(local
color)
new document press Ctrl+r) New Guide click and drag selection amount
Rectangular Marquee
select
Edit>fill...
Contents
white
Opacity
40 %
OK
Page 8 of 123
Deselect Contacts
Fill
Deselect
Guide line
hide
(press Ctrl+; )
135 ( )
-45
Page 9 of 123
Gradient
Tint and shade tint and shade sphere Photoshop Photoshop marquee too key circle Gradient tool new document elliptical marquee too Fill drawing area circle Deselect circle click and drag elliptical Shift
click X
d foreground
) background
Page 10 of 123
Gradient Tool
Radial gradient
Opacity Deselect
30 %
Foreground
Page 11 of 123
1.5.
Glassy Button Idea ) New File Shade New Layer Rounded Square Shape Layer Tool Box Color Custom Shape Tool (U)
) click
Layer )
Layer Style
Inner Glow
Double Click
Color Resolution
Blending Mode
Normal
Element Size
Page 12 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) Layer Palette Layer Resolution Ctrl Pixel Click Layer Boundary Selection Marquee Selection 25 pixels Contract
(Select>Modify>Contract)
) white
(Layer>New>Layer) Layer
(Shift+Ctrl+N)
Foreground Color
Foreground to Transparent
Marquee Selection
Deselect
Opacity 75%
Circular Shape
Glassy Button
Page 13 of 123
Shape Resolution
Text
Glassy object
Copyright by team mmphotoshop. net All Rights Reserved. Layer Mask Result Layer
Pixel area
Pixel
hide Layer
)Layer Mask
New Mask icon Layer Layer Layer Mask Mask Layer Mask
)Layer Mask Layer ) Layer Mask Layer brush icon Thumbnail mouse
Layer
Layer
Layer Mask
Page 15 of 123
Layer mouse
Link unlink
Shift key
click Layer
Disable / pixel
6) Layer Mask
Delete
Document window
Alt key
Layer Mask
Page 16 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) Gradient Mask Active preset Layer Mask Default Color (D Foreground to Background ) ) gray semi transparent Layer Gradient tool Fill Pixel area Layer Mask Layer Layer (gradient tool
Layer
Special
Effect
Anti1.7. Anti-aliasing
Raster Graphics Pixel Pixel Pixel Pixel Vertical Line Horizontal Line
45 degree Line
Line Pixel
Aliasing
Aliasing
Photoshop
Rectangular Selection
Page 17 of 123
Elliptical Selection
Anti-aliased
Option
Enable
Selection Magic wand Option Lasso Tools Anti-aliased Option Polygon Lasso Tool Uncheck Fill Uncheck Check Photoshop Raster format Vector graphics 45 degree
1.8.
.....
Tint Shade
Shadow
Drop Shadow
Drop
Layer1
"Some aspects of the effects cannot be reproduced with layers!" Layer1's Drop Shadow Layer
OK
Layer1
Page 18 of 123
(Ctrl + T)
Transform Keyboard
(Commit)
Page 19 of 123
Opacity
40%
Page 20 of 123
Alt + [
Making Marquee Selection of Layer version + Click Click + Click thumbnail Layer CS2 Marquee Selection Layer Layer palette ( Layer palette thumbnail view blue ) Layer Ctrl Ctrl + Ctrl
Page 21 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Selecting Multiple Layers and Grouping Layer Group Layer Group blue, red, yellow yellow layer Shift key Layer Group Select blue Layer Version Layer Palette Layer Layer Select blue yellow layer Click Layer Layer Set CS2 Layer
Layer (Windows Explorer / My computer Layer Drag Triangle Layer Layer Palette Layer Layer Layer Group Group1 Group File
Select or Deselect Select Create a new group Group1 Triangle Folder icon Click )
Ctrl Select
version
Lock
Lock Lock
Layer Option Ok
Check box
uncheck
Copyright by team mmphotoshop. net All Rights Reserved. Lock button Linking / Unlinking Layers CS2 Layer Unlink Link Link icon Link icon Link Layer palette Link Link column Layers Select Select Layer Layer palette Link
Link Layers
Layer
Selection
Deselect
Edit>Fade Fill..
menu
Opacity
50%
Page 23 of 123
Filter
effect Filter
Filter>Artistic>Watercolor
effect
setting
Page 24 of 123
Copyright by team mmphotoshop. net All Rights Reserved. effect Opacity Filter Layer Duplicate 65% Filter Opacity Edit>Fade Watercolor Fade
Fade Filter
Fade
OK
Pattern
Fill
Page 25 of 123
Pattern ) Pattern
Menu Photoshop Default pattern Reset Patterns menu Default pattern pattern Reset pattern Menu Photoshop pattern Pattern file pattern
current pattern
Default
Page 26 of 123
Ok
pattern pattern
default
pattern
Wood
Pattern
Fill
New
Document
Basic
Concept
Pattern
Page 27 of 123
Orientation Guide
Horizontal
0.5 in
Document Selection
Document Preview
Page 28 of 123
chess type
Pattern Picker
Pattern Pattern
Mouse Click OK
chess Click
(600 / 50 = 12)
Page 29 of 123
Resolution (1200 /
Fill
Document
Pixel Resolution
chess
New Document
Page 30 of 123
Edit>Stroke
Color
Location
Inside
Width
3 pixel
Edit>Stroke
Color
Page 31 of 123
Magic Wand
Select
Selection
Pattern
File
Save
Edit>Preset Manager
Patterns brick
Pattern
Copyright by team mmphotoshop. net All Rights Reserved. Select Save Set Pattern file Out menu List Load Pattern menu Fly Out menu Replace Pattern menu PhotoShop Reset Button mmphotoshop Click File Save Preset Manager Pattern Pattern Fly Pattern file
Pattern File Edit>Define Pattern menu Selection Selection Selection Define Pattern menu Pattern area Document
Pattern Plug-in
) Tutorial
New File (110 pix - 80 pix) Rectangular Pattern Pattern Brush Tool (Filter > Render > Fiber) Line
Page 33 of 123
Continuous Pattern ) Filter > Other > Offset Offset Pixel Horizontal = 55 pix Vertical = 40 pix
Brush
Soft
Page 34 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) (Edit > Define Pattern) Save Paint Bucket Tool, Pattern Fill
Pattern Clone Stamp Clone Stamp Continuous pattern ( ) Clone ( Sand, Granite, Gravel, Fiber Pattern ) Photo Blog Offset Filter
( ) Fill
Continuous pattern
Page 35 of 123
Continuous Tutorial
Tutorial
Page 36 of 123
Layer
Layer 2
Layer Mask
(Gradient
Page 37 of 123
Layer 1
Layer 3
Layer Mask
blend
Page 38 of 123
Layer Mask
Layer palette
Page 39 of 123
1.15.
Photoshop
Actions ) Actions
Photoshop Actions
Step Actions palette (Windows>Actions) Actions Palette Create new set Button
New set
mmphotoshop
OK
Page 40 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Actions Palette mmphotoshop Folder icon
Action Palette
Name Shortcut
( F12
Action (
mmphotoshop Action
artist
Action artist
mmphotoshop
mmphotoshop Action
Action record
Action
artist
Page 41 of 123
Edit>Fade
Lighting
Effect
Opacity
50%
Actions
Palette Action
Stop
playing/recording Create
Page 42 of 123
Action Actions Palette Select Actions Palette F12 key Actions setting Action Set Palette Toggle dialog on/off ( column - Filter setting) Off Action Fly out menu file Actions Palette Action file Load Button Save Fly out menu Load Actions Action set Save Actions On
action
Play default
Download SketchByZaw
Sketch Auto
Select Action
Action
Sketch
Page 43 of 123
Photoshop Photoshop
selection
New selection
add to selection
Copyright by team mmphotoshop. net All Rights Reserved. release bar mouse release space bar mouse space
mouse selection
drag
selection
space bar
mouse
selection subtraction
intersect
operation
selection
shortcut
Page 45 of 123
) document window
(brush tool
(brush preset
Page 46 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Brush popup menu brush Pattern
Brush
Select
Brush name
lip Ok
Brush
Page 47 of 123
Brush
click
( [ key
Page 48 of 123
Effect Dynamics
Value ) Scattering
Size Jitter= 35% (brush ) Color jitter=19% (foreground foreground background background
brush preset
pattern
http://www.brusheezy.com/brush/693-Animals-
Copyright by team mmphotoshop. net All Rights Reserved. folder file photoshop brush fly out menu Brushes 1.ABR file Animal brushes __MACOSX New document Load Brushes click Load button Animals 1 Animals 1 folder Animal Brushes 1 brush file brush preset picker zip file extract Animal brush picker scroll bar
download
2.3.
Tutorial " "
New Document (1024 x 768 pixel) Foreground color select #4C5B9E Background color #3D4A82 Start gradient Gradient tool End gradient Radial Gradient option
Page 50 of 123
Document
80%
Fill
Edit>Fill
Fill Dialog
Use
Page 51 of 123
Fill
Photoshop
RGB
Page 53 of 123
Image>Mode>Grayscale OK
Color
Page 54 of 123
Window>Info
Info palette
K: 35% Monochrome
cursor menu
Page 55 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Threshold Level pixel OK Threshold slider Threshold value Threshold value pixel
Info palette
mouse 100%
Grayscale
Monochrome Grayscale
Monochrome Tone
Page 56 of 123
Background Background Edge Menu Filter>Extract Select Extract Dialog Edge Highlighter Tool
Page 57 of 123
Edge
Extract dialog
Tool
Fill Tool
Enable
Fill Tool
Fill
Fill tool
Click
Page 58 of 123
OK
Click
Background
Select
Page 59 of 123
Selection
Keyboard
Delete key
Background
Background
Page 60 of 123
Handle Result
pixel Contract
Contract command
2.6. Layer Layer Layer Layer Background Foreground ... ) ) ) ) (Color) (Shade and Shadow) (Light Direction) (Perspective) Layer Background Layer
Page 61 of 123
Page 62 of 123
Marquee Selection
Background
Page 63 of 123
) Threshold Amount
Light Source
Page 64 of 123
) Background
Foreground Layer
Direction
Layer
Flip
Tutorial
) Foreground Scale ) Adjustment Tool - Image > Adjustment > Hue/ Saturation - Image > Adjustment > Color Balance - Image > Adjustment > Brightness/ Contrast - Image > Adjustment > Level
Perspective
Color Theme
Page 65 of 123
) ) Brightness/ Contrast Perspective ) Foreground Layer Foreground Object ) Brightness ) Shade Basic Concept ` ` Brush ( ) ` ... Contrast Copy Scale Soft Rounded Eraser
Page 66 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Background Background Photoshop Popular body
Technique Mood
Page 67 of 123
Copy
(Ctrl +J)
Background Layer
Layer
Page 68 of 123
Overlay
Layer
Overlay
High Pass
Page 69 of 123
Scanner
Page 70 of 123
2.8.
Tutorial Focus Color
Focus
Blur Tutorial Brightness
Layer>New Adjustment Layer>Brightness / Contrast Create new fill or adjustment layer button ) Brightness amount Click -50
Layer Palette Adjustment Layer Document window Adjustment Layer Lasso Tool
Adjustment Layer
Page 71 of 123
Deselect
Filter>Gaussian
Blur
Setting
Page 72 of 123
Gaussian
Page 73 of 123
Level
128
Image>Adjustments>Threshold
Level
163
Setting
Barcode
Page 74 of 123
HTN: KZO: Barcode version Software Software Barcode Barcode Scanner or Labelview Barcode
KZO:
Barcode
Barcode Scanner
Page 75 of 123
Copyright by team mmphotoshop. net All Rights Reserved. HTN: KZO: Product HTN: Product Code Coffee
2.10.
Filter>Render>Difference Clouds
Filter>Stylize>Emboss )
setting
Document
Page 76 of 123
Image>Adjustments>Brightness/Contrast
Contrast
Page 77 of 123
Step
ScriptC Font
Page 78 of 123
Pattern
Crop
Perspective Node
Page 79 of 123
Enter
(commit button
Pattern
Oh! Pattern
Page 80 of 123
MHZ:
Degree
MHZ: Photoshop
Graphics
Application
Material
Page 81 of 123
2.12. Logo
Iconic Logo
...
http://www.davidairey.com/what-makes-a-good-logo/ 1) Its describable 2) Its memorable 3) Its effective without colour 4) Its scalable 5) Its appropriate ( ( ) ) ( ) Logo
( ) Logo
( )
Logo
( )
Logo
David Airey
Logo Logo ( )
http://www.code-interactive.com/thinker/a112.html
1) Follow solid basic design principles 2) Be functional 3) Represent the companyb 4) Be unique ( ) Logo
Page 82 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Logo Website ( ) Logo
( )
Logo Logo
( )
http://www.thelogofactory.com/library/articles/what-makes-a-good-logo.html ( ) 1) Uniqueness 2) Timeless 3) Gimmick Free Special FX Bevel Emboss, Lens Flares, Drop Shadow 'Putting a Lipstick on a Pig' 4) Adaptability Be Functional 5) Scalability 6) Color is Secondary 7) Appropriate Aspect Ratio & Footprint Logo Following Basic Design Principles Logo Logo
Logo
... Logo Technique Logo Tutorial http://www.goodlogo.com/ Vote World's Top Logo Photoshop
Page 83 of 123
Shape layers
Paths Paths
Paths
Operation
Selection
Add, Subtract,
Page 84 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Anchor point Click
Add Anchor
Path
Click Degree
Drag Curve
Tangent line
Path Path
Anchor point
move
working path
Right
Page 85 of 123
selection Straight line Pen tool Anchor pint Curve Click Mouse
Ok
Pen tool
path
Right click
Make Selection
Fill
Pen
Pen
tool
Add,
subtract Logo
2.14. Logo
Tutorial Logo Photoshop Software Scanner Tutorial Logo Sketch Logo
Page 86 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) MM Photoshop Logo Scanner
) Layer > New Layer ( Layer Opacity 75% Ellipse Tool (U) Transform (Ctrl + T)
) Shft + Ctrl + N
Layer Scan
Layer
Page 87 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) ( MM ) Shft + Ctrl + N Layer Layers Layer Opacity 70% Pen Tool Layer Layer > New Layer M_Logo Pen Tool Setting Shape
M M ...
Curve
Point
Path
Right Click
Page 88 of 123
Point
Bezier Curve
Sketch
Page 89 of 123
Direct Selection Tool (A) M_Logo Layer Layer > Rasterize > Shape Design Sketch Layer New Layer Scan Path
Shape
Background Sketch
Page 90 of 123
Copyright by team mmphotoshop. net All Rights Reserved. )M Grid Line Ctrl + J ( Horizontal ) Layer > Duplicate Layer Grid Line Copy Copy Layer Edit > Transform > Flip Copy Mirror Copy M
Mirror
Sketch
Circle Layer
Page 91 of 123
Copyright by team mmphotoshop. net All Rights Reserved. ) Type Layer Distort Ctrl + T ( Text Layer ) Edit > Transform > Perspective Layer > Rasterize >
Duplicate
Layer Effect
Opacity Logo
Page 92 of 123
Copyright by team mmphotoshop. net All Rights Reserved. Photoshop Bevel and Emboss Drop Shadow Mirror Effect
'O'
Font Style
Color Theme
...
Copyright by team mmphotoshop. net All Rights Reserved. Selection tool Photoshop sample
Select
Page 94 of 123
Selection area
Ctrl key
Page 95 of 123
Clone
stamp,
Healing
brush
Tool
Page 96 of 123
Copyright by team mmphotoshop. net All Rights Reserved. KZO: MHZ: tool Tool Polygon Lasso tool Source point area Patch tool patch type Pixel Source Patch tool Patch Select ( ) Patch Tool Pixel Tool
( ) ( )
Lasso
tool Selection
pixel
Select
Patch tool
Selection
MHZ: ok
Tool patch tool Source Alt key mouse Mouse Click Click Source point Sample Source point click and drag
Page 97 of 123
Copyright by team mmphotoshop. net All Rights Reserved. MHZ: KZO: Lasso tool Lasso tool Healing brush Patch tool Pixel
KZO:
Page 98 of 123
Brush Tool
Grid
Grid
( ) Longitude ( ) Optional Steps Latitude
( )
Layer Layer
( )
Ctrl + T
Background Layer
Page 99 of 123
( )
( )
( ) Ruler
Guide Guide (
Ctrl + R
) Ctrl + ;
( ) Tool Weight
Line Layer
) Guide Line
Shift
Horizontal/
New File
Preset
10 px
3 px
( ) px)
(5 px - 1
( 5 px
Brush 2 px
Line
1 px
Brush
Ctrl + D Dot
Deselect Box
Hide Dash
Save Dash Dot Line Brush Preset Dot Dash Photoshop Hard
Copyright by team mmphotoshop. net All Rights Reserved. ( ) Brush Dash Dot Window > Brushes Layer F5 Dash Dot Brush Brush Tip Shape 1 px Brush Spacing 1000% Brush Diameter Dash Line Diameter 16 px 8 px 2 px Brush Tool Palette Straight Line
Brush
Copyright by team mmphotoshop. net All Rights Reserved. Tutorial Pattern Tool Line Tool Brush Tool Grid Tutorial
New
box
select
Image>Crop Rectangular image width, height and resolution marquee tool select
Ctrl
+ J layer 2
Via
Layer
layer 2
Result
Rectangular
marquee Software
tool
marquee
tool
Function
Image
Select
Layer palette
Hue/Saturation dialog
Saturation
-75
Background Layer
Active
Edit>Fill
Setting
Result
( )
Graphic
Transparency
Transparency Background
Transparency
Opacity
Opacity 100% Opacity 0% Invisible object Opacity
Opacity
Opacity
Alaising
Alaising Resolution ( Bitmap Image Resolution ) Rasterize Alaising Alaising Alaising ... Bitmap Image Font
Aliaisng
Aliasing
AntiAnti-alaising
Graphic Feature Anti-Alaising
Anti-alaising
Halo Effect
Halo Effect Transparent Halo Effect Colors GIF 16.7 Million Colors Transparent Page 113 of 123 Jpeg Outline 256
Halo Effect
GIF
Halo Effect
- GIF 256 Colors Photoshop Halo Effect Layer Background Layer GIF Photoshop Matte Color Halo Effect File > Save for Web and Devices Layer Photoshop Software Transparency Background ... Text Transparency Anti-alaising Feature
Photoshop
Matte Color
3.6.
Tutorial Photoshop Brush ( ) New File ) Hard Round Brush Size Background Layer Brush
Level
Gaussian Blur
Level
Slider
Slider
Level
Preview option
Ok
Printer Print out Threshold Horizontal type mask tool Selection Selection Selection Threshold command Apply
3.8. Tattoo
Page 119 of 123
tattoo
sample
drag
Layer palette
Layer
Background
Layer 1
Layer 1
Active
Ctrl + T Enter
Transform comfirm
Ctrl + T
wrap Enter
Handle confirm
Node
layer
Layer
Blending
Copyright by team mmphotoshop. net All Rights Reserved. Document window Mode Result Overlay mode
final result
tattoo