Druckdesign-Tipps für Webdesigner
Ich habe meine Karriere im Printbereich vor fast einem Jahrzehnt begonnen und bin nach und nach ins Internet gewechselt. Dieses ganz neue Medium brachte einige kreative und technische Hürden mit sich, mit denen ich umgehen und sogar umarmen musste.
Der heutige Artikel richtet sich an eine neue Generation von Designern, die den gegenteiligen Sprung machen. Sie entwerfen seit einiger Zeit für die digitale Welt und sind bereit, Druckdesign zu lernen. Wir helfen Ihnen dabei, den Übergang mit einfachen und praktischen Ratschlägen zu erleichtern.
Entdecken Sie Envato-Elemente
Druck ist nicht tot
Im ursprünglichen Ghostbusters-Film von 1984 verkündet Egon auf die Frage, ob er gerne liest, mutig: "Print is dead". Diese Aussage war zu dieser Zeit nicht ganz richtig, aber sie war eine äußerst genaue Vorahnung der Ereignisse der nächsten zwanzig Jahre, nämlich des Aufstiegs des Internets und des Personal Computing von der Dunkelheit zur Allgegenwart.
Natürlich hat diese Revolution der Publikationsbranche zumindest einen Baseballschläger und damit die Verfügbarkeit von Designjobs in sich gebracht. Es ist jedoch definitiv immer noch nicht so, dass alle Druckformen tot sind. In der Tat kann Druckdesign eine der wertvollsten und logischsten Fähigkeiten sein, die Sie als Webdesigner in Ihr Repertoire aufnehmen können.
Wenn Sie Kunden haben, die kleine Unternehmen besitzen, benötigen diese nicht nur Websites und Logos, sondern auch Visitenkarten, Schreibwaren, Beschilderungen, Kleidung und möglicherweise sogar lokale Zeitungsanzeigen. Die meisten von ihnen würden lieber die Kopfschmerzen bei der Arbeit mit mehreren Designern überspringen und einen Anbieter für all dieses Material finden. Wenn Sie sowohl mit Web als auch mit Druck umgehen können, könnten Sie es sein!
Auflösung
Beginnen wir mit einigen Grundkenntnissen, die Sie wahrscheinlich bereits kennen. In der Web-Welt haben Sie den Luxus, mit Bildern mit relativ niedriger Auflösung zu arbeiten. Nun, Sie sehen dies vielleicht als eine schlechte Sache an, weil der Detaillierungsgrad so begrenzt ist, aber nachdem Sie ausgiebig mit beiden gearbeitet haben, ist es viel einfacher, mit niedrig aufgelösten Webarbeiten umzugehen.
Einer der Hauptgründe dafür ist, dass Sie auf fast jedem Computer, der in den letzten vier oder fünf Jahren erstellt wurde, 72-dpi-Grafiken erstellen können. Kleinere Bilder sind nicht so prozessorintensiv wie größere Bilder. Wenn Sie es gewohnt sind, zu drucken und auf das Entwerfen für das Web umzusteigen, fühlt sich Photoshop wie eine völlig neue Anwendung an, die auf einem Supercomputer der Zukunft ausgeführt wird. Sie mögen denken, das klingt übertrieben, aber warten Sie einfach, bis Sie 50 Ebenen in einem 11 "x 17" -Dokument mit 300 dpi haben. Am Ende des Tages werden Sie über Mac Pros auf Apple.com sabbern.
Zoll, keine Pixel
Wie unterscheiden sich die Dinge für den Druck vom Web? Für den Anfang sprechen Druckdesigner nicht in Pixel. Sagen Sie den meisten Nur-Druck-Designern, dass Sie etwas mit einer Breite von 1200 Pixel möchten, und sie werden Sie lustig ansehen (sie wissen, was Pixel sind, aber das ist nicht der typische Jargon). Dies liegt daran, dass die Maße in ihren Versionen von Photoshop auf Zoll eingestellt wurden.
Dies ist eine wichtige Unterscheidung, da Auflösung und Größe voneinander abhängen! 1.200 Pixel in einem 72-dpi-Dokument unterscheiden sich stark von 1.200 Pixel in einem 300-dpi-Dokument. Bei einem 5 "x 7" -Druckauftrag wird jedoch immer etwas gedruckt, das fünf Zoll breit und sieben Zoll hoch ist. Nur die Dichte der Tinte ändert sich.
Nicht immer 300 dpi
Sie haben wahrscheinlich erfahren, dass Druckdesigner Grafiken in einem 300-dpi-Arbeitsbereich erstellen. Dies ist jedoch nicht immer der Fall, und diese Annahme kann dazu führen, dass Sie beim Drucken wie ein Amateur aussehen.
Die meisten Kleinformataufträge werden mit 300 dpi gedruckt. Diese Gegenstände können von jemandem genau inspiziert und aufbewahrt werden. Was ist mit einer Werbetafel? Ist es notwendig, einen Ausdruck mit so großer Auflösung für etwas zu haben, das Sie aus einer Entfernung von mehreren hundert Metern sehen? Es stellt sich heraus, dass die Antwort "Nein" ist. Großformataufträge wie Banner, Werbetafeln und dergleichen werden fast immer unter 300 dpi erstellt, normalerweise mit 150 dpi, manchmal jedoch je nach Größe sogar noch niedriger.
Oft kann die Auflösungsfrage dem echten Experten in dieser Angelegenheit gestellt werden: dem Drucker (der Person, nicht der Maschine). Sie werden nicht wie ein Idiot aussehen, wenn Sie einfach fragen, ob es sich um einen 300- oder 150-dpi-Job handelt. Dies sind häufig gestellte Fragen beim Starten eines Projekts und müssen unbedingt ausgearbeitet werden, bevor Sie tatsächlich beginnen.
Sollte ich Konzepte in niedriger Auflösung erstellen?
Angesichts der Tatsache, dass Computer 72-dpi-Grafiken viel schneller als 300-dpi-Grafiken produzieren können, ist es häufig die Praxis von Designern, die ersten Entwurfsrunden in einem Arbeitsbereich mit niedriger Auflösung zu durchlaufen und den Auftrag im Wesentlichen in „hochauflösenden“ Umgebungen in der Nähe des zu erstellen Projektende.
Unter Druckdesignern kann dies ein heiß diskutiertes Thema sein. Letztendlich kommt es auf die Präferenz an, aber für das, was es wert ist, gehe ich diesen Weg fast nie. Wenn Sie nicht ständig mit großformatigen Jobs arbeiten, sollte das Erstellen von Comps in hoher Auflösung nicht so lange dauern. Wenn ja, dann ist es wahrscheinlich wirklich Zeit für einen neuen Computer. Es scheint mir immer ein Ärger zu sein, alles in 72 dpi zu erstellen, um es auf 300 dpi zu konvertieren, indem man im Wesentlichen von vorne anfängt, wenn es ganz einfach ist, meine Ideen nur als druckfertig zu erstellen.
Die einzige Ausnahme bilden Aktienbilder. Ich verwende immer die relativ niedrig aufgelösten Kompositionen, die von Aktienseiten bereitgestellt werden, wenn ich sie dem Kunden präsentiere, um den unnötigen Kauf mehrerer teurer Bilder zu verhindern.
Farbe
Farbe ist ein großes Thema und verdient einen eigenen Artikel, damit wir hier nicht zu viel Zeit damit verbringen. Meine einfache Warnung ist, dass Farbe in der Druckwelt ein ganz neues Ballspiel ist. Im Webdesign haben wir uns früher um „web-sichere Farben“ gekümmert, aber heutzutage sind Monitore so erstaunlich, dass wir im Allgemeinen nur die gewünschten Farben in Photoshop auswählen und akzeptieren, dass es von Bildschirm zu Bildschirm Unterschiede gibt.
Beim Entwerfen für den Druck arbeiten Sie mit Tinte, nicht mit Licht. Zu Beginn bedeutet dies, in CMYK anstelle von RGB zu arbeiten, aber die Auswirkungen gehen weit darüber hinaus. Dinge wie Materialien kommen zusammen mit einer Vielzahl verschiedener Druckmaschinen und -methoden ins Spiel. Manchmal entspricht die Farbe, die Sie auf Ihrem Bildschirm sehen, überhaupt nicht der Farbe auf dem Papier. In anderen Fällen erfordern bestimmte Prozesse wie der Siebdruck bestimmte akzeptierte Praktiken.
Mein bester Rat hier ist, herauszufinden, wie die Druckmethode aussehen wird, und sie so genau wie möglich zu untersuchen. Ein Standard-Vierfarbdruckauftrag ist am einfachsten zu bearbeiten, aber gelegentlich müssen Sie nur mit einer oder zwei Farben arbeiten, um Ihrem Kunden Geld zu sparen. In diesen Fällen müssen Sie kreativ werden und lernen, großartige Designs mit einer viel eingeschränkteren Palette zu erstellen, als Sie es gewohnt sind, damit zu arbeiten.
Sie müssen auch häufig mit Sonderfarben arbeiten, was bedeutet, dass eine dedizierte Tinte zu einer bestimmten Farbe gemischt wird und nicht etwas, das live gemischt wird, indem verschiedene Farben auf das Papier aufgetragen werden. Weitere Informationen zum Arbeiten mit Sonderfarben finden Sie in unserem kürzlich erschienenen Artikel „Eine Einführung in das Arbeiten mit Sonderfarben“.
Nicht nur Photoshop
Webdesigner leben in der Regel ausschließlich in Photoshop. Sie können zu Dreamweaver oder sogar Fireworks verzweigen, aber eine weitere Erkundung der Adobe Creative Suite ist häufig nicht erforderlich.
Im Druck führen Sie das Seitenlayout jedoch im Allgemeinen in Anwendungen wie InDesign und Illustrator durch. Ein paar traurige Seelen benutzen immer noch Quark, aber ich kann mir nicht vorstellen warum. Die gute Nachricht hier ist, dass Sie durch die besondere Stärke in Photoshop viel besser auf InDesign vorbereitet sind. Die schlechte Nachricht ist, dass es sich immer noch um eine ganz andere Anwendung handelt, sodass es eine Menge zu lernen gibt.
Eines der wichtigsten zu verstehenden Konzepte ist, warum Sie mehrere Anwendungen verwenden und wie Sie diese auf synergistische Weise in Ihren Workflow integrieren können. Die einfache Antwort hier ist, dass Photoshop für Rastergrafiken gedacht ist. Alles andere (Vektorgrafiken und Text) sollte in Ihrer Seitenlayout-App behandelt werden.
Angenommen, Sie erstellen ein Magazin-Cover. Sie beginnen mit einer PSD, die Ihr Titelbild enthält. Hier können Sie typische Farbkorrekturen, Klonaktionen, Stilisierungen und alles andere durchführen, was Sie benötigen, um das Foto druckbereit zu machen. Sobald Sie damit fertig sind, können Sie diese PSD in InDesign einfügen und die Vektorgrafiken (häufig in Illustrator erstellt) und den Text überlagern, aus denen der Rest des Covers besteht.
Das Druckseitenlayout kann als Puzzle dargestellt werden. In dieser Metapher ist InDesign die Tischplatte, auf der Sie Ihr Puzzle erstellen. Sie erstellen viele Teile in anderen Anwendungen, bringen sie dann alle zusammen und mischen sie in InDesign. Wenn Sie die eigentlichen Work-in-Progess-Teile über den Befehl Datei> Platzieren in InDesign platzieren, werden alle Änderungen, die Sie an der platzierten PSD, EPS usw. in einer anderen App vornehmen, automatisch zu einer Aktualisierung Ihrer InDesign-Datei führen.
Macht Photoshop keinen Text?
An dieser Stelle fragen Sie sich möglicherweise, warum Text in Photoshop nicht verarbeitet wird. Um fair zu sein, wird stark stilisierter Text (mit Abschrägungen, Masken, Schatten, Texturen usw.) häufig im PSD-Teil der Datei gespeichert. In InDesign ist es jedoch viel einfacher, mit einfachem Text zu arbeiten. Die Text-Engine ist weit überlegen und rendert nicht nur Text besser, sondern ermöglicht auch weit fortgeschrittenere Manipulationen wie die automatische Spaltenverteilung und sogar die Rechtschreibprüfung.
Ein weiteres wichtiges Problem ist, dass Sie im Allgemeinen nicht eine Datei an den Drucker senden (druckfertige PDFs sind eine Ausnahme), sondern alle Teile Ihres Puzzles in einem Ordner zusammenfassen. Dies umfasst Ihre verschiedenen platzierten PSD- und EPS-Dateien, Ihre InDesign-Datei und sogar Ihre Schriftarten. Wenn Sie in InDesign arbeiten, erhalten Sie den Luxus eines automatischen Befehls "Für Ausgabe sammeln", mit dem automatisch alle mit der aktuellen Datei verknüpften Ressourcen erfasst werden.
Entlüften & Trimmen
Einer der größten Anfängerfehler, den Sie beim Druckdesign machen können, ist das Versagen beim Entwerfen mit einem Anschnitt. Druckanbieter verlangen von Designern bestimmte Spezifikationen, nicht weil sie wählerisch oder inkompetent sind, sondern weil der Prozess wirklich so funktioniert und ohne diese der gesamte Druckauftrag beeinträchtigt wird.
Das Entwerfen mit einem Anschnitt ist einfach und ermöglicht jedes Mal ein perfektes randloses professionelles Drucken. Durch das Einfügen eines Beschnittes können Sie einen Druck erstellen, der größer als die Größe des endgültigen Auftrags ist. Auf diese Weise sieht beim Abschneiden des Überschusses alles perfekt aus und geht bis zum Rand, unabhängig von geringfügigen Papierverschiebungen, die möglicherweise während des Druckvorgangs aufgetreten sind.
Im Webdesign sind Sie mit dem CSS-Box-Modell vertraut. Im Druckdesign haben wir etwas Ähnliches, das im Grunde definiert, wie fast jeder Druckauftrag erstellt werden soll. Hier ist ein kurzer Blick darauf, wie es funktioniert:
Dieses Modell besteht aus drei Hauptbereichen: dem Anschnitt, dem Trimmbereich und dem Live-Bereich. Die Trimmung ist am einfachsten zu verstehen. Dies ist die endgültige gewünschte Größe des gedruckten Dokuments. wo das Papier "zugeschnitten" wird. Im obigen Beispiel hat unser Kunde ein Design bestellt, das fünf Zoll breit und drei Zoll hoch ist. Von hier aus müssen wir zwei weitere Bereiche erstellen: einen, der größer als die Verkleidung ist, und einen, der kleiner ist.
Der größere Bereich ist die Blutung. Wie wir gerade erklärt haben, kann Tinte direkt vom Rand der Seite entfernt werden. Der obige Job hat einen Verlaufshintergrund, aber dieser Hintergrund wird über die 5 "x 3" -Grenzen hinaus auf einen Bereich von 5, 75 "x 3, 75" gestreckt. Durch Hinzufügen von 0, 25 Zoll zur Gesamtgröße ergibt sich ein 1/8-Zoll-Anschnitt rund um die Seite, der in den USA Standard ist (in Großbritannien normalerweise 2-5 mm). Alles, was Sie in das Dokument einfügen, das von der Seite „ausgeblutet“ werden soll, sei es ein Foto oder eine strukturierte Füllung, sollte sich auf diesen größeren Bereich erstrecken, wobei zu berücksichtigen ist, dass es irgendwo um die Schnittlinie herum abgeschnitten wird.
Der kleinere Bereich, den ich im obigen Beispiel erstellt habe, ist der „Live-Bereich“. Dies ist ein sehr wichtiges Element, das Sie als Webdesigner möglicherweise nicht kennen. Im Allgemeinen ist es eine schlechte Praxis, nicht blutenden Text und Grafiken zu nahe am Seitenrand zu platzieren. Sie möchten ihnen viel visuellen Raum zum Atmen geben und sicher sein, dass sie nicht abgeschnitten werden. Daher wird der Live-Bereich als eine Art Sicherheitszone erstellt, in der Sie diese Art von Inhalten platzieren können. Wenn Sie beispielsweise eine große Überschrift wünschen, strecken Sie sie von einem Ende des Live-Bereichs zum anderen, aber nicht weiter.
Die Größe der Live-Bereiche ist nicht standardisiert und variiert erheblich von Job zu Job. Als Faustregel habe ich meinen Live-Bereich 1/8 "rundum so eingefügt, dass er zum Anschnitt passt. Verschiedene Magazine und Zeitungen haben jedoch ihre eigenen Anforderungen, denen Sie folgen müssen. Bei großen Aufträgen reicht ein 1/8-Zoll-Einsatz nicht aus und führt zu Grafiken, die immer noch so aussehen, als würden sie ohne Raum zum Atmen bis zum Rand reichen. In diesem Fall müssen Sie es sich ansehen und sich für einen akzeptablen Stoßfänger entscheiden.
Glücklicherweise können sowohl Illustrator als auch InDesign einen Großteil der Arbeit zum Erstellen von Dokumenten für Sie mit diesen integrierten Spezifikationen erledigen, aber es ist immer noch wichtig, die Konzepte zu verstehen. Wenden Sie sich auch an Ihren Druckanbieter, da dieser wahrscheinlich über vorgefertigte Vorlagen verfügt, die allen Beteiligten viel Ärger ersparen.
Designtrends
Lassen Sie uns zum Abschluss unserer Diskussion kurz diskutieren, wie Sie ein Druckdesign aus einer kreativen Perspektive betrachten können. Zunächst werden Sie schnell feststellen, dass das Drucken ein ganz anderes Medium ist, als Sie es vom Web gewohnt sind. Im Webdesign sind Sie nur durch Ihre Vorstellungskraft eingeschränkt. Beim Drucken haben Sie eine physische Seitengröße, die angepasst werden muss. Scrollen ist nicht möglich! Das heißt, wenn Ihr Kunde Ihnen eine Menge Text gibt, müssen Sie herausfinden, wie Sie ihn lesbar und attraktiv anpassen können.
Denken Sie auch daran, dass sich Ihr spezieller Designstil und Ihre Tendenzen möglicherweise gut zum Drucken eignen oder nicht. Genau wie beim Webdesign ist es wichtig, sich umzuschauen und die aktuellen Drucktrends zu beachten. Machen Sie einen Ausflug in den Buchladen und stöbern Sie in einigen Zeitschriften (überspringen Sie nicht die Anzeigen, sie sind der beste Teil) oder durchsuchen Sie diese Junk-Mail, bevor sie in den Papierkorb gelangt.
Sich Trends bewusst zu werden, muss Sie nicht zum Konformisten machen, sondern hilft Ihnen, mit dem in Kontakt zu bleiben, was die Menschen gewohnt sind, zu sehen. Wenn Sie das letzte Mal 1995 auf Druckdesign geachtet haben, könnten Sie dazu neigen, etwas zu produzieren, das für die heutigen Verbraucher hässlich und veraltet aussieht.
Wenn Sie nur den Stand des modernen Webdesigns kennen, können Sie große Probleme haben, diese Ideen auf eine gedruckte Seite zu übersetzen, die sowohl aussagekräftig als auch für den Betrachter ansprechend ist. jQuery-Animationen sind hier nicht gut, man muss sich durch rein statische Ästhetik auf jemanden konzentrieren.
Es braucht Zeit und Übung, aber ein guter Designer wird sowohl im Print- als auch im Webdesign florieren.
Fazit
Um ehrlich zu sein, wenn Sie derzeit ein Webdesigner sind, der in den Druck einsteigen möchte, sind Sie in einer guten Position. In vielerlei Hinsicht kehren Sie zu einer einfacheren Denkweise zurück. Die entgegengesetzte Reise zu machen, erfordert viel neues technisches Lernen, insbesondere wenn Code ins Spiel kommt.
Dieser Artikel sollte Ihnen jedoch zeigen, dass Sie Photoshop nicht einfach öffnen und entscheiden können, dass Sie eines Tages Druckdesigner werden. Ihr Wissen als Webdesigner hilft, aber es muss noch viel branchenspezifisches Lernen durchgeführt werden. Alles von der Vorlagenerstellung bis zur Finalisierung des Designs ist ein sehr spezifischer Prozess im Druck. Wenn Sie Ihre Inhalte nicht kennen, können Sie für Fehler finanziell haftbar gemacht werden. Wenn Sie sich ein wenig Zeit nehmen, um die Informationen zu lesen, können Sie sich viel Ärger und Kopfschmerzen ersparen.
Hinterlassen Sie unten einen Kommentar und teilen Sie uns mit, welche druckspezifischen Tipps Sie für Webdesigner haben, die den Übergang vornehmen!
Bildnachweis: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck und Steve Garfield.
