Hvordan lage en knockout-effekt i Photoshop og Illustrator

Annonse

En knockout-effekt lar deg plassere et solid fargelag over et bilde eller bilde, og deretter slå ut noe av det solide laget for å avsløre bildet bak det. Du kan gjøre dette med tekst eller former både i Photoshop og Illustrator, men prosessen er litt forskjellig for hvert program.

For å oppnå en knockout-effekt i Photoshop eller Illustrator, er det første du vil gjøre å åpne bildet. I dette eksemplet bruker vi en rektangelform over bildet, og slår tekst ut av den formen.

Trinn 1: Først tegner du rektangelet ditt med formverktøyet. Du kan enten velge formverktøyet fra verktøymenyen, eller du kan bruke hurtigtasten U. Når du tegner rektangelet ditt, kan du enten velge fri form og dra rektangelet over skjermen til lag formen du ønsker, eller du kan klikke hvor som helst på bildet for å angi dimensjonene til rektangelet ditt piksler.

Steg 2: Deretter vil du skrive inn teksten på et eget lag i Photoshop eller på samme lag i Illustrator. Hvis du foretrekker å bruke en form eller et ikon for knockouten din, kan du plassere den formen der du ville ha plassert teksten.

Photoshop

Hvis du bruker Photoshop, gå videre til dette trinnet. Hvis ikke, hopp ned.

Trinn 3: Høyreklikk på tekstlaget og velg Blandingsalternativer. På fanen som åpnes, se etter Slå ut innstilling under Avansert blanding. Du kan velge mellom en Grunt eller Dyp effekt fra en rullegardinmeny.

Når du først velger, vil du ikke se noe skje på bildet ditt før du drar Opasitet stolpen over innstillingen. Her har du full kontroll over hvor mye av den originale teksten som vil være synlig. Fargen på teksten din vil utgjøre en forskjell her med mindre du velger en opasitet på 0 prosent. Hvis du har et spesielt travelt bilde, vil du sannsynligvis ikke velge en veldig lav opasitet for å holde teksten lesbar. (Hvis du vil forhåndsvise endringene før du godtar endringene, sørg for at du har merket av for forhåndsvisning.)

Du kan deretter dra og justere rektangel- og tekstlagene for å plassere dem akkurat der du vil ha dem på bildet.

Illustratør

I Illustrator følger du trinn 1 og 2 skissert ovenfor, men for å oppnå knockout-effekten, må du bruke et annet verktøy.

Trinn 3: Når du har satt inn teksten, går du til menyen mens du fortsatt er på tekstlaget Type > Lag konturer eller du kan bruke hurtigtasten Shift + Cmd/Ctrl + O. Dette vil konvertere teksten din til former i stedet for redigerbar tekst. Pass på at teksten din er på toppen av formen og ikke bak den. (Dette trinnet vil ikke være nødvendig hvis du brukte en form i trinn 2 i stedet for tekst.)

Trinn 4 (Valgfritt): Hvis du vil kunne kontrollere opasiteten slik det er mulig i Photoshop, lag en kopi av tekstlaget med hurtigtasten Cmd/Ctrl + C. Du trenger ikke å gjøre noe med det før etter trinn 6.

Trinn 5: Velg både form og tekst og gå til din Stifinner verktøy. Hvis den ikke allerede er åpen, kan du åpne den ved å gå til Vindu > Pathfinder eller ved å bruke hurtigtasten Shift + Cmd/Ctrl + F9.

Trinn 6: I stifinnerverktøyet velger du Minus fronten alternativet under Formmoduser. Dette vil fjerne teksten fra formen din.

Trinn 7 (Valgfritt): Hvis du vil kontrollere opasiteten til knockout-effekten, treffer du Shift + Cmd/Ctrl + V for å lime inn teksten tilbake på det nøyaktige stedet du kopierte den fra. (Sørg for å gjøre dette før du flytter noen av lagene dine.) Du kan deretter justere opasiteten til det laget ved å gå til Åpenhet panel, som du kan åpne ved å gå til Vindu > Åpenhet. Juster opasitetsglidebryteren til du har den nøyaktige nyansen du ønsker.

Med en tetthet på rundt 20 prosent ser sluttproduktet slik ut:

Hva slags bruksområder kan du tenke deg for denne teknikken? Gi oss beskjed i kommentarene.