Bildmanipulation per TypoScript

Die Möglichkeiten von GraphicsMagick in TYPO3 ausschöpfen

TypoScript bietet direkten Zugriff auf die Optionen von ImageMagick bzw. GraphicsMagick, nämlich über die Eigenschaft „params“ des Datentyps „imgResource“.

Code-Beispiele

– Bilder im Inhalt werden angesprochen über

tt_content.image.20.1.file.params = [options]

– Bilder in den neuesten Nachrichten (Extension tt_news) mit

plugin.tt_news.displayLatest.image.file.params = [options]

In anderen Erweiterungen können Bilder analog verändert werden.

So werden Anpassungen, die sonst nur für einzelne Inhaltselement gelten, über TypoScript global eingestellt. Hier ein paar Zuordnungen der Optionen in der Eingabemaske und in GraphicsMagick:

# Graustufen: 
tt_content.image.20.1.file.params = -colorspace GRAY
# Schärfen: 
tt_content.image.20.1.file.params = -sharpen 0
# Normalisieren: 
tt_content.image.20.1.file.params = -normalize 
# Kontrast: 
tt_content.image.20.1.file.params = -contrast
# Heller: 
tt_content.image.20.1.file.params = -gamma 1.3
# Dunkler: 
tt_content.image.20.1.file.params = -gamma 0.8

Abb. von links nach rechts: -gamma 1.3; Ausgangsbild; -gamma 0.8

Bilder global einfärben

Die Bearbeitungsmöglichkeiten per TypoScript gehen weit über die Auswahl in den Bildeinstellungen hinaus, zumal mehrere Parameter miteinander verknüpft werden können.

Mit der Kombination -modulate brightness[,saturation[,hue]] und -colorize red,green,blue (Kolorieren per Farbkanal in Prozent) können Bilder beliebig eingefärbt werden.

Abb. von links nach rechts:
-modulate 115,0
-modulate 115,0 -colorize 7,10,23
-modulate 115,0 -colorize 7,10,23 -contrast

Die einzelnen GraphicsMagick-Kommandos werden nacheinander ausgeführt, die Reihenfolge ist also entscheidend. In den Bildeinstellungen gewählte Effekte wirken sich zusätzlich aus und ermöglichen damit eine individuelle Feinabstimmung einzelner Bilder. Darüber hinaus können alle TypoScript-Angaben mit „Bildqualität/-bearbeitung: Keine“ im Inhaltselement ausgeschaltet werden.

Die Option -modulate

Helligkeit, Sättigung und Farbton werden in Prozent angegeben. Dabei entspricht 100 dem Ausgangswert (und für die Sättigung gleichzeitig dem Maximum).

Ein Wert über 100 Prozent für „brightness“ führt zu einem helleren Bild, unter 100 Prozent zu einem dunkleren.

Für die Sättigung können Werte zwischen 0 (desaturiert) und 100 Prozent angegeben werden.

Eine Farbtonänderung wird als Rotation von der Ausgangsposition angegeben.

150 Prozent entspricht einer Drehung von 90 Grad im Uhrzeigersinn. Die gleiche Farbtonänderung erzielt man in Photoshop über den Dialog Hue/Saturation mit der Einstellung +100.

Analog dazu entsprechen 50 Prozent einer Drehung von 90 Grad im Gegenuhrzeigersinn, 0 und 200 einer Drehung von 180 Grad.

 

 

Und noch mehr Optionen


Abb. von links nach rechts: -colorspace GRAY; -charcoal 60; -monochrome

Abb. von links nach rechts: -negate; -operator Gray Negate 1; -operator Blue Negate 1

Viel Spaß beim Ausprobieren!

Veröffentlicht unter Technik | Verschlagwortet mit , , , , | Hinterlasse einen Kommentar

Schuster, bleib’ bei deinen Leisten?

Ein bekannter Darmstädter Spargel- und Erdbeerbauer bietet in Zukunft auch Bioprodukte an und kam mit dem Wunsch nach Etiketten, Verkaufsstände und Faltblatt in einem eigenen Design auf uns zu.

Biospargel

Für das Etikett haben wir eine klare Gestaltung mit einer abstrahierten Zeichnung von Stangenspargel vorgeschlagen. Die Wortmarke sollte um den Slogan „Hand in Hand mit der Natur“ ergänzt werden.

Die Bioetiketten werden auf die vakuumverschweißten Plastikverpackungen geklebt. Lediglich das Haltbarkeitsdatum muss aufgedruckt werden.

 

Durch wenige Handgriffe sollen die Stände zeitweise in Biospargel-Verkaufsstellen umgewandelt werden. Dazu haben wir die weithin sichtbaren Schilder auf dem Dach und die Klappe neu gestaltet. Durch das Grün setzt sich die Beschilderung deutlich vom „normalen“ Aussehen ab.

 

Weitere Produkte

Wir nutzten die Gelegenheit, auch das Erscheinungsbild der Verpackungen für die konventionellen Produkte wie eingelegten Spargel, Konfitüre, Spargelschnaps und Weißwein zu diskutieren.

Um das neue Etikett für alle Erzeugnisse verwenden zu können, haben wir unsere Zeichnung mit einer Erdbeerpflanze erweitert.

Im Gespräch stellte sich heraus, dass die Verkäufer an den Ständen Schwierigkeiten haben, die gewünschten Gläser in den Kartons zu finden. Deshalb haben wir die Beklebung der Deckel überarbeitet. Durch den Aufdruck und eine Farbkodierung ermöglicht sie, auf einen Blick zu erkennen, ob es sich um Spargel oder Konfitüre handelt.

Der Hersteller druckt neben dem Haltbarkeitsdatum auch die Inhaltsstoffe und die genaue Produktbezeichnung nachträglich auf die zweifarbigen Etiketten.

Durch die Kombination der Deckelaufkleber mit Etiketten in zwei Größen hatten wir schließlich ein System für die gesamte Produktpalette, das kostengünstig umsetzbar wäre.

Unser Kunde beendete das Projekt allerdings noch der Entwurfsphase. Er war letztlich nicht bereit, sich auf das ganz andere Design einzulassen.

Fazit

Manchmal ist der Weg das Ziel. Ohne die Auseinandersetzung mit der neuen Gestaltung wäre beim Kunden vielleicht die Unzufriedenheit mit der alten geblieben. Und womöglich findet ja ein Teil der Ergebnisse in anderer Form noch Verwendung.

Für uns war es jedenfalls neben der interessanten Projektarbeit auch eine schöne Gelegenheit, mal wieder freihand zu zeichnen.

Veröffentlicht unter Projekte | Verschlagwortet mit , | Kommentare deaktiviert

2 hoch 11

2048 ist ein kleines, kontemplatives Browser-Spiel mit simplen Regeln – oder besser gesagt einer einzigen Regel – und einem minimalen Quentchen Zufall. Es ist in wenigen Wochen zu einem weltweiten Erfolg geworden. Vor allem aber sieht es einfach wunderschön aus.

Das Spiel ist so etwas wie die Visualisierung der Legende von dem Schachbrett und dem Reiskorn auf 16 Feldern. Jedenfalls bin ich wider besseres Wissen doch immer überrascht, wie schnell man durch Verdoppelung zu großen Zahlen kommt. 2048 ist übrigens nicht die höchste erreichbare Summe. Im Grunde ist das Spiel unendlich, nur dass der Platz zum Rangieren immer kleiner wird.

Der zwanzigjährige Entwickler Gabriele Cirulli hat die Javascript-Variante auf GitHub veröffentlicht. Das war ihm eine Herzensangelegenheit – nicht zuletzt, weil die Spielidee nicht wirklich seine eigene ist.

Seit dem 9. Mai gibt es das Spiel nun auch als Mobile App. Auf seiner Website erklärt Cirulli ausführlich, warum er sich entschieden hat, 2048 auch für iOS und Android herauszubringen, nachdem er ursprünglich in jugendlichem Leichtsinn behauptet hatte, das werde er niemals tun.

Ein herzzerreißender Konflikt, der nicht wirklich zu verstehen ist. Denn die 2048-Apps sind genauso kostenlos wie die Browser-Version.

Veröffentlicht unter Spielen, Webdesign | Verschlagwortet mit , , , , , , | 1 Kommentar

Brillenträger

The Notwist hat seine neue Platte „Close to the Glass“ herausgebracht, und die Medien sind voll des Lobes. Da will ich auch gar nicht viel mehr zu sagen. Hier nur der Hinweis auf das Konzert am 10. März in den Wagenhallen Stuttgart und das absolut großartige offizielle Video zu „Kong“:


Über dieses konnte ich leider nur spärliche Informationen finden: Der Regisseur heißt Yu Sato, der Zeichner Tim Divall (Quelle: http://www.cityslang.com/news/the-notwist/) und beide haben anscheinend auch schon für Lali Puna zusammengearbeitet.

Übrigens fragte der Bayerische Rundfunk The Notwist neulich im Interview: „Seid ihr eigentlich Optimisten, Pessimisten, Psychopathen oder Agnostiker?“ „Keine Ahnung“, antwortete Markus Acher und fügte nach kurzem Überlegen hinzu: „Brillenträger.“

Veröffentlicht unter Kunst | Verschlagwortet mit , , , , , , , , | Kommentare deaktiviert

… noch mehr Schnee

Passend zur nicht vorhandenen Winterzeit kann man sich nicht nur über unseren virtuellen Schnee freuen, sondern auch Buchstabenflocken auf Druckerzeugnisse rieseln lassen.

Mit Hilfe der Transformfunktion im Illustrator werden Buchstaben zu wunderschönen Kristallen. Je nach Schriftart werden die Flocken einfache oder komplizierte Gebilde. Am besten eignen sich Serifenschriften.

Der Filter ist unter dem Menüpunkt Effekte / Verzerrungs- und Transformationsfilter zu finden. Das komplette Tutorial zum Buchstabenflockenbasteln findet ihr hier.

Veröffentlicht unter Spielen, Technik | Verschlagwortet mit , , | Kommentare deaktiviert

Leise rieselt der Schnee …

Gut einen Monat nach Weihnachten ist hier immer noch kein Schnee in Sicht. Aber inzwischen schneit es wenigstens in unserem Blog. Und das kam so: Beim Blick auf die Fenster erinnerte ich mich mit leiser Wehmut an Xsnow zu meinen goldenen Unix-Zeiten. Die Anwendung ließ Flocken über den Bildschirm schweben, die sich auf den Fenstern und am unteren Bildschirmrand sammelten. Ab und zu flog ein „Santa“ – also ein Weihnachtsmann – im Rentierschlitten vorbei.

Einen vollwertigen Ersatz habe ich noch nicht gefunden, aber meine Recherche führte mich rasch zu Snowstorm. Das Javascript ist gut dokumentiert und hochgradig personalisierbar. Die Flocken sind keine Bilder, sondern einfach Zeichen. Ich habe den Asterisk ∗ [∗] gewählt, der in den meisten Fonts sechs Strahlen hat – genau wie eine Schneeflocke.

Mehr Schnee …

… im Browser: Optisch näher am Original ist die Javascript-Variante von Dr. Nikolaus Klepp.

… auf Unix / Linux: Xsnow gibt es immer noch, es läuft aber nicht – oder nicht ohne weiteres – auf Systemen mit Desktop-Managern wie KDE, weil es den Schnee im „Root“-Fenster erzeugt.

… für Android: Let it snow! von LUCK TECHNOLOGY

Veröffentlicht unter Technik, Webdesign | Verschlagwortet mit , , | Kommentare deaktiviert

Zugangsdaten sicher an den Kunden weitergeben

Passwörter, ob für den FTP-Account oder den TYPO3-Zugang, versenden wir nie per E-Mail. Das Risiko, dass sie in die falschen Hände gelangen, ist einfach zu hoch.

Früher haben wir sie am Telefon durchgeben. Aber ein sicheres Passwort ist ja eine willkürliche Zeichenfolge, die sich schwer sprachlich übermitteln lässt. Dabei kam es immer wieder zu Missverständnissen und Schreibfehlern. So etwas kostet Zeit, und nicht nur der Kunde ärgert sich.

Doch nun haben wir die perfekte Lösung für diese Aufgabe, nämlich read2burn.

Dieser Dienst wird bereitgestellt von wemove digital solutions GmbH.

Und so einfach wird es gemacht:

1. Zu übertragende Daten in das Textfeld eintippen.

2. Mit dem darunter stehenden Button den Link erzeugen.

3. Unter dem Button erscheint ein zweites Textfeld mit dem bereits ausgewählten Link. Diesen kopieren, …

4. … in eine E-Mail einfügen und versenden.

Der Empfänger öffnet den Link im Browser:

5. Die angezeigten Daten kopieren resp. abschreiben und sicher verwahren.

Und das Beste: Anders als beim Prinzip „Burn after reading“ ist hier sozusagen das Verbrennen im Lesen eingebaut: Der erzeugt Link funktioniert nur ein einziges mal.

Wenn diese Meldung erscheint, weiß man sofort, dass jemand Drittes bereits die Daten abgerufen hat und kann sofort den Zugang sperren (lassen).

Veröffentlicht unter Technik | Verschlagwortet mit , , , , , | Kommentare deaktiviert

Krippenspiel

Die Weihnachtsgeschichte, nacherzählt von Kindern der St Paul’s Church, Auckland, Neuseeland:

Veröffentlicht unter Kunst | Verschlagwortet mit , | Kommentare deaktiviert

Was wir schauen

Das Photographie-Portfolio von Kirsten Bucher wurde bewusst auf umweltfreundlichem Papier von Olin mit einer sehr rauen Oberfläche gedruckt. Durch die offene Struktur verschwinden manche Details in den Tiefen und Lichtern. Dieser Effekt nimmt den Photos den Hochglanzcharakter und die damit verbundene Distanziertheit.

Die samtene Haptik lässt die Bilder persönlicher, wärmer wirken. In den Vordergrund tritt, was Kirsten Bucher in der Photographie wichtig ist: Die Menschen und ihre Geschichten.

Das Magazin entstand in Zusammenarbeit mit nemadesign.

Veröffentlicht unter Kunst, Projekte | Verschlagwortet mit | Kommentare deaktiviert

Die Erdanziehungskraft ist ein Fehler.

„The Centrifuge Brain Project“ von Till Nowak gewinnt den Publikumspreis bei der Filmzeit Kaufbeuren.

Dieser Film macht alle glücklich: das Publikum, die Jury, die Veranstalter und mich.

Zwei Wissenschaftler erforschen die Auswirkungen großer Beschleunigung auf das menschliche Hirn. Nach ersten Rückschlägen kommen sie schnell auf den Gedanken, mit einem Schausteller zusammenzuarbeiten.

Auf den ersten Blick sehen die Karussells und Achterbahnen ganz plausibel aus. Auf wirklichen Rummelplätzen gefilmte Sequenzen und der Originalton von kreischenden Fahrgästen und Kirmesmusik verstärken diesen Eindruck wirkungsvoll.

Ist es eine Mockumentary – oder eine Dokunimation? Jedenfalls ist es eine Wissenschaftssatire und ganz sicher ein wunderbarer Film, der den Blick auf die Realität nachhaltig verändert. Deshalb mein Tipp: Anschauen und anschließend aufs Volksfest gehen.

On the Institute for Centrifugal Research (ICR) Website you will find an English version of the short film and further information, for example on the “Alliance of Trustworthy Scientists”.

All pictures: © Till Nowak | The Centrifuge Brain Project

Veröffentlicht unter Kunst | Verschlagwortet mit , , , | Kommentare deaktiviert