Home-theater-designers
Un effetto knockout ti consente di posizionare uno strato solido di colore su una foto o un'immagine, quindi perforare parte di quel livello solido per rivelare l'immagine dietro di esso. Puoi farlo con testo o forme sia in Photoshop che in Illustrator, ma il processo è leggermente diverso per ogni programma.
In questo articolo spieghiamo come creare un effetto knockout in Adobe Photoshop e Illustrator, che offre una guida passo passo.
Come creare un effetto knockout in Photoshop
Per ottenere un effetto knockout in Photoshop, la prima cosa che vorrai fare è aprire l'immagine. In questo esempio, utilizzeremo una forma rettangolare sull'immagine e tireremo fuori il testo da quella forma.
Passaggio 1: disegna la forma
Con l'immagine di sfondo aperta, disegna un rettangolo usando il Forma attrezzo. Puoi selezionare lo strumento Forma dal menu degli strumenti oppure puoi utilizzare la scorciatoia da tastiera tu . Scegli anche un colore.
Quando disegni il tuo rettangolo, puoi scegliere la forma libera e trascinare il rettangolo sullo schermo per creare la forma che desideri, oppure puoi fare clic in qualsiasi punto dell'immagine per inserire le dimensioni del rettangolo in pixel.
Passaggio 2: inserisci il testo
Successivamente è necessario digitare il testo su un livello separato in Photoshop. prendi il Testo attrezzo ( T ), fai clic in un punto qualsiasi della tela e inizia a digitare. Quindi usa il Spostare attrezzo ( V ) per posizionare il testo sopra la forma.
Se preferisci usare una forma o un'icona per il tuo knockout, puoi posizionare quella forma dove avresti posizionato il testo.
Passaggio 3: imposta le opzioni di fusione
Fare doppio clic sul livello di testo per aprire il Stile livello finestra e scegli Opzioni di fusione dal pannello di sinistra.
Nella sezione Miscelazione avanzata troverai il Tramortire menu a discesa. Puoi scegliere tra a Poco profondo o Profondo effetto qui. Shallow applica l'effetto di foratura a un singolo livello; Deep lo applica a un gruppo di livelli.
Nel nostro esempio, abbiamo solo bisogno Poco profondo .
Infine, assicurati che Anteprima è selezionato, quindi trascinare il Opacità di riempimento cursore a sinistra, verso lo zero.
Qui hai il controllo completo su quanto di quel testo originale sarà visibile. Il colore del tuo testo farà la differenza qui a meno che tu non scelga un'opacità dello zero percento.
Se hai una foto particolarmente impegnata, tuttavia, probabilmente non vorrai scegliere un'opacità molto bassa per mantenere leggibile il testo.
Passaggio 4: ritocchi finali
Clic ok per confermare le modifiche. Ora puoi aggiungere gli ultimi ritocchi. Poiché tutti gli elementi si trovano sul proprio livello, è possibile apportare modifiche a tutti separatamente.
Puoi modificare l'immagine di sfondo, la forma o il testo. Per regolare l'effetto di foratura, fai doppio clic sul livello di testo per riaprire la casella delle impostazioni.
Come creare un effetto knockout in Illustrator
Il processo per creare un effetto knockout in Illustrator è simile a quello di Photoshop, ma è un po' più pratico.
Inizia aprendo l'immagine di sfondo sulla tela. Vai a File > Luogo , quindi fai clic per posizionare l'immagine. Utilizzare il Selezione attrezzo ( V ) per ridimensionarlo per adattarlo.
Passaggio 1: aggiungi la forma e il testo
Ora disegna la tua forma usando il Rettangolo attrezzo ( m ). Puoi usare altre forme se preferisci, o disegnarne una tua con il Penna attrezzo. Seleziona un colore di riempimento e tratto --- puoi cambiarli in seguito se lo desideri --- e trascinalo all'incirca nella posizione desiderata.
Successivamente, devi aggiungere il testo (oppure puoi usare altre forme per l'effetto knockout --- non deve essere sempre testo). Seleziona il Testo attrezzo ( T ) e fare clic sulla tela. Imposta un colore e una dimensione e inizia a digitare.
Scegli il Selezione strumento e fai clic quando hai finito. Puoi spostare tutti gli oggetti in posizione a occhio, oppure tenere premuto Maiusc e selezionare il testo, la forma e l'immagine di sfondo e allinearli correttamente con il Orizzontale e Allineamento verticale utensili.
Passaggio 2: crea contorni
Riseleziona il tuo livello di testo e vai a Tipo > Crea contorni oppure puoi usare la scorciatoia da tastiera Maiusc + Cmd/Ctrl + O . Questo convertirà il tuo testo in forme anziché in testo modificabile, quindi controlla prima gli errori di battitura!
Assicurati che il testo sia sopra la forma e non dietro.
Se vuoi essere in grado di controllare l'opacità possibile in Photoshop, copia il livello di testo negli appunti con la scorciatoia da tastiera Cmd/Ctrl + C. Non dovrai fare nulla con esso fino a più tardi.
Passaggio 3: applica l'effetto knockout
Seleziona sia la forma che il testo e vai al tuo Pathfinder pannello degli strumenti. Se non è già aperto, puoi aprirlo andando su Finestra > Pathfinder o usando la scorciatoia Illustrator, Maiusc + Cmd/Ctrl + F9.
Clicca qui per saperne di più Scorciatoie da tastiera di Adobe Illustrator .
Nello strumento Pathfinder, seleziona il Meno fronte opzione in Modalità forma . Questo rimuoverà il testo dalla tua forma.
Per controllare l'opacità del tuo effetto knockout devi copiare il livello di testo, come accennato in precedenza. Ora colpisci Maiusc + Cmd/Ctrl + V per incollare di nuovo il testo nel punto esatto da cui lo hai copiato. (Assicurati di farlo prima di spostare uno qualsiasi dei tuoi livelli.)
Puoi quindi regolare l'opacità di quel livello andando su Trasparenza pannello, che puoi aprire andando su Finestra > Trasparenza. Regola il cursore dell'opacità fino a ottenere la tonalità esatta che desideri.
Con un'opacità di circa il 20%, questo è l'aspetto del prodotto finale:
Altri effetti di testo di Photoshop da provare
È facile creare un effetto knockout in Illustrator e Photoshop. Se hai accesso a entrambi i programmi, ti consigliamo di utilizzare prima Photoshop perché il testo rimane sempre modificabile. Ma per progetti più dettagliati, Illustrator è la strada da percorrere.
come accendere un mac
Un effetto knockout non è l'unico modo creativo per utilizzare il testo nei tuoi progetti. Dai un'occhiata ai dettagli delle nostre guide come delineare il testo in Photoshop e come aggiungere trame al testo in Photoshop per un po' di ispirazione.
Condividere Condividere Tweet E-mail Una guida per principianti all'animazione del discorsoL'animazione del discorso può essere una sfida. Se sei pronto per iniziare ad aggiungere dialoghi al tuo progetto, analizzeremo il processo per te.
Leggi Avanti Argomenti correlati- Creativo
- Adobe Photoshop
- Adobe Illustrator
- Tutorial Photoshop
Andy è un ex giornalista cartaceo ed editore di riviste che scrive di tecnologia da 15 anni. In quel periodo ha contribuito a innumerevoli pubblicazioni e prodotto lavori di copywriting per grandi aziende tecnologiche. Ha anche fornito commenti di esperti per i media e ha ospitato panel in occasione di eventi del settore.
Altro da Andy BettsIscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti