Lange Schatten mit dem langen Schattengenerator erstellen [Photoshop Plugin]
Lange Schatten Design ist immer noch beliebt bei Designern. Zuvor haben wir gezeigt, wie Sie in Photoshop mit verschiedenen Ebenen ein eigenes langes Schatten-Design erstellen können. Es ist natürlich praktisch, aber wenn Sie ein Photoshop-Enthusiast sind, der nach einem einfacheren Weg sucht, um das gewünschte lange Schatten-Design zu erhalten, haben wir eine kostenlose Photoshop-Erweiterung gefunden, die Sie verwenden können.
Der Long Shadow Generator von Ray ist ein einfach zu bedienendes Werkzeug, mit dem Sie den langen Schatteneffekt mit nur einem Klick erstellen können . Es funktioniert jedoch nur mit Adobe Photoshop CS6 und Photoshop CC-Kompatibilität - ein Upgrade ist erforderlich, um dies vollständig zu nutzen.
Installation
Der Long Shadow Generator kann hier für Photoshop CS6 und Photoshop CC heruntergeladen werden.
Nachdem die Datei auf Ihrem Computer gespeichert wurde, doppelklicken Sie auf die Datei, um den Installationsprozess im Adobe Extension Manager zu starten. Alles, was Sie tun müssen, ist nur den Anweisungen zu folgen, bis Sie fertig sind.
Bevor Sie fortfahren, navigieren Sie in Ihrem Photoshop zu Fenster> Erweiterungen> Long Shadow Generator, um das Panel gemäß dem folgenden Screenshot zu öffnen:
Optionen und Funktionen
Long Shadow Generator bietet Ihnen zwei Optionen, die Sie Ihren Bedürfnissen anpassen können :
1. Lange Schattenlänge, die die Länge des erstellten Schattens anpasst. Die Länge wird in Pixel gemessen und ist nur in vordefinierten Größen verfügbar: 10, 20, 40, 80, 160 und 320 Pixel. Die Standardgröße beträgt 40 Pixel.
2. Lange Schatten-Opazität, die die Transparenz des Schattens beeinflusst. Standardmäßig liegt die Deckkraft bei 20%. Der resultierende Schatten wird schwarz und weiß schattiert . So wird es für Sie einfacher, wenn Sie mit hellen oder dunklen Hintergründen arbeiten.
Da dieses Plugin dem Flat-Design-Trend folgt, hat sein Schatten keinen Farbverlauf oder Beleuchtungseffekt, eine Option, die standardmäßig aktiviert ist. Wenn Sie es nicht anwenden möchten, deaktivieren Sie einfach die Option Abflachen .
Zuletzt erhalten Sie 4 verschiedene Schattenrichtungen : unten rechts, unten links, oben rechts und oben links. Um die Richtung zu ändern, drücken Sie einfach die quadratische Schaltfläche neben der Schaltfläche Generieren, bis Sie das gewünschte Ergebnis erhalten.
Nutzungsdemo
Lassen Sie uns das Plugin in Aktion mit diesem Office-Symbol von Martin sehen.
Dieses Plugin arbeitet mit einer Reihe von Ebenen entsprechend der Schattenlänge. Je länger die Länge, desto mehr Ebenen werden erstellt . Diese Schichten werden dann zu einer als Schattenschicht zusammengefügt.
Wenn das Bild einen zusammenhängenden Hintergrund hat, maskieren Sie es, um es zu trennen, da dieses Plugin langen Schatten anwendet, indem es die Bildform erkennt .
Jetzt geben wir unserem Icon einen langen Schatteneffekt. Ändern Sie im Bereich "Langer Schattengenerator" die Standardschattenlänge auf 160 Pixel und deaktivieren Sie die Option "Abflachen" .
Bevor Sie auf die Schaltfläche "Erzeugen" klicken, vergewissern Sie sich, dass Sie eine Ebene ausgewählt haben, der Sie den Effekt hinzufügen möchten. Es sollte nur 1 Schicht sein . Jetzt drücke den Generieren Button und warte.
Danach wird eine neue Ebene mit demselben Namen wie die ausgewählte Ebene sowie ein Suffix angezeigt. Wenn Sie zuvor die Option "Abflachen" aktiviert haben, verfügt diese neue Ebene nicht über den Effekt "Verlaufsüberlagerung" .
Und das ist es. Hier ist das Office-Symbol mit einem schönen langen Schatteneffekt, der von einem einfachen Plugin erzeugt wird.
So verwenden Sie HTML5-Offline-Speicher auf Ihrer Website
Abgesehen von neuen Elementen in HTML5 bietet diese neue Web-Technologie uns Offline-Speicher . Es gibt eine Reihe von Arten von Offline-Speicher, und in diesem Artikel werden wir sessionStorage und localStorage speziell diskutieren. Offline-Speicherung ermöglicht es uns, Daten im Browser des Benutzers zu speichern und unsere Web-Apps oder Spiele ohne Verbindung (für einen bestimmten Zeitraum) arbeiten zu lassen.I
20+ Kostenlose E-Commerce-Icon-Sets zum Download
Suchen Sie nach Einkaufssymbolen für Ihr Online-Geschäft? Du bist an der richtigen Stelle. Wir haben hier mehr als 20 Icon-Sets gesammelt, die alle notwendigen Icons abdecken, die Sie wahrscheinlich in einem E-Commerce-Shop finden und daher haben sollten.Dies kann Symbole für den Einkaufswagen, Artikelpreis, Taschenrechner, Checkout, Lieferpräferenz, Zahlungsweise (Kreditkarte oder Kryptowährung) usw. umf