Vintage-Effekte für Ihre Bilder mit HTML5

Ich bin mir nicht sicher, ob es Instagram, Hipstamatic oder eine andere Smartphone-Foto-App ist, der man dafür danken (oder die Schuld geben?) geben sollte, dass sie auf jedes aufgenommene Foto Vintage- oder andere Effekte anwendet, aber egal, wer damit begonnen hat, das ist nicht der Fall scheinen ein Trend zu sein, der bald verschwinden wird.

Unabhängig davon, ob Sie Vintage-Fotos lieben oder nicht, besteht die Möglichkeit, dass Sie sie in dem einen oder anderen Projekt verwenden müssen, entweder weil ein Kunde oder das Projekt dies verlangt.

Wäre es nicht schön, ein Plugin zu haben, das dies automatisch direkt auf der Website selbst erledigt, anstatt eine Menge Zeit damit zu verbringen, Fotos für Ihr nächstes Website-Projekt mit Photoshop oder einer anderen Desktop-App (oder Telefon-App) zu bearbeiten?

Es macht schließlich Sinn. Andernfalls müssen Sie jedes Mal, wenn ein neues Bild hochgeladen wird, sicherstellen, dass es verarbeitet wurde, bevor es zur Site hinzugefügt wird (nicht ideal, wenn Ihr Kunde die Site selbst aktualisiert). Ohne konsequente Bearbeitung wirkt die Seite schnell amateurhaft und, nun ja, hässlich.

vintageJS ist ein jQuery-Plugin, das HTML5-Canvas verwendet, um Effekte auf Ihre Bilder direkt auf Ihrer Website anzuwenden.

Es ist hochgradig konfigurierbar, sodass Ihre Bilder genau so aussehen, wie Sie es möchten. Zu den grundlegenden Voreinstellungsoptionen gehören:

  • Standard (wenn keine Voreinstellung angegeben ist)
  • Sepia
  • Grün
  • Graustufen
  • Benutzerdefiniert (nur Kurven werden angepasst, alles andere ist deaktiviert, sodass Sie Ihren eigenen Look erstellen können)

Wenn Sie einen benutzerdefinierten Filter erstellen möchten, stehen Ihnen die folgenden Optionen zum Bearbeiten zur Verfügung:

  • Vignette (kann ein- oder ausgeschaltet werden und verfügt über einstellbare Schwarz- und Weißvariablen)
  • Lärm
  • Bildschirm (funktioniert wie der Photoshop-Ebenenbildschirm)
  • entsättigen
  • allowMultiEffect (ermöglicht das mehrfache Auslösen eines Effekts)
  • viewFinder (erzeugt einen Durch-den-Sucher-Effekt)
Lesen:  Top 10 der besten Videobearbeitungssoftware für YouTuber im Jahr 2024

Mit diesen Einstellungen können Sie ganz einfach authentisch aussehende Vintage-Bilder direkt auf Ihrer Website erstellen. Sie müssen keine Stunden mehr damit verbringen, Bilder vorzuverarbeiten (oder darauf zu warten, dass Ihr Computer sie stapelweise verarbeitet). Keine Kunden mehr, die Bilder hochladen, die das Erscheinungsbild der Website beeinträchtigen.

Möglicherweise kennen Sie es bereits vintageJS.com, die Website, auf der Sie Fotos hochladen und anschließend einen Vintage-Effekt anwenden können. Es ist ein gutes Beispiel dafür, wozu das jQuery-Plugin in der Lage ist (obwohl das Plugin noch mehr Anpassungsmöglichkeiten ermöglicht).

Haben Sie Ihren Bildern mit einem Plugin Vintage-Effekte hinzugefügt? Welcher? Lass es uns in den Kommentaren wissen.

Aktuelle Artikel:

Empfohlen