{"id":303,"date":"2017-05-24T20:04:19","date_gmt":"2017-05-24T20:04:19","guid":{"rendered":"https:\/\/blog.pmlabs-apps.com\/de\/?p=303"},"modified":"2017-05-25T14:30:55","modified_gmt":"2017-05-25T14:30:55","slug":"text-in-bild-einfuegen-dynamisch-excel-csv-daten","status":"publish","type":"post","link":"https:\/\/blog.pmlabs-apps.com\/de\/text-in-bild-einfuegen-dynamisch-excel-csv-daten\/","title":{"rendered":"Text in Bild einf\u00fcgen – aber dynamisch via Excel und CSV bitte sch\u00f6n!"},"content":{"rendered":"

Ihr kennt das ja: Wieder eine neue Bilderserie fertig geknipst, bearbeitet und kurz vor der Online Ver\u00f6ffentlichung noch schnell die Gr\u00f6\u00dfe anpassen, euer Logo drauf, umbenennen und ab damit ins Internet. Dazu wird bulkWaterMark<\/strong><\/a> angeworfen, rein mit den frischen Bildern und schon werden die Wasserzeichen f\u00fcr tausende Fotos in einem Aufwasch erstellt. Immer mit Eurem individuellen\u00a0Branding, um die Urheberschaft eures Bildes zu belegen. Das ist wohl der h\u00e4ufigste Anwendungsfall f\u00fcr unser Tool.<\/p>\n

Der Serienbrief im Wasserzeichen<\/h2>\n

Doch bulkWaterMark<\/strong> kann mehr als\u00a0immer den gleichen, statischen Text in euer Bild schreiben: Stimmt, da waren ja schon Tutorials\u00a0mit dynamischen Text Wasserzeichen<\/a><\/strong>. Bisher haben wir uns ja auf Wasserzeichen abh\u00e4ngig von Bilddaten besch\u00e4ftigt. Heute wollen wir auch externe Daten abh\u00e4ngig vom Bild im Wasserzeichen anzeigen, allerdings nehmen wir diesmal die Daten woanders her – n\u00e4mlich aus einer Excel Tabelle \u00e4hnlich der Microsoft Word Serienbrief Funktion.<\/p>\n

Ihr kennt doch sicher alle die Serienbrief Funktion von Word. Das ist im Prinzip fast das gleiche, nur dass ich hier nicht in einen Brief dynamische Daten schreibe, sondern direkt in ein Bild.<\/p><\/blockquote>\n

Excel!?\u00a0Ich will dynamisch Text in Bilder einf\u00fcgen!<\/h2>\n

Excel ist doch eine Tabellenkalkulation!? Warum sollte\u00a0ausgerechnet ein Office Programm mit bulkWaterMark zusammenarbeiten?<\/p>\n

Ganz einfach: Mit den Daten Ausdr\u00fccken von bulkWaterMark kann man Tabellen ins Programm einlesen, eine Zeile suchen und den Inhalt\u00a0einer Zelle dieser gefundenen Zeile in ein Text Wasserzeichen ausgeben. Da Excel gerne verwendet wird f\u00fcr das Horten und Organisieren von Daten, haben wir uns gedacht, dass die Microsoft Tabellenkalkulation ganz praktisch sein kann wenn es ums Anzapfen von externen Daten geht.<\/p>\n

Anwendungsbeispiele<\/h2>\n

Viele unserer Kunden verwenden mittlerweile diese Funktion. Die h\u00e4ufigste Auspr\u00e4gung findet Ihr in unserem Beispiel weiter unten erkl\u00e4rt, aber es gibt auch andere Verwendungsm\u00f6glichkeiten dieses Features.<\/p>\n

Mehrere Autoh\u00e4user verwenden diese Funktion zum Erstellen von Bildern f\u00fcr Gebrauchtwagenb\u00f6rsen. Dabei wird dann das Bild nicht mehr nur mit dem\u00a0Unternehmenslogo als Wasserzeichen versehen, sondern es werden auch Daten zum Auto eingef\u00fcgt\u00a0wie beispielsweise Preis oder abgespulte Kilometer.<\/p>\n

Hier noch eine ganz l\u00e4ssige Anwendung: Ein Kunde hat beispielsweise Quartettkarten mit bulkWaterMark realisiert. Dabei wurde die Karte im Profil Editor gestaltet mittels der Rahmenebene. In die Ebene werden dann dynamisch zur jeweiligen Quartettkarte (sprich zum Bild) die Daten aus dem Excel geholt und drunter angedruckt.<\/p>\n

Copyright erstellen f\u00fcr Bilder auf Basis von Excel Zellen<\/h2>\n

Nehmen wir an Ihr habt einen Haufen, dh. tausende Bilder und dazu eine elendslange Liste von Daten\u00a0zu diesen Bildern. Genauer gesagt handelt es sich hierbei um Quellenverweise oder Hinweise auf das Copyright und den Fotografen. Diese Tabelle schaut wie folgt aus:<\/p>\n

\"Bild<\/a>
Unsere kleine Copyright „Datenbank“<\/figcaption><\/figure>\n

In der ersten Spalte finden wir den Namen des jeweiligen Bildes (Filename Spalte). Daneben seht Ihr\u00a0die Datenspalten. Zum einen w\u00e4re das Spalte B mit allen Fotografen (Photographer Spalte) und Spalte C, die den Namen des Copyright Inhabers enth\u00e4lt (Copyright Spalte).<\/p>\n

Mit diesen Informationen gewappnet, starten wir bulkWaterMark und erstellen ein neues Wasserzeichen im Profil Editor. Dort angekommen wird eine Textebene eingef\u00fcgt und in den Ausdrucksmodus gewechselt:<\/p>\n

\"Text<\/a>
Text Wasserzeichen einf\u00fcgen und gleich in den Ausdrucksmodus wechseln<\/figcaption><\/figure>\n

Nun wird es spannend: Im n\u00e4chsten Schritt w\u00e4hlen wir die Datenquelle – genau, die vorhin vorgestellte Excel Arbeitsmappe. Dazu klicken wir auf das Zahnrad bei den Data Ausdr\u00fccken um die Quelle festzulegen.<\/p>\n

\"Datenquelle<\/a>
Datenquelle f\u00fcr das Wasserzeichen konfigurieren<\/figcaption><\/figure>\n

Nach Angabe der Datei (entweder Excel oder CSV) l\u00e4dt bulkWaterMark die Vorschau und zeigt Euch welche Tabellen (sofern eine Excel Datei gew\u00e4hlt wurde) und Spalten vorhanden sind. In unserem Fall besteht die Excel Arbeitsmappe aus einer einzigen Tabelle namens „ImageCopyrights“ und in dieser Tabelle finden wir genau die Zellen, die wir vorher fein s\u00e4uberlich ins Excel File reingeklopft haben. Das sind also genau die Daten, die wir in unseren einzelnen Bilder eingef\u00fcgt bekommen wollen. Wir best\u00e4tigen den Dialog und kommen nun schon fast zum Abschluss unserer Lektion.<\/p>\n

Jetzt fehlt eigentlich nur mehr die Zuordnung und Komposition des Wasserzeichen Textes zum jeweiligen Bild. Dazu klopfen wir folgenden Ausdruck in den Editor:<\/p>\n

\"Basteln<\/a>
Basteln an unserem dynamischen Daten Ausdruck<\/figcaption><\/figure>\n
Photo by {Data.GetColumnValue(Filename, {OriginalImage.FileName}, Photographer)}<\/pre>\n
Als brave bulkWaterMark Tutorial (und Hilfe!) Leser wisst Ihr ja wahrscheinlich schon was der obige Text bedeutet. Hier nochmal der Vollst\u00e4ndigkeit halber was diese vielen Klammern mit der Textebene im Wasserzeichen anstellen:<\/p>\n
Der Text bis „Photo by “ wird von bulkWaterMark unangetastet weitergegeben und ins Wasserzeichen geschrieben. Sobald dann die geschwungene Klammer „{“ ins Spiel kommt wird’s interessant.<\/p>\n
Hier setzt dann die Magie ein: Am Data Kontext wird eine Funktion namens „GetColumnValue“ aufgerufen. Die Funktion nimmt als ersten Parameter (Gr\u00fcn) den Spaltennamen, in dem der Bildname gesucht werden soll – in unserem Fall Spalte A namens „Filename“.<\/p>\n
Der zweite Parameter (Blau) ist der Wert, den wir in der Spalte „Filename“ suchen – hier kommt also ein weiterer, verschachtelter Ausdruck rein: {OriginalImage.FileName} f\u00fcr den Dateinamen des aktuellen, zu sch\u00fctzenden Bildes.<\/p>\n
Parameter Nummer 3 (Orange) gibt an aus welcher Spalte\u00a0der gefundenen Zeile wir schlie\u00dflich den Wert f\u00fcr unser Textwasserzeichen \u00fcbernehmen wollen. Der soll aus der Spalte C „Photographer“ kommen.<\/p>\n
Nochmal kurz bildlich dargestellt:<\/p>\n
\"So<\/a>
So f\u00fcgt der Ausdruck die Daten zusammen<\/figcaption><\/figure>\n
Und so schaut das Endresultat im Wasserzeichen aus:<\/p>\n
\"Fertig!<\/a>
Fertig! Mission „dynamischen Text in Bild einf\u00fcgen“ erfolgreich abgeschlossen<\/figcaption><\/figure>\n
Im neuen Ausdruckseditor k\u00f6nnt Ihr auch sogenannte\u00a0Testbilder ausw\u00e4hlen und den Ausdruck austesten, indem Ihr im Reiter „Test Parameter“ und Bilddateien\u00a0hinzuf\u00fcgt und danach ausw\u00e4hlt. Die gew\u00e4hlte Datei wird von\u00a0bulkWaterMark als\u00a0Testbild gesetzt\u00a0und somit\u00a0die Eigenschaft {OriginalImage.FileName} mit dem Bilddateinamen bef\u00fcllt.<\/p>\n
\"Ausdruck<\/a>
Ausdruck mit einem Testbild ausprobieren<\/figcaption><\/figure>\n
Fazit<\/h2>\n
Mit dem neuen Ausdruckseditor wird es wieder ein St\u00fcck einfacher dynamische Wasserzeichen f\u00fcr Eure Fotos zu erstellen. Die Ausdr\u00fccke erfordern anfangs etwas Einarbeit, zahlen sich dann aber schnell aus sobald Ihr bereits ein paar Dutzend\u00a0Bilder mit beliebigen, externen Daten optisch versehen wollt.<\/p>\n
Solltet Ihr Hilfe ben\u00f6tigen beim Einbinden von Excel oder CSV Daten in euer Wasserzeichen Profil, meldet Euch beim Support oder posted einfach hier unter dem Artikel. Das angef\u00fchrte Beispiel ist \u00fcbrigens auch in den mitgelieferten Beispielprofilen enthalten.<\/p>\n
Cheers,<\/p>\n
Phil<\/p>\n","protected":false},"excerpt":{"rendered":"
Ihr kennt das ja: Wieder eine neue Bilderserie fertig geknipst, bearbeitet und kurz vor der Online Ver\u00f6ffentlichung noch schnell die Gr\u00f6\u00dfe anpassen, euer Logo drauf, umbenennen und ab damit ins Internet. Dazu wird bulkWaterMark angeworfen, rein mit den frischen Bildern und schon werden die Wasserzeichen f\u00fcr tausende Fotos in einem Aufwasch erstellt. Immer mit Eurem … Text in Bild einf\u00fcgen – aber dynamisch via Excel und CSV bitte sch\u00f6n!<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":3,"featured_media":315,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,42,37],"tags":[44,66,63,51,49,45],"class_list":["post-303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bulkwatermark-de","category-tutorials-de","category-wasserzeichen","tag-bulkwatermark-de","tag-dynamischer-text","tag-text-in-bild-einfuegen","tag-tutorial-de","tag-wasserzeichen","tag-wasserzeichen-erstellen"],"_links":{"self":[{"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/posts\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/comments?post=303"}],"version-history":[{"count":10,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/posts\/303\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/posts\/303\/revisions\/325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/media\/315"}],"wp:attachment":[{"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/media?parent=303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/categories?post=303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pmlabs-apps.com\/de\/wp-json\/wp\/v2\/tags?post=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}