Unkonventionelles Zuschneiden in Illustrator

http://i.imgur.com/mEWzQ16.jpg

Ich muss dieses Bild so zuschneiden, dass der Platz darunter "sende dein Bild hier ein!" herausgenommen, weil ich diesen Platz für ein "Datei auswählen"-Formular auf meiner Website verwenden werde. Ich habe versucht, eine benutzerdefinierte Zeichenfläche zu erstellen, aber mit Illustrator können Sie nur ein herkömmliches Rechteck oder Quadrat als Zeichenfläche verwenden. Grundsätzlich brauche ich ein Vektorbild, aber ich bin mir nicht sicher, wie ich das machen soll, da es drei separate Bilder gibt. Irgendwelche Vorschläge, wie man das macht? Danke schön!

Antworten (1)

Alle digitalen Bilder sind rechteckig . Alle Bilder. Es gibt kein nicht rechteckiges digitales Bild.

Sie können innerhalb dieses Rechtecks ​​einen transparenten Bereich erstellen. Die Transparenz lässt es so aussehen , als ob es einen leeren Raum gibt, obwohl es tatsächlich keinen gibt.

Illustrator hat standardmäßig einen transparenten Hintergrund (obwohl er in der Anwendung weiß aussieht). Wenn Sie eine Zeichenfläche als PNG24-Datei speichern, ist der Hintergrund der Zeichenfläche nicht vorhanden. Möglicherweise müssen Sie das Format überdenken, in dem Sie das Bild speichern.

Für Ihre spezielle Verwendung benötigen Sie wahrscheinlich nicht einmal Transparenz. Sie könnten CSS (Cascading Style Sheets) verwenden, um das rechteckige Bild hinter Ihrem Formular zu platzieren und das Formular über dem Bild zu platzieren, anstatt zu versuchen, den Bildbereich auszuschneiden.

Here is a very quick and dirty sample of this method.

Geben Sie hier die Bildbeschreibung ein

Ich würde empfehlen, Pseudoelemente zu verwenden, um sie um das Formular herum zu platzieren. Dies ermöglicht ihnen, reaktionsschneller zu sein und im Allgemeinen mehr Kontrolle zu geben
Ich stimme @ZachSaucier zu. Besser wäre es, 2 Bildelemente links und rechts zu verwenden und die Überschrift als Live-HTML zu setzen.
Das Problem ist, wenn ich das Formular auf das Bild platziere, ist das Ganze ein weißes Rechteck, und ich habe einen Hintergrund, den ich hinter dem Formular zeigen möchte. Ich habe tatsächlich versucht, dieses Problem zu beheben, indem ich den Text und zwei Pfeile nach oben in separate Komponenten zerlegt habe, aber ich bin in HTML nicht weit genug fortgeschritten, um zu wissen, wie ich den Abstand zwischen den Bildern und dem Text entfernen kann i.imgur.com/jLUYyxa.jpg , also habe ich einfach versucht, das Ganze stattdessen zu einem Bild zu machen. Aus diesem Grund wäre es hilfreich zu wissen, wie man einen transparenten Bereich erstellt.
Angenommen, die Illustrator-Dateien enthalten kein weißes Feld, speichern Sie die Zeichenfläche einfach als PNG24-Datei. Es wird transparent sein, wo nichts ist. Möglicherweise müssen Sie die Pfeile mit Weiß füllen, falls dies noch nicht geschehen ist.
Unkonventionelles Zuschneiden in Illustrator
AntwortenHierDatenschutz-Bestimmungen1y, 0v