Paano Lumikha ng isang Knockout Effect sa Photoshop at Illustrator

Paano Lumikha ng isang Knockout Effect sa Photoshop at Illustrator

Pinapayagan ka ng isang epekto sa pag-knockout na maglagay ng isang solidong layer ng kulay sa isang larawan o imahe, at pagkatapos ay suntukin ang ilan sa solidong layer na iyon upang ipakita ang imahe sa likuran nito. Maaari mo itong gawin sa teksto o mga hugis pareho sa Photoshop at Illustrator, ngunit ang proseso ay bahagyang naiiba para sa bawat programa.





Sa artikulong ito, ipinapaliwanag namin kung paano lumikha ng isang epekto ng knockout sa Adobe Photoshop at Illustrator, na nag-aalok ng isang sunud-sunod na gabay.





Paano Lumikha ng isang Knockout Effect sa Photoshop

Upang makamit ang isang epekto sa pag-knockout sa Photoshop, ang unang bagay na nais mong gawin ay buksan ang iyong imahe. Sa halimbawang ito, gagamit kami ng isang hugis-parihaba na hugis sa imahe, at kumatok ng teksto mula sa hugis na iyon.





Hakbang 1: Iguhit ang Hugis

Sa pagbukas ng iyong imahe sa background, gumuhit ng isang rektanggulo gamit ang Hugis kasangkapan Maaari mong piliin ang tool na Hugis mula sa menu ng mga tool, o maaari mong gamitin ang keyboard shortcut U . Pumili rin ng kulay.

Kapag iguhit mo ang iyong rektanggulo, maaari kang pumili ng libreng form at i-drag ang rektanggulo sa screen upang likhain ang hugis na nais mo, o maaari kang mag-click saanman sa imahe upang ipasok ang mga sukat ng iyong rektanggulo sa mga pixel.



Hakbang 2: Ipasok ang Teksto

Susunod na kailangan mong i-type sa iyong teksto sa isang hiwalay na layer sa Photoshop. Grab ang Text tool ( T ), mag-click saanman sa iyong canvas at magsimulang mag-type. Pagkatapos gamitin ang Gumalaw tool ( V ) upang iposisyon ang teksto sa itaas ng iyong hugis.

Kung mas gusto mong gumamit ng isang hugis o icon para sa iyong pag-knockout, mailalagay mo ang hugis na iyon kung saan mo mailalagay ang teksto.





Hakbang 3: Itakda ang Mga Pagpipilian sa Paghalo

I-double click ang layer ng teksto upang buksan ang Estilo ng Layer window, at pumili Mga Pagpipilian sa Paghahalo mula sa kaliwang panel.

Sa ilalim ng seksyong Advanced Blending makikita mo ang Knockout drop-down na menu. Maaari kang pumili sa pagitan ng a Mababaw o Malalim epekto dito Mababaw na naglalapat ng epekto ng knockout sa isang solong layer; Nalalapat ito nang malalim sa isang pangkat ng mga layer.





Sa aming halimbawa, kailangan lamang namin Mababaw .

Panghuli, siguraduhin na ang Preview naka-check ang pindutan, pagkatapos ay i-drag ang Punan ang Opacity slider sa kaliwa, patungo sa zero.

Narito mayroon kang kumpletong kontrol sa kung gaano karami sa orihinal na teksto ang makikita. Ang kulay ng iyong teksto ay magkakaroon ng pagkakaiba dito maliban kung pipiliin mo para sa isang opacity na zero porsyento.

Kung mayroon kang isang partikular na abalang larawan, gayunpaman, malamang na hindi mo gugustuhin na pumili ng isang napakababang opacity upang mapanatili ang teksto na mabasa.

Hakbang 4: Mga Pangwakas na Pag-ugnay

Mag-click OK lang upang kumpirmahin ang iyong mga pagbabago. Maaari mo na ngayong idagdag ang mga pagtatapos na touch. Dahil ang lahat ng mga elemento ay nasa kanilang sariling layer maaari kang gumawa ng mga pagsasaayos sa kanilang lahat nang magkahiwalay.

Maaari mong i-edit ang imahe sa background, ang hugis, o ang teksto. Upang ayusin ang epekto ng pag-knockout i-click lamang ang layer ng teksto upang muling buksan ang kahon ng mga setting.

Paano Lumikha ng isang Knockout Effect sa Illustrator

Ang proseso upang lumikha ng isang epekto ng knockout sa Illustrator ay katulad ng Photoshop, ngunit medyo hands-on pa.

Magsimula sa pamamagitan ng pagbubukas ng iyong imahe sa background sa iyong canvas. Pumunta sa File> Lugar , pagkatapos ay mag-click upang ilagay ang imahe. Gamitin ang Pinili tool ( V ) upang baguhin ang laki upang magkasya.

Hakbang 1: Idagdag ang Hugis at Text

Iguhit ngayon ang iyong hugis gamit ang Parihaba tool ( M ). Maaari kang gumamit ng iba pang mga hugis kung nais mo, o gumuhit ng iyong sariling gamit ang Panulat kasangkapan Pumili ng isang punan at kulay ng stroke --- maaari mong baguhin ang mga ito sa paglaon kung nais mo --- at i-drag ito sa halos posisyon na nais mo ito.

Susunod, kailangan mong idagdag ang teksto (o maaari kang gumamit ng iba pang mga hugis para sa epekto ng knockout --- hindi palaging magiging teksto ito). Piliin ang Text tool ( T ), at mag-click sa canvas. Magtakda ng isang kulay at sukat, at simulang mag-type.

Piliin ang Pinili tool at mag-click sa malayo kapag tapos ka na. Maaari mong ilipat ang lahat ng mga bagay sa posisyon sa pamamagitan ng mata, o pindutin nang matagal ang shift at piliin ang teksto, hugis, at imahe ng background at ihanay nang maayos ang mga ito sa Pahalang at Pag-align ng Vertical mga kasangkapan

Hakbang 2: Lumikha ng Mga Balangkas

Piliin muli ang iyong layer ng teksto at pumunta sa Uri > Lumikha ng Mga Balangkas , o maaari mong gamitin ang keyboard shortcut Shift + Cmd / Ctrl + O . Ipapalit nito ang iyong teksto sa mga hugis kaysa mai-e-edit na teksto, kaya suriin muna ang mga typo!

Tiyaking nasa itaas ng hugis ang iyong teksto at wala sa likuran nito.

Kung nais mong makontrol ang opacity hangga't maaari sa Photoshop, kopyahin ang iyong layer ng teksto sa clipboard gamit ang keyboard shortcut Cmd / Ctrl + C. Hindi mo kakailanganin na gawin ito hanggang sa paglaon.

Hakbang 3: Ilapat ang Knockout Effect

Piliin ang pareho ang iyong hugis at teksto at pumunta sa iyong Pathfinder panel ng mga tool. Kung hindi pa ito bukas, maaari mo itong buksan sa pamamagitan ng pagpunta sa Window> Pathfinder o sa pamamagitan ng paggamit ng shortcut ng Illustrator, Shift + Cmd / Ctrl + F9.

Mag-click dito para sa higit pa Mga shortcut sa keyboard ng Adobe Illustrator .

Sa tool ng pathfinder, piliin ang Minus Front pagpipilian sa Mga Mode ng Hugis . Aalisin nito ang teksto mula sa iyong hugis.

Upang makontrol ang opacity ng iyong epekto sa pag-knockout kailangan mong kopyahin ang layer ng teksto, tulad ng nabanggit namin sa itaas. Ngayon hit Shift + Cmd / Ctrl + V upang mai-paste ang iyong teksto sa eksaktong lugar kung saan mo ito nakopya. (Tiyaking gawin ito bago mo ilipat ang anuman sa iyong mga layer.)

Pagkatapos ay maaari mong ayusin ang opacity ng layer na iyon sa pamamagitan ng pagpunta sa Aninaw panel, na maaari mong buksan sa pamamagitan ng pagpunta sa Window> Transparency. Ayusin ang slider ng opacity hanggang sa magkaroon ka ng eksaktong lilim na nais mo.

Sa pamamagitan ng isang opacity na humigit-kumulang 20 porsyento, ito ang hitsura ng panghuling produkto:

Maraming Epekto ng Teksto ng Photoshop upang Subukan

Madaling lumikha ng isang epekto ng knockout sa Illustrator at Photoshop. Kung mayroon kang access sa parehong mga programa, inirerekumenda namin ang paggamit muna ng Photoshop dahil ang teksto ay mananatiling mai-e-edit sa lahat ng oras. Ngunit para sa mas detalyadong mga disenyo, ang Illustrator ang paraan upang pumunta.

mac virtual machine sa windows 10

Ang isang epekto sa knockout ay hindi lamang ang malikhaing paraan na maaari mong magamit ang teksto sa iyong mga disenyo. Tingnan ang aming mga gabay na nagdedetalye kung paano balangkas ang teksto sa Photoshop at kung paano magdagdag ng mga texture sa text sa Photoshop para sa ilang inspirasyon.

Magbahagi Magbahagi Mag-tweet Email Isang Gabay ng Baguhan sa Animating Speech

Ang animating pagsasalita ay maaaring maging isang hamon. Kung handa ka nang magsimulang magdagdag ng diyalogo sa iyong proyekto, sisirain namin ang proseso para sa iyo.

Basahin Susunod
Mga Kaugnay na Paksa
  • Malikhain
  • Adobe Photoshop
  • Adobe Illustrator
  • Tutorial sa Photoshop
Tungkol sa May-akda Andy Betts(221 Mga Artikulo Na-publish)

Si Andy ay dating print journalist at magazine editor na nagsusulat tungkol sa teknolohiya sa loob ng 15 taon. Sa oras na iyon ay nag-ambag siya sa hindi mabilang na mga publication at gumawa ng gawaing copywriting para sa mga malalaking kumpanya ng tech. Nagbigay din siya ng ekspertong komento para sa media at nag-host ng mga panel sa mga kaganapan sa industriya.

Higit Pa Mula sa Andy Betts

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe