Tekst achter afbeelding

Zo zet je tekst achter een afbeelding

De pagina opent met een demofoto die al geladen is (onze vriend de boer, met "it ain't much" netjes achter zijn pet), zodat je precies ziet hoe het effect eruitziet voordat je iets aanraakt. Als je klaar bent, zet je je eigen foto erin:

1. Klik op "Upload je foto" en kies een afbeelding met een duidelijk onderwerp. Een persoon werkt het best, maar een hond, een auto of een koffiekop kan ook: alles wat zich goed van de achtergrond onderscheidt.
2. Typ je tekst. Druk op Enter als je een tweede regel wilt. De tekst schuift automatisch achter je onderwerp; geen maskers, geen lagenpaneel, niets om met de hand uit te knippen.
3. Sleep hem op zijn plek, direct in het voorbeeld. Pak het canvas en trek de tekst naar waar hij het best leest, meestal zo dat het onderwerp een letter of twee overlapt. Die overlap maakt de diepte geloofwaardig.
4. Geef het stijl. Kies een lettertype, pas grootte en letterafstand aan, voeg een omlijning toe, draai de tekst, verlaag de dekking of kantel hem in nep-3D als je zin hebt in iets bijzonders.
5. Download je PNG. De export heeft de originele resolutie van je foto, niet die van het voorbeeld; een foto van 4000px geeft dus een resultaat van 4000px.

Wat er eigenlijk achter de schermen gebeurt

Als je foto laadt, draait er direct in je browser een klein AI-segmentatiemodel dat uitzoekt welke pixels bij het onderwerp horen en welke bij de achtergrond. Daarna bouwt de tool je afbeelding opnieuw op in drie lagen: de originele foto onderaan, je tekst in het midden en een uitsnede van het onderwerp er weer bovenop. Je oog leest die stapel als diepte; de tekst lijkt al die tijd in de scène te hebben gestaan.

Omdat dit allemaal op je apparaat gebeurt, is er geen uploadwachtrij en hoef je niet te wachten tot een server iets verwerkt. De eerste foto duurt een paar seconden langer terwijl het model wordt gedownload; daarna gaat het bijna direct. Je foto verlaat tijdens het bewerken nooit je browser, dus het werkt ook prima met foto's die je liever niet naar een willekeurige server stuurt.

Waar je dit effect al eerder hebt gezien

Eerlijk gezegd overal. YouTube-thumbnails gebruiken het constant: het hoofd van een creator dat voor een gigantisch "EXPOSED" of "I TRIED IT" uitsteekt, is inmiddels zo'n beetje de huisstijl van het platform. Lyricposters in Spotify-stijl gebruiken het. Albumhoezen gebruiken het. Instagramfotografen gebruiken het voor verjaardagsposts, reisoverzichten en verlovingsaankondigingen. Sportpagina's zetten het rugnummer van de atleet erachter. Streamers zetten hun handle achter hun avatar.

Waarom het werkt is simpel: overlap is een van de sterkste dieptesignalen die je brein kent. Als de schouder van iemand een deel van een letter bedekt, is de tekst niet langer een plat bijschrift erbovenop, maar wordt hij deel van de scène. Platte tekst concurreert met je onderwerp om aandacht; tekst achter het onderwerp omlijst het juist. Zelfde foto, zelfde woorden, totaal ander gevoel.

Een foto kiezen die meewerkt

Het segmentatiemodel is goed, maar jij kunt het makkelijk of moeilijk maken. Foto's waarop het onderwerp duidelijk losstaat van de achtergrond (andere kleuren, goede belichting, wat afstand) geven scherpe uitsneden met strakke randen. Foto's waarin een donkere jas opgaat in een donkere deuropening geven zachtere, wazigere randen rond de overlap.

Een paar dingen die altijd helpen:

• Contrast tussen onderwerp en achtergrond. Iemand in een licht shirt voor bomen werkt beter dan iemand in het groen voor dezelfde bomen.
• Eén duidelijk onderwerp. Groepsfoto's werken ook, maar het effect is het sterkst als één persoon of object het beeld vult.
• Wat ruimte boven of naast het onderwerp. De tekst moet ergens kunnen staan. Foto's die strak rond het gezicht zijn bijgesneden, laten daar geen plek voor.
• Een scherp onderwerp. Heeft de foto al een natuurlijk wazige achtergrond, nog beter: de tekst krijgt dan vanzelf die gelaagde, fotografische uitstraling.

Portretfoto's die met een telefoon bij goed licht zijn gemaakt, zijn ideaal. Dat is ook het meeste wat mensen in deze tool stoppen, en waar het model het best in is getraind.

De typografie goed krijgen

Half verborgen tekst moet 30-40% van zichzelf kunnen missen, dus zware lettertypen winnen. Anton is hier niet voor niets de standaard: dik, hoog en goed leesbaar, zelfs als er een hele schouder voor staat. Bebas Neue en Archivo Black zijn naaste verwanten. Impact is de klassieke memekeuze. Wil je iets zachters, dan geven Pacifico en Caveat een handgeschreven look; maak ze wel groter om de dunnere lijnen te compenseren.

Vooraan staan twaalf zorgvuldig gekozen displaylettertypen, en achter het zoekvak zit een doorzoekbare catalogus met zo'n honderd extra Google Fonts die op aanvraag laden. Praktisch advies: kies je lettertype voordat je de positie fijnafstemt, want een overstap van een smal naar een breed lettertype verschuift alles.

Wit is bij de meeste foto's de veilige standaardkleur. Maar een kleur kiezen die al in het beeld zit (de lucht, een shirt, een neonbord) is de truc waardoor een resultaat ontworpen oogt in plaats van gegenereerd. Gebruik de kleurkiezer, mik op iets in de achtergrond en zet de dekking dan iets terug naar 85-90% zodat de tekst opgaat in het licht van de foto.

De kleine aanpassingen die het geloofwaardig maken

Contour redt je als de tekst zowel lichte als donkere delen van de foto kruist. Een paar pixels donkere rand houdt letters leesbaar waar ze over een felle lucht lopen. Zet hem op nul als je achtergrond egaal is.

Rotatie en 3D-kanteling overdrijf je snel. Een paar graden rotatie geeft energie; vijfenveertig graden geeft chaos. De kantelschuiven vervormen het tekstvlak zodat het de scène in lijkt te wijken; subtiele waarden (10–20) bootsen het perspectief van de foto verrassend goed na.

De omdraaioptie keert de hele truc om: in plaats van dat het onderwerp voor de tekst staat, doet de achtergrond dat, en lijkt de tekst op je onderwerp vastgepind. Het is misschien één op de tien keer de juiste keuze, maar als het klopt, klopt het helemaal. Probeer het als de automatische uitsnede de "verkeerde" helft van je scène pakt.

Voeg een watermerk toe voordat je post

Onder de stijlopties staat een apart watermerkveld. Typ je handle of domein en plaats het met de positievoorinstellingen (hoeken, randen, midden) of sleep de X/Y-schuiven voor een exacte plek. Je kunt de grootte in pixels instellen, een kleur kiezen en een contrastrand aanzetten zodat het op elke achtergrond leesbaar blijft. Het watermerk zit in de gedownloade PNG zelf, dus als je afbeelding opnieuw gedeeld wordt (en de goede worden altijd opnieuw gedeeld), reist je naam mee.

Deel een link, niet alleen een bestand

De knop Delen maakt een link met je hele compositie: foto, tekst, stijl en watermerkinstellingen. Wie hem opent, komt op deze pagina met precies jouw opzet geladen, klaar om aan te passen of te downloaden. Handig om een second opinion te vragen voordat je post, of om een template aan een teamgenoot te geven: stel de stijl één keer in, deel de link en laat diegene de foto wisselen.

Veelgestelde vragen

Heb ik hier Photoshop voor nodig?

Nee. Wat je in Photoshop met onderwerpselectie, laagmaskers en een tekstlaag doet, doet dit in één stap in de browser. Photoshop geeft je nog steeds meer controle voor precieze bewerkingen, maar voor de standaard tekst-achter-onderwerp-look is er geen echt verschil in het resultaat, alleen zo'n tien minuten verschil in moeite.

Is het gratis?

Je kunt je compositie maken en alles bekijken zonder account. Voor het downloaden van de PNG in volledige resolutie moet je inloggen, en afhankelijk van de huidige actie is het tijdelijk gratis of inbegrepen bij een abonnement. De badge bovenaan de tool laat zien wat er nu geldt.

Welke bestandstypen kan ik uploaden?

JPG, PNG, WebP, GIF, AVIF, BMP en HEIC/HEIF rechtstreeks van een iPhone. De export is altijd PNG in de originele resolutie van je foto.

Waarom mist de uitsnede een deel van mijn onderwerp?

Meestal door weinig contrast: de rand van het onderwerp loopt over in de achtergrond, of het licht is erg zwak. Probeer een foto waarop het onderwerp meer opvalt, of gebruik de omdraaioptie, die bij lastige afbeeldingen soms een schonere scheiding geeft. Drukke scènes met veel overlappende mensen zijn het moeilijkst.

Kan ik meerdere regels schrijven?

Ja, druk op Enter in het tekstvak. Regels worden als blok gecentreerd en de grootteschuif schaalt ze samen. Twee korte regels werken meestal beter dan één lange, omdat elke regel zijn eigen kans krijgt om het onderwerp te overlappen.

Werkt het op mijn telefoon?

Ja. De segmentatie draait prima op moderne telefoons, en de tekst met je duim verslepen voelt eerlijk gezegd natuurlijker dan met een muis. Downloads komen in je filmrol of bestanden-app terecht, net als elke andere afbeelding.