Sketchcity: Day 1

Los gehts mit der Sketchcity-Woche. Die Aufgabe heute: Skizziere die Stadt. Einfach drauf los. Aber immer unter Berücksichtigung des Themas, in meinem Falle «Culture & Heritage».

Im Workshop «Ideation or how to find an innovative idea?» brainstormte ich über eine Projektidee, im Allgemeinen wie Menschen verschiedener Kulturen kommunizieren und wo Problematiken auftauchen. Hier einige Beispiele:

  • Wie würde eine Lösung im Stile der Floating-Pavilions bei den alten Bauten wie dem Stadhuis aussehen?
  • Rund 50% der Einwohner Rotterdams sind keine Einheimische. Gibt es da mehr Velounfälle, da diese Personen die «Velokultur» nicht kennen?
  • Kulturen zusammenbringen: Eine Kirche für alle?
  • Ein Kultur-Café als Austauschort
  • Wie wichtig sind die historischen Bauten aus der Zeit vor dem 2. WK für die Non-Dutch-People?
  • Verändert sich das Kulturverständnis durch die Änderung der Gesellschaftszusammensetzung?
  • Wie wird der Memorialday in 50 Jahren gefeiert?
  • Hinterlassen die 50% Non-Dutch-People bereits einen kulturellen Abdruck?

 

«How to draw a streetline» hiess der nächste Workshop, in welchem wir uns mit den Details des Häusermalens auseinandersetzten. Wenn man aber jedes Detail zeichnen möchte, könnte man auch gerade so gut eine Foto machen. Deshalb muss man einen Schwerpunkt setzen. Das gibt uns als Skizzierende auch die Möglichkeit, eine Aussage zu machen.


Tür, Fenster, Antenne, Regenrinne, Briefkasten, Ziegel, Terasse, Kamin…


Lerne vom Meister: Wandstruktur zeichnen…

 

Der lezte Workshop des heutigen Tages «Drawing organic&anorganic material» ging um Bäume. Bäume anschauen, Bäume beobachten, Bäume zeichnen. Anorganische Dinge (z.B. Häuser) mit hartem, organische Dinge (z.B. Pflanzen) eher mit weichem Strich zeichen, um einen Konstrast zu schaffen.

Links vorher, rechts Nachher: Schatten unten gibt dem Objekt Volumen, im Vordergrund der Schatten stärker, die grobe Form vorzeichnen und dann in kleinere Portionen unterteilen und detaillierter zeichnen.


Zweiter Versuch mit der Vorlage zum Vergleich.

 

Danach ging es ans skizzieren, kritzeln und ausprobieren. Hier einige Impressionen:

 

Wissenschaftlicher Essay: The Dark Knight

Im Fach Medienethik II hatten wir die Aufgabe, einen wissenschaftlichen Essay zu schreiben, der sich mit dem Thema Gewalt oder mit dem Thema Diskriminierung kritisch auseinandersetzt.

Die Vorgaben:
• Der Aufbau ist schlicht und nachvollziehbar. Die Hausarbeit umfasst prinzipiell drei Teile: Einleitung, Hauptteil, Schlussfolgerung.
• Der Essay befasst sich mit mindestens ein mediales Artefakt und analysiert dieses auf der Makro- (Verhältnis Plot/Story, Funktion der Räume, Figuren und Handlungsstrukturen, Zeitstrukturen, usw.) und/oder Mikroebene (Kameraausschnitte, Farbgestaltung, Ton, Montage, usw.). Die Analyse ist Teil der Argumentation.
• Innerhalb des Essays müssen mind. drei wissenschaftliche Quellen (Monographien, Artikel, usw.) zitiert werden, die sich mit dem Thema oder mit theoretischen/methodologischen Aspekten der Analyse audiovisueller Medien auseinandersetzen. Dabei gelten die Richtlinien zum Zitieren und zur Gestaltung des Literaturverzeichnisses in Anlehnung an die APA-Norm.
• Der Essay umfasst zwischen 10’000 bis 12’000 Zeichen (inkl. Lehrzeichen, Fussnoten und Bibliographie).

Hier könnt ihr den fertigen Text lesen.

Freies Kommunikationsmittel: GIF

Als drittes habe ich mit Hilfe eines Greenscreens GIFs hergestellt, welche auf Social Media als Werbemittel ausgespielt werden. Der Ablauf ist immer derselbe: zuerst ein kurzer Penspinning-Trick, danach das animierte Logo und zum Schluss der Werbetext. Das Element der Drehung soll hier voll ausgeschöpft werden mit dem Hintergrund, dem Trick und dem Logo.

Greenscreen


Der sich drehende Stift soll möglichst in der Mitte des sich drehenden Hintergrunds liegen
Das blaue Klemmteil beim Stift zeigts beim GIF nicht schön an


Wahl eines neuen Stiftes, welcher sich besser vom Greenscreen trennen lässt
Dennoch einige Unreinheiten beim Keyframen des Greenscreens: unten links einige Pixel, grüner Schimmer auf Hand
Bringe ich leider nicht weg, für kurzes Social-Media-GIF sollte dies aber genügen

Animiertes Logo


Stift rotiert gleich wie Hintergrund, jedoch ziemlich langsam (3s), da Hintergrund nicht zu schnell drehen kann, weil sonst zu hektisch
Hintergrund hört auf zu Drehen, sobald Stift unten ankommt


Stift rotiert schneller (0,5s), ist nicht mehr synchron mit Hintergrund
Hintergrund rotiert nun auch nach dem Logo noch weiter
Swooshes dazuanimiert, um dem ganzen mehr Schwung zu verleihen
Motion Blur aktiviert, wirkt gleich viel dynamischer

Text


Schriftart “Indie Flower” wie im Logo
Hierarchie fehlt, man weiss nicht, was lesen


Aufruf “Chumm verbi!” in “Indie Flower” gelassen, jedoch gekrümmt wie beim Logo
Grösse: 100pt
Schriftzug wird in Animation zuerst allein eingeblendet, um Lesefluss zu steuern


Info zu Schriftart “Gitan” gewechselt
Grösse: 70pt

Website: Tutorials & Footer

Vorher


Box um jede Videoreihe (Gesetz der Geschlossenheit)
Videolisten-Titel: 35pt
Videobeschreibungen: 20pt
Videobeschreibungen wie Bildbeschreibungen kursiv

 


Textgrösse: 30pt
Auf Raster angeordnet

 

Nachher


Absatz bei Videobeschreibung rausgenommen (Gesetz der Nähe)
Boxen entfernt, braucht es nicht
Drei Punkte bei Videobeschreibung angebracht, damit man weiss, dass der Text weitergeht
Hintergrund entfernt, da Layout keinen Bezug darauf nimmt

 


Icons von Social Media verkleinert, da sonst von Logo ablenkt
Elemente symmetrisch angeordnet

 

Website: Startseite


Erster Entwurf der Startseite in Adobe XD
Noch mit “Neue Haas” als Schriftart bei den Menupunkten
Problem: Hintergrund schimmert transparent durch Logo

 


Im Illustrator-File musste ich unter jeden transparenten Stift einen weissen Hintergrund legen (markierte Gruppe), damit bei einem mit Transparenz exportierten PNG der “Inhalt” der Stifte nicht transparent ist, sondern nur die Striche. Bis ich da mal draufgekommen bin…

 


Da stand bereits die finale Version der Startseite
Mit korrekt dargestelltem Logo und der Schriftart “Gitan” bei den Menupunkten