Sådan opretter du en knockout -effekt i Photoshop og Illustrator

Sådan opretter du en knockout -effekt i Photoshop og Illustrator

En knockout -effekt giver dig mulighed for at placere et solidt farvelag over et foto eller et billede og derefter slå noget af det faste lag ud for at afsløre billedet bagved. Du kan gøre dette med tekst eller former både i Photoshop og Illustrator, men processen er lidt anderledes for hvert program.





I denne artikel forklarer vi, hvordan du opretter en knockout -effekt i Adobe Photoshop og Illustrator, der tilbyder en trinvis vejledning.





Sådan opretter du en knockout -effekt i Photoshop

For at opnå en knockout -effekt i Photoshop er det første, du vil gøre, at åbne dit billede. I dette eksempel bruger vi en rektangelform over billedet og slår tekst ud af denne form.





Trin 1: Tegn formen

Med dit baggrundsbillede åbent tegner du et rektangel ved hjælp af Form værktøj. Du kan enten vælge formværktøjet i værktøjsmenuen, eller du kan bruge tastaturgenvejen U . Vælg også en farve.

Når du tegner dit rektangel, kan du enten vælge fri form og trække rektanglet hen over skærmen for at oprette den ønskede form, eller du kan klikke et vilkårligt sted på billedet for at indtaste dimensionerne på dit rektangel i pixels.



Trin 2: Indtast teksten

Dernæst skal du skrive din tekst på et separat lag i Photoshop. Tag fat i Tekst værktøj ( T ), klik hvor som helst på dit lærred og begynd at skrive. Brug derefter Bevæge sig værktøj ( V ) for at placere teksten over din form.

Hvis du foretrækker at bruge en figur eller et ikon til din knockout, kan du placere den form, hvor du ville have placeret teksten.





Trin 3: Indstil blandingsindstillingerne

Dobbeltklik på tekstlaget for at åbne Lagstil vindue, og vælg Blandings muligheder fra venstre panel.

Under sektionen Avanceret blanding finder du Slå ud Drop down menu. Du kan vælge mellem en Overfladisk eller Dyb effekt her. Shallow anvender knockout -effekten på et enkelt lag; Deep anvender det på en gruppe lag.





I vores eksempel har vi kun brug for Overfladisk .

Endelig skal du sørge for Forhåndsvisning knappen er markeret, og træk derefter Fyld opacitet skyderen til venstre, mod nul.

Her har du fuldstændig kontrol over, hvor meget af den originale tekst, der vil være synlig. Farven på din tekst vil gøre en forskel her, medmindre du vælger en opacitet på nul procent.

Hvis du har et særligt travlt foto, vil du dog sandsynligvis ikke vælge en meget lav opacitet for at holde teksten læselig.

Trin 4: Sidste hånd

Klik på Okay for at bekræfte dine ændringer. Du kan nu tilføje sidste hånd. Fordi alle elementerne er på deres eget lag, kan du foretage justeringer af dem hver for sig.

Du kan redigere baggrundsbilledet, formen eller teksten. For at justere knockout-effekten skal du blot dobbeltklikke på tekstlaget for at genåbne indstillingsboksen.

Sådan opretter du en knockout -effekt i Illustrator

Processen med at oprette en knockout-effekt i Illustrator ligner den i Photoshop, men er lidt mere praktisk.

Kom i gang ved at åbne dit baggrundsbillede på dit lærred. Gå til Fil> sted , klik derefter på for at placere billedet. Brug Udvælgelse værktøj ( V ) for at ændre størrelsen, så den passer.

Trin 1: Tilføj form og tekst

Tegn nu din form ved hjælp af Rektangel værktøj ( M ). Du kan bruge andre former, hvis du foretrækker det, eller tegne dine egne med Pen værktøj. Vælg en påfyldnings- og stregfarve --- du kan ændre disse senere, hvis du vil --- og trække den i nogenlunde den position, du vil have den.

Dernæst skal du tilføje teksten (eller du kan bruge andre former til knockout-effekten --- det behøver ikke altid at være tekst). Vælg Tekst værktøj ( T ), og klik på lærredet. Indstil en farve og størrelse, og begynd at skrive.

Vælg Udvælgelse værktøj, og klik væk, når du er færdig. Du kan flytte alle objekterne i position med øjet eller holde shift nede og vælge tekst, form og baggrundsbillede og justere dem korrekt med Vandret og Lodret justering værktøjer.

Trin 2: Opret konturer

Vælg dit tekstlag igen, og gå til Type > Opret konturer , eller du kan bruge tastaturgenvejen Shift + Cmd/Ctrl + O. . Dette konverterer din tekst til former frem for redigerbar tekst, så tjek først for stavefejl!

Sørg for, at din tekst er oven på formen og ikke bag den.

Hvis du vil være i stand til at kontrollere opaciteten, som det er muligt i Photoshop, skal du kopiere dit tekstlag til udklipsholderen med tastaturgenvejen Cmd/Ctrl + C. Du skal ikke gøre noget med det før senere.

Trin 3: Anvend Knockout -effekten

Vælg både din form og tekst, og gå til din Stifinder værktøjspanel. Hvis den ikke allerede er åben, kan du åbne den ved at gå til Vindue> Stifinder eller ved at bruge Illustrator -genvejen, Shift + Cmd/Ctrl + F9.

Klik her for mere Adobe Illustrator -tastaturgenveje .

Vælg stifinderværktøjet Minus foran mulighed i Formtilstande . Dette fjerner teksten fra din form.

For at kontrollere uigennemsigtigheden af ​​din knockout -effekt skal du kopiere tekstlaget, som vi nævnte ovenfor. Nu ramt Shift + Cmd/Ctrl + V for at indsætte din tekst tilbage på det nøjagtige sted, du kopierede den fra. (Sørg for at gøre dette, før du flytter et af dine lag.)

Du kan derefter justere opaciteten af ​​dette lag ved at gå til Gennemsigtighed panel, som du kan åbne ved at gå til Vindue> Gennemsigtighed. Juster skyderen til opacitet, indtil du har den præcise nuance, du ønsker.

Med en uigennemsigtighed på omkring 20 procent ser det således ud til det endelige produkt:

Flere Photoshop -teksteffekter at prøve

Det er let at oprette en knockout -effekt i Illustrator og Photoshop. Hvis du har adgang til begge programmer, anbefaler vi først at bruge Photoshop, fordi teksten altid kan redigeres. Men for mere detaljerede designs er Illustrator vejen frem.

hvordan man kan leve af at spille videospil

En knockout -effekt er ikke den eneste kreative måde, du kan bruge tekst på i dine designs. Se vores detaljerede vejledninger hvordan man skitserer tekst i Photoshop og hvordan man tilføjer teksturer til tekst i Photoshop for lidt inspiration.

Del Del Tweet E -mail En begyndervejledning til animering af tale

Animering af tale kan være en udfordring. Hvis du er klar til at begynde at tilføje dialog til dit projekt, nedbryder vi processen for dig.

Læs Næste
Relaterede emner
  • Kreativ
  • Adobe Photoshop
  • Adobe Illustrator
  • Photoshop selvstudium
Om forfatteren Andy Betts(221 artikler udgivet)

Andy er en tidligere printjournalist og tidsskriftredaktør, der har skrevet om teknologi i 15 år. På den tid har han bidraget til utallige publikationer og produceret tekstforfatterarbejde for store tech -virksomheder. Han har også givet ekspertkommentarer til medierne og vært paneler ved branchearrangementer.

Mere fra Andy Betts

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere