Bevor wir mit dem Tutorial starten, möchte ich euch auf die umfangreichen Mustersets unserer Papiertragetaschen hinweisen. Diese sind in einer neutralen Version sowie im SAXOPRINT Design erhältlich. Ein Klick auf die Grafik bringt euch direkt zum Musterset.
Die Vorbereitung
Zuerst solltet ihr euch passende Bilder auswählen. Hierzu habe ich auf meiner Lieblingsseite Unsplash nach einem geeignetem Bild gesucht. Diese Aufnahme von Priscilla Westra fand ich am passendsten.
Des Weiteren wollte ich für mein fiktives Logo eine schöne Schrift. Bei www.fontsquirrel.com stieß ich auf „Railway“ – die Schriftart der Londoner Verkehrsbetriebe.
Außerdem solltet ihr euch die Druckvorlage der Papiertasche runterladen um einen ersten Überblick dafür zu bekommen, welche Flächen bedruckt werden und wieviel Platz ihr habt.
Nun heißt es, sich Gedanken zu machen, wie die Papiertragetasche bedruckt werden soll und was darauf zu sehen sein wird. Für unser Tutorial habe ich die Variante mit Griffloch im Format 24 x 10 x 34 cm gewählt. In dieser lassen sich bequem Kataloge, Dokumente und Giveaways verstauen und die Größe bietet ausreichend Raum für das geplante Design.
In Photoshop die Bilder erstellen
Step 1
Aus der Druckvorlage könnt ihr entnehmen, wie groß eine Seite der Papiertragetasche ist. Um ein bisschen mehr Spielraum zu haben, lege ich die Datei in 240×340 mm an. Hierzu ist es wichtig, in Photoshop bei einer neuen Datei (Datei > Neu) die Millimeter einzustellen.
Step 2
In der neuen Datei ziehe ich mein gewünschtes Bild so auf die Ebene, dass mir der Ausschnitt passt. (Datei > Öffnen, dann Bild mit Auswahlwerkzeug in die Arbeitsdatei ziehen.)
Step 3
Wie ihr erkennen könnt, füllt mein Bild nicht die Vorlage aus. Daher verlängere ich den Himmel mit einem einfachen Trick. Mit dem Auswahlrechteckwerkzeug nehme ich mir einen Teil des Himmels und kopiere ihn in eine neue Ebene (Rechtsklick > Ebene durch kopieren). Wichtig ist, dass die Hintergrund-Ebene ausgewählt ist.
Step 4
Dadurch kann ich nur den ausgewählten Teil verschieben, die Größe anpassen und die Auswahl um 180° Drehen (beides mit cmd+T / Strg+T um das Bild auszuwählen) damit der Übergang sanfter wird. Die Feinheiten erledige ich mit einer Ebenenmaske. Dazu ist es wichtig, dass sich die Auswahlebene und die Hintergrundebene ein Stück überlagern und die Auswahlebene oben liegt. Im Ebenenfenster ganz unten findet sich das Symbol für die Ebenenmasken (3. von links). Die Ebenen sollten nun wie in Screenshot 4 aussehen.
Step 5
Mit einem weichen Pinsel (Pinselwerkzeug) könnt ihr nun über die harten Kanten gehen und den Übergang etwas verblenden. Natürlich könntet ihr auch die Farbintensität noch einstellen, aber darum soll es hier nicht gehen. Wichtig bei der Arbeit mit Ebenenmasken ist noch, dass wenn man den Pinsel benutzt, die Farben schwarz sein sollten, da nur so von der Ebenenmaske etwas „gelöscht“ wird und der Pinsel sozusagen einen Radiergummi-Effekt besitzt.
Step 6
Unser Hintergrund ist nun fertig. Kommen wir also zur Schrift. Ich habe mir überlegt, dass ich zwei Effekte haben möchte. Einmal soll die Schrift teilweise hinter den Bergen verschwinden. Das andere Logo soll noch einmal das Hintergrundbild in sich zeigen. Beide Effekte sind ganz leicht herzustellen.
Zuerst schreiben wir unser Wort, hier „Adventure“ und suchen eine passende Größe aus. Die Farbe spielt erst einmal gar keine Rolle. Ich fand, Weiß ist ein schöner Kontrast.
Step 7
Nun wollen wir, dass ein paar der Buchstaben hinter den Bergen stehen. Dafür müssen wir die Hintergrundebene mit Rechtsklick duplizieren. Dadurch entsteht eine Hintergrund Kopie. Diese muss ausgewählt sein für den nächsten Schritt.
Step 8
Mit dem Polygon-Lasso-Werkzeug oder dem Magnetischen Lasso (in der Werkzeugleiste drittes von oben, evtl. Rechtsklick) könnt ihr nun den Teil selektieren, den ihr hervorheben möchtet, der also _vor_ den Buchstaben sein soll. Ich habe mich für zwei der Berge entschieden. Das Magnetische Lasso ist sehr intelligent und spürt Formen von selbst auf, sodass die Arbeit erleichtert wird. Eine ruhige Hand hilft dennoch. Um eine Auswahl abzuschließen, muss sich der Anfangspunkt mit dem Endpunkt berühren. Dann erscheinen die kleinen Ameisen der Auswahl. Wichtig ist nun der Rechtsklick und Ebene durch Kopieren.
Step 9
Dadurch ist nur diese Auswahl auf einer neuen Ebene. Das Gleiche wiederhole ich bei dem zweiten Berg. (Wichtig: wieder die Hintergrund Kopie Ebene auswählen!)
Step 10
Alles was jetzt noch zu tun bleibt, ist die Schriftebene mit unserem Wort unter die zwei Bergebenen zu ziehen und die Schrift hinter den Bergen zu platzieren.
Step 11
Für den zweiten Schriftzug möchte ich, dass sich der Hintergrund darin wiederholt. Also die Schrift soll mit einem Bild gefüllt werden. Da gibt es zwei Varianten. Hier zunächst die einfache Variante.
Erneut schreiben wir unsere Schrift (oder kopieren die „Adventure“-Schriftebene) und ziehen sie in einen geeigneten Bereich.
Step 12
Wir benötigen jetzt erneut eine Kopie des Hintergrundes (Kopie 2 genannt). Dies ist sehr wichtig und auch die korrekte Reihenfolge der Ebenen ist entscheidend. Sie sollte wie folgt sein: Hintergrund Kopie – Schriftebene Adventure – Hintergrund Kopie 2. Anschließend geht ihr mit der Maus zwischen Schriftebene und Hintergrund Kopie 2 und haltet „alt“ gedrückt. Dort erscheint dann ein kleiner Pfeil. Ein Klick bewirkt, dass sich die Hintergrund Kopie 2 Ebene nun auf die Schriftebene bezieht. Zunächst seht ihr nichts, bis ihr die untere Hintergrund Kopie Ebene ausblendet.
Im Screenshot sind die Ebenenreihenfolgen noch einmal klarer nachzuvollziehen.
Ist die Schriftebene ausgewählt, könnt ihr die Position des Wortes verändern. Ist die Bezugsebene darüber (mit der Hintergrund Kopie 2) ausgewählt, könnt ihr den sichtbaren Bereich innerhalb der Schrift auswählen.
Damit hätten wir unsere Vorderseite der Papiertragetasche fertig. Speichert das Dokument als TIF-Datei, denn wir werden es nachher in die InDesign-Druckvorlage einfügen.
Step 13
Für die Rückseite habe ich mir etwas Einfacheres überlegt. Hier möchte ich nur ein großes A als Logo mit dem Hintergrundbild haben. Dafür öffnen wir eine neue Datei mit der gleichen Größe (oder duplizieren die vorhandene Datei, oder legen Ordner-Strukturen in den Ebenen an). Ich ziehe wieder mein Hintergrundbild in die Datei. Diesmal ruhig etwas mittig. Darauf platzieren wir unser großes A.
Step 14
Nun erkläre ich die zweite Variante, wie ich eine Schrift mit einem Bild füllen kann. Hierbei wähle ich die Hintergrundebene aus. Mit cmd+A / Strg+A wähle ich den Inhalt der Ebene aus, mit cmd+C / Strg+C kopiere ich diesen Inhalt und mit cmd+D / Strg+D hebe ich die Auswahl wieder auf. Nun kommt das Zauberstab-Werkzeug ins Spiel (in der Werkzeugleiste das 4. von oben). Nun sollte die Schriftebene ausgewählt sein. Damit klicken wir auf den Buchstaben, sodass er ausgewählt ist und die kleinen Ameisen um den Buchstaben herumlaufen. Dann geht es auf Bearbeiten > Einfügen Spezial > In die Auswahl einfügen.
Das Ergebnis sieht dann folgendermaßen aus:
Step 15
Das können wir auch vorerst so lassen. Wir kümmern uns erst einmal um den Hintergrund, denn ich möchte, dass die Ränder ausfransen und der Hintergrund nur leicht durchschimmert. Dafür wähle ich die Hintergrundebene aus und füge eine Ebenenmaske hinzu (wie auch schon ganz zu Beginn mit der Verlängerung des Hintergrundes).
Nun wähle ich einen passenden Pinsel mit passender Größe und Form (wieder darauf achten, dass die Farben beide schwarz sind!) und übermale die Teile, die ich nicht sehen will. Während die Hintergrundebene ausgewählt ist, kann ich die Deckkraft der Ebene ändern. Diese finden wir über den Ebenen. Dadurch schimmert der Hintergrund nur leicht durch, das A bleibt jedoch kräftig.
Jetzt könnt ihr noch das A oder seinen Inhalt in Position bringen. Möchtet ihr nur den Inhalt verschieben, wählt ihr die Ebene 1 aus. Für das A ganz normal die Schriftebene auswählen. Dadurch, dass ich den Inhalt im A leicht versetze, entsteht ein toller 3D-Effekt.
Damit bin ich auch mit meiner Rückseite fertig und speichere diese ebenfalls im TIF-Format ab.
Zusammenführen in der Druckvorlage
Step 16
In InDesign öffne ich nun die Druckvorlage der Papiertragetasche und füge meine Bilder ein. Wichtig ist, die richtige Ebene zu benutzen. Die Druckvorlagen-Ebene ist nur zur Orientierung! Eigene Inhalte immer auf einer neuen Ebene einfügen.
Step 17
Am besten eignet sich für das Einfügen der Bilder der Platzieren Befehl. Diesen findet ihr unter Datei > Platzieren.
Step 18
Für die Ränder und Seiten habe ich außerdem noch den Sternenhimmel in die richtigen Maße gebracht. Dafür habe ich einfach die Maße der Vorlage genommen und die Dateien in Photoshop in der Größe geöffnet und den Sternenhimmel eingefügt (am einfachsten ist es, die Ebene mit dem Sternenhimmel aus der Datei der Vorderseite in eine neue Datei zu ziehen und mit cmd+T / Strg+T die Größe zu verändern). Die Größen, die ich verwendet habe sind: 50×486 mm und 703×70 mm. Diese werden dann auch in InDesign platziert und können an die richtigen Stellen geschoben und natürlich auch kopiert werden. So können alle Flächen geschlossen werden. Beachten solltet ihr jedoch, dass die orange/weiß schraffierten Stellen keine Daten enthalten dürfen, da dies die Klebeflächen sind.
Fertig
Nachdem ihr die Vorlagen-Ebene ausgeblendet habt, könnt ihr die Druckdaten für den Daten-Upload zu SAXOPRINT exportieren. Mit den folgenden Mockups lässt sich recht gut demonstrieren, wie das finale Ergebnis ausschauen würde. Wie findet ihr den Look unserer fertigen Papiertragetasche? Verratet uns eure Meinung in den Kommentaren und stellt gerne Fragen zu diesem spannenden Thema. Vielen Dank für’s Mitmachen und bis zum nächsten Mal.