introductory and intermediate users workshop preparing digital images … ucla seminars... · 2008....

42
PREPARING DIGITAL IMAGES Introductory and Intermediate Users Workshop UCLA Molecular Biology Interdepartmental Graduate Program May 14, 2008 Michael Hepp Technology Strategist The Sheridan Group Journals PREPARING DIGITAL IMAGES FOR PUBLICATION

Upload: others

Post on 25-Sep-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

PREPARING DIGITAL IMAGESIntroductory and Intermediate Users Workshop

UCLA Molecular Biology Interdepartmental Graduate ProgramMay 14, 2008

Michael HeppTechnology StrategistThe Sheridan Group Journals

PREPARING DIGITAL IMAGES FOR PUBLICATION

Page 2: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

General Submission Guidelines for the following journals:

Topics

Nature Publishing GroupCell PressGeneticsJournal of Cell BiologyJournal of Experimental Medicine

Journal of Lipid ResearchBiophysical JournalThe Plant CellPlant PhysiologyAmerican Journal of Botany

2

pJournal of General Physiology

yJournal of Neuroscience

Page 3: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Imaging Foundations

RGB Image Submission and Color Management

A Few Helpful Tips

Topics

3

Page 4: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Vector Images

4

Page 5: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Vector Images

Vector graphics are made up of lines and curves called vectors.

Created in drawing programs such as Illustrator, Freehand, CorelDraw, Word, PowerPoint.

Vector graphics are resolution-independent

Fonts need to embedded or converted to outlines or paths. Lines minimum of .25 pts.

5

Page 6: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Raster Images

6

Page 7: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Raster Images

Raster images are made up of pixels.

Created by capture devices such as digital cameras or processed in image editingcameras or processed in image editing programs such as Photoshop.

Raster images are resolution dependent.

Text and lines are raster elements and are not editable

7

Page 8: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Resolution

72 ppi 300 ppi

8

Page 9: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Effective Resolution

Actual resolution factored for scaling

9

Page 10: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Printing Process

Halftone Screening

10

Page 11: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Printing Process

Halftone Screening

11

Page 12: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Line ArtHalftonesCombinations

Types of Images

12

Page 13: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Line Art Images (Bitmap)

Images comprised of black and white elements only

1000 ppi minimum resolution1000 ppi minimum resolution

1200 ppi preferred for thin line reproduction

13

Page 14: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Line Art Images (Bitmap)

14

Page 15: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Line Art Images (Bitmap)

1000 ppi 600 ppi 300 ppi

15

Page 16: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Halftone

Image only

Grayscale or color

300 ppi minimum resolution300 ppi minimum resolution

16

Page 17: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Halftone

17

Page 18: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Combination (Combo)

Halftone and line art combined

Grayscale or color

600 ppi minimum resolution600 ppi minimum resolution

1000 -1200 ppi maximum

18

Page 19: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Combination (Combo)

19

Page 20: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

File formats

TIFF – Tagged Image File FormatEPS – Encapsulated PostScriptJPEG – Joint Photographic Experts Group

20

GIF – Graphics Interchange FormatPDF – Portable Document FormatMS OFFICE – DOC, PPT, XLS

Page 21: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Recommendations…

TIFFEPS

Also accetpable, if prepared correctly:JPEG (compression)PDF (Distiller Settings)*Microsoft Office (Guidelines and settings)

21

Page 22: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Fonts and font embedding

Use standard font families when labeling images and be consistent throughout your images

H l ti A i lHelvetica or ArielTimes RomanSymbolMathematical PiEuropean Pi

22

Page 23: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Font embedding

When submitting vector files either embed the fonts (when possible) or convert to outlines

23

Page 24: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Font embedding

Adobe Illustrator

24

Page 25: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Font embedding

Microsoft PowerPoint

25

Page 26: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

File compression

Lossless Compression Lossy Compression

LZW, ZIP, CCITT G4 JPEG

26

Page 27: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

File compression

Lossless techniques JPEG compression

27

Page 28: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Color Mode

Author Supplied RGB Author Supplied CMYK

28

Sheridan Converted CMYK

Page 29: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

RGB Submission

Most journals requires the submission of images in RGB color modeEasier for authorsColor managed conversion to CMYKOpportunity for full gamut RGB online

29

Page 30: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

ICC Profiles

Describe a devices ability to render colorNecessary for accurate conversion to CMYK

30

Page 31: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

ICC profiles

Adobe Ricoh

31

Page 32: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Embedding ICC profiles

Adobe Photoshop Adobe Illustrator

32

Page 33: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Preparation Tips…

33

Page 34: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Find balance of quality/size

IMAGE SIZE: 3” x 4” 600 ppi

RGB EPS 24.7MB

RGB TIFF with NO compression 8.9MB

34

RGB TIFF with LZW 3.3MB

RGB JPEG, Quality 8 354 KB

IMAGE SIZE: 3” x 4” 300 ppi

RGB TIFF with LZW 1.6MB

Page 35: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Print quality digital photos

Choose settings that maximize qualityJPEG, TIFF, and RAW formatsJPEG quality settings = compressionB l lit ith fil i

35

Balance quality with file sizeRAW format is the new digital negativeCapture in RAW, convert to TIFF

Page 36: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Alternate applications

Adobe Photoshop ElementsWeb-based Image Editors (Picnik, PS Express)Open Source applications (Gimp)

36

*Just be aware of lack of color management support

Page 37: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Screen Captures

37

Page 38: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Screen Recording

38

Page 39: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Avoid Pattern FillsDo not use pattern or textured fills in graphics.Use solid fills or percentage screens.A 20% difference in percent screens is most effective for differentiation.

39

0.00

1.00

2.00

3.00

4.00

5.00

6.00

7.00

8.00

CJ2R 2RC003

Per

cen

tag

e In

ten

sity

as

Par

t of t

he

Bla

dd

er

Inte

nsi

ty

Monkeys

Extremity Mean Image Intensity as a Percentage of Bladder Mean Intensity

Average Control Monkeys Pre 3 Month 6 Month 14 Month

Page 40: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Crop Excess White SpaceUse Adobe Photoshop’s Trim Feature

40

Page 41: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Online Preflight

http://dx.sheridan.com/

41

Page 42: Introductory and Intermediate Users Workshop PREPARING DIGITAL IMAGES … UCLA Seminars... · 2008. 5. 19. · Vector Images Vector graphics are made up of lines and curves called

Presentation available at:

Site: ftp.dartmouthjournals.com

Username: digexpPassword: 619exp

42