Branding the Q&A-Sessions

Since summer 2020 I have been conducting the so-called Q&A sessions for my students and patrons. These are virtual meetings where the community can ask questions. For each session I invite a special guest from my network whose ideas or work I find particularly interesting for the community.

Screenshot of the Q&A with Process Studio

In June 2020 I started thinking about an appropriate visual branding for the announcements of the Q&A sessions. The requirements for this were relatively high:

Since I have to use different social media channels, there are different formats that are needed. The effort involved in designing the announcements should not take more than an hour. Furthermore, there should be a uniform visual appearance that makes the announcements immediately identifiable.

After some research I found out that Processing can be scripted with the command line. You can also pass parameters to the command line, which the sketch can then read.

In other words: It is possible to create a flexible Processing- application that can generate a responsive output for any media format.

This was the initial spark for the development of the dynamic branding system for the Q&A sessions.

The Shell-script i wrote looks like this:

/opt/processing-3.5.4/processing-java --sketch=./announcement --run 1200 900 "_43" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 900 900  "_11" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 1920 1080 "_169" 299
/opt/processing-3.5.4/processing-java --sketch=./announcement --run 800 600 "_gif" 89
ffmpeg -i ./announcement_gif.mp4 announcement_gif.gif

All data for each event is stored in a JSON-file, so that the Processing sketch does not need to be changed when the data is updated. All design changes are derived from this data.

{
	"guest": "Sander Sturing\n(Studio Dumbar)",
	"day":22,
	"month":10,
	"year":2020,
	"time": "6pm (CET)"
}

square
4:3
16:9

Published by Tim on Sunday October 18, 2020

Last modified on March 16th, 2021 at 17:33


Related

3 Tips to accelerate and optimize your learning process

Tips

The Infinite Layout Machine

Student Work

Processing Community Day 2021 – the recordings

Community Talks

PCD2021 – Q&A with Casey Reas

Community Talks

PCD2021 – Vera van de Seyp

Community Talks

Two Perspectives – Episode 3

Podcast

Processing-Tutorial: A Grid of Arcs

Tutorials

Processing-Tutorial: Exploring Wave-Figures

Tutorials

Interactive Grid System (Livestream)

Tutorials

The Hidden Benefits of Learning to Code

Philosophy Stories Writings

Talking at Zuibishe / China

Talks

Creative Coding Manifesto 2021

Films Philosophy Stories Writings

Out now: Typemachines

Future Plans

My Story (part 2 – told at Taaalks Conference 2020)

Stories Talks

New Course: Bauhaus Coding Workshop

Learnings from the Bauhaus about Art and Technology

Writings

TypeMachines – A workshop at écal Lausanne

Interview with Tech+Art Podcast

Interviews

My Story (Part 1)

Stories Writings

Processing-Tutorial: Rasterize 3D

Tutorials

Alpha-Release: “Creative Coding Essentials”

Processing-Tutorial: Image-Rasterizer

Tutorials

p5studio

Projects

Lifeline

Projects

Processing-Tutorial: Kinetic Typography 1

Tutorials

My 10 favorite Processing-libraries

4 alternative, free and well-curated resources for images, fonts and data

Writings

Processing or p5.js? My opinions

Programming Posters

Projects

The Bach-Project

Projects

Random Composition

Sessions

New Course: Copy and Paste

Building a Poster Design Tool

Sessions

Random Collage Generator

Sessions

The Wave

Sessions

TEDx UniPaderborn: Creative Coding as a tool for Digital Empowerment

Films Philosophy Stories Talks

PCD2021 – Sander Sturing

Community Talks

PCD2021 – Dr. Martin Lorenz

Community Talks

PCD2021 – Patrik Hübner

Community Talks

My talk at Two Times Elliott

Talks

Essential tips for students when learning to code

Stories Tips Writings

Chatting with COPE Studio