22
Medienakademie ist cool: Comik erstellen mit Comik Life am Beispiel der Medienakademie Workshop von Tahara und Luzka bei der DeutschTschechischen Medienakademie 2012 am 15. August 2012

Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Embed Size (px)

DESCRIPTION

In der vorliegenden Präsentation wird beispielhaft gezeigt, wie man in Comic-Life, einer der beliebtesten Comic Erstellungssoftware im Bildungsbereich, insbesondere im Rahmen der außerschulischen Jugendbildung, einen Comik erstellen kann. Die Präsentation fokussiert sich nicht auf das Handling von Comic-Life selbst - dieses ist aus meiner Sicht weitestgehend selbsterklärend - sondern auf die Gestaltung des Layouts. Dabei wird folgendes gezeigt: 1) Übernahme von Design-Elementen einer Vorlage in Photoshop Elements zur Bestimmung der relevanten Farbtöne 2) Anpassung des Designs: Auswahl der Layout-Vorlage und dessen farbliche Anpassung . Darstellung der verschiedenen Anpassungsmöglichkeiten von Titel, des Hintergrundes und der Deckkraft.

Citation preview

Page 1: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Medienakademie  ist  cool:    Comik  erstellen  mit  Comik  Life  am  Beispiel  der  

Medienakademie  Workshop  von  Tahara  und  Luzka    bei  der  Deutsch-­‐Tschechischen    Medienakademie  

2012    am  15.  August  2012    

Page 2: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Medienakademie  Design    Elemente    übernehmen    

Dargestellt  am  Beispiel  Photoshop    

Page 3: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Screenshot  der  Seite  erstellen  und  mit  dem  Farbprogramm  die  Farbtöne  extrahieren  

l  Screenshot  mit  Windows:  (ALT  Gr  +  Druck),  bei  Mac  über  Dienstprogramme  mit  verschiedenen  FunkSonen  ,  z.B.  Screenshot  mit  AuswahlfunkSon  des  jeweiligen  AusschniUs  über  (  UmschalUasche  +  CMD  und  4)  (TastenkombinaSon  kann  individuell  angepasst  werden    

l   Hier  wurden  die  Seiten  mit  Photoshop  Elements  geöffnet    

Page 4: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

 Den  Farbton  extrahieren  im  Grafikprogramm  (Hier  Photoshop  )  

l  Die  Seite  in  einem  Grafikprogramm  öffnen.  

l  Mit  der  PinzeUe    kann  ganz  einfach  der  gewünschten  Farbton  extrahiert  werden,  und  dieser  dann  als  Vorder-­‐  und  Hintergrundfarbe  gewählt  werden:  Dazu  muss  man  erst  auf  die  PinzeUe  drücken  und  dann  auf  eine  Fläche  mit  dem  gewünschten  Farbton  (in  diesem  Fall  zuerst  rot)  

Fläche  mit  Farbton  

PinzeUe  

Page 5: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Die  Vordergrundfarbe  ändert  sich  

 Mit  den  Farbfeldern  in  Photoshop  Die  FarbinformaSon  entnehmen  >    Die  exakten  Farbtöne  können    übernommen  werden.  >  Ich  bekomme  hier  den  Rot  Ton  

Page 6: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Farbtöne  merken    

Farbecode  im  Hexadezimalsystem      

Farbcode  besSmmt  durch  die  Farbanteile  von  Rot  Grün  und  Blau  

Page 7: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Farbton  für  blau  auf  die  gleiche  Art  und  Weise  extrahieren    

Page 8: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Design-­‐Elemente  übernehmen    

 Mit  dem  Auswahlwerkzeug          kann  ich  einen  Teil  freistellen  (Bild  >  freistellen)    und  als  eine    eigene  Datei  abspeichern.  >  Diese  Elemente    Kann  ich  später  als  Photos  wieder  in  dem  Comik  verwenden.      (  Besser  wäre  es  das  Orginal-­‐Logo  zu  ver-­‐  Wenden):  Dateien  hierzu  findet  ihr  im  Ordner    und  könnt  Sie  als  Bilder  einbinden  (Urheberrechte  beachten)  

Page 9: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

An  Comik  Life  „rankommen“  

Dargestellt  am  Beispiel  Photoshop    

Page 10: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Comik  Life  herunterladen  und  öffnen  l   Für  Comic  Life  gibt  es  eine  30  Tage  lange  Trial  Version.  Diese  kann  ohne  Registrierung  heruntergeladen  werden  und  benutzt  werden.    

l  Comic  Life  gibt  es  für  Windows,  Mac  und  für  den  Ipad    

l  Comik  Life  kann  auch  auf  Webseiten  eingebunden  werden  

l  >  Einfach  zur  Herstellerseite  gehen:  

       hUp://plasq.com/products/comiclife    

Page 11: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Design    in  Comic  Life  anpassen    

Dargestellt  am  Beispiel  Photoshop    

Page 12: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Farbanpassung  vornehmen  l  Farbanpassung  vornehmen:  

Es  gibt  mehrere  Möglichkeiten  der  Farbanpassung.  

 Um  die  besSmmten  Farben  zu  übernehmen    

l   Die  PaleUe  Websichere  Farben  auswählen  

l  Anschließend  diese  zur  PalleUe  hinzufügen      

l  Für  Rot  genauso  verfahren      

Page 13: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Vorhandene  Farben  in  ComiC  Life    ansehen  und  ergänzen  

Unter  Format  >  Farbe  könnt  ihr  anschließend  Die  Farben  des  Layouts  sehen  und  bei  Bedarf  ergänzen    

Page 14: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Medienakademie  Design    besSmmen  übernehmen    

Dargestellt  am  Beispiel  Photoshop    

Page 15: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Layoutvorlagen  von  Comik  Life    auswählen      

•   Unter  Ablage  >  Neu  aus    Vorlagenauswahl  können  Verschiedene  Vorlagen    ausgewählt  werden.      •  Für  diese  wiederum  gibt  es    •  verschiedene  Möglichkeiten    •   die  Seiten  zu  gestalten    

Page 16: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

 Farbliche  Anpassung  der  Layoutvorlage    (opSonal)  

 Über  Füllen  kann  der  Hintergrund  angepasst  werden.    Wenn  das  gewählt  wird,  erscheint  wieder  die  bekannte  FarbpalleUe  mit  den  ausgewählten  Farben.  Nach  deren  Anwendung  verändert  sich  das  Layout      

Page 17: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

 Auswahl  und  Gestaltung  von    Seiten  –  entweder  individuell  oder  mit  Vorlagen    

1.   Mit  Vorlagenauswahl  (  über  Ablage  >  Neu  aus  Vorlagenauswahl)  

Vorlagen  mit  vielen  Anpassungsmöglichkeiten  (auch  für  einzelne  Seiten  und  Felder    2.      individualisiert:    Einfügen  leere  Seite    /  mit  Rasterlayout    /  mit  aktuellen  Feldern    (    Einfügen  >  ....      

Page 18: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Beispielhale  Seitengestaltung  über  eine  einer  vorgegebene  Vorlage    

l   Auswahl  eines  Layouts  

l  Veränderung  des  Hintergrundes  über  das  Menü  füllen:  (  Vordefinierte  selekSerte  Farben  werden  angezeigt).  

l  >  Layout  wird  im  gewünschten  Farbton  dargestellt    und  FormaSerungen  (z.B.  hier  Transparenz  bleibt  erhalten)  

Page 19: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Anpassung  des  Titels  (opSonal)  l   Genauso  können  andere  Elemente  der  Seite  angepasst  werden  

l  Beim  Titel  Beispielsweise  gehe  ich  wieder  über  das  Menü  füllen  und  kann  hier  neben  individuellen  Farben  aus  dem  Farbkreis  auch  die  vorselekSerten  Farben  benutzen  

Page 20: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

VariaSon  der  Hintergründe  durch  VariaSon  der  Deckkral  

Page 21: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Die  Seite  lebendig  machen  mit  Inhalten,  Sprechblasen  und  .......  Eurer  KreaSvität!  

l  Seiten  lasen  sich  ganz  einfach  bearbeiten:  l  Photos  können  einfach  aus  dem  Photoalbum  per  Drag  und  Drob  rübergezogen  werden.  

l  Sprechblasen  oder  Texnelder  hinzugefügt  werden.  

l  Die  Schrilzüge  können  individuell  Angepasst  werden.      

Page 22: Comik erstellen mit Comic Life (Schwerpunkt Layout) am Beispiel der Medienakademie

Und  jetzt  gestalte  ich  meine  Comik-­‐Seite!