Ziehen Sie eine beliebige Gruppe von Grafikdesignern zusammen und fragen Sie sie, was beim Erstellen von Schnittstellen für mobile Apps der Hauptschmerzpunkt ist. Sie werden Ihnen sagen, "Photoshop". Obwohl dies einige Leute überraschen kann, ist es verständlich. Die Smartphones und Tablets haben unterschiedliche Bildschirmgrößen. Dies führt unweigerlich zu einigen Dutzend Photoshop-.psd-Dateien mit mehreren Ebenen und einem komplizierten Workflow. Im Jahr 2015 hat Photoshop eine schicke Artboards-Funktion eingeführt, die die Entwicklung für verschiedene Bildschirmgrößen vereinfacht.
Wenn Sie ein Adobe Illustrator-Benutzer sind, sind Sie mit der Verwendung von Zeichenflächen vertraut. Das Zeichenflächenfeature von Photoshop funktioniert ähnlich wie sein Gegenstück zu Adobe Illustrator.
01 von 04So erstellen Sie eine Zeichenfläche in Photoshop CC 2018
In Photoshop CC 2018 können Sie eine Zeichenfläche auf zwei Arten erstellen.
- Die erste besteht darin, eines zu erstellen, wenn Sie ein neues Photoshop-Dokument öffnen. Es gibt jetzt eine Zeichenbrett Wahl in der Preset-Details Sektion. Wenn Sie das auswählen Handy, Mobiltelefon Tab und klicken Sie aufArtboard, du siehst Präsentiert werden verschiedene iPhone-Größen sowie Android-Handys, iPads, Microsoft Surface-Geräte, Macs, Apple Watch-Größen und eine allgemeine Größe für alles Weitere.
- Die andere Methode ist die Auswahl von Zeichenbrett-Werkzeug, die durch Anklicken und Halten der Taste gefunden werden kann Bewegung Werkzeug. Wenn Sie das auswählen Zeichenbrett Mit dem Tool wechseln Sie zum oberen Rand der Benutzeroberfläche und wählen eine Voreinstellung aus Größe aus der gleichen Liste, die Sie beim Erstellen eines neuen Dokuments sehen. Sie können auch eine benutzerdefinierte Größe für die Zeichenfläche festlegen, die Ausrichtung in Hoch- oder Querformat ändern, eine neue Zeichenfläche hinzufügen oder andere Optionen auswählen
Das Beste an Artboards: Sie können beliebig viele Photoshop-Dateien in einer einzigen Photoshop-Datei haben.
Lesen Sie weiter unten
02 von 04So benennen und duplizieren Sie Zeichenflächen in Photoshop CC 2018
Es gibt zwei Möglichkeiten, eine Zeichenfläche zu duplizieren.
- Öffne das Schichten wählen Sie eine Zeichenfläche aus und wählen Sie Doppelte Zeichenfläche aus dem Kontextmenü.
- Wählen Sie die Zeichenfläche in der Schichten Panel und wechseln Sie zum Bewegung Werkzeug. Halten Sie bei ausgewählter Zeichenfläche die Taste gedrückt Option / Alt Taste und ziehen Sie eine Kopie an einen Ort Ihrer Wahl.
Allgemein benannte Zeichenflächen sagen nichts aus. Um den Namen einer Zeichenfläche zu ändern, wählen Sie sie in aus Schichten und benennen Sie es um, damit Sie wissen, welches Gerät und welche Ausrichtung für jede Zeichenfläche gelten.
Lesen Sie weiter unten
03 von 04Hinzufügen von Inhalten zu einer Zeichenfläche in Photoshop CC 2018
Eine Zeichenfläche fungiert als Layer. Art von.
Jede Zeichenfläche ist ein eigenes Dokument mit mehreren Ebenen. Das bedeutet alles, was Sie zu einer Ebene hinzufügen können, die Sie zu einer Zeichenfläche hinzufügen können. Jede Zeichenfläche verfügt über eigene Ebenen, Ebenengruppen, Text, intelligente Objekte und alles, was Sie einem Photoshop-Dokument hinzufügen können.
Sie können die Ebenenreihenfolge in jeder Zeichenfläche und die Reihenfolge der Zeichenflächen verschieben.
04 von 04So zeigen Sie eine Vorschau eines Photoshop CC 2018 Artboard auf einem iOS-Gerät an
Als die Artboards-Funktion in Photoshop CC 2015 eingeführt wurde, veröffentlichte Adobe eine iOS-App namens Adobe Preview, mit der Benutzer ihre Arbeit für das iPhone oder iPad auf einem mobilen Gerät überprüfen konnten, vorausgesetzt, sie befand sich im selben drahtlosen Netzwerk wie der Computer oder an den Computer angeschlossen über eine USB-Verbindung. Adobe erhielt damals Kritik, da keine begleitende Android-App eingeführt wurde. Android-Entwickler verwendeten die Gerätevorschau-Funktion in Photoshop, um eine Vorschau ihrer Arbeit anzuzeigen.
Adobe hat die Adobe Preview-App Ende 2017 aus dem Apple App Store entfernt. Gleichzeitig wurde die Verwendung der Gerätevorschau-Funktion in Photoshop selbst eingestellt.
Seit 2018 müssen Benutzer auf Vorschau-Apps von Drittanbietern zurückgreifen, um ihre Arbeit für mobile Geräte zu überprüfen. Adobe empfiehlt die Verwendung der Skala Preview-App, die mit macOS zusammenarbeitet, um eine Vorschau der Arbeit auf iOS- und Android-Geräten anzuzeigen. PS Mirror ist als Plug-In für Windows-Computer und als App für Android- und iOS-Geräte zur Vorschau verfügbar.
