SlideShare a Scribd company logo
Image optimization and preparation of images for electronic publishing
Image optimization | Photo retouching
Image optimization
• Image optimization is vital for preparing
images for digital collections
• Image optimization is the process of getting
the right balance of image size and picture
quality
• Image optimization is achieved by using a
special graphic design software such as
Adobe Photoshop, CorelDraw, Adobe
Fireworks
• Key areas for optimizing file size: bit depth,
resolution, dimension
• Involves the selection of the right file format
 Lossy compression vs. lossless compression
 Selection of format for master files storage
 Selection of format for web publishing
Photo retouching
• Very common in digital libraries
• Important stage of developing digital collections
• The process of preparing images for electronic
publication
• Involves image manipulation using a special
graphic design software such as Adobe
Photoshop, CorelDraw, Adobe Fireworks
• The purpose: to make the images with
aesthetically pleasing appearance and attractive
look by applying various image editing
techniques
• Necessary skill for librarians who process old
photographs | manuscripts | maps as they usually
have poor quality and require special retouching
before uploading in the digital collection
Examples
before
after
Software: Adobe Photoshop CC2014
Techniques
 Patch tool (removes date)
 Spot healing brush (touch-ups after date removal)
 Color balance (enhances colors)
 Hue/saturation (enhances colors)
 Exposure (corrects tonal values)
File size (before | after)
2538KB 670KB
Dimensions in px (before | after)
2576x1952 640x485
Original copyright: Dimitar Georgiev
Copyright of derivative image: Marina Georgieva
Examples
Software: Adobe Photoshop CC2014
Dimensions in px (before | after)
2576x1952 1280x960
before
after
Techniques
 Patch tool (removes date)
 Spot healing brush (touch-ups
after date removal)
 Imported Word calendar with
applied bevel & embossed semi-
transparent base
Major techniques for the collage
 3 layers of the same photo
 Black & white version of the photo for background layer
 Middle layer has applied mask. Exposure | Offset |
Gamma correction to make tree stand out. Magic wand
tool to remove everything except for the tree. Colors of
the tree enhanced: Hue/saturation & Color balance
 Top layer is only grass. Applied mask. Magic wand tool
removes everything except for small tuffs of grass.
Colors enhanced: Hue/saturation & Vibrance
Original copyright: Dimitar Georgiev
Copyright of derivative image: Marina Georgieva
Examples
Software: Adobe Photoshop CC2014
File size (before | after)
673KB 249KB
Dimensions in px (before | after)
900x1344 450x672
before
after
collage
Techniques
 Lasso tool (selects window)
 Content aware fill (removes
window)
Techniques for collage
 Quick selection tool (selects the
lady)
 Refine edges (manipulates
hair in greater details)
 Apply mask (removes the
background and cuts out only the
selected figure)
 Eraser tool for touch-ups
Copyright of derivative images: Marina Georgieva
Examples
Software: Adobe Photoshop CC2014
before
after
afterDigitized photograph
Great example for retouching
digitized photo with dull colors
Techniques
 Brightness & Contrast for
more sharp colors
 Levels for stronger highlight
Techniques for the sepia effect
 Convert to RGB color mode
 Hue | Saturation => Colorize
Copyright of derivative images: Marina Georgieva
Examples
Software: Adobe Photoshop CC2014
Digitized photograph
Great example for retouching and
modifying crooked digitized photo
with bluish filter
before
after
Techniques
 Crop tool (for straightening the image)
 Color balance (for reducing the bluish filter)
 Brightness & Contrast (for color sharpness)
 Levels (for reducing the white pixels)
Copyright of derivative images: Marina Georgieva
The end
Copyright: Marina Georgieva
This project was made
possible thanks to
great option for Internet
accessing of the
Adobe Creative Cloud
2014 installed on the
SOIS virtual machines.
Special thanks to the School of
Information Studies, University of
Wisconsin – Milwaukee for providing
free access to their Virtual Lab.

More Related Content

Similar to Photo retouching project

Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Kimetenthray
 
Fundamentals of Image Processing & Components.ppt
Fundamentals of Image Processing & Components.pptFundamentals of Image Processing & Components.ppt
Fundamentals of Image Processing & Components.ppt
ANJANISINGHAL
 
Image & Graphics
Image & GraphicsImage & Graphics
Image & Graphics
Shafiqul Islam Tuhin
 
Computer Science 2.pptx
Computer Science 2.pptxComputer Science 2.pptx
Computer Science 2.pptx
MARVINSANTIAGO18
 
Fundamental steps in image processing
Fundamental steps in image processingFundamental steps in image processing
Fundamental steps in image processing
PremaPRC211300301103
 
Basic of photo editing
Basic of photo editingBasic of photo editing
Basic of photo editing
Sweetie Estupa
 
Image Editing in ICT
Image Editing in ICT Image Editing in ICT
Image Editing in ICT
Kristina Kassandra Guardiario
 
Lunch and Learn - Images
Lunch and Learn - ImagesLunch and Learn - Images
Lunch and Learn - Images
Frank Stewart Consulting
 
PHOTOSHOP.pptx
PHOTOSHOP.pptxPHOTOSHOP.pptx
PHOTOSHOP.pptx
offroadgamingclub
 
Digital image processing & computer graphics
Digital image processing & computer graphicsDigital image processing & computer graphics
Digital image processing & computer graphics
Ankit Garg
 
Raster vs vector
Raster vs vectorRaster vs vector
Raster vs vector
akn4fotos
 
FCA: Photoshop Basics
FCA: Photoshop BasicsFCA: Photoshop Basics
FCA: Photoshop Basics
Cate Indiano
 
Image processing and compression.pptx
Image processing and compression.pptxImage processing and compression.pptx
Image processing and compression.pptx
dudoo1
 
Notes for-final products
Notes for-final productsNotes for-final products
Notes for-final products
Chelsea Chau
 
Introduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptxIntroduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptx
MdShafiqulIslam945669
 
Digital Imaging
Digital ImagingDigital Imaging
Digital Imagingwang wangt
 
Design for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for NonprofitsDesign for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for Nonprofits
NetSquared Vancouver
 

Similar to Photo retouching project (20)

Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]
 
Fundamentals of Image Processing & Components.ppt
Fundamentals of Image Processing & Components.pptFundamentals of Image Processing & Components.ppt
Fundamentals of Image Processing & Components.ppt
 
Image & Graphics
Image & GraphicsImage & Graphics
Image & Graphics
 
Computer Science 2.pptx
Computer Science 2.pptxComputer Science 2.pptx
Computer Science 2.pptx
 
Fundamental steps in image processing
Fundamental steps in image processingFundamental steps in image processing
Fundamental steps in image processing
 
Week 1 Ai Intro
Week 1 Ai IntroWeek 1 Ai Intro
Week 1 Ai Intro
 
Basic of photo editing
Basic of photo editingBasic of photo editing
Basic of photo editing
 
Image Editing in ICT
Image Editing in ICT Image Editing in ICT
Image Editing in ICT
 
Lunch and Learn - Images
Lunch and Learn - ImagesLunch and Learn - Images
Lunch and Learn - Images
 
Photoshop cs4 studyguide
Photoshop cs4 studyguidePhotoshop cs4 studyguide
Photoshop cs4 studyguide
 
PHOTOSHOP.pptx
PHOTOSHOP.pptxPHOTOSHOP.pptx
PHOTOSHOP.pptx
 
PHOTOSHOP.pptx
PHOTOSHOP.pptxPHOTOSHOP.pptx
PHOTOSHOP.pptx
 
Digital image processing & computer graphics
Digital image processing & computer graphicsDigital image processing & computer graphics
Digital image processing & computer graphics
 
Raster vs vector
Raster vs vectorRaster vs vector
Raster vs vector
 
FCA: Photoshop Basics
FCA: Photoshop BasicsFCA: Photoshop Basics
FCA: Photoshop Basics
 
Image processing and compression.pptx
Image processing and compression.pptxImage processing and compression.pptx
Image processing and compression.pptx
 
Notes for-final products
Notes for-final productsNotes for-final products
Notes for-final products
 
Introduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptxIntroduction to Adobe Photoshop.pptx
Introduction to Adobe Photoshop.pptx
 
Digital Imaging
Digital ImagingDigital Imaging
Digital Imaging
 
Design for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for NonprofitsDesign for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for Nonprofits
 

More from Marina Georgieva

Metadata for compound objects | training
Metadata for compound objects | trainingMetadata for compound objects | training
Metadata for compound objects | training
Marina Georgieva
 
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
Marina Georgieva
 
Metadata: An Overview for Digital Collections
Metadata: An Overview for Digital CollectionsMetadata: An Overview for Digital Collections
Metadata: An Overview for Digital Collections
Marina Georgieva
 
Creating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagementCreating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagement
Marina Georgieva
 
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
Marina Georgieva
 
Metadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflowsMetadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflows
Marina Georgieva
 
2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers
Marina Georgieva
 
Building websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagementBuilding websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagement
Marina Georgieva
 
The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...
Marina Georgieva
 
Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)
Marina Georgieva
 
Project Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendeesProject Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendees
Marina Georgieva
 
Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018
Marina Georgieva
 
ContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital CollectionsContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital Collections
Marina Georgieva
 
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy MeetingNevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Marina Georgieva
 
Nevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America PresentationNevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America Presentation
Marina Georgieva
 
Nevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming eventsNevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming events
Marina Georgieva
 
Nevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling AmericaNevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling America
Marina Georgieva
 
Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017
Marina Georgieva
 
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Marina Georgieva
 
Inforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batchInforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batch
Marina Georgieva
 

More from Marina Georgieva (20)

Metadata for compound objects | training
Metadata for compound objects | trainingMetadata for compound objects | training
Metadata for compound objects | training
 
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
 
Metadata: An Overview for Digital Collections
Metadata: An Overview for Digital CollectionsMetadata: An Overview for Digital Collections
Metadata: An Overview for Digital Collections
 
Creating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagementCreating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagement
 
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
 
Metadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflowsMetadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflows
 
2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers
 
Building websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagementBuilding websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagement
 
The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...
 
Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)
 
Project Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendeesProject Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendees
 
Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018
 
ContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital CollectionsContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital Collections
 
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy MeetingNevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
 
Nevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America PresentationNevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America Presentation
 
Nevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming eventsNevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming events
 
Nevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling AmericaNevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling America
 
Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017
 
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
 
Inforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batchInforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batch
 

Photo retouching project

  • 1. Image optimization and preparation of images for electronic publishing
  • 2. Image optimization | Photo retouching Image optimization • Image optimization is vital for preparing images for digital collections • Image optimization is the process of getting the right balance of image size and picture quality • Image optimization is achieved by using a special graphic design software such as Adobe Photoshop, CorelDraw, Adobe Fireworks • Key areas for optimizing file size: bit depth, resolution, dimension • Involves the selection of the right file format  Lossy compression vs. lossless compression  Selection of format for master files storage  Selection of format for web publishing Photo retouching • Very common in digital libraries • Important stage of developing digital collections • The process of preparing images for electronic publication • Involves image manipulation using a special graphic design software such as Adobe Photoshop, CorelDraw, Adobe Fireworks • The purpose: to make the images with aesthetically pleasing appearance and attractive look by applying various image editing techniques • Necessary skill for librarians who process old photographs | manuscripts | maps as they usually have poor quality and require special retouching before uploading in the digital collection
  • 3. Examples before after Software: Adobe Photoshop CC2014 Techniques  Patch tool (removes date)  Spot healing brush (touch-ups after date removal)  Color balance (enhances colors)  Hue/saturation (enhances colors)  Exposure (corrects tonal values) File size (before | after) 2538KB 670KB Dimensions in px (before | after) 2576x1952 640x485 Original copyright: Dimitar Georgiev Copyright of derivative image: Marina Georgieva
  • 4. Examples Software: Adobe Photoshop CC2014 Dimensions in px (before | after) 2576x1952 1280x960 before after Techniques  Patch tool (removes date)  Spot healing brush (touch-ups after date removal)  Imported Word calendar with applied bevel & embossed semi- transparent base Major techniques for the collage  3 layers of the same photo  Black & white version of the photo for background layer  Middle layer has applied mask. Exposure | Offset | Gamma correction to make tree stand out. Magic wand tool to remove everything except for the tree. Colors of the tree enhanced: Hue/saturation & Color balance  Top layer is only grass. Applied mask. Magic wand tool removes everything except for small tuffs of grass. Colors enhanced: Hue/saturation & Vibrance Original copyright: Dimitar Georgiev Copyright of derivative image: Marina Georgieva
  • 5. Examples Software: Adobe Photoshop CC2014 File size (before | after) 673KB 249KB Dimensions in px (before | after) 900x1344 450x672 before after collage Techniques  Lasso tool (selects window)  Content aware fill (removes window) Techniques for collage  Quick selection tool (selects the lady)  Refine edges (manipulates hair in greater details)  Apply mask (removes the background and cuts out only the selected figure)  Eraser tool for touch-ups Copyright of derivative images: Marina Georgieva
  • 6. Examples Software: Adobe Photoshop CC2014 before after afterDigitized photograph Great example for retouching digitized photo with dull colors Techniques  Brightness & Contrast for more sharp colors  Levels for stronger highlight Techniques for the sepia effect  Convert to RGB color mode  Hue | Saturation => Colorize Copyright of derivative images: Marina Georgieva
  • 7. Examples Software: Adobe Photoshop CC2014 Digitized photograph Great example for retouching and modifying crooked digitized photo with bluish filter before after Techniques  Crop tool (for straightening the image)  Color balance (for reducing the bluish filter)  Brightness & Contrast (for color sharpness)  Levels (for reducing the white pixels) Copyright of derivative images: Marina Georgieva
  • 8. The end Copyright: Marina Georgieva This project was made possible thanks to great option for Internet accessing of the Adobe Creative Cloud 2014 installed on the SOIS virtual machines. Special thanks to the School of Information Studies, University of Wisconsin – Milwaukee for providing free access to their Virtual Lab.