Wenn man Zeichnungen und Fotos in einem Design gekonnt vereint sieht, wirkt das oft ganz natürlich und unangestrengt. Auch die Suche nach passendem Bildmaterial wird viel leichter, wenn man beide Bildarten einbeziehen kann. Wenn Sie sich aber selbst daran machen möchten, die beiden Stile zusammenzubringen, sind Sie vielleicht zunächst etwas aufgeschmissen. Wie lässt man die Kombination nahtlos und natürlich wirken? Wer hier ohne Plan und Strategie vorgeht, produziert leicht etwas, das zusammengewürfelt und unschön aussieht.

Heißt das jetzt, dass Sie eine volle Grafikdesignausbildung brauchen, um diese Kombination in Ihren E-Learning-Kursen zur Geltung zu bringen? Nicht unbedingt. Mit dem Wissen über ein paar grundlegende Ansätze ist schon viel gewonnen.

In diesem Artikel möchten wir Ihnen deshalb 4 kreative Ideen vorstellen, wie Sie Zeichnungen und Fotos in Ihren E-Learning-Kursen effektiv kombinieren können.

Ein Stil für den Hintergrund und einer für den Vordergrund

Dieser Ansatz ist Ihnen sicher schon in E-Learning-Kursen begegnet. Kein Wunder. Denn Fotos von Landschaften oder anderen Orten sind in der Content Library 360 oder auf Stock-Foto-Websites leicht zu finden. Und selbst wenn nicht, können Sie mit dem Smartphone unter Umständen leicht welche schießen. Fotos als Hintergrund mit gezeichneten Figuren im Vordergrund sehen jedenfalls oft gut aus.

In der Interaktion Mori’s Journey von Samara Reyneke sehen wir einen der wichtigsten Faktoren für die erfolgreiche Verschmelzung von Foto und Zeichnung: Einheitlichkeit! Die Hintergründe sind ausnahmslos Fotos, die Figuren und Gegenstände im Vordergrund ausschließlich gezeichnet. Und nicht nur das: Die Zeichnungen haben ebenfalls einen durchgehenden Stil. Durch Einheitlichkeit in diesen Aspekten wirkt die Kombination gezielt und kunstvoll. Ohne sie verkommt das Ganze schnell zu einer wilden Mischung ohne roten Faden.

Umgekehrt geht es natürlich auch: gezeichnete Hintergründe mit Fotos im Vordergrund. In Molly Fishers Lückentext-Grammatikübung z. B. sehen wir die gekonnte Kombination eines gezeichneten Fernsehers, in dem tatsächliche Videos laufen.

Mit Filtern Fotos wie Zeichnungen aussehen lassen

Zeichnungen und Fotos im selben Design zu kombinieren ist oft deshalb so schwierig, weil die beiden Bildstile so unterschiedlich sind. Aber was, wenn man sie einander annähern könnte? Kann man zum Glück! Und zwar mit Filtern. Die gibt es in so ziemlich jeder gängigen Bildbearbeitungssoftware oder auch in eigenständigen Filterprogrammen. Mit Filtern können Sie z. B. die Farben der Bilder vereinfachen oder Umrisse hinzufügen. Und da die Filter einheitlich auf Zeichnungen und Fotos angewendet werden, ähneln sie sich danach deutlich mehr.

Ein schönes Beispiel für diesen Effekt ist Tracy Carrolls Projekt Jonathan’s Story. Darin hat sie mit dem kostenlosen Tool Colorcinch alle Bilder wie Comiczeichnungen aussehen lassen. In dem Projekt werden zwar nur Fotos verwendet, aber man sieht schon, wie gut sich mit dieser Technik Fotos und Zeichnungen kombinieren lassen würden.

Extrem realistische Zeichnungen

Zeichenstile gibt es wie Sand am Meer. Von einfachen Skizzen bis hin zu hyperrealistischen Meisterwerken, die auf den ersten Blick wie Fotos wirken. Und genau diese Letzteren sind es, die wir für unseren dritten Ansatz brauchen. Denn je realistischer die Zeichnungen, desto weniger stark heben sie sich von den Fotos ab, mit denen wir sie kombinieren wollen, und das trägt zum harmonischen Gesamteindruck bei.

Ein tolles Beispiel für diesen Ansatz ist Sarah Hodges Kurs How to Fight a Bear. Hier hat sie statt Fotos 3D-Modelle von Bären verwendet, damit die Teilnehmer die Bären drehen und von allen Seiten betrachten können. Und da die Modelle so gestaltet wurden, dass sie möglichst realistisch aussehen, passen sie sich wunderbar in die Hintergrundfotos ein.

Zeichnerische Elemente als bewusste Akzente

Haben Sie schon einmal eine Sportsendung gesehen, bei der der Moderator Pfeile oder Kreise auf einen Screenshot des Geschehens gezeichnet hat, um den Zuschauern zu erklären, was da gerade passiert ist? Dieser Ansatz funktioniert auch im E-Learning. Sie nehmen ein Foto als Grundlage und legen zeichnerische Elemente darüber, um einzelne Details hervorzuheben.

Sehr schön zu sehen ist dieser Ansatz im Beispiel zur Röntgenbestrahlung von Preethi Ravisankar. Hier zeigen die über das Foto gelegten Zeichnungen, wie das Skelett eines Menschen aussieht. Durch das konkrete Design des Beispiels greifen Foto und Zeichnung ineinander und wirken harmonisch zusammen.

Sicher haben Sie auch schon mal Werbespots, Websites oder Bucheinbände gesehen, in denen Fotos mit einfachen skizzenartigen Strichzeichnungen kombiniert werden. Diese Mischung ist seit etlichen Jahren beliebt und kann Ihrem Projekt einen jungen, freundlichen, entspannten Charakter verleihen. In dieser Beispielinteraktion von Samuel Apata sind mehrere Kritzelzeichnungen um eine fotografierte Person herum angeordnet, die aussieht, als würde sie die verschiedenen Themen genau studieren.

Weiter Lektüre

Mit diesen 4 Ansätzen wollten wir Ihnen erste Anregungen zur Kombination von Zeichnungen und Fotos geben. Natürlich gibt es noch viele andere Methoden und Techniken, mit denen sich diese Kombination gekonnt rüberbringen lässt. Behalten Sie das Thema einfach mal im Hinterkopf, wenn Sie in der digitalen Welt unterwegs sind: Sicher werden Ihnen viele Designs auffallen, in denen sie auch gelungen ist. Lassen Sie sich davon inspirieren.

Wenn Sie mehr zum Einsatz von Bildern in E-Learning-Kursen lesen möchten, folgen Sie doch einem dieser Links:

• 4 Tipps für E-Learning-Designer, die ihre Fotos selbst machen möchten
• 7 kreative Einsatzmöglichkeiten für Bilder in Rise-360-Kursen
• 5 clevere Einsatzmöglichkeiten für animierte GIFs in E-Learning-Kursen
• Mixing Photo and Illustration Examples in E-Learning Design
• Mit diesen 4 Kniffen frischen Sie ältere E-Learning-Kurse im Nu auf

Wenn Ihnen dieser Beitrag gefallen hat, abonnieren Sie doch unseren wöchentlichen Blognewsletter.