Beliebte Beiträge Auf Dem Pc Und Software

Top Artikel Auf Internet - 2018

Photoshop-Funktion zum Extrahieren von Assets

Das von mir verwendete Beispiel enthält ein Smart-Objekt aus Illustrator, Text, eine Heldeneinheit mit Text Bild und ein Knopf und eine Reihe von Bildern im Freien, die das Thema der Website verstärken. Der Schlüssel hier ist die Organisation der Ebenen in Gruppen. Dies ist erforderlich, da die Aufgabe darin besteht, alle diese Elemente aus der Comp zu ziehen, damit sie schnell zu Weblayouts hinzugefügt werden können, die sich an unterschiedliche Bildschirmauflösungen und -größen anpassen.

03 von 08

Zwei Möglichkeiten zum Extrahieren von Objekten

The Extract Assets item is shown in a Layer menu. Objekte extrahieren finden Sie im Menü Datei oder indem Sie mit der rechten Maustaste auf einen Layer klicken.

Im Gegensatz zu Generieren können Objekte auch durch Hinzufügen einer Grafik extrahiert werden Erweiterung des Layernamens, Elemente extrahieren verwendet eine Schnittstelle, die mit erreicht werden kann, indem Sie mit der rechten Maustaste auf klicken oder eine Ebene auswählen und Datei> Elemente extrahieren wählen.

04 von 08

Die Schnittstelle Elemente extrahieren

The Extract Assets dialog box is open abd the logo layer is selected. Das Dialogfeld Elemente extrahieren

Das Dialogfeld Elemente extrahieren ist ziemlich intuitiv. Sie werden die zu extrahierende Ebene oder Auswahl angezeigt. Darüber wird die Größe der Dateien angezeigt und darunter befindet sich ein Steuerelement, mit dem Sie das Objekt vergrößern und verkleinern können. Auf der rechten Seite des Dialogfelds passiert die Magie. Mit den vier Schaltflächen oben können Sie die Auflösung / Größe des Objekts auswählen. Der nächste Streifen zeigt Ihnen die ausgewählte Ebene an und durch Klicken auf das + -Zeichen können Sie die ausgewählte Ebene auch in einem anderen Format ausgeben. Der Papierkorb Ca n entfernt den Layer aus der Warteschlange. Im nächsten Streifen können Sie den Dateityp wählen und die Breite und Höhe des Ausgabebildes anpassen.

05 von 08

Ein SVG-Bild extrahieren

Extracting an svg image in the Extract Assets dialog box. Ein SVG-Bild wird extrahiert.

Photoshop geht nicht so gut mit SVG-Bildern und Browser und Geräte können kein Illustrator-Bild anzeigen. Dies führte dazu, dass Svg-Dateien für Vektorgrafiken wie das Illustrator-Logo, das hier gezeigt wird, verwendet wurden. Als Vektoren ist ihre Auflösung geräteunabhängig, was bedeutet, dass sie ohne Detailverlust oder Bildverlust skaliert werden können. Um das Illustrator-Smart-Objekt in SVG zu konvertieren, wählen Sie svg aus dem Popup-Menü und klicken Sie auf Extrahieren .

06 von 08

Der Extrakt-Prozess

The Extracted assets are plavced in the Wilderness assets folder. Bilder werden platziert in einem Ordner an der gleichen Stelle wie das .psd-Image.

Wenn Sie auf die Schaltfläche Extrahieren klicken, werden einige Dinge passieren. Sie werden zuerst gewarnt, dass sich der Dateiname ändern könnte. Das ist kein großes Problem. Dann wird Ihnen mitgeteilt, dass ein neuer Ordner erstellt wird, der das Asset enthält. Sobald der Vorgang abgeschlossen ist, wird der Ordner geöffnet, der sich am gleichen Speicherort wie die ursprüngliche PSD-Datei befindet.

07 von 08

Die Schaltfläche Einstellungen ist Ihr neuer bester Freund

The resolution settings for the Extracted asset are shown in the Settings dialog box. Platzierendes Gerät Auflösung.

Durch Klicken auf die Schaltfläche Einstellungen wird ein Dialogfeld Einstellungen geöffnet, das sehr nützlich ist. Die Einstellungen auf der linken Seite sind die Skalierungsfaktoren. Sie erstellen die verschiedenen Kopien des Bilds, die ein Entwickler in den Medienabfragen verwendet, um die Bildschirmauflösung eines bestimmten Geräts zu bestimmen. Zum Beispiel würde die 3x-Version auf ein iPhone- oder iPad-Retina-Display ausgerichtet sein, während ein 1,25-Faktor auf ein Android-Gerät gerichtet wäre. Das Suffix wird am Ende des Dateinamens hinzugefügt, damit Ihr Entwickler das in einer Medienabfrage verwendete Bild leicht identifizieren kann. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche OK , und Ihre Auswahl wird im Bereich Elemente extrahieren im Dialogfeld angezeigt. Sie können auf die Einstellung auch zugreifen, indem Sie auf der rechten Seite der Benutzeroberfläche im Bereich Elemente extrahieren auf das Zahnradsymbol klicken.

08 von 08

Aufbereiten

The various images and resolutions are show being placed in folders. Es werden mehrere Bilder mit unterschiedlichen Formaten und Auflösungen extrahiert.

Wenn Sie auf die Schaltfläche Extrahieren klicken, werden alle Assets erstellt und dem Ordner hinzugefügt. An dieser Stelle müssen Sie dem Entwickler lediglich eine Kopie des Ordners senden und mit dem nächsten Projekt fortfahren.

Senden Sie Ihren Kommentar