Knappmosaik & porträttkonst: Hur du skapar ett knappporträtt med AI

Förra veckan skapade jag ett "knappträd" och delade en guide för det (som du hittar här). Den här veckan ville jag prova något modigare: ett porträtt av min fru helt skapat av knappar. Jag lovade mig själv att inte skriva denna guide om hon inte gillade slutresultatet. Men hon gillade det, så här är jag! Hoppas du vill hänga med.

Vad du behöver:

• Knappar: Jag använde cirka 150 knappar till detta projekt. I den här guiden visar jag hur du använder AI och bildredigering för att skapa en mall för vilken bild du vill. Detta gör att du kan förhandsgranska exakt hur slutresultatet kommer att se ut innan du ens börjar placera ut knapparna.
• Dator (för redigering och AI): Jag använder Photopea, ett gratis bildredigeringsverktyg online, så att alla kan följa med. För AI-genereringen använde jag Google AI Studio, vilket också är gratis. Jag testade flera andra AI-verktyg, men inget kunde återskapa den specifika stil jag fick från Google AI Studio (jag använde Gemini Flash/Nano-modellen).
• Skrivare: Jag skrev ut min mall i A3-format hos ett lokalt tryckeri (jag har turen att ha ett bara 100 meter bort!). Om du skriver ut hemma kan du göra ett mindre konstverk på A4, eller dela upp bilden över två A4-ark och tejpa ihop dem för en större canvas.
• Lim eller tejp: Till den här versionen använde jag genomskinlig dubbelhäftande tejp. Jag ville kontrollera utseendet innan jag limmade fast knapparna permanent. Det gav mig flexibiliteten att flytta runt knappar eller återanvända dem till något annat om projektet inte skulle bli bra.

Behöver du 150 matchande knappar? Utforska våra knappkollektioner – inget minsta beställningskrav, så du kan köpa exakt så många som ditt projekt kräver.

Att välja motiv

Från början planerade jag att göra något enkelt: ett svartvitt motiv med hög kontrast och väldigt få detaljer. Men när jag såg resultaten från AI:n bestämde jag mig för att utmana mig själv med en mer detaljerad bild. Jag siktade nog lite väl högt för ett första försök, men det var en riktigt rolig process! Jag planerar definitivt att göra ett nytt försök snart.

För det här projektet utgick jag från detta foto:

Jag började med att öppna Photopea (photopea.com).

Jag döpte den nya filen till ButtonArt och valde storleken 1920px x 1080px. Jag klickade på Skapa. Sedan öppnade jag mitt foto och gjorde det svartvitt: Bild - Justeringar - Svartvitt (Image - Adjustments - Black & White).

Sedan klickade jag på Bild - Justeringar - Postereffekt (Image - Adjustments - Posterize).

Jag valde Nivåer: 3 (Levels: 3) och klickade på OK.

Därefter sparade jag bilden genom att klicka på Arkiv - Exportera som: (File - Export as:)

Jag sparade bilden som en .jpg-fil.

Skapa konturen för knappkonsten med Google AI Studio

Jag gick till Google AI Studio (https://aistudio.google.com/), laddade upp den sparade bilden och använde denna textprompt:

“Create a detailed guideline for button art, depicting a portrait of a person. The artwork should be rendered as if made exclusively from sewing buttons on an A4 canvas. This image is intended as a direct visual guide for placing physical buttons.

The portrait should feature a maximum of 150 buttons in total, with sizes varying from 16L to 40L. Only four distinct colors/shades are permitted: black, dark grey, light grey, and white.

Crucially, every visible element of the portrait (outlines, features, and shading) must be formed entirely by the arrangement of these physical buttons. There should be absolutely no lines, pixels, or artistic rendering that are not themselves represented by a distinct button.

Black buttons should be predominantly used to define the hair and any darker shadows. White and grey buttons should be strategically placed to form the facial features and skin tones, mimicking the contrast and shading of the provided source image with a limited number of buttons. The arrangement should be sparse yet clear enough to convey the likeness.

The background should be a plain, light-colored canvas, showing only a subtle canvas weave texture, to ensure the button placement is the focal point. The final output must look like a precise, albeit minimalist, instruction set for button placement.”

Google AI Studio skapade bilden ovan. Jag gillade den och bestämde mig för att skriva ut den. Men först öppnade jag bilden i ett Google-dokument, ändrade sidlayouten till A3, förstorade bilden maximalt och sparade den som en PDF-fil.

Jag skrev ut PDF:en i A3 och tejpade fast den på bordet så att den inte skulle röra sig när jag började placera ut knapparna.

Sedan började jag lägga till knappar på bilden. Jag valde ljusare knappar där guiden visade ljusare partier.

Och sedan olika typer av svarta knappar till håret. Nedan är slutresultatet. Det är långt ifrån perfekt och jag kommer att göra ett bättre snart, men jag tycker det blev riktigt bra för att vara ett första försök.