Hur man skapar en knockout-effekt i Photoshop och Illustrator

Annons

En knockout-effekt låter dig placera ett enfärgat lager över ett foto eller en bild och sedan stansa ut lite av det solida lagret för att avslöja bilden bakom. Du kan göra detta med text eller former både i Photoshop och Illustrator, men processen är lite olika för varje program.

För att uppnå en knockout-effekt i Photoshop eller Illustrator är det första du vill göra att öppna din bild. I det här exemplet använder vi en rektangelform över bilden och slår ut text ur den formen.

Steg 1: Rita först din rektangel med formverktyget. Du kan antingen välja formverktyget från verktygsmenyn eller så kan du använda kortkommandot U. När du ritar din rektangel kan du antingen välja fri form och dra rektangeln över skärmen till skapa den form du vill ha, eller så kan du klicka var som helst på bilden för att ange måtten på din rektangel pixlar.

Steg 2: Därefter vill du skriva in din text på ett separat lager i Photoshop eller på samma lager i Illustrator. Om du föredrar att använda en form eller ikon för din knockout, kan du placera den formen där du skulle ha placerat texten.

Photoshop

Om du använder Photoshop, gå vidare till det här steget. Om inte, hoppa ner.

Steg 3: Högerklicka på ditt textlager och välj Blandningsalternativ. På fliken som öppnas letar du efter Knockout inställning under Avancerad blandning. Du kan välja mellan en Grund eller Djup effekt från en rullgardinsmeny.

När du först gör ditt val kommer du inte att se något hända på din bild förrän du drar Opacitet stapeln ovanför inställningen. Här har du fullständig kontroll över hur mycket av den ursprungliga texten som kommer att synas. Färgen på din text kommer att göra skillnad här om du inte väljer en opacitet på 0 procent. Om du har ett särskilt upptaget foto vill du dock förmodligen inte välja en mycket låg opacitet för att hålla texten läsbar. (Om du vill förhandsgranska ändringarna innan du accepterar ändringarna, se till att du har markerat förhandsgranskningsalternativet.)

Du kan sedan dra och justera rektangel- och textlagren för att placera dem exakt där du vill ha dem på din bild.

Illustratör

I Illustrator följer du steg 1 och 2 som beskrivs ovan, men för att uppnå knockout-effekten måste du använda ett annat verktyg.

Steg 3: När du har infogat din text, i menyn, medan du fortfarande är på ditt textlager, gå till Typ > Skapa konturer eller så kan du använda kortkommandot Skift + Cmd/Ctrl + O. Detta kommer att konvertera din text till former snarare än redigerbar text. Se till att din text ligger ovanpå formen och inte bakom den. (Det här steget är inte nödvändigt om du använde en form i steg 2 istället för text.)

Steg 4 (Valfritt): Om du vill kunna styra opaciteten som möjligt i Photoshop, gör en kopia av textlagret med kortkommandot Cmd/Ctrl + C. Du behöver inte göra något med det förrän efter steg 6.

Steg 5: Välj både din form och text och gå till din Stigfinnare verktyg. Om den inte redan är öppen kan du öppna den genom att gå till Fönster > Pathfinder eller genom att använda kortkommandot Skift + Cmd/Ctrl + F9.

Steg 6: I sökvägsverktyget väljer du Minus fronten alternativ under Formlägen. Detta tar bort texten från din form.

Steg 7 (Valfritt): Om du vill kontrollera opaciteten för din knockout-effekt, slå Skift + Cmd/Ctrl + V för att klistra tillbaka din text på exakt den plats du kopierade den från. (Se till att göra detta innan du flyttar något av dina lager.) Du kan sedan justera opaciteten för det lagret genom att gå till Genomskinlighet panel, som du kan öppna genom att gå till Fönster > Genomskinlighet. Justera opacitetsreglaget tills du har exakt den nyans du vill ha.

Med en opacitet på cirka 20 procent ser slutprodukten ut så här:

Vilka typer av användningsområden kan du tänka dig för denna teknik? Låt oss veta i kommentarerna.