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 css3ps
das 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 shadow
und vieles mehr basierend auf ausgewählten Ebenen in Photoshop.
Beantwortet von – pixelCss
Antwort geprüft von – Katrina (FixError Volunteer)