Knockout -tehosteen luominen Photoshopissa ja Illustratorissa

Knockout -tehosteen luominen Photoshopissa ja Illustratorissa

Knockout -tehosteen avulla voit asettaa kiinteän värikerroksen valokuvan tai kuvan päälle ja rei'ittää osan tästä kiinteästä kerroksesta paljastaaksesi kuvan takana. Voit tehdä tämän tekstillä tai muodoilla sekä Photoshopissa että Illustratorissa, mutta prosessi on hieman erilainen jokaiselle ohjelmalle.





Tässä artikkelissa kerromme, kuinka luoda tyrmäysvaikutus Adobe Photoshop ja Illustrator, joka tarjoaa vaiheittaisen oppaan.





Knockout -tehosteen luominen Photoshopissa

Saavuttaaksesi koputusvaikutuksen Photoshopissa, ensimmäinen asia, jonka haluat tehdä, on avata kuva. Tässä esimerkissä käytämme suorakulmion muotoista kuvaa ja pudotamme tekstin pois muodosta.





Vaihe 1: Piirrä muoto

Kun taustakuvasi on auki, piirrä suorakulmio näppäimellä Muoto työkalu. Voit joko valita Muotoilutyökalun työkaluvalikosta tai käyttää pikanäppäintä U . Valitse myös väri.

Kun piirrät suorakulmion, voit joko valita vapaamuotoisen kuvan ja vetää suorakulmion näytön poikki luodaksesi haluamasi muodon, tai voit napsauttaa mitä tahansa kuvaa ja syöttää suorakulmion mitat pikseleinä.



Vaihe 2: Kirjoita teksti

Seuraavaksi sinun on kirjoitettava tekstisi erilliseen kerrokseen Photoshopissa. Tartu Teksti työkalu ( T ), napsauta mitä tahansa kankaallasi ja aloita kirjoittaminen. Käytä sitten Liikkua työkalu ( V ), jos haluat asettaa tekstin muodon yläpuolelle.

Jos haluat käyttää muotoa tai kuvaketta tyrmäyksessäsi, voit sijoittaa sen muotoon kohtaan, johon olisit sijoittanut tekstin.





Vaihe 3: Aseta sekoitusasetukset

Avaa tekstikerros kaksoisnapsauttamalla sitä Tasotyyli ikkuna ja valitse Sekoitusasetukset vasemmasta paneelista.

Advanced Blending -osiosta löydät Tyrmäys pudotusvalikosta. Voit valita a Matala tai Syvä vaikutus täällä. Shallow soveltaa koputusvaikutusta yhteen kerrokseen; Deep soveltaa sitä kerrosryhmään.





Esimerkissämme tarvitsemme vain Matala .

Varmista lopuksi, että Esikatselu -painike on valittuna ja vedä sitten Täytä läpinäkyvyys liukusäädintä vasemmalle kohti nollaa.

Täällä voit hallita täysin sitä, kuinka paljon alkuperäisestä tekstistä näkyy. Tekstisi väri vaikuttaa tähän, ellet valitse nollan prosentin läpinäkyvyyttä.

Jos sinulla on kuitenkin erityisen kiireinen valokuva, et luultavasti halua valita erittäin alhaista läpinäkyvyyttä, jotta teksti pysyy luettavana.

Vaihe 4: Viimeiset kosketukset

Klikkaus OK vahvistaaksesi muutokset. Nyt voit lisätä viimeistelyn. Koska kaikki elementit ovat omalla kerroksellaan, voit säätää niitä kaikkia erikseen.

Voit muokata taustakuvaa, muotoa tai tekstiä. Voit säätää tyrmäysvaikutusta kaksoisnapsauttamalla tekstikerrosta, jolloin asetusruutu avataan uudelleen.

Knockout -tehosteen luominen Illustratorissa

Prosessi tyrmäysvaikutuksen luomiseksi Illustratorissa on samanlainen kuin Photoshopissa, mutta se on hieman käytännöllisempi.

Aloita avaamalla taustakuvasi kankaallesi. Mene Tiedosto> Paikka ja aseta kuva sitten napsauttamalla. Käytä Valinta työkalu ( V ) muuttaaksesi sen kokoa sopivaksi.

Vaihe 1: Lisää muoto ja teksti

Piirrä nyt muoto käyttämällä Suorakulmio työkalu ( M ). Voit halutessasi käyttää muita muotoja tai piirtää omasi Kynä työkalu. Valitse täytön ja viivan väri --- voit muuttaa niitä myöhemmin, jos haluat --- ja vetää sen suunnilleen haluamaasi kohtaan.

Seuraavaksi sinun on lisättävä teksti (tai voit käyttää muita muotoja tyrmäysvaikutukseen --- sen ei aina tarvitse olla tekstiä). Valitse Teksti työkalu ( T ) ja napsauta kangasta. Aseta väri ja koko ja aloita kirjoittaminen.

Valitse Valinta työkalu ja napsauta pois, kun olet valmis. Voit siirtää kaikki kohteet paikalleen silmällä tai pitää Shift -näppäintä painettuna ja valita tekstin, muodon ja taustakuvan ja kohdistaa ne oikein Vaakasuora ja Kohdista pystysuoraan työkaluja.

Vaihe 2: Luo ääriviivat

Valitse tekstikerros uudelleen ja siirry kohtaan Tyyppi > Luo ääriviivat tai voit käyttää pikanäppäintä Vaihto + Cmd/Ctrl + O . Tämä muuntaa tekstisi muotoiksi muokattavan tekstin sijaan, joten tarkista ensin kirjoitusvirheet!

Varmista, että tekstisi on muodon päällä eikä sen takana.

Jos haluat hallita opasiteettia Photoshopin avulla, kopioi tekstikerros leikepöydälle pikanäppäimellä Cmd/Ctrl + C. Sinun ei tarvitse tehdä mitään sen kanssa vasta myöhemmin.

Vaihe 3: Käytä Knockout -tehostetta

Valitse sekä muoto että teksti ja siirry omaasi Pathfinder työkalupaneeli. Jos se ei ole jo auki, voit avata sen siirtymällä osoitteeseen Ikkuna> Pathfinder tai käyttämällä Illustrator -pikakuvaketta, Vaihto + Cmd/Ctrl + F9.

Napsauta tätä saadaksesi lisätietoja Adobe Illustratorin pikanäppäimet .

Valitse polunetsintätyökalussa Miinus edessä vaihtoehto sisään Muototilat . Tämä poistaa tekstin muodostasi.

Voit hallita tyrmäystehosteen opasiteettia kopioimalla tekstikerroksen, kuten edellä mainitsimme. Nyt lyö Vaihto + Cmd/Ctrl + V liittääksesi tekstisi takaisin paikkaan, josta olet kopioinut sen. (Varmista, että teet tämän ennen kuin siirrät tasoja.)

Voit sitten säätää kyseisen kerroksen opasiteettia siirtymällä kohtaan Läpinäkyvyys paneeli, jonka voit avata siirtymällä kohtaan Ikkuna> Läpinäkyvyys. Säädä opasiteetin liukusäädintä, kunnes saat haluamasi sävyn.

Lopullisen tuotteen ulkonäkö on noin 20 prosenttia, ja se näyttää tältä:

Lisää Photoshop -tekstitehosteita kokeiltavaksi

Poistoefektin luominen Illustratorissa ja Photoshopissa on helppoa. Jos sinulla on pääsy molempiin ohjelmiin, suosittelemme ensin käyttämään Photoshopia, koska teksti on aina muokattavissa. Mutta yksityiskohtaisempien mallien osalta Illustrator on oikea tapa edetä.

miten voit muuttaa Google -oletustilin Chromessa

Knockout -vaikutus ei ole ainoa luova tapa käyttää tekstiä malleissasi. Katso oppaamme yksityiskohtaisesti kuinka hahmotella tekstiä Photoshopissa ja kuinka lisätä tekstuureja tekstiin Photoshopissa inspiraation saamiseksi.

Jaa Jaa Tweet Sähköposti Aloittelijan opas puheen animointiin

Puheen animointi voi olla haaste. Jos olet valmis aloittamaan vuoropuhelun lisäämisen projektiin, jaamme prosessin puolestasi.

Lue seuraava
Liittyvät aiheet
  • Luova
  • Adobe Photoshop
  • Adobe Illustrator
  • Photoshop -opetusohjelma
Kirjailijasta Andy Betts(221 artikkelia julkaistu)

Andy on entinen painettu toimittaja ja aikakauslehtitoimittaja, joka on kirjoittanut tekniikasta 15 vuoden ajan. Tänä aikana hän on osallistunut lukemattomiin julkaisuihin ja tuottanut tekstinkirjoitustöitä suurille teknologiayrityksille. Hän on myös antanut asiantuntija -kommentteja medialle ja isännöinyt paneeleja alan tapahtumissa.

Lisää Andy Bettsiltä

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi