Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →

Dr. Web » Webdesign » Photoshop-Tutorial: So erschaffen Sie ein kreatives Science Fiction-Poster

Photoshop-Tutorial: So erschaffen Sie ein kreatives Science Fiction-Poster

Artikel weiterempfehlen

  • Aktualisiert am 6. Februar 2023
  • Jetzt kommentieren
  • Dirk Metzmacher von Dirk Metzmacher
Lesedauer: 5 Minuten

Inhaltsverzeichnis

Photoshop lässt Fantasien Wirklichkeit werden. Wir können unser kreatives „Kino im Kopf“ Pixel für Pixel umsetzen und ein Bild dessen schaffen, was sonst nur wir sehen. Heute wollen wir ein Science-Fiction-Poster gestalten, das noch nicht allzu viel von der Geschichte verrät. Themen gibt es unbegrenzt, genau wie gute Beispiele existierender Filmposter, an denen wir uns orientieren können. Ansonsten setzt nur die eigene Fantasie die Grenze und Ihre Fähigkeiten in Photoshop, die wir mit diesem Beitrag massiv erweitern.

Bald auch in Ihren Kinos: Earth 9

Diese Komposition zeigt ein Plakat mit einer Szene des Films im Weltraum, welches unsere Heldin vorstellt und die Geschichte andeutet. Der Titel ist zu sehen, sowie die typischen Filmcredits, mit den Schauspielern und Produzenten.

teaser-filmposter

01 Das Ausgangsmaterial

Für ein Science-Fiction-Poster braucht es schon ganz besonderes Bildmaterial. Das Model ist da noch das kleinste Problem. Schwieriger sind Aufnahmen der Erde und eines Raumschiffes. Natürlich könnte man diese komplett in Photoshop gestalten, doch geht es hier rein um die Zusammenstellung einer Filmposter-Komposition, so dass wir auf Stockmaterial zurück gegriffen haben.

sci-fi-filmposter1

Das hier eingesetzte Bildmaterial ist: Light Flare, Space ship, Tragic night sky, Earth at night und Girl in orange latex catsuit. Für schöne Lensflare-Effekte (die dürfen ja derzeit in keinem Film fehlen) haben wir einen guten Tipp: High Quality Optical Flares Stock von PSD Box.

sci-fi-filmposter2

02 Hintergrund gestalten

Im Hintergrund ist das Foto der Erde zu sehen, wobei der Lensflare-Effekt prominent zum Einsatz kommt. Dieser liegt auf einer eigenen Ebene vor, dessen Füllmethode auf Negativ multiplizieren umgestellt wurde. So wird der schwarze Hintergrund ausgeblendet und nur der Lichteffekt bleibt bestehen. Mit gleicher Methode wurden einige Wolken eingefügt.

sci-fi-filmposter3

03 Freistellen

Eine Option zum Freistellen ist das Zeichenstift-Werkzeug. Aktivieren Sie das Werkzeug und stellen Sie in der Optionsleiste Pfad (statt Form oder Pixel) ein. Etwas weiter rechts ist ein Zahnrad-Icon zu sehen, wo Sie Gummiband aktivieren, um den Pfad besser verfolgen zu können. Auch sollte Autom. hinzuf./löschen aktiv sein.

sci-fi-filmposter4

Mit dem Zoom-Werkzeug gehen Sie näher an das Bildmotiv heran und setzen einen ersten Punkt an der Kontur, dem zahlreiche weitere folgen. Sollten Sie einen Punkt falsch gesetzt haben, halten Sie die Strg-Taste gedrückt und positionieren diesen neu. Eine Kurve ziehen Sie mit gedrückter Maustaste und dem Ziehen der Maus auf.

Photoshop möchte nach einer Kurve eine weitere Kurve ziehen, was Sie mit einem Klick auf den zuletzt gesetzten Punkt bei gedrückter Alt-Taste verhindern. So können Sie danach leicht wieder gerade Linien ziehen. Wurde der Pfad geschlossen, so erzeugen Sie über das Tastenkürzel Strg+Eingabetaste eine Auswahl. Klicken Sie dann unten im Ebenenbedienfeld auf den Button Ebenenmaske hinzufügen. Das Bildelement wurde freigestellt.

sci-fi-filmposter5b

04 Freigestelltes optimieren

Auch wenn ein Bildelement perfekt freigestellt wurde, sieht man oft am Rand einen unschönen Schein, wo noch der alte Hintergrund durchscheint. Der folgende Trick hilft dagegen: Kopieren Sie die Ebene über Strg+J und klicken Sie im Menü auf Ebene > Schnittmaske erstellen. Wählen Sie das Wischfinger-Werkzeug an, für das Sie in der Optionsleiste den Schwellenwert auf 40% einstellen. Ziehen Sie nun am Rand von innen nach außen etwas Pixelmaterial heraus. So wurde auch das Raumschiff freigestellt und optimiert.

sci-fi-filmposter6

05 Bildelemente positionieren

Egal wie perfekt freigestellt und optimiert die Bildelemente auch sind, es ist gar nicht so einfach, diese zueinander im Zusammenspiel zu positionieren. Ein guter Weg ist die Anordnung über ein Teilungsverhältnis, wie etwa dem Goldenen Schnitt, der Goldenen Spirale, Dreiecks-Verteilung oder der Drittel-Regel. Hier kam etwa die Goldene Spirale zum Einsatz.

Sie können diese Verhältnisse nach einer groben Positionierung der Elemente schnell überlagern lassen. Aktivieren Sie dazu das Freistellungswerkzeug und klicken Sie in das Dokument. Wählen Sie in der Optionsleiste eine der Überlagerungsoptionen für das Freistellungswerkzeug aus. Wechseln Sie wieder zum Verschieben-Werkzeug (Nicht freistellen!) und optimieren Sie die Positionen.

sci-fi-filmposter7

06 Rahmen erstellen

Unsere Heldin schwebt noch zu sehr im Raum, weshalb ich ihr einen Rahmen geben möchte, an den sie sich anlehnen kann. Dazu erstellen Sie eine neue Ebene über das Menü und Ebene > Neu > Ebene und drücken Strg+A, um das komplette Dokument auszuwählen. Bearbeiten > Kontur füllen mit Position: innen und schwarzer Farbe sorgt dann für den gewünschten Rahmen.

Wer mag, fügt darüber noch eine Textur ein und geht im Menü auf Ebene > Schnittmaske erstellen. Damit unsere Heldin nur zum Teil über dem Rahmen hinaus geht, habe ich diesem eine Ebenenmaske spendiert und die entsprechenden Stellen mit schwarzer Farbe und dem Pinsel in der Maske übermalt.

sci-fi-filmposter8

07 Dodge & Burn-Effekt

Der Dodge & Burn-Effekt bezieht sich auf die Werkzeuge Abwedler (Dodge) und Nachbelichter (Burn). Zur Vorbereitung erzeugen Sie eine neue Ebene über Umschalt+Strg+N. Stellen Sie die Füllmethode auf Ineinanderkopieren um und aktivieren Sie „Mit neutraler Farbe füllen (50% Grau)“. Mit dem Abwedler-Werkzeug zeichnen Sie nun gezielt Lichter ein und mit dem Nachbelichter-Werkzeug Schatten. So kontrollieren Sie die Lichtsituation im Dokument. Hier wurde das Raumschiff und die generell Stimmung noch etwas dunkler gestaltet.

sci-fi-filmposter9

08 Titel und Credits

Für den Titel aktivieren Sie das Text-Werkzeug und schreiben in weißer Farbe und in Majuskeln Ihre Headline. Kopieren Sie den Text zweimal über Strg+J und aktivieren Sie bei der obersten Ebene den Ebenenstil > Verlaufsüberlagerung mit einem Verlauf von #7a7a7a (RGB 122, 122, 122) zu Weiß. Zum Ändern des Verlaufes muss dieser einfach angeklickt werden, um die entsprechende Farbunterbrechung zu verändern.

Für einen leichten 3D-Effekt nutzen wir die zwei weiteren Ebenen mit Text, die im Ebenenbedienfeld unterhalb der aktuellen Ebene angeordnet sind. Die erste Ebene wird angeklickt, das Verschieben-Werkzeug aktiviert und die Ebene mit der Pfeil-Taste nach innen, rechts um ein, zwei Pixel verschoben. Der Vorgang wiederholt sich bei der darunter liegenden Ebene mit Text, wobei dieses Mal allerdings die Ebene nach innen, links verschoben wird.

Wer mag kann noch den folgenden Schritt gehen: Wählen Sie mit dem Auswahlrechteck-Werkzeug eine Seite des Schriftzuges aus und drücken Sie die Schaltfläche Ebenenmaske hinzufügen unten im Ebenenbedienfeld an. Aktivieren Sie die darüber liegende Ebene und wählen Sie dieses Mal die andere Seite aus. Auch hier spendieren Sie der Ebene eine Maske. Der 3D-Effekt sollte nun (gefühlt) nach innen zeigen.

sci-fi-filmposter10

Mit gedrückter Strg-Taste können Sie die beiden weißen Textebenen auswählen (nicht aber die oberste Textebene) und über Strg+E reduzieren. Aktivieren Sie dann den Ebenenstil > Verlaufsüberlagerung mit dem Verlauf Kupfer. Die Credits wurden übrigens ganz einfach mit weißer Farbe und dem Textwerkzeug geschrieben.

(dpe)

Dirk Metzmacher

Dirk Metzmacher

ist der Herausgegeber des Photoshop-Weblogs, sowie Fachjournalist und Photoshop-Profi, dessen Tutorials seit über 12 Jahren Leser von Fachpublikationen wie Galileo Press, DigitalPhoto, Dr.Web, Print24, PSD-Tutorials oder Noupe von den Grundlagen zum Thema Photoshop bis hin zu professionellen Arbeitsweisen begleitet haben.

Lust auf mehr?

  • Jörg Mrusek Jörg Mrusek
  • 8. März 2023
Doch lieber Lotto spielen und so reich werden?

Diese 8 Tipps sollte jeder Webentwickler kennen

Sie sind Webentwickler oder möchten einer werden? Hier kommen 8 Tipps wie aus dem Lehrbuch. Doch wehe, wenn der Alltag dazwischen grätscht. Lieber doch Lotto spielen?
  • Webdesign
  • Joy Shaheb Joy Shaheb
  • 4. März 2023

Alles zu CSS Background-Image (großer Leitfaden mit Codebeispielen)

Mit CSS Background-Image (deutsch: CSS-Hintergrundbild) kannst du einem Element ein Hintergrundbild, Hintergrundvideo, eine Hintergrundfarbe oder einen Farbverlauf zuweisen.
  • Webdesign
  • Michael Dobler Michael Dobler
  • 2. März 2023
KI = keine oder künstliche Intelligenz?

3 AI Webdesign Tools: des Webdesigners bester Freund oder Totengräber?

Drei KI-basiert Webdesign Tools stelle ich Ihnen heute vor. Mal sehen, wohin die Reise für den Webdesignerberuf geht.
  • Webdesign
  • Michael Dobler Michael Dobler
  • 3. Februar 2023
Webdesign für keine Dummies

So verbessern Sie mit Bildern und Grafiken das Webdesign Ihrer Website (5 Tipps)

Haben Sie schon einmal eine Webseite mit einem schlichten Design besucht und gedacht: „Kein Problem! So etwas bekomme ich auch selbst im Handumdrehen hin. Die Webdesign Bilder? Einfach nur klasse!“? Pustekuchen…
  • Webdesign
  • Dennis Gutjahr Dennis Gutjahr
  • 30. Dezember 2022

UX-Design: 11 Tipps, um Entwicklungskosten zu sparen und Umsätze zu steigern

UI/UX Design ist ein vielfältiger Fachbereich der IT, welcher eine immer größer werdende Rolle in der modernen Entwicklung einnimmt. Oft ist die Qualität des UI/UX Designs der entscheidende Faktor für den Erfolg (oder Misserfolg) eines Web-, App- oder E-Commerce-Produkts.

  • Webdesign
  • Markus Seyfferth Markus Seyfferth
  • 31. Oktober 2022

Was kostet eine Website?

Eine gut gestaltete und übersichtliche Internetpräsenz ist das digitale Aushängeschild deines Unternehmens. Ob Freelancer, Start-Up oder mittelständisches Unternehmen – an einer professionellen Onlinepräsenz führt heute kein Weg vorbei. Dabei steigt auch der Anspruch an rein privat genutzte Websites. Wir stellen in diesem Artikel die Kosten vor, die beim Erstellen einer Website zu beachten sind.
  • Webdesign

Schreibe einen Kommentar Antworten abbrechen

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

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑