Knopfmosaik-Kunst-Tutorial
Letzte Woche habe ich einen "Knopfbaum" erstellt und ein Tutorial dazu geteilt (das Sie hier finden können). Diese Woche wollte ich etwas Kühneres versuchen: ein Porträt meiner Frau, das komplett aus Knöpfen besteht. Ich versprach mir, dieses Tutorial nur dann zu schreiben, wenn ihr das Endergebnis gefällt. Nun, es hat ihr gefallen, also bin ich hier! Ich hoffe, Sie machen mit.
Was Sie benötigen:
- Knöpfe Für dieses Projekt habe ich ungefähr 150 Knöpfe verwendet. In dieser Anleitung zeige ich Ihnen, wie Sie KI und Bildbearbeitung nutzen können, um eine Vorlage für jedes beliebige Bild zu erstellen. So können Sie genau sehen, wie das fertige Werk aussehen wird, bevor Sie überhaupt mit dem Platzieren der Knöpfe beginnen.
- Computer (für Bearbeitung und KI) Ich werde Photopea verwenden, ein kostenloses Online-Bildbearbeitungstool, damit jeder mitmachen kann. Für die KI-Generierung habe ich Google AI Studio verwendet, das ebenfalls kostenlos ist. Ich habe mehrere andere KI-Tools getestet, aber keines konnte den spezifischen Stil replizieren, den ich von Google AI Studio erhalten habe (ich habe das Gemini Flash/Nano-Modell verwendet).
- Drucker Ich habe meine Vorlage im Format A3 in einer lokalen Druckerei gedruckt (ich habe das Glück, eine nur 100 Meter entfernt zu haben!). Wenn Sie zu Hause drucken, können Sie ein kleineres Kunstwerk im A4-Format erstellen oder Ihr Bild auf zwei A4-Blätter aufteilen und diese zusammenkleben, um eine größere Leinwand zu erhalten.
- Klebstoff oder Klebeband Für diese Version habe ich klares doppelseitiges Klebeband verwendet. Ich wollte das Aussehen überprüfen, bevor ich die Knöpfe dauerhaft klebe. Dies gab mir die Flexibilität, Knöpfe zu verschieben oder, falls das Projekt nicht klappen sollte, die Knöpfe für etwas anderes wiederzuverwenden.
Was man machen sollte
Ursprünglich hatte ich vor, etwas Einfaches zu machen: ein Schwarz-Weiß-Stück mit hohem Kontrast und sehr wenigen Details. Als ich jedoch die Ergebnisse der KI sah, beschloss ich, mich mit einem detaillierteren Bild herauszufordern. Ich glaube, ich habe für einen ersten Versuch etwas zu hoch gegriffen, aber es war ein lustiger Prozess! Ich plane auf jeden Fall, es bald noch einmal zu versuchen.
Für dieses Projekt habe ich mit diesem Foto begonnen:

Ich begann mit dem Öffnen von Photopea (photopea.com).

Ich nannte die neue Datei ButtonArt und wählte die Größe 1920px x 1080px. Ich klickte auf „Erstellen“. Dann öffnete ich mein Foto und machte es Schwarz-Weiß: Bild-Anpassungen-Schwarz & Weiß.


Dann klickte ich auf Bild – Anpassungen – Posterisieren.

Ich wählte „Stufen: 3“ und klickte auf „OK“.

Dann speicherte ich das Bild, indem ich auf Datei – Exportieren als:

Ich speicherte das Bild als .jpg-Datei.
Erstellen der Umrisslinie für das Button Art mit Google AI Studio
Ich ging zu Google AI Studio (https://aistudio.google.com/), lud das vorherige Bild hoch und verwendete diesen Text-Prompt:
„Erstelle eine detaillierte Anleitung für Knopfkunst, die ein Porträt einer Person darstellt. Das Kunstwerk soll so gerendert werden, als ob es ausschließlich aus Nähknöpfen auf einer A4-Leinwand besteht. Dieses Bild ist als direkte visuelle Anleitung zum Platzieren physischer Knöpfe gedacht.
Das Porträt sollte insgesamt maximal 150 Knöpfe aufweisen, deren Größen von 16L bis 40L variieren. Es sind nur vier verschiedene Farben/Schattierungen erlaubt: Schwarz, Dunkelgrau, Hellgrau und Weiß.
Entscheidend ist, dass jedes sichtbare Element des Porträts (Umrisse, Merkmale und Schattierungen) ausschließlich durch die Anordnung dieser physischen Knöpfe gebildet werden muss. Es dürfen absolut keine Linien, Pixel oder künstlerische Renderings vorhanden sein, die nicht selbst durch einen eindeutigen Knopf dargestellt werden.
Schwarze Knöpfe sollten überwiegend verwendet werden, um die Haare und dunklere Schatten zu definieren. Weiße und graue Knöpfe sollten strategisch platziert werden, um die Gesichtszüge und Hauttöne zu bilden, wobei der Kontrast und die Schattierung des bereitgestellten Quellbildes mit einer begrenzten Anzahl von Knöpfen nachgeahmt werden. Die Anordnung sollte spärlich und dennoch klar genug sein, um die Ähnlichkeit zu vermitteln.
Der Hintergrund sollte eine schlichte, helle Leinwand sein, die nur eine subtile Leinwandstruktur zeigt, um sicherzustellen, dass die Knopfplatzierung im Mittelpunkt steht. Das Endergebnis muss wie ein präzises, wenn auch minimalistisches, Anleitungsset für die Knopfplatzierung aussehen.“

Google AI Studio hat das obige Bild erstellt. Es gefiel mir, und ich beschloss, es auszudrucken. Aber zuerst öffnete ich das von Google AI erstellte Bild in einem Google Doc, änderte das Layout auf A3, machte das Bild so groß wie möglich und speicherte es als PDF.

Ich druckte das PDF in A3 aus und klebte es auf einen Tisch, damit es sich nicht bewegt, wenn ich mit dem Anbringen der Knöpfe beginne.

Dann begann ich, Knöpfe auf das Bild zu kleben. Ich wählte hellere Knöpfe, wo die Anleitung mir sagte, hellere Knöpfe zu platzieren.

Und dann verschiedene Arten von schwarzen Knöpfen für die Haare. Unten sehen Sie das Endergebnis. Es ist weit davon entfernt, perfekt zu sein, und ich werde bald ein besseres machen, aber ich denke, es ist gut für einen ersten Versuch.

