VISUAL DOCUMENTATION

PRESENTATION

​

#FABRICADEMY2021 TUTORIALS

23-09-2021 | CLAUDIA SIMONELLI | 15:00 CEST

Fabricademy | textile & technology academy 2021

​

AGENDA� OF TODAY

• CLASS ARCHIVE
• GREAT DOCUMENTATIONS
• ONLINE TOOLS OVERVIEW
• PHOTO/VIDEO PRODUCTION
• MEDIA EDITING SOFTWARE
• DEMO OPEN SOURCE / SOFTWARE
• RESOURCES

​

class.textile-academy.org

STUDENTS DOCUMENTATIONS

Different documentations pages

(CC) Fabricademy 2017-21 websites

What makes a great documentation

Custom look

aesthetics

Technical

information

Clear

structure

Week 01 - Your Assignment

fabricademy.fabcloud.io/gitlab-documentation-tutorial/

Collect your inspirations

(CC) Betiana Pavon, Fabricademy 2018

Collect your inspirations

Collages - moodboards

(CC) Stephanie Santos, Fabricademy 2018

ONLINE RESOURCES

MEDIA�EDITING

Pinterest

Pinterest - Fabricademy

Unsplash - photos for everyone

Pexels - free photo/video footage

Color Palette Tools

Adobe Kuler

color.hailpixel.com

PhotoCollage

Canva

GIFS - Giphy / ezgif.com

PHOTO EDITING

MEDIA�EDITING

Raster vs Vectors

• Resolution / Bitmap images vs mathematically generated points and paths

(SVG / PDF) (TIF,...)

(SVG / PDF) (TIF,...)

Raster vs Vectors

PHOTO EDITING / (.JPG) (.PNG) (.TIFF) 2D (GRAPHIC) DESIGN / (.SVG) (.EPS) (.PDF)

Laser cutting

Workflow

​

• 2D Design software
• Vector Lines
• Closed loops
• RGB colors

0,001mm

Set up - Laser cutting jobs

• CUT: (vector file) closed loop, RGB Color, High Power - Low Speed
• ENGRAVE: (vector file) closed loop, RGB Color, Low Power - High Speed
• [RASTER: (bitmap file) closed loop, RGB Color, High Power - High Speed]

• RGB: 255, 0, 0
• RGB: 0, 255, 0
• RGB: 0, 0, 255
• RGB: 0, 0, 0

​

Resize your pictures - Workflow

Scale / Resize your pictures - Workflow

Gimp - Batch resize images plugin

​

​

• Scale down / Resize or Compress your pictures all at once!

​

​

With BIMP you can apply a set of manipulations to an entire group of images

Download here the plugin

MEDIA PRODUCTION

PHOTOS/VIDEOS

(CC) Loes Bogers, Fabricademy 2019

Taking great pictures/videos�for your documentation

​

REQUIREMENTS

​

• Great set-up
• Great light source
• Great background

​

AVOID

​

• Pixelated pictures
• Blurry pictures
• Meaningless pictures
• Vertical videos/square videos

(CC) Loes Bogers, Fabricademy 2019

DIY Photo�-Video stand

​

The stand can be laser cut from a 50x30 cm sheet of 4 mm MDF.�You can download these cut files below.

​

​

​

​

Download files here

(CC) Loes Bogers, Fabricademy 2019

DIY Lightbox

Lightbox - Instructables

DIY Lightbox - Tutorial

Photo Sweep Stand - Thingiverse

Creative Common License

Creative Common License

Photoshoot - Resources - How to shoot portraits

Photoshoot - Resources - How to crop portraits

​

VIDEO PRODUCTION

MEDIA�EDITING

LightWorks / Adobe Premiere - Adobe Rush

Video Editing - Workflow

Taking Videos for your

documentation

​

​

REQUIREMENTS

​

• Horizontal format is preferable
• 16:9 ratio is generally used
• HD Video - 720p minimum resolution (1080x720p is considered a good output)
• Embed your videos from your vimeo/youtube account in your documentation

GIT - How to embed your video in your documentation

HandBrake - Encode your video for different platform

Free Stock Photo Footage

​

• Unsplash - unsplash.com
• Pexels - pexels.com
• Pixabay - pixabay.com/photos
• Freepik - freepik.com
• Freeimages - freeimages.com

Resources

Photography - Build your light box at home

Youtube - DIY cardboard light box

Youtube - DIY cardboard light box

Instructables - Lightbox tutorials��Free photography and video online courses

Photography - free course for beginners - By MoMa

Video Editing - free courses on Udemy

fixthephoto.com/photoshop-portrait-tutorials.html

Resources

Free Stock Video Footage

​

• Free Stock Video Footage
• Vimeo - vimeo.com/groups/freehd
• Videvo - www.videvo.net
• Pexels - www.pexels.com/videos
• Pixabay - pixabay.com/videos
• Adobe Stock - stock.adobe.com/free/video
• Videezy - videezy.com

​

Resources

Free Music Libraries

​

• Royalty Free Stock Music
• Filmmusic.io - filmmusic.io
• Free music archive - freemusicarchive.org/curator/Video
• Bensoun - bensound.com/
• Youtube - youtube.com/freetousemusic�

​

Resources

• class.textile-academy.org
• gitlab.fabcloud.org/fabricademy/handbook

​

​

communications@textile-academy.org

References