En knockout -effekt låter dig placera ett solidt färglager över ett foto eller en bild och sedan slå ut några av det fasta lagret för att avslöja bilden bakom den. Du kan göra detta med text eller former både i Photoshop och Illustrator, men processen är något annorlunda för varje program.
I den här artikeln förklarar vi hur man skapar en knockout -effekt i Adobe Photoshop och Illustrator, som erbjuder en steg-för-steg-guide.
Hur man skapar en knockout -effekt i Photoshop
För att uppnå en knockout -effekt i Photoshop ä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 formen
Med din bakgrundsbild öppen, rita en rektangel med Form verktyg. Du kan antingen välja formverktyget från verktygsmenyn, eller så kan du använda kortkommandot U . Välj en färg också.
När du ritar din rektangel kan du antingen välja fri form och dra rektangeln över skärmen för att 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 i pixlar.
Steg 2: Ange texten
Därefter måste du skriva in din text på ett separat lager i Photoshop. Ta tag i Text verktyg ( T ), klicka var som helst på din duk och börja skriva. Använd sedan Flytta verktyg ( V ) för att placera texten ovanför din form.
Om du föredrar att använda en form eller ikon för din knockout kan du placera den där formen där du skulle ha placerat texten.
Steg 3: Ställ in blandningsalternativen
Dubbelklicka på textlagret för att öppna Lagerstil fönster och välj Blandningsalternativ från den vänstra panelen.
Under avsnittet Avancerad blandning hittar du Knockout rullgardinsmenyn. Du kan välja mellan en Grund eller Djup effekt här. Grunt applicerar knockout -effekten på ett enda lager; Deep applicerar det på en grupp lager.
I vårt exempel behöver vi bara Grund .
Slutligen, se till att Förhandsvisning -knappen är markerad och dra sedan Fyll opacitet skjutreglaget till vänster, mot noll.
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å noll procent.
Om du har ett särskilt upptaget foto, men du förmodligen inte vill välja en mycket låg opacitet för att hålla texten läsbar.
Steg 4: Sista handen
Klick OK för att bekräfta dina ändringar. Du kan nu lägga till pricken över i: et. Eftersom alla element är i sitt eget lager kan du göra justeringar av dem var för sig.
Du kan redigera bakgrundsbilden, formen eller texten. För att justera knockout-effekten dubbelklickar du bara på textskiktet för att öppna inställningsrutan igen.
Hur man skapar en knockout -effekt i Illustrator
Processen för att skapa en knockout-effekt i Illustrator liknar Photoshop, men är lite mer praktisk.
Kom igång genom att öppna din bakgrundsbild på din duk. Gå till Arkiv> Plats , klicka sedan för att placera bilden. Använd Urval verktyg ( V ) för att ändra storlek på den för att passa.
Steg 1: Lägg till form och text
Rita nu din form med Rektangel verktyg ( M ). Du kan använda andra former om du föredrar det, eller rita dina egna med Penna verktyg. Välj en fyllnings- och streckfärg --- du kan ändra dessa senare om du vill --- och dra den till ungefär den position du vill ha den.
Därefter måste du lägga till texten (eller så kan du använda andra former för knockout-effekten --- det behöver inte alltid vara text). Välj Text verktyg ( T ) och klicka på duken. Ange en färg och storlek och börja skriva.
Välj den Urval verktyg och klicka bort när du är klar. Du kan flytta alla objekt på plats för ögat, eller hålla ned shift och markera texten, formen och bakgrundsbilden och justera dem ordentligt med Horisontell och Vertikal justering verktyg.
Steg 2: Skapa konturer
Välj ditt textlager igen och 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, så kolla efter stavfel först!
Se till att din text är ovanpå formen och inte bakom den.
Om du vill kunna styra opaciteten som möjligt i Photoshop, kopiera ditt textlager till Urklipp med kortkommandot Cmd/Ctrl + C. Du behöver inte göra någonting med det förrän senare.
Steg 3: Applicera Knockout -effekten
Välj både din form och text och gå till din Stigfinnare verktygspanelen. Om den inte redan är öppen kan du öppna den genom att gå till Fönster> Pathfinder eller genom att använda Illustrator -genvägen, Skift + Cmd/Ctrl + F9.
Klicka här för mer Kortkommandon för Adobe Illustrator .
I sökvägsverktyget väljer du Minus Front alternativ i Formlägen . Detta tar bort texten från din form.
För att kontrollera ogenomskinligheten i din knockout -effekt måste du kopiera textlagret, som vi nämnde ovan. Slå nu Skift + Cmd/Ctrl + V för att klistra in 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 panelen, som du kan öppna genom att gå till Fönster> Öppenhet. Justera reglaget för opacitet tills du har exakt den nyans du vill ha.
Med en opacitet på cirka 20 procent ser den här slutprodukten ut så här:
Fler Photoshop -texteffekter att prova
Det är enkelt att skapa en knockout -effekt i Illustrator och Photoshop. Om du har tillgång till båda programmen rekommenderar vi att du använder Photoshop först eftersom texten alltid kan redigeras. Men för mer detaljerade mönster är Illustrator vägen att gå.
mus vänsterklicka fungerar inte windows 10
En knockout -effekt är inte det enda kreativa sättet att använda text i dina mönster. Ta en titt på våra guider som beskriver hur man beskriver text i Photoshop och hur man lägger till texturer i text i Photoshop för lite inspiration.
Dela med sig Dela med sig Tweet E-post En nybörjarguide för att animera talAtt animera tal kan vara en utmaning. Om du är redo att börja lägga till dialog i ditt projekt bryter vi ner processen åt dig.
Läs Nästa Relaterade ämnen- Kreativ
- Adobe Photoshop
- Adobe Illustrator
- Handledning för Photoshop
Andy är en tidigare tryckt journalist och tidningsredaktör som har skrivit om teknik i 15 år. Under den tiden har han bidragit till otaliga publikationer och producerat copywriting för stora teknikföretag. Han har också gett expertkommentarer för media och varit värd för paneler vid branschevenemang.
Mer från Andy BettsPrenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!
Klicka här för att prenumerera