Workshop zur Erstellung von UI-Animationen mit After Effects für unsere Azubis zum Mediengestalter

Als anerkannter IHK-Ausbildungsbetrieb bildet Schommer Media seit vielen Jahren junge Menschen aus. Dabei garantiert die TYPO3 Internetagentur in Stuttgart für eine hohe Qualität der Ausbildung. Um den internen Wissensaustausch zu fördern, gibt es regelmäßig Schulungen, Workshops und Knowledge-Days. Unseren Azubis ermöglichen wir neben dem „Abarbeiten“ der Ausbildungsinhalte, so oft wie möglich auch den sprichwörtlichen Blick über den Tellerrand. Dazu gehört u.a., dass unsere Azubis zum Mediengestalter so viele Werkzeuge und Grafik-Programme wie möglich kennen lernen, um ihre Fähigkeiten zu erweitern. Hier ein kleiner Bericht unseres Azubis Michele vom gestrigen internen Workshop zur Erstellung von UI-Animationen, sowie seine erste eigene Animation mit After Effects :-).

In dieser Woche hat unsere Grafikabteilung einen Workshop zum Adobe Programm After Effects abgehalten. Die Software für Grafikanimation, visuelle Effekte und Digital Compositing wird größtenteils für Spezialeffekte in Filmen eingesetzt. Zum Beispiel kann man mit der Kamera eigene Bewegungen aufnehmen und diese dann auf eine Figur übertragen, bewegte Motive ausschneiden und vieles mehr. Der Workshop konzentrierte sich jedoch auf UI-Animationen, da diese für unsere Arbeit als Onlineagentur relevant sind.

Begonnen hat der Workshop mit einem groben Programmüberblick, da ich mit After Effects noch nie gearbeitet habe. Es ähnelt zwar dem mir bekannten Premiere Pro, jedoch gibt es auch einige Unterschiede. Im nächsten Schritt wurden mir die wichtigsten Dinge, die ich für UI-Animationen brauche gezeigt, u.a. Projektfenster, Kompositionsfenster, Zeitleistenfenster und die Werkzeuge.

Die Komposition, eine Timeline, ist die „Arbeitsgrundlage“ bei After Effects. Ein Projekt kann aus mehreren Kompositionen bestehen (wie ein Film aus mehreren Filmabschnitten). Außerdem wurde mir gezeigt wie ich den Arbeitsbereich einrichte, die Voreinstellungen einstelle, wie ich verschiedene Formen/Texte/Bilder drehen, skalieren und positionieren, und wie ich die Deckkraft verändern kann.

Nun folgte der praktische Teil und wir haben mit einer ersten Übungsaufgabe begonnen. Gezeigt werden sollte eine Suche, die im inaktiven Zustand einfach nur ein „Lupen-Icon“ darstellt. Sobald man jedoch mit der Maus auf die Lupe klickt, schiebt sich die komplette Suche auf und es passieren noch ein paar weitere Kleinigkeiten . Kein großer, aber ein ansprechender Effekt:

 

Wieso es für mich wichtig ist sowas zu können?
Wenn ich mir als Grafiker einen bestimmten Effekt ausdenke und ihn meinem Projektleiter oder dem Kunden erkläre, kommt es oft vor, dass sich jeder ein bisschen etwas anderes darunter vorstellt. Daher ist es von Vorteil, wenn man eine Animation oder einen Effekt wirklich zeigen, anstatt nur mit Worten erklären kann. So wird die von mir gewünschte Wirkung viel besser deutlich.

Es hat mir Spaß gemacht, im Rahmen des Workshops ein neues Programm und seine Möglichkeiten kennen zu lernen. Jetzt werde ich weiter mit After Effects arbeiten, um alle meine Wunschvorstellungen umsetzen zu können.

 

Michele und das Grafikteam von Schommer Media freuen sich immer über neue kreative Köpfe. Wenn ihr Interesse an dem Ausbildungsberuf zum Mediengestalter habt oder in einem Praktikum Eure gestalterischen Fähigkeiten ausbauen möchtet, dann schickt uns gerne Eure aussagekräftige Bewerbung an jobs@schommer-media.de und überzeugt uns! Weitere Informationen zu unserem Ausbildungsbetrieb und zu offenen Stellen findet ihr unter: www.schommer-media.de/jobs-internetagentur-stuttgart/.

Sag es weiter...
  • Facebook
  • Twitter
  • StumbleUpon
  • MySpace
  • del.icio.us
  • MisterWong
  • RSS
  • Add to favorites
  • email
  • PDF
Dieser Beitrag wurde unter Agenturleben abgelegt und mit , , , , , , , , , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*


*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>