[FIXED] Wie bekomme ich relative CSS aus der Photoshop -Artboard?

Ausgabe

Also, wo ich arbeite, entwerfen wir Banner in Photoshop und verwenden dann die Elemente des Designs, um HTML5-Banner zu erstellen. Es ist manchmal ein langwieriger Prozess, alles in CSS so umzugestalten, dass es wie in Photoshop aussieht. In Photoshop kann ich die x-, y-Werte einiger Objekte verwenden und sie in CSS für eine exakte Umnutzung verwenden, aber es ist immer noch mehr Arbeit, als ich bevorzuge. In Photoshop kann man eine Ebene auswählen und auf “CSS kopieren” klicken, wodurch das Layout in die Zwischenablage kopiert wird. Da wir jedoch Zeichenflächen verwenden, eine neue Funktion für CC15, basieren die Werte „links“ und „oben“ auf dem gesamten Dokument und nicht auf einer bestimmten Zeichenfläche. Wenn sich also das Bannerformat, an dem ich arbeite, in der dritten Zeichenfläche von links befindet, würde meine Eigenschaft „links:“ für ein Objekt in diesem Banner aufgrund der Position der Zeichenflächen im Dokument beispielsweise 600 Pixel statt 20 Pixel betragen.

F1: Ich denke, es ist eine sehr spezifische Frage, aber ich frage mich, ob es eine Möglichkeit gibt, CSS relativ zu einer Zeichenfläche zu kopieren?

F2: Wenn nicht, wäre es eine einfach genug zu implementierende Funktion? Ich bin ein guter Programmierer, aber ich habe noch nie mit PS-Plugins gearbeitet.

Lösung

Probieren Sie css3psdas Photoshop-Plugin aus, es sollte die Arbeit für Sie erledigen. Es generiert Sie text layers size border radius positions stroke gradient overlay inner shadow inner glow outer glow drop shadowund vieles mehr basierend auf ausgewählten Ebenen in Photoshop.


Beantwortet von –
pixelCss


Antwort geprüft von –
Katrina (FixError Volunteer)

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like