Come creare un effetto knockout in Photoshop e Illustrator

Un effetto a eliminazione diretta ti consente di posizionare un solido strato di colore sopra una foto o un'immagine, quindi di dare un pugno ad uno di quei livelli solidi per rivelare l'immagine dietro di essa. Puoi farlo con testo o forme sia in Photoshop che in Illustrator, ma il processo è leggermente diverso per ciascun programma.

In questo articolo, spieghiamo come creare un effetto knockout in Photoshop e Illustrator, offrendo 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 la tua immagine. In questo esempio, useremo una forma rettangolare sull'immagine e elimineremo il testo da quella forma.

Passaggio 1: disegna la forma

Con l'immagine di sfondo aperta, disegna un rettangolo utilizzando lo strumento Forma . Puoi selezionare lo strumento Forma dal menu Strumenti oppure puoi usare la scorciatoia da tastiera U. Scegli anche un colore.

disegna forma photoshop

Quando si disegna il rettangolo, è possibile scegliere la forma libera e trascinare il rettangolo sullo schermo per creare la forma desiderata oppure fare clic in un punto qualsiasi dell'immagine per inserire le dimensioni del rettangolo in pixel.

Passaggio 2: inserire il testo

Successivamente è necessario digitare il testo su un livello separato in Photoshop. Prendi lo strumento Testo ( T ), fai clic in un punto qualsiasi dell'area di disegno e inizia a digitare. Quindi usa lo strumento Sposta ( V ) per posizionare il testo sopra la tua forma.

aggiungi testo photoshop

Se preferisci utilizzare una forma o un'icona per il tuo knockout, puoi posizionare quella forma nel punto in cui avresti posizionato il testo.

Passaggio 3: impostare le opzioni di fusione

Fai doppio clic sul livello del testo per aprire la finestra Stile livello e scegli Opzioni di fusione dal riquadro di sinistra.

Nella sezione Miscelazione avanzata troverai il menu a discesa Knockout . Puoi scegliere tra un effetto Shallow o Deep qui. Shallow applica l'effetto knockout a un singolo strato; Deep lo applica a un gruppo di livelli.

opzioni di fusione photoshop

Nel nostro esempio, abbiamo solo bisogno di Shallow .

Infine, assicurati che il pulsante Anteprima sia selezionato, quindi trascina il cursore Riempi opacità a sinistra, verso zero.

Qui hai il controllo completo su quanto di quel testo originale sarà visibile. Il colore del testo farà la differenza qui a meno che non si scelga un'opacità pari allo zero percento.

ridurre l'opacità di Photoshop

Se hai una foto particolarmente occupata, tuttavia, probabilmente non vorrai scegliere un'opacità molto bassa per mantenere leggibile il testo.

Passaggio 4: ritocchi finali

Fai clic su OK per confermare le modifiche. Ora puoi aggiungere gli ultimi ritocchi. Poiché tutti gli elementi sono sul proprio livello, è possibile effettuare regolazioni su tutti separatamente.

Puoi modificare l'immagine di sfondo, la forma o il testo. Per regolare l'effetto knockout, fai doppio clic sul livello del testo per riaprire la finestra delle impostazioni.

photoshop effetto knockout

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> Posiziona , quindi fai clic per posizionare l'immagine. Utilizzare lo strumento Selezione ( V ) per ridimensionarlo per adattarlo.

posizionare illustratore di immagini

Passaggio 1: aggiungi forma e testo

Ora disegna la tua forma usando lo strumento Rettangolo ( M ). Puoi usare altre forme se preferisci, oppure disegnare le tue con lo strumento Penna . Seleziona un colore di riempimento e tratto — puoi cambiarli in seguito, se lo desideri — e trascinalo nella posizione desiderata.

Successivamente, è necessario aggiungere il testo (oppure è possibile utilizzare altre forme per l'effetto knockout: non deve sempre essere testo). Seleziona lo strumento Testo ( T ) e fai clic sulla tela. Imposta un colore e una dimensione e inizia a digitare.

aggiungi illustratore di testo

Scegli lo strumento Selezione e fai clic via quando hai finito. Puoi spostare tutti gli oggetti in posizione ad occhio, oppure tenere premuto Maiusc e selezionare il testo, la forma e l'immagine di sfondo e allinearli correttamente con gli strumenti Allineamento orizzontale e verticale .

Passaggio 2: creare contorni

Seleziona nuovamente il 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 piuttosto che in testo modificabile, quindi controlla prima i refusi!

Assicurati che il testo sia sopra la forma e non dietro.

creare un illustratore di contorni

Se vuoi essere in grado di controllare l'opacità come è possibile in Photoshop, copia il tuo livello di testo negli Appunti con la scorciatoia da tastiera Cmd / Ctrl + C. Non dovrai farci nulla fino a dopo.

Passaggio 3: applicare l'effetto knockout

Seleziona sia la forma che il testo e vai al pannello degli strumenti di Pathfinder . Se non è già aperto, puoi aprirlo andando su Finestra> Pathfinder o usando il collegamento Illustrator, Maiusc + Cmd / Ctrl + F9.

Fai clic qui per ulteriori scorciatoie da tastiera di Adobe Illustrator .

Nello strumento Pathfinder, seleziona l'opzione Meno anteriore in Modalità forma . Questo rimuoverà il testo dalla tua forma.

illustratore strumento Pathfinder

Per controllare l'opacità dell'effetto knockout è necessario copiare il livello di testo, come menzionato sopra. Ora premi Maiusc + Cmd / Ctrl + V per incollare il testo nel punto esatto in cui lo hai copiato. (Assicurati di farlo prima di spostare uno dei tuoi livelli.)

Puoi quindi regolare l'opacità di quel livello andando sul pannello Trasparenza , che puoi aprire andando su Finestra> Trasparenza. Regola il cursore dell'opacità fino ad ottenere la tonalità esatta che desideri.

Con un'opacità di circa il 20 percento, ecco come appare il prodotto finale:

illustratore ad effetto knockout

Altri effetti di testo Photoshop da provare

È facile creare un effetto a eliminazione diretta in Illustrator e Photoshop. Se hai accesso a entrambi i programmi, ti consigliamo di utilizzare Photoshop perché il testo rimane modificabile in ogni momento. Ma per progetti più dettagliati, Illustrator è la strada da percorrere.

Un effetto a eliminazione diretta non è l'unico modo creativo in cui puoi usare il testo nei tuoi progetti. Dai un'occhiata alle nostre guide che spiegano in dettaglio come delineare il testo in Photoshop e come aggiungere trame al testo in Photoshop per trarne ispirazione.

Leggi l'articolo completo: Come creare un effetto knockout in Photoshop e Illustrator