SlideShare a Scribd company logo
1 of 53
Download to read offline
Digital Art Preflight and Analysis



                Society for Scholarly Publishing
                Baltimore, MD
                27 May 2009

                Chris Coleman, Digital Specialist,
                Greg Suprock, VP/GM


                 1
Digital Art Preflight
What is Preflight?
– An objective review of an image designed to identify:
   – Resolution problems,
   – File format issues,
   – Color space concerns that may compromise quality,
   – Other problematic issues that could affect reproduction.


What Preflight is not…
– A way to evaluate the context of the image…that is copyediting.
– A way to evaluate the scientific merit of an image…that is an
  editor or reviewer’ role.
                    s
– A way to evaluate whether an image is “   photoshopped”.



                                     2
Rapid Inspector: A preflight tool

What is Rapid Inspector?
  – It’an application designed to ensure the quality and the
      s
    accuracy of images of images submitted by authors.
  – Help reduce time spent re-working digital art and quickly
    detect and resolve any manipulations before production.


What does it do?
  – Rapid Inspector equips users with a technical assessment of a
    file and how it was built & it’characteristics.
                                   s
  – It accepts or rejects images based on your criteria and
    provides a list of errors with instructions for fixing them.




                                     3
Rapid Inspector Home Page




               4
Rapid Inspector Title Selection




                 5
Rapid Inspector Online Help




                6
Rapid Inspector Interface




                 7
Rapid Inspector Results




                 8
Rapid Inspector Results




                 9
Rapid Inspector Results

    •File Formats
    •Creator (Applications)
    •Vector verses Raster images
    •Color
    •Size / Width & Height
    •Resolution
    •Fonts



                    10
File Formats

  Graphic Formats designed for print
     –TIFF
                     Acceptable Formats
     –EPS
     –PDF                 Peer Review only

  Graphic Formats designed for www
     –JPEG, GIF, BMP, PICT, WMF




                            11
Industry Standard Editing Software


  Adobe Photoshop (tif)
  Best suited for editing images photos




  Adobe Illustrator (eps)
  Best suited for editing charts and graphs




                                              12
Pitfalls of Power Point
 Color accuracy
 PowerPoint files are intended for screen display (RGB color model).
 CMYK color conversion is required for (commercial printing).

 Poor typeface management
 PowerPoint files can be opened with no warning that a font is substituted.
 Thus, the font substitution is 'invisible' but very common and potentially bad.

 Cross-Platform inconsistencies
 Power Point presentations are not interpreted identically across platforms.
 Graphics may be altered in appearance or not display at all.

 Image format and resolution
 PowerPoint does not have the ability to save high resolution tiff or eps files.
 PowerPoint exports images using screen resolution, (72 dpi).




                                                   13
Using PowerPoint Files
  The best option is to copy images from
  PowerPoint and paste into Adobe
  Illustrator. This copy-and-paste method
  will actually give you more predictable
  results without resolution, font, and
  quality issues.

  Please see this tutorial available on the Cadmus Digital art site
     http://cpc.cadmus.com/da/howto/creating_ai_eps_excel




                                        14
Vector Graphics

• Vector graphics are made up of mathematically defined lines and curves called
  vectors. You can move, resize, or change the color of a line without losing the
  quality of the graphic.

• Vector graphics are resolution-independent—that is, they can be scaled to any size
  and printed at any resolution without losing detail or clarity. As a result, vector
  graphics are the best choice for representing bold graphics that must retain crisp
  lines when scaled to various sizes (logos, for example).
 •Note: Because computer monitors can display images only on a grid, both vector
  graphics and bitmap images are displayed as pixels on-screen.




                                                15
Bitmap or Raster Graphics

• Bitmap images—technically called raster images—are made up of a grid of dots
  known as pixels. When working with bitmap images, you edit pixels rather than
  objects or shapes. Bitmap images are the most common electronic medium for
  continuous-tone images, such as photographs or digital paintings, because they
  can represent subtle gradations of shades and color.

• Bitmap images can lose detail when scaled on-screen because they are resolution-
  dependent, they contain a fixed number of pixels, and each pixel is assigned a
  specific location and color value. Bitmapped images can look jagged if they’ re
  printed at too low a resolution because the size of each pixel is increased.




                                               16
The 2 Worlds of Color




   Transmitted Light        Reflected Light



                       17
The 2 Worlds of Color

• RGB exists in the
  transmitted world of
  light.
• Is a reality in computer
  monitors and TV’  s.
• Suitable for internet
  publishing at 72 PPI.


                              • CMYK exists in the
                                reflected world of light
                                utilizing pigments.
                              • Is a reality in all
                                printed materials.


                             18
The 2 Worlds of Color


                                            60
                                       52        99




 Reflected Light   Transmitted Light
  “Perceived”          “Actual”



                      19
The 2 Worlds of Color

                                     RGB Color Space
                    Visible
                   Spectrum         Computer Monitors
                   Human Eye          (soft proofing)


CMYK Color Space
 Offset Printing




                               20
The 2 Worlds of Color



            RGB
          Conversion
             To

           CMYK




                       21
Color Accuracy

 Please do not rely on a monitor display to predict color
 output on press. RGB colors on the screen are brighter
 than what is printed on paper. Colors onscreen are
 created with light, which adds brightness of its own to
 the colors.

 When printing on paper, the light is taken out of the
 equation. RGB color can also be "out of gamut" for
 CMYK printing, meaning that some of the colors cannot
 be replicated with printing inks.




                                22
Column width
                                        A pica is printer's unit measure, equal
                                        to 12 points or 1/6 of an inch.

                                        Composition unit of measurement used
                                        in determining the dimensions of lines,
                                        illustrations, or printed pages.



 1 column = 20 pica or 3.33 inches
 1 1/2 column =30 pica or 5 inches
 2 column = 41 pica or 6.833 inches
     1 column         1.5 column           2 column




                                   23
Column Width & Sizing
Calculating Sizing Percentage: “
                               ideal for scanning”
The formula to determine resizing by percentage is to divide the target column width by
the original width. A 4x5 original intended for 1 column: 3.33” 4” 0.832” 83%
                                                               /   =         or


Using rulers & guides to size:
To create a ruler guide: If the rulers are not already displayed, choose View > Show
Rulers. Position the pointer on the left ruler for a vertical guide or on the top ruler for a
horizontal guide. Drag the ruler guide into position.

To change the rulers' zero origin: Position the pointer over the intersection of the rulers
in the upper left corner of the window, and drag diagonally down onto the image. A set
of cross hairs appears, marking the new origin on the rulers.

Drag guides to the desired column width. With the selection tool, select the object or
objects to scale. Drag a handle until the selection is the desired size. Shift-drag the
handle to preserve the proportion.




                                                         24
Line weight & Type

 Fine Line Weights        100% Original
 and Small Type           Small Type
 may be too small
 after reduction
  1/2 Point
  1 Point
  2 Point
  4 Point
                          25% Reduction




                     25
Line weight & Type Tips

  Avoid using lines less than .5 Point

  Panel labels should be 14 point Helvetica Bold

  Type should be at least 9 pt at 100%

  Submit Artwork final size that it will appear in
  the journal (1 column wide, etc.)




                                26
Adjusting Line Thickness
Using Adobe Illustrator

     Under the Window pull down menu click on Stroke to display the Stroke
     pallet if not already visible. Using the direct selection tool click to select
     one of the thin lines. (see screen captures below)
     Under the Select pull down scroll to Same and select Stroke Weight
     With the all of the strokes with the same weight selected increase the
     stroke value by clicking on the right arrow in the Stroke pallet and
     selecting a greater value. As a general rule thin rules should not be less
     than .5 pt.




                                                   27
Shaded Area Tips
 Use 20% Increments starting with 0%



 Patterns fills can also be used instead of Shading




 Shades of grey are preferred because they are most
 compatible when copying and pasting into Illustrator.
 Pattern fill’that are not compatible can be substituted
             s
 using Adobe Illustrator preset patterns.




                                   28
Replacing Fills

Illustrator comes with a variety of preset
patterns. These patterns can be found on
the Hard drive and accessed by selecting
Window->Swatch Libraries->Other Libraries:

Typical location of preset patterns :
Local Disk(C:) ->Program Files->Adobe->Adobe Illustrator -
>Presets->Patterns->Basic Graphics




                                    29
Input Resolution

  In order to print, we need to get:
      From Here        To Here




                       30
Input Resolution
• Image files are
  made from tiny
  picture elements
  known as pixels.
• Input resolution is
  expressed in pixels
  per inch (PPI).




                        31
Input Resolution
              300 PPI Image Resolution




                        • Formula for
                          determining
                          proper image
                          resolution: two
                          times the output
                          screen frequency.




                   32
Input Resolution

                 At 300 PPI, 4 pixels
               generate 1 halftone dot.




                   33
Output Device

                An imagesetter is a high resolution
                output device that can transfer
                electronic text and graphics directly
                to film or plates used in computer-
                based preproduction work.



                Unlike the resolution on a home or
                office printer, which is probably
                between 300 - 600 dots per inch
                (dpi), the resolution on a typical
                imagesetter is 1270 or 2540 dpi




                      34
Output Resolution




 Halftone Grid                   15 LPI                   150 LPI

Halftone screens are measured in lpi (lines per inch). This refers to how
many rows, or lines, of dots fit in a linear inch. The number of lpi in a
halftone screen is called the screen frequency or line screen.




                                            35
Resolution Summarized

                    300 PPI Image File




                    2400 SPI Imagesetter
                    Resolution



                    150 LPI Halftone
                    Screen Frequency




               36
Screens

          • Binary system results
            in an optical illusion
            of tone gradation.
          • Continuous tone
            images are converted
            to varying sized dots
            in a grid pattern.
          • This is known as the
            “halftone”  process.




            37
Screens: Dots a Moiré

              • Uncontrolled variation
                of grid placement
                produces an
                undesirable Moiré
                pattern.




                  38
Screen Angles


            • Pre-set grid rotation
              minimizes the effect of
              Moiré.
            • Grids placed at 45
              degrees from each
              other result in the
              least amount of Moiré.




                 39
Screen Angles

•Moiré avoidance requires
multiple screen angles
precisely placed.
•Dominant colors are placed
at greatest angles.
• degrees between
 30
dominant colors.
•Proper screen angling
produces a minimized
“rosette” pattern.




                              40
Screens Summarized
             Halftone screen attributes
             include the screen frequency
             and dot shape for each
             screen used in the printing
             process.




             Setting the screens at
             different angles ensures that
             the dots placed by the four
             screens blend to look like
             continuous color and do not
             produce moiré patterns.




                41
Digitizing Images:
Types of scanning materials


Continuous-tone Art


Line Art


Previously Printed



                      42
Digitizing Images:
   Scanning & Moiré



Previously Printed Art        Moiré Pattern




                         43
Digitizing Images:
Scanning Moiré




Pre-Printed   Scanner Applied    Moiré Result
 Artwork          Screen




                            44
Fonts

Cadmus supports the use of the following
Type 1 PostScript fonts for the creation of
digital art figures:
                    •Times Roman
                    •Helvetica
                    •Arial
                    •Symbol
                    •European PI
                    •Mathematical PI

                            45
Where to Get Help

 Application Help
 Adobe provides a variety of options for you to learn applications,
 including online Help, and tool tips. You can easily access a host
 of continually updated Web resources for learning Illustrator,
 from tips and tutorials to tech support information using the:
 Help menu

 Cadmus Digital Art Web Site
 http://art.cadmus.com/da/

 Cadmus Email Support
 digitalart@cadmus.com



                                       46
Digital Art Analysis
Digital Art Tools make Electronic Images a Dynamic Medium

Not all authors understand the Digital Art Tools they use
    – Unintentional changes to images may result
    – Data may be lost
    – Data may be hidden
    – Data may become confusing to interpret

Some authors understand the Digital Art Tools they use
    – Proper image preparation may occur
    – Images may be enhanced
    – Images may be beautified
    – Images may be altered, in the worst cases, fraudulently

Hwang et al., Science 303(5664): 1669-1674, 2004 brought
  this issue to front page news
Digital Art Analysis
Most preventative steps are:
   – Suitable for low volume workflows
   – Rely on manual detection
   – Require high-level Photoshop skills
   – Are time consuming
   – Catch those errors the human eye can see

The optimal solution is:
   – Scalable
   – Capable of integration into Peer Review workflows
   – Robust, Fast, Easy to use
   – Software-based detection: Rigour ™, JPEG Snoop
Digital Art Analysis –Workflow Example
Digital Art Analysis –Sample One




    Original       Manipulated Version   Software Analyzed Output




         Healing/Touch-up detection
Digital Art Analysis –Sample Two


                             Original




Software Analyzed Output
Digital Art Analysis –Sample Three




             JPEGsnoop
Digital Art Analysis –Quality Matters




For more information see:        www.cenveo.com/pdf/digital_art_analysis.pdf

Contact Info:         Chris Coleman, Digital Specialist, colemanc@cadmus.com
                      Greg Suprock, VP/GM, suprockg@cadmus.com

More Related Content

What's hot

Technical concepts for graphic design production 9
Technical concepts for graphic design production 9Technical concepts for graphic design production 9
Technical concepts for graphic design production 9Ahmed Ismail
 
Color Management - an introduction
Color Management - an introductionColor Management - an introduction
Color Management - an introductionPatrickHerold
 
Raster Vs. Vector Presentation1
Raster Vs. Vector Presentation1Raster Vs. Vector Presentation1
Raster Vs. Vector Presentation1cdoeberl
 
Digital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopDigital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopMegaVjohnson
 
Bitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesBitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesDavina and Caroline
 
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
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]alebdaa
 
Merchandise presentation manual : Apparel Category
Merchandise presentation manual :  Apparel Category Merchandise presentation manual :  Apparel Category
Merchandise presentation manual : Apparel Category PESHWA ACHARYA
 

What's hot (17)

Chap26
Chap26Chap26
Chap26
 
The Holy sheets.
The Holy sheets.The Holy sheets.
The Holy sheets.
 
Technical concepts for graphic design production 9
Technical concepts for graphic design production 9Technical concepts for graphic design production 9
Technical concepts for graphic design production 9
 
Technical file
Technical fileTechnical file
Technical file
 
Bitmap and vector
Bitmap and vectorBitmap and vector
Bitmap and vector
 
Unit 54 assignment 1
Unit 54   assignment 1Unit 54   assignment 1
Unit 54 assignment 1
 
Color Management - an introduction
Color Management - an introductionColor Management - an introduction
Color Management - an introduction
 
Technical File
Technical FileTechnical File
Technical File
 
Digital graphics
Digital graphicsDigital graphics
Digital graphics
 
Raster Vs. Vector Presentation1
Raster Vs. Vector Presentation1Raster Vs. Vector Presentation1
Raster Vs. Vector Presentation1
 
Digital Photo Repair Using Photoshop
Digital Photo Repair Using PhotoshopDigital Photo Repair Using Photoshop
Digital Photo Repair Using Photoshop
 
Bitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the DifferencesBitmap and Vector Images: Make Sure You Know the Differences
Bitmap and Vector Images: Make Sure You Know the Differences
 
Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]Adobe photoshop extended cs5 [old version]
Adobe photoshop extended cs5 [old version]
 
Bitmap graphics
Bitmap graphicsBitmap graphics
Bitmap graphics
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]
 
L3 cmp technicalfile_180911
L3 cmp technicalfile_180911L3 cmp technicalfile_180911
L3 cmp technicalfile_180911
 
Merchandise presentation manual : Apparel Category
Merchandise presentation manual :  Apparel Category Merchandise presentation manual :  Apparel Category
Merchandise presentation manual : Apparel Category
 

Similar to Seminar5.1

Similar to Seminar5.1 (20)

Ch6
Ch6Ch6
Ch6
 
Ch06
Ch06Ch06
Ch06
 
Chapter Six
Chapter SixChapter Six
Chapter Six
 
Chapter 3
Chapter 3Chapter 3
Chapter 3
 
Chapter 3 : IMAGE
Chapter 3 : IMAGEChapter 3 : IMAGE
Chapter 3 : IMAGE
 
GJU MM Unit 3.pdf
GJU MM Unit 3.pdfGJU MM Unit 3.pdf
GJU MM Unit 3.pdf
 
Chapter 6 Graphics
Chapter 6 GraphicsChapter 6 Graphics
Chapter 6 Graphics
 
Adobe photoshop cc - session1
Adobe photoshop cc - session1Adobe photoshop cc - session1
Adobe photoshop cc - session1
 
Technical concepts for graphic design production 2
Technical concepts for graphic design production 2Technical concepts for graphic design production 2
Technical concepts for graphic design production 2
 
Raster vs vector
Raster vs vectorRaster vs vector
Raster vs vector
 
Week 1 ai into
Week 1 ai intoWeek 1 ai into
Week 1 ai into
 
Chapter11
Chapter11Chapter11
Chapter11
 
Bitmap and vector
Bitmap and vectorBitmap and vector
Bitmap and vector
 
Scct2013 topic 3_graphics
Scct2013 topic 3_graphicsScct2013 topic 3_graphics
Scct2013 topic 3_graphics
 
graphics
graphicsgraphics
graphics
 
Vector and bitmap
Vector and bitmapVector and bitmap
Vector and bitmap
 
Vector and bitmap
Vector and bitmapVector and bitmap
Vector and bitmap
 
Week 1 Ai Intro
Week 1 Ai IntroWeek 1 Ai Intro
Week 1 Ai Intro
 
pscs3vqp_excerpt
pscs3vqp_excerptpscs3vqp_excerpt
pscs3vqp_excerpt
 
Techinal file raster and vector images
Techinal file   raster and vector imagesTechinal file   raster and vector images
Techinal file raster and vector images
 

More from Society for Scholarly Publishing

04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadowsSociety for Scholarly Publishing
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterickSociety for Scholarly Publishing
 

More from Society for Scholarly Publishing (20)

10052016 ssp seminar2_newsham
10052016 ssp seminar2_newsham10052016 ssp seminar2_newsham
10052016 ssp seminar2_newsham
 
10052016 ssp seminar2_rivera
10052016 ssp seminar2_rivera10052016 ssp seminar2_rivera
10052016 ssp seminar2_rivera
 
10052016 ssp seminar2_pesanelli
10052016 ssp seminar2_pesanelli10052016 ssp seminar2_pesanelli
10052016 ssp seminar2_pesanelli
 
10052016 ssp seminar2_harley
10052016 ssp seminar2_harley10052016 ssp seminar2_harley
10052016 ssp seminar2_harley
 
10042016 ssp seminar1_session4_myers
10042016 ssp seminar1_session4_myers10042016 ssp seminar1_session4_myers
10042016 ssp seminar1_session4_myers
 
10042016 ssp seminar1_session4_demers
10042016 ssp seminar1_session4_demers10042016 ssp seminar1_session4_demers
10042016 ssp seminar1_session4_demers
 
10042016 ssp seminar1_session4_cochran
10042016 ssp seminar1_session4_cochran10042016 ssp seminar1_session4_cochran
10042016 ssp seminar1_session4_cochran
 
10042016 ssp seminar1_session3_stanley
10042016 ssp seminar1_session3_stanley10042016 ssp seminar1_session3_stanley
10042016 ssp seminar1_session3_stanley
 
10042016 ssp seminar1_session3_ranganathan
10042016 ssp seminar1_session3_ranganathan10042016 ssp seminar1_session3_ranganathan
10042016 ssp seminar1_session3_ranganathan
 
10042016 ssp seminar1_session3_odike
10042016 ssp seminar1_session3_odike10042016 ssp seminar1_session3_odike
10042016 ssp seminar1_session3_odike
 
10042016 ssp seminar1_session3_cochran
10042016 ssp seminar1_session3_cochran10042016 ssp seminar1_session3_cochran
10042016 ssp seminar1_session3_cochran
 
10042016 ssp seminar1_session2_walker
10042016 ssp seminar1_session2_walker10042016 ssp seminar1_session2_walker
10042016 ssp seminar1_session2_walker
 
10042016 ssp seminar1_session2_ivins
10042016 ssp seminar1_session2_ivins10042016 ssp seminar1_session2_ivins
10042016 ssp seminar1_session2_ivins
 
10042016 ssp seminar1_session2_holland
10042016 ssp seminar1_session2_holland10042016 ssp seminar1_session2_holland
10042016 ssp seminar1_session2_holland
 
10042016 ssp seminar1_session1_stanley
10042016 ssp seminar1_session1_stanley10042016 ssp seminar1_session1_stanley
10042016 ssp seminar1_session1_stanley
 
10042016 ssp seminar1_session1_keane
10042016 ssp seminar1_session1_keane10042016 ssp seminar1_session1_keane
10042016 ssp seminar1_session1_keane
 
10042016 ssp seminar1_session1_ivins
10042016 ssp seminar1_session1_ivins10042016 ssp seminar1_session1_ivins
10042016 ssp seminar1_session1_ivins
 
10042016 ssp seminar1_session1_asadilari
10042016 ssp seminar1_session1_asadilari10042016 ssp seminar1_session1_asadilari
10042016 ssp seminar1_session1_asadilari
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
 

Seminar5.1

  • 1. Digital Art Preflight and Analysis Society for Scholarly Publishing Baltimore, MD 27 May 2009 Chris Coleman, Digital Specialist, Greg Suprock, VP/GM 1
  • 2. Digital Art Preflight What is Preflight? – An objective review of an image designed to identify: – Resolution problems, – File format issues, – Color space concerns that may compromise quality, – Other problematic issues that could affect reproduction. What Preflight is not… – A way to evaluate the context of the image…that is copyediting. – A way to evaluate the scientific merit of an image…that is an editor or reviewer’ role. s – A way to evaluate whether an image is “ photoshopped”. 2
  • 3. Rapid Inspector: A preflight tool What is Rapid Inspector? – It’an application designed to ensure the quality and the s accuracy of images of images submitted by authors. – Help reduce time spent re-working digital art and quickly detect and resolve any manipulations before production. What does it do? – Rapid Inspector equips users with a technical assessment of a file and how it was built & it’characteristics. s – It accepts or rejects images based on your criteria and provides a list of errors with instructions for fixing them. 3
  • 5. Rapid Inspector Title Selection 5
  • 10. Rapid Inspector Results •File Formats •Creator (Applications) •Vector verses Raster images •Color •Size / Width & Height •Resolution •Fonts 10
  • 11. File Formats Graphic Formats designed for print –TIFF Acceptable Formats –EPS –PDF Peer Review only Graphic Formats designed for www –JPEG, GIF, BMP, PICT, WMF 11
  • 12. Industry Standard Editing Software Adobe Photoshop (tif) Best suited for editing images photos Adobe Illustrator (eps) Best suited for editing charts and graphs 12
  • 13. Pitfalls of Power Point Color accuracy PowerPoint files are intended for screen display (RGB color model). CMYK color conversion is required for (commercial printing). Poor typeface management PowerPoint files can be opened with no warning that a font is substituted. Thus, the font substitution is 'invisible' but very common and potentially bad. Cross-Platform inconsistencies Power Point presentations are not interpreted identically across platforms. Graphics may be altered in appearance or not display at all. Image format and resolution PowerPoint does not have the ability to save high resolution tiff or eps files. PowerPoint exports images using screen resolution, (72 dpi). 13
  • 14. Using PowerPoint Files The best option is to copy images from PowerPoint and paste into Adobe Illustrator. This copy-and-paste method will actually give you more predictable results without resolution, font, and quality issues. Please see this tutorial available on the Cadmus Digital art site http://cpc.cadmus.com/da/howto/creating_ai_eps_excel 14
  • 15. Vector Graphics • Vector graphics are made up of mathematically defined lines and curves called vectors. You can move, resize, or change the color of a line without losing the quality of the graphic. • Vector graphics are resolution-independent—that is, they can be scaled to any size and printed at any resolution without losing detail or clarity. As a result, vector graphics are the best choice for representing bold graphics that must retain crisp lines when scaled to various sizes (logos, for example). •Note: Because computer monitors can display images only on a grid, both vector graphics and bitmap images are displayed as pixels on-screen. 15
  • 16. Bitmap or Raster Graphics • Bitmap images—technically called raster images—are made up of a grid of dots known as pixels. When working with bitmap images, you edit pixels rather than objects or shapes. Bitmap images are the most common electronic medium for continuous-tone images, such as photographs or digital paintings, because they can represent subtle gradations of shades and color. • Bitmap images can lose detail when scaled on-screen because they are resolution- dependent, they contain a fixed number of pixels, and each pixel is assigned a specific location and color value. Bitmapped images can look jagged if they’ re printed at too low a resolution because the size of each pixel is increased. 16
  • 17. The 2 Worlds of Color Transmitted Light Reflected Light 17
  • 18. The 2 Worlds of Color • RGB exists in the transmitted world of light. • Is a reality in computer monitors and TV’ s. • Suitable for internet publishing at 72 PPI. • CMYK exists in the reflected world of light utilizing pigments. • Is a reality in all printed materials. 18
  • 19. The 2 Worlds of Color 60 52 99 Reflected Light Transmitted Light “Perceived” “Actual” 19
  • 20. The 2 Worlds of Color RGB Color Space Visible Spectrum Computer Monitors Human Eye (soft proofing) CMYK Color Space Offset Printing 20
  • 21. The 2 Worlds of Color RGB Conversion To CMYK 21
  • 22. Color Accuracy Please do not rely on a monitor display to predict color output on press. RGB colors on the screen are brighter than what is printed on paper. Colors onscreen are created with light, which adds brightness of its own to the colors. When printing on paper, the light is taken out of the equation. RGB color can also be "out of gamut" for CMYK printing, meaning that some of the colors cannot be replicated with printing inks. 22
  • 23. Column width A pica is printer's unit measure, equal to 12 points or 1/6 of an inch. Composition unit of measurement used in determining the dimensions of lines, illustrations, or printed pages. 1 column = 20 pica or 3.33 inches 1 1/2 column =30 pica or 5 inches 2 column = 41 pica or 6.833 inches 1 column 1.5 column 2 column 23
  • 24. Column Width & Sizing Calculating Sizing Percentage: “ ideal for scanning” The formula to determine resizing by percentage is to divide the target column width by the original width. A 4x5 original intended for 1 column: 3.33” 4” 0.832” 83% / = or Using rulers & guides to size: To create a ruler guide: If the rulers are not already displayed, choose View > Show Rulers. Position the pointer on the left ruler for a vertical guide or on the top ruler for a horizontal guide. Drag the ruler guide into position. To change the rulers' zero origin: Position the pointer over the intersection of the rulers in the upper left corner of the window, and drag diagonally down onto the image. A set of cross hairs appears, marking the new origin on the rulers. Drag guides to the desired column width. With the selection tool, select the object or objects to scale. Drag a handle until the selection is the desired size. Shift-drag the handle to preserve the proportion. 24
  • 25. Line weight & Type Fine Line Weights 100% Original and Small Type Small Type may be too small after reduction 1/2 Point 1 Point 2 Point 4 Point 25% Reduction 25
  • 26. Line weight & Type Tips Avoid using lines less than .5 Point Panel labels should be 14 point Helvetica Bold Type should be at least 9 pt at 100% Submit Artwork final size that it will appear in the journal (1 column wide, etc.) 26
  • 27. Adjusting Line Thickness Using Adobe Illustrator Under the Window pull down menu click on Stroke to display the Stroke pallet if not already visible. Using the direct selection tool click to select one of the thin lines. (see screen captures below) Under the Select pull down scroll to Same and select Stroke Weight With the all of the strokes with the same weight selected increase the stroke value by clicking on the right arrow in the Stroke pallet and selecting a greater value. As a general rule thin rules should not be less than .5 pt. 27
  • 28. Shaded Area Tips Use 20% Increments starting with 0% Patterns fills can also be used instead of Shading Shades of grey are preferred because they are most compatible when copying and pasting into Illustrator. Pattern fill’that are not compatible can be substituted s using Adobe Illustrator preset patterns. 28
  • 29. Replacing Fills Illustrator comes with a variety of preset patterns. These patterns can be found on the Hard drive and accessed by selecting Window->Swatch Libraries->Other Libraries: Typical location of preset patterns : Local Disk(C:) ->Program Files->Adobe->Adobe Illustrator - >Presets->Patterns->Basic Graphics 29
  • 30. Input Resolution In order to print, we need to get: From Here To Here 30
  • 31. Input Resolution • Image files are made from tiny picture elements known as pixels. • Input resolution is expressed in pixels per inch (PPI). 31
  • 32. Input Resolution 300 PPI Image Resolution • Formula for determining proper image resolution: two times the output screen frequency. 32
  • 33. Input Resolution At 300 PPI, 4 pixels generate 1 halftone dot. 33
  • 34. Output Device An imagesetter is a high resolution output device that can transfer electronic text and graphics directly to film or plates used in computer- based preproduction work. Unlike the resolution on a home or office printer, which is probably between 300 - 600 dots per inch (dpi), the resolution on a typical imagesetter is 1270 or 2540 dpi 34
  • 35. Output Resolution Halftone Grid 15 LPI 150 LPI Halftone screens are measured in lpi (lines per inch). This refers to how many rows, or lines, of dots fit in a linear inch. The number of lpi in a halftone screen is called the screen frequency or line screen. 35
  • 36. Resolution Summarized 300 PPI Image File 2400 SPI Imagesetter Resolution 150 LPI Halftone Screen Frequency 36
  • 37. Screens • Binary system results in an optical illusion of tone gradation. • Continuous tone images are converted to varying sized dots in a grid pattern. • This is known as the “halftone” process. 37
  • 38. Screens: Dots a Moiré • Uncontrolled variation of grid placement produces an undesirable Moiré pattern. 38
  • 39. Screen Angles • Pre-set grid rotation minimizes the effect of Moiré. • Grids placed at 45 degrees from each other result in the least amount of Moiré. 39
  • 40. Screen Angles •Moiré avoidance requires multiple screen angles precisely placed. •Dominant colors are placed at greatest angles. • degrees between 30 dominant colors. •Proper screen angling produces a minimized “rosette” pattern. 40
  • 41. Screens Summarized Halftone screen attributes include the screen frequency and dot shape for each screen used in the printing process. Setting the screens at different angles ensures that the dots placed by the four screens blend to look like continuous color and do not produce moiré patterns. 41
  • 42. Digitizing Images: Types of scanning materials Continuous-tone Art Line Art Previously Printed 42
  • 43. Digitizing Images: Scanning & Moiré Previously Printed Art Moiré Pattern 43
  • 44. Digitizing Images: Scanning Moiré Pre-Printed Scanner Applied Moiré Result Artwork Screen 44
  • 45. Fonts Cadmus supports the use of the following Type 1 PostScript fonts for the creation of digital art figures: •Times Roman •Helvetica •Arial •Symbol •European PI •Mathematical PI 45
  • 46. Where to Get Help Application Help Adobe provides a variety of options for you to learn applications, including online Help, and tool tips. You can easily access a host of continually updated Web resources for learning Illustrator, from tips and tutorials to tech support information using the: Help menu Cadmus Digital Art Web Site http://art.cadmus.com/da/ Cadmus Email Support digitalart@cadmus.com 46
  • 47. Digital Art Analysis Digital Art Tools make Electronic Images a Dynamic Medium Not all authors understand the Digital Art Tools they use – Unintentional changes to images may result – Data may be lost – Data may be hidden – Data may become confusing to interpret Some authors understand the Digital Art Tools they use – Proper image preparation may occur – Images may be enhanced – Images may be beautified – Images may be altered, in the worst cases, fraudulently Hwang et al., Science 303(5664): 1669-1674, 2004 brought this issue to front page news
  • 48. Digital Art Analysis Most preventative steps are: – Suitable for low volume workflows – Rely on manual detection – Require high-level Photoshop skills – Are time consuming – Catch those errors the human eye can see The optimal solution is: – Scalable – Capable of integration into Peer Review workflows – Robust, Fast, Easy to use – Software-based detection: Rigour ™, JPEG Snoop
  • 49. Digital Art Analysis –Workflow Example
  • 50. Digital Art Analysis –Sample One Original Manipulated Version Software Analyzed Output Healing/Touch-up detection
  • 51. Digital Art Analysis –Sample Two Original Software Analyzed Output
  • 52. Digital Art Analysis –Sample Three JPEGsnoop
  • 53. Digital Art Analysis –Quality Matters For more information see: www.cenveo.com/pdf/digital_art_analysis.pdf Contact Info: Chris Coleman, Digital Specialist, colemanc@cadmus.com Greg Suprock, VP/GM, suprockg@cadmus.com