Wie importiere ich CSS in Illustrator?

Ich möchte einen Gradienten in CSS importieren (von dieser Seite http://gradientcreator.com ). Ich habe es über das Bedienfeld „CSS-Eigenschaften“ versucht, aber ich kann ihn nicht bearbeiten. Ich habe SVG im Editor bearbeitet, indem ich CSS eingefügt habe, aber wenn ich die Datei in Illustrator öffne, wird der Hintergrund schwarz. Danke schön.

<?xml version="1.0" encoding="utf-8"?>


<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
<style type="text/css">
.colorful { background: -webkit-linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%),                             
                        -webkit-linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%),
                        -webkit-linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%),
                        -webkit-linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%);
            background: -ms-linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%), 
                        -ms-linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%),
                        -ms-linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%), 
                        -ms-linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%); 
            background: linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%), 
                        linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%), 
                        linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%),
                        linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%); } 


</style>
<g id="colorful">
<rect x="0.5" y="0.5" class="st0" width="1919" height="1079"/>
<path d="M1919,1v1078H1V1H1919 M1920,0H0v1080h1920V0L1920,0z"/>
</g>
</svg>

Antworten (2)

Sie können nicht, das Programm hat diese Art von Gradientenprimitiven nicht.

Sie können Farbverläufe als SVG-Farbverlauf importieren, es ist ziemlich schwierig, aber es funktioniert:

  • Erstellen Sie einen SVG-Verlauf mit einem Online-Tool, mit dem Sie SVG-Code generieren können, zum Beispiel http://angrytools.com/gradient/
  • Kopieren Sie den SVG-Code und speichern Sie ihn in einer Datei mit der SVG-Erweiterung.
  • Öffnen Sie Illustrator->Datei->Platzieren und wählen Sie eine SVG-Datei mit Farbverlauf aus. Der Farbverlauf wird importiert und auf das Rechteck angewendet.
  • Neues Verlaufsfeld erstellen: Wählen Sie ein Rechteck mit diesem Verlauf aus und ziehen Sie die Verlaufsfüllung aus dem Feld „Füllung“ im Bedienfeld „Verlaufswerkzeuge“ oder „Farbe“ in das Bedienfeld „Farbfelder“.
Vielen Dank für die Antwort. Sehr interessant, diese Seite, wütendtools, hauptsächlich weil sie den Code in SVG konvertiert. Ich sehe, dass es nicht möglich ist, den Code CSS in das Tool einzufügen. Kennen Sie eine Website, auf der dies möglich wäre? Danke schön.
Ja, ich habe gerade in Google gesucht und kmhcreative.com/downloads/CSS2SVG.htm gefunden
svg hat auch keinen Winkelverlauf, aber es gibt einige Problemumgehungen: stackoverflow.com/questions/2465405/svg-angular-gradient
Bitte stimme für die Antwort statt "Danke" ab :)
Wie importiere ich CSS in Illustrator?
AntwortenHierDatenschutz-Bestimmungen1y, 0v