Inhalt
- 01. Einrichten
- 02. Digital zuerst
- 03. Modulares Raster
- 04. Grundraster
- 05. Hauptfokus
- 06. Konstruktionsdetails
- 07. Springe zu Illustrator CC
- 08. Grafiken importieren
- 09. Diashow mit Objektzuständen
- 10. Intervalle einstellen
- 11. Verfeinern der Diashow
- 12. Details zur Diashow
- 13. Vorschau in der Inhaltsanzeige
- 14. Zurück zum Drucken für einen Moment
- 15. Simultandruck und Digitaldruck
- Lesen Sie nun diese:
Die Notwendigkeit, Ihr Design dort herauszubringen und von potenziellen Kunden oder Arbeitgebern gesehen zu werden, war noch nie so groß. Angesichts des zunehmenden Wettbewerbs um Jobs ist es wichtig, sich abzuheben. Achten Sie jedoch darauf, dass Sie keine großen E-Mail-Anhänge senden - diese werden von potenziellen Kunden in Kürze verschickt -, während ein einfacher Weblink wahrscheinlich in einem Berg anderer E-Mails vergraben wird und sogar gut ausgerichtet ist Ein Stück Druck kann sich als kostspielig und von geringem Wert erweisen, wenn das Unternehmen überwiegend im digitalen Bereich arbeitet.
Eine Lösung besteht darin, ein maßgeschneidertes Portfolio-Design zu erstellen, das in begrenzter Anzahl zum Drucken ausgeführt und als einfache App verwendet werden kann, die direkt auf die iPads potenzieller Kunden heruntergeladen werden kann.
Mit Adobe Creative Cloud können Sie nahtlos über Print und Digital hinweg arbeiten, alles innerhalb von InDesign CC und der Digital Publishing Suite (DPS) - plus ein wenig Hilfe von unseren alten Freunden Illustrator CC und Photoshop CC. In diesem Tutorial werde ich erläutern, wie Sie ein einfaches App-Design erstellen, das Ihre Arbeit sowie Ihre digitalen Fähigkeiten demonstriert und auch problemlos auf ein schönes, maßgeschneidertes A5-Druckstück angewendet werden kann.
01. Einrichten
Wenn Sie von CS6 zu CC migrieren, sind Sie an die neue, standardmäßig dunklere Benutzeroberfläche und das Anwendungsfenster gewöhnt. Beachten Sie jedoch, dass es deaktiviert werden kann, indem Sie zu "Einstellungen"> "Benutzeroberfläche" navigieren und eine hellere Farbe auswählen (was ich hier getan habe). Ich habe auch die Option "Anwendungsrahmen" im Menü "Fenster" deaktiviert.
02. Digital zuerst
Beginnen wir mit dem digitalen Dokument, damit wir nicht in alte Druckdesigngewohnheiten verfallen. Erstellen Sie in InDesign ein neues Dokument, wählen Sie im Dropdown-Menü Absicht die Option Digital Publishing aus und stellen Sie die Seitengröße auf iPad ein. Wählen Sie eine Hochformatausrichtung, wählen Sie 1 Spalte und setzen Sie alle Ränder auf 0. Speichern Sie diese als unsere Deckblattdatei.
03. Modulares Raster
Da wir zuerst für das iPad entwerfen, können wir auf herkömmliche spaltenbasierte Druckgittersysteme verzichten und stattdessen ein modulares Raster wählen, das eher dem Online-Design ähnelt. Gehen Sie zu Layout> Hilfslinien erstellen, setzen Sie Zeilen auf 0, Spalten auf 3 mit einer 0px-Rinne und aktivieren Sie die Option Seite, damit die Hilfslinien auf die Seite passen.
04. Grundraster
Nun, um unser grundlegendes Gitterdesign auszublenden. Halten Sie die Umschalttaste gedrückt, zeichnen Sie ein perfektes Quadrat oben links im Dokument und rasten Sie es in der nächsten Hilfslinie ein. Drücken Sie anschließend die Alt-Taste, ziehen Sie sie und duplizieren Sie sie, um das Raster auszufüllen. Führen Sie dabei vertikale Hilfslinien am unteren Rand der Quadrate aus. Wenn Sie in der Dropdown-Liste Ansicht auf Smart Guides klicken, ist dies ein Kinderspiel.
05. Hauptfokus
Fangen Sie jetzt an, die Zielseite etwas weiter zu verfeinern. Führen Sie an dieser Stelle Ihr Logo in das Design ein. In meinem Fall handelt es sich um ein quadratisches Logo, das ich oben links platziert habe, um eine der Zellen zu füllen. Wählen Sie als nächstes ein Farbschema und denken Sie über das Layout nach. Hier habe ich eines der Quadrate viel größer gemacht, um den Schwerpunkt zu legen.
06. Konstruktionsdetails
Fügen Sie als Nächstes einige wichtige Details für unsere Titel- / Zielseite hinzu. Ich habe mit dem Stiftwerkzeug einen einfachen umrissenen Pfeil gezeichnet und ihn dupliziert, um anzuzeigen, dass der Benutzer nach rechts wischen muss. Ich habe auch eine einfache typografische Struktur mit der charakteristischen Serife Bella für die Hauptüberschrift und Helvetica für eine kleinere Textkopie erstellt.
07. Springe zu Illustrator CC
Wechseln Sie zu Illustrator und erstellen Sie mit den Stift- und Formwerkzeugen einige einfache Grafiken. Stellen Sie dabei sicher, dass "Am Raster ausrichten" aktiviert ist und sie perfekt in das quadratische Raster passen. Wenn Sie zufrieden sind, wählen Sie jede Grafik aus, verwenden Sie den Pfadfinder, um die einzelnen Elemente zu vereinen, wählen Sie in der Dropdown-Liste die Option Zusammengesetzten Pfad erstellen und klicken Sie auf Erweitern.
08. Grafiken importieren
In der nächsten Phase des Prozesses werden Ihre neuen Grafiken importiert, indem Sie sie kopieren und in InDesign einfügen. Ändern Sie die Größe jedes einzelnen, indem Sie die Umschalttaste gedrückt halten, damit es perfekt in das quadratische Raster passt. Wiederholen Sie diesen Vorgang für alle Ihre Grafiken, bis Sie eine Auswahl von mehreren haben, mit denen Sie auf dem Pasteboard arbeiten können.
09. Diashow mit Objektzuständen
Wählen Sie alle Grafiken aus und richten Sie im Bedienfeld „Ausrichten“ ihre vertikalen und horizontalen Mitten aus. Verschieben Sie die Formen in Position und gehen Sie zu Fenster> Interaktiv> Objektzustände. Klicken Sie bei ausgewählten Objekten auf das Symbol unten im Bedienfeld, um die Auswahl in ein Objekt mit mehreren Status zu konvertieren.
10. Intervalle einstellen
Rufen Sie nun das Folio-Overlays-Bedienfeld auf und Sie werden feststellen, dass das Diashow-Bedienfeld bereits angezeigt wird, da es sich um ein Objekt mit mehreren Status handelt. Da dies animiert werden soll, sobald wir die App starten, wählen Sie Auto Play und wählen Sie ein schnelles Intervall von 0,5 Sekunden. Aktivieren Sie das Kontrollkästchen "Schleife" so, dass es kontinuierlich ist, und deaktivieren Sie die Option "Überblenden". Klicken Sie nun unten im Folio-Overlays-Bedienfeld auf Vorschau, um zu sehen, wie Ihre Diashow durch die Grafiken läuft.
11. Verfeinern der Diashow
Fügen wir nun einige Bilder auf die gleiche Weise hinzu. Stellen Sie sicher, dass Ihre Bilder in Photoshop alle RGB sind und als PNGs gespeichert sind. Denken Sie daran, dass es sich hier um Pixel und nicht um dpi handelt. Sie können die effektive ppi im Bedienfeld „Links“ in InDesign überprüfen. Als Faustregel gilt: Wenn es über 144 liegt, ist es für das Retina iPad in Ordnung.
12. Details zur Diashow
Zeichnen Sie als Nächstes farbige Kästchen über die Bilder, um sie an Ihr Farbschema anzupassen, stellen Sie den Mischmodus auf Bildschirm und gruppieren Sie jedes Objektpaar. Wählen Sie nun alle Objekte aus, richten Sie sie wie zuvor aus, platzieren Sie sie in Position und verwandeln Sie sie in ein Objekt mit mehreren Zuständen.
13. Vorschau in der Inhaltsanzeige
Wählen Sie im Diashow-Bereich des Überlagerungsbedienfelds die Option „Automatische Wiedergabe mit einem längeren Intervall von 1,5 Sekunden“, lassen Sie die Schleife laufen und geben Sie ihr eine subtile Überblendung von 1 Sekunde, um den harten und schnellen Übergängen der vorherigen Grafiken entgegenzuwirken. Zeigen Sie jetzt eine Vorschau in Adobe Content Viewer an, um festzustellen, ob Sie zufrieden sind.
14. Zurück zum Drucken für einen Moment
Bevor wir zu weit in die digitale Seite der Dinge vordringen, möchten wir sicherstellen, dass dies auch im Druck funktioniert. Richten Sie ein neues Dokument mit A5-Seiten und einem 3-mm-Beschnitt an allen Kanten ein. Gruppieren Sie in unserem iPad-Dokument alles auf der Seite, fügen Sie es direkt in das A5-Druckdokument ein und ändern Sie die Größe so gut wie möglich. Wie Sie hier sehen können, wird ein Teil des Designs am linken Rand abgeschnitten.
15. Simultandruck und Digitaldruck
Fügen Sie eine weitere Reihe von Quadraten hinzu und passen Sie sie an die Höhe des Dokuments an, damit es für den Druck funktioniert. Fügen Sie eine graue Buchrückenleiste für ein Buchgefühl hinzu, wählen Sie im Dropdown-Menü den Befehl Freigabestatus für Objekte aus und stellen Sie sicher, dass die Bilder CMYK, 300 dpi und bis zur 3-mm-Beschnittführung reichen.
Das ist das Ende von Teil eins - Teil zwei wird morgen auf der Baustelle sein.
Wörter: Luke O’Neill
Luke ist Kunstredakteur des T3-Magazins und ehemaliger Kunstredakteur der Computer Arts Collection. Er arbeitet in den Bereichen Design, Art Direction und Illustration sowohl im Print- als auch im Digitalbereich.
Diese Funktion wurde erstmals in The Ultimate Guide To Adobe Creative Cloud veröffentlicht.
Lesen Sie nun diese:
- Tipps, Tricks und Korrekturen für Photoshop, die Sie noch heute ausprobieren sollten
- Kostenlose Photoshop-Pinsel, die jedes Motiv haben muss
- Kostenlose Photoshop-Aktionen, um atemberaubende Effekte zu erzielen
- Die besten Photoshop-Plugins
