Cum se creează un efect knockout în Photoshop și Illustrator

Cum se creează un efect knockout în Photoshop și Illustrator

Un efect knockout vă permite să plasați un strat solid de culoare peste o fotografie sau o imagine, apoi să scoateți o parte din acel strat solid pentru a dezvălui imaginea din spatele acestuia. Puteți face acest lucru cu text sau forme atât în ​​Photoshop, cât și în Illustrator, dar procesul este ușor diferit pentru fiecare program.





În acest articol, vă explicăm cum să creați un efect knockout în Adobe Photoshop și Illustrator, oferind un ghid pas cu pas.





Cum se creează un efect knockout în Photoshop

Pentru a obține un efect de eliminare în Photoshop, primul lucru pe care vrei să-l faci este să îți deschizi imaginea. În acest exemplu, vom folosi o formă dreptunghiulară peste imagine și vom scoate textul din acea formă.





Pasul 1: Desenați forma

Cu imaginea de fundal deschisă, desenați un dreptunghi folosind Formă instrument. Puteți selecta instrumentul Shape din meniul de instrumente sau puteți utiliza comanda rapidă de la tastatură U . Alegeți și o culoare.

Când vă desenați dreptunghiul, puteți alege forma liberă și trageți dreptunghiul pe ecran pentru a crea forma dorită sau puteți face clic oriunde pe imagine pentru a introduce dimensiunile dreptunghiului dvs. în pixeli.



Pasul 2: introduceți textul

Apoi, trebuie să introduceți textul pe un strat separat în Photoshop. Apuca Text instrument ( T ), faceți clic oriunde pe pânză și începeți să tastați. Apoi utilizați Mutare instrument ( V ) pentru a poziționa textul deasupra formei tale.

Dacă preferați să utilizați o formă sau o pictogramă pentru knockout, puteți plasa acea formă acolo unde ați fi plasat textul.





Pasul 3: Setați opțiunile de amestecare

Faceți dublu clic pe stratul de text pentru a deschide Stil stratificat fereastra și alegeți Opțiuni amestecate din panoul din stânga.

În secțiunea Advanced Blending veți găsi Făcut praf meniul derulant. Puteți alege între a Superficial sau Adânc efect aici. Shallow aplică efectul knockout unui singur strat; Deep îl aplică unui grup de straturi.





În exemplul nostru, avem nevoie doar de Superficial .

În cele din urmă, asigurați-vă că previzualizare butonul este bifat, apoi trageți butonul Umpleți opacitatea glisor spre stânga, spre zero.

Aici aveți control complet asupra cât de mult din textul original va fi vizibil. Culoarea textului dvs. va face diferența aici, cu excepția cazului în care alegeți o opacitate de zero la sută.

Cu toate acestea, dacă aveți o fotografie deosebit de ocupată, probabil că nu veți dori să alegeți o opacitate foarte mică pentru a menține textul lizibil.

Pasul 4: Atingeri finale

Clic Bine pentru a vă confirma modificările. Acum puteți adăuga ultimele atingeri. Deoarece toate elementele sunt pe propriul strat, puteți face ajustări la toate separat.

Puteți edita imaginea de fundal, forma sau textul. Pentru a regla efectul knockout, faceți dublu clic pe stratul de text pentru a redeschide caseta de setări.

Cum se creează un efect knockout în Illustrator

Procesul de creare a unui efect knockout în Illustrator este similar cu cel al Photoshop, dar este puțin mai practic.

Începeți deschizând imaginea de fundal pe pânză. Mergi la Fișier> Loc , apoi faceți clic pentru a plasa imaginea. Folosește Selecţie instrument ( V ) pentru a-l redimensiona pentru a se potrivi.

Pasul 1: Adăugați forma și textul

Acum desenează-ți forma folosind Dreptunghi instrument ( M ). Puteți utiliza alte forme, dacă preferați, sau să le desenați cu ajutorul Pix instrument. Selectați o culoare de umplere și cursă --- le puteți schimba mai târziu dacă doriți --- și trageți-o în aproximativ poziția dorită.

Apoi, trebuie să adăugați textul (sau puteți utiliza alte forme pentru efectul knockout --- nu trebuie să fie întotdeauna text). Selectează Text instrument ( T ), și faceți clic pe pânză. Setați o culoare și o dimensiune și începeți să tastați.

Alege Selecţie instrument și faceți clic departe când ați terminat. Puteți muta toate obiectele în poziție cu ochiul, sau țineți apăsată tasta Shift și selectați textul, forma și imaginea de fundal și aliniați-le corect cu Orizontală și Aliniere verticală instrumente.

Pasul 2: Creați contururi

Reselectați stratul de text și accesați Tip > Creați contururi , sau puteți utiliza comanda rapidă de la tastatură Shift + Cmd / Ctrl + O . Acest lucru vă va converti textul în forme mai degrabă decât text editabil, deci verificați mai întâi greșelile de eroare!

Asigurați-vă că textul dvs. este deasupra formei și nu în spatele acesteia.

Dacă doriți să puteți controla opacitatea așa cum este posibil în Photoshop, copiați stratul de text în clipboard cu comanda rapidă de la tastatură Cmd / Ctrl + C. Nu va trebui să faceți nimic cu el până mai târziu.

Pasul 3: Aplicați efectul Knockout

Selectați atât forma, cât și textul și mergeți la Pathfinder panoul de instrumente. Dacă nu este deja deschis, îl puteți deschide accesând Fereastră> Pathfinder sau utilizând comanda rapidă Illustrator, Shift + Cmd / Ctrl + F9.

Faceți clic aici pentru mai multe Comenzi rapide de la tastatură Adobe Illustrator .

În instrumentul Pathfinder, selectați Minus Front opțiune în Moduri de formă . Acest lucru va elimina textul din forma dvs.

Pentru a controla opacitatea efectului knockout, trebuie să copiați stratul de text, așa cum am menționat mai sus. Acum lovește Shift + Cmd / Ctrl + V pentru a lipi textul înapoi în locul exact din care l-ați copiat. (Asigurați-vă că faceți acest lucru înainte de a muta oricare dintre straturile dvs.)

Puteți regla apoi opacitatea acelui nivel mergând la Transparenţă , pe care îl puteți deschide accesând Fereastră> Transparență. Reglați glisorul de opacitate până când aveți nuanța exactă dorită.

Cu o opacitate de aproximativ 20%, așa arată produsul final:

Mai multe efecte Photoshop Text de încercat

Este ușor să creați un efect knockout în Illustrator și Photoshop. Dacă aveți acces la ambele programe, vă recomandăm să utilizați mai întâi Photoshop, deoarece textul rămâne editabil în orice moment. Dar pentru modele mai detaliate, Illustrator este calea de urmat.

este sigură dorința pentru cardurile de credit

Un efect knockout nu este singurul mod creativ în care puteți utiliza textul în desenele dvs. Aruncați o privire la detaliile ghidurilor noastre cum să conturați textul în Photoshop și cum să adăugați texturi textului în Photoshop pentru o oarecare inspirație.

Acțiune Acțiune Tweet E-mail Un ghid pentru începători pentru vorbirea animată

Animarea vorbirii poate fi o provocare. Dacă sunteți gata să începeți să adăugați dialog la proiectul dvs., vom descompune procesul pentru dvs.

Citiți în continuare
Subiecte asemănătoare
  • Creativ
  • Adobe Photoshop
  • Adobe Illustrator
  • Tutorial Photoshop
Despre autor Andy Betts(221 articole publicate)

Andy este un fost jurnalist tipărit și editor de revistă care scrie despre tehnologie de 15 ani. În acea perioadă, el a contribuit la nenumărate publicații și a produs lucrări de redactare pentru mari companii de tehnologie. De asemenea, a oferit comentarii de specialitate pentru mass-media și a găzduit panouri la evenimente din industrie.

Mai multe de la Andy Betts

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona