Home-theater-designers
En knockout -effekt lar deg plassere et solid lag med farger over et foto eller et bilde, og deretter slå ut noen 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.
I denne artikkelen forklarer vi hvordan du lager en knockout -effekt i Adobe Photoshop og Illustrator, og tilbyr en trinnvis guide.
Hvordan lage en knockout -effekt i Photoshop
For å oppnå en knockout -effekt i Photoshop, er det første du vil gjøre å åpne bildet ditt. I dette eksemplet bruker vi en rektangelform over bildet og slår tekst ut av formen.
Trinn 1: Tegn formen
Med bakgrunnsbildet åpent tegner du et rektangel med Form verktøy. Du kan enten velge formverktøyet fra verktøymemenyen, eller du kan bruke hurtigtasten U . Velg en farge også.
Når du tegner rektangelet, kan du enten velge fri form og dra rektangelet over skjermen for å lage den formen du vil ha, eller du kan klikke hvor som helst på bildet for å angi dimensjonene til rektangelet i piksler.
Trinn 2: Skriv inn teksten
Deretter må du skrive inn teksten på et eget lag i Photoshop. Ta tak i Tekst verktøy ( T ), klikk hvor som helst på lerretet og begynn å skrive. Bruk deretter Bevege seg verktøy ( V ) for å plassere teksten over formen din.
Hvis du foretrekker å bruke en form eller et ikon for din knockout, kan du plassere den formen der du ville ha plassert teksten.
Trinn 3: Angi blandingsalternativer
Dobbeltklikk på tekstlaget for å åpne Lag stil vindu, og velg Blandingsalternativer fra venstre panel.
Under delen Avansert blanding finner du Slå ut nedtrekksmenyen. Du kan velge mellom a Grunt eller Dyp effekt her. Grunne bruker knockout -effekten på et enkelt lag; Deep bruker den på en gruppe lag.
I vårt eksempel trenger vi bare Grunt .
Til slutt, sørg for at Forhåndsvisning -knappen er merket, og dra deretter Fyll Opacity glidebryteren til venstre, mot null.
Her har du full kontroll over hvor mye av den originale teksten som vil være synlig. Fargen på teksten din vil gjøre en forskjell her med mindre du velger en opacitet på null prosent.
Hvis du har et spesielt travelt bilde, vil du imidlertid sannsynligvis ikke velge en veldig lav opacitet for å beholde teksten leselig.
Trinn 4: Siste berøringer
Klikk OK for å bekrefte endringene. Du kan nå legge til siste finpuss. Fordi alle elementene er i sitt eget lag, kan du gjøre justeringer av dem hver for seg.
Du kan redigere bakgrunnsbildet, formen eller teksten. For å justere knockout-effekten, dobbeltklikker du på tekstlaget for å åpne innstillingsboksen igjen.
Hvordan lage en knockout -effekt i Illustrator
Prosessen for å lage en knockout-effekt i Illustrator ligner den i Photoshop, men er litt mer praktisk.
Kom i gang ved å åpne bakgrunnsbildet på lerretet ditt. Gå til Fil> Sted , og klikk deretter for å plassere bildet. Bruke Valg verktøy ( V ) for å endre størrelsen på den slik at den passer.
Trinn 1: Legg til figur og tekst
Tegn nå formen din med Rektangel verktøy ( M ). Du kan bruke andre former hvis du foretrekker det, eller tegne dine egne med Penn verktøy. Velg en fyll- og strekkfarge --- du kan endre disse senere hvis du vil --- og dra den til omtrent posisjonen du vil ha den.
Deretter må du legge til teksten (eller du kan bruke andre former for knockout-effekten --- det trenger ikke alltid å være tekst). Velg Tekst verktøy ( T ), og klikk på lerretet. Angi en farge og størrelse, og begynn å skrive.
Velg Valg verktøyet og klikk unna når du er ferdig. Du kan flytte alle objektene på plass med øyet, eller holde nede shift og velge teksten, formen og bakgrunnsbildet og justere dem riktig med Horisontal og Vertikal justering verktøy.
Trinn 2: Lag konturer
Velg tekstlaget ditt på nytt og gå til Type > Lag konturer , eller du kan bruke hurtigtasten Shift + Cmd/Ctrl + O. . Dette vil konvertere teksten din til figurer i stedet for redigerbar tekst, så se etter skrivefeil først!
Sørg for at teksten er på toppen av formen og ikke bak den.
Hvis du vil kontrollere ugjennomsiktigheten som mulig i Photoshop, kopierer du tekstlaget til utklippstavlen med hurtigtasten Cmd/Ctrl + C. Du trenger ikke gjøre noe med det før senere.
Trinn 3: Påfør knockout -effekten
Velg både form og tekst og gå til din Stifinner verktøypanel. Hvis den ikke allerede er åpen, kan du åpne den ved å gå til Vindu> Pathfinder eller ved å bruke Illustrator -snarveien, Shift + Cmd/Ctrl + F9.
Klikk her for mer Hurtigtaster i Adobe Illustrator .
Velg banen i Pathfinder -verktøyet Minus foran alternativ i Formmoduser . Dette vil fjerne teksten fra formen din.
For å kontrollere ugjennomsiktigheten til din knockout -effekt må du kopiere tekstlaget, som vi nevnte ovenfor. Slå nå Shift + Cmd/Ctrl + V for å lime inn teksten din 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 opacitetsglidebryteren til du har den nøyaktige nyansen du vil ha.
Med en ugjennomsiktighet på rundt 20 prosent ser slik sluttproduktet ut:
Flere Photoshop -teksteffekter å prøve
Det er enkelt å lage en knockout -effekt i Illustrator og Photoshop. Hvis du har tilgang til begge programmene, anbefaler vi at du bruker Photoshop først fordi teksten alltid kan redigeres. Men for mer detaljerte design er Illustrator veien å gå.
hvorfor er tjenesten min så treg
En knockout -effekt er ikke den eneste kreative måten du kan bruke tekst i designene dine. Ta en titt på detaljene i våre guider hvordan du skisserer tekst i Photoshop og hvordan legge teksturer til tekst i Photoshop for litt inspirasjon.
Dele Dele kvitring E -post En nybegynnerguide for animering av taleÅ animere tale kan være en utfordring. Hvis du er klar til å begynne å legge til dialog i prosjektet ditt, bryter vi ned prosessen for deg.
Les neste Relaterte temaer- Kreativ
- Adobe Photoshop
- Adobe Illustrator
- Opplæring i Photoshop
Andy er en tidligere trykkjournalist og tidsskriftredaktør som har skrevet om teknologi i 15 år. På den tiden har han bidratt til utallige publikasjoner og produsert tekstforfatterarbeid for store teknologiselskaper. Han har også gitt ekspertkommentarer til media og vært paneler på bransjearrangementer.
Mer fra Andy BettsAbonner på vårt nyhetsbrev
Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!
Klikk her for å abonnere