Graphic and Video Editing for Scientific Publications

Size: px

Start display at page:

Download "Graphic and Video Editing for Scientific Publications"

Sheena Hopkins
6 years ago
Views:

Research Collection Presentation Graphic and Video Editing for Scientific Publications Author(s): Fankhauser, Péter Publication Date: 2018-03-08 Permanent Link: https://doi.org/10.

1 Research Collection Presentation Graphic and Video Editing for Scientific Publications Author(s): Fankhauser, Péter Publication Date: Permanent Link: Rights / License: Creative Commons Attribution 4.0 International This page was generated automatically upon download from the ETH Zurich Research Collection. For more information please consult the Terms of use. ETH Library

2 Created with PowerPoint by Tatsuo Horiuchi Graphic and Video Editing for Scientific Publications Péter Fankhauser Presentation: Péter Fankhauser

Ground Rules Graphic design, photography, and video editing are specialized skills with a formal education (just like programming) Design is about efficient communication, not about making

3 Ground Rules Graphic design, photography, and video editing are specialized skills with a formal education (just like programming) Design is about efficient communication, not about making things pretty Observance and practice are key A better program does not automatically create better results (just like with cameras) (video) Tatsuo Horiuchi / 2

4 Image Example I Basic Photo Editing Curve tool overall bright. & contrast Hue / WB HDR / structure tool local contrast Sharpen Snapshot from video Péter Fankhauser

Image Example II Stitching Images Use a tripod to record a video or sequence of photos Add single images as layers and choose ground layer Use manual

5 Image Example II Stitching Images Use a tripod to record a video or sequence of photos Add single images as layers and choose ground layer Use manual settings for focus, exposure, shutter speed Use masks to make parts of layers visible Beware of overlapping areas and shadows Péter Fankhauser

Image Example III Schematic Drawings t 1 t 2 B Estimated & real robot pose B Real terrain I Uncertainty of inertial frame relative to the robot pose M Map expressed relative to robot frame Estimated

6 Image Example III Schematic Drawings t 1 t 2 B Estimated & real robot pose B Real terrain I Uncertainty of inertial frame relative to the robot pose M Map expressed relative to robot frame Estimated terrain Covariance boundary Sketch figure first for proportions Draw with vector program Scalable Easily editable Use colors/transparency to highlight and separate but think of b/w print Use same font for variables as in text (Latin Modern Roman, Times) 5

7 Image Example IV 3D Drawings Sensor tilt Min. Max. range Hor. FOV r A Ver. FOV r B δ n AθA A δ θ B n B B Measurements on scene Shadowing from obstacle 6

8 Image Example IV 3D Drawings Sensor tilt Min. Max. range Hor. FOV r A Ver. FOV r B δ n AθA A δ θ B n B B Measurements on scene Shadowing from obstacle Render image with 3d program ANYmal 3d model 6

9 Image Example IV 3D Drawings Sensor tilt Min. Max. range Hor. FOV r A Ver. FOV r B δ n AθA A δ θ B n B B Measurements on scene Shadowing from obstacle Render image with 3d program ANYmal 3d model Add annotations and schematics as vector graphics Use perspective tool 6

10 Images for Papers and Presentation I Work with vector graphics as much as possible (you can mix pixels and vectors) Export MATLAB figures as PDF/EPS (also save the.fig file) and work on colors, line types, legends, highlights, and background images in graphics program For photos and video stills, improve white balance, brightness, contrast, and sharpness in post processing Work with layers to later animate steps in presentation Be consistent with fonts, colors, and sizes Use colors to highlight/separate, but beware about readability in b/w Make use of the space (minimize whitespace) If applicable, add links to figures to YouTube videos with time-code 7

11 Images for Papers and Presentation II Combine information from multiple places in one figure (condense information) With help of the caption, create a cohesive narrative for each figure Before submitting PDF, optimize file size (DPI, hidden layers, previews, etc.) Further reading: Books by Edward Tufte Programs Photo editing: Photoshop, Lightroom, GIMP, Affinity Photo, Pixelmator, Pixlr, Acorn, Photofox Vector graphics: Illustrator, Inkscape, CorelDRAW, Sketch Presentations: Keynote, PowerPoint, OpenOffice, LaTeX Optimize PDF: Acrobat Pro ( Save as Other Optimized PDF DPI: 300, JPG-Quality: High) 8

12 Video Example I Overlays Perfect spatial adjustment requires a lot of work Adjust RViz view manually Time-adjustment more important Play ROS bag at lower speed (e.g., 0.25x) Speed up in video editing 9

13 Video Example II Motion Tracking Provide contrast for tracker Add sticker Use After Effects tracking markers Following markers and connection lines Draw motion 10

14 Video Example II Motion Tracking Start positions right hind foot Start positions right fore foot Foot slips due to obstacle Provide contrast for tracker Add sticker Use After Effects tracking markers Following markers and connection lines Draw motion Also useful for figures 10

15 Video Example III Editing Work with quick cuts & different perspectives Add short captions Add view of robot Motion does not need to be cohesive, but logical 11

16 Video Recording and Editing I Get close to the action (if not possible, crop video in post) Use a tripod and reduce noise in background Maximize light and think about light direction Sound of the robot can be important, minimize other noise in video Adjust white balance, contrast, and brightness in post Start the video with the coolest part, you can repeat it at the end Shorten captions to a minimum If possible, add voice-over and captions 12

17 Video Recording and Editing II Use templates (ETH/RSL) Publish in max. available resolution (4K in 2018, mp4 H.264 format) Work with 60 FPS or more for fast moving robots (for slow-motion use max. FPS) Provide authors and contact information at the end of the video Programs Editing (+ some effects): Final Cut Pro, Premier, imovie, LumaClip Effects: After Effects, Motion, Photoshop 13

18 Bonus: Tables Which one looks better? Small Guide to Making Nice Tables by Markus Püschel 14

19 Super Bonus: Spell Checking Grammarly Check spelling/grammar with Grammarly 15

20 Thank You Péter Fankhauser 16

An Introduction to Histograms in Photography

An Introduction to Histograms in Photography Histograms are a graphical representation of all the pixels that make up an image, and are plotted by 'Luminance' or brightness. Every pixel, regardless of