Elektrisches Portal: ein Neonrahmen aus spektralem Licht für Hero-Hintergründe
Elektrisches Portal tauscht die Scheibe gegen die Geometrie Portal, ein abgerundetes Quadrat aus einem Lichtring, der an seiner Innen- und Außenkante leuchtet. Die Farbe wandert um den Rahmen, von kräftigem Pink über zartes Pfirsich bis zu blauvioletten Flecken, und Überstrahlung bei 62 lässt ihn vor dem fast schwarzen Hintergrund wie Neon glühen. Die leere Mitte ist der eigentliche Zweck: Setz ein Produktbild, eine Registrierungskarte oder einen einzelnen Call to Action hinein, und der Rahmen erledigt den Rest.
Mach den Look zu deinem
Schaff Platz im Rahmen
Formöffnung steht auf 58 und hält das Portal kompakt. Schieb sie Richtung 90 für ein etwas breiteres Tor, und erhöhe die Motivgröße über 100, bis der ganze Rahmen an den Rändern der Leinwand angeschnitten wird.
Kühl das Neon ab
Überstrahlung bei 62 gibt dem Rahmen seinen heißen, elektrischen Schein. Senk sie auf etwa 35 für eine klare Linie, die ruhig hinter der UI liegt, oder behalte sie und wähle Lichtschwenk unter Bewegungsverhalten, damit das Leuchten beim Abspielen an- und abschwillt.
Häufige Fragen
Was kann ich in einen Portal-Lichthintergrund setzen?
Alles, was ein Spotlight braucht: ein Geräte-Mockup, eine Preiskarte, ein Logo oder eine kurze Überschrift. Die Geometrie Portal hält ihre Mitte nahe an der Farbe von Hintergrund, damit Inhalte lesbar bleiben, und du kannst das Artwork ziehen oder Position X und Position Y nutzen, um den Rahmen an deinem Layout auszurichten.
So funktioniert es
Wähle eine Lichtstudie
Starte mit einem von 17 Looks wie Spektrale Eklipse, Elektrisches Portal oder Auroravorhang oder wähle eine von 8 Ausgangsgeometrien.
Verfeinere das Licht
Passe Formöffnung, Lichtabfall, Weichzeichnung, Überstrahlung, Tonwertkontrast, Belichtung, Streuung und organische Verzerrung an und ziehe dann die Grafik, um ihr Motiv zu platzieren.
Einfärben und verwenden
Lege Hintergrundfarbe, erste Farbe, zweite Farbe und Lichtfarbe fest, klicke auf Abspielen, wenn du Bewegung möchtest, und melde dich dann mit einem kostenlosen UX Pilot Konto an, um das Ergebnis im Canvas zu verwenden oder zu exportieren.