Ako vytvoriť efekt knockoutu vo Photoshope a Illustratore

Ako vytvoriť efekt knockoutu vo Photoshope a Illustratore

Efekt knockoutu vám umožňuje umiestniť na fotografiu alebo obrázok plnú vrstvu farby a potom vyraziť časť tejto pevnej vrstvy, aby sa odhalil obrázok za ním. Môžete to urobiť s textom alebo tvarmi vo Photoshope aj Illustratore, ale postup je pre každý program mierne odlišný.





V tomto článku vysvetľujeme, ako vytvoriť knockoutový efekt v Adobe Photoshop a Illustrator, ktoré ponúkajú podrobného sprievodcu.





Ako vytvoriť efekt knockoutu vo Photoshope

Aby ste vo Photoshope dosiahli knockoutový efekt, prvá vec, ktorú musíte urobiť, je otvoriť obrázok. V tomto prípade použijeme na obrázok tvar obdĺžnika a vyradíme z neho text.





Krok 1: Nakreslite tvar

Keď je obrázok na pozadí otvorený, nakreslite obdĺžnik pomocou Tvar nástroj. Buď si vyberiete nástroj Tvar z ponuky nástrojov, alebo môžete použiť klávesovú skratku U . Vyberte si aj farbu.

Keď nakreslíte svoj obdĺžnik, môžete si vybrať buď voľný tvar a pretiahnutím obdĺžnika cez obrazovku vytvoriť požadovaný tvar, alebo môžete kliknúť kdekoľvek na obrázok a zadať rozmery obdĺžnika v pixeloch.



Krok 2: Zadajte text

Ďalej musíte zadať text do samostatnej vrstvy vo Photoshope. Chyť Text nástroj ( T ), kliknite kdekoľvek na plátno a začnite písať. Potom použite Pohyb nástroj ( V. ) umiestnite text nad svoj tvar.

Ak dávate prednosť použitiu tvaru alebo ikony na vyraďovanie, môžete tento tvar umiestniť tam, kde by ste umiestnili text.





Krok 3: Nastavte možnosti miešania

Dvojitým kliknutím na textovú vrstvu otvoríte súbor Štýl vrstvy okno a vyberte si Možnosti miešania z ľavého panela.

V časti Rozšírené miešanie nájdete príponu Knock Out rozbaľovacia ponuka. Môžete si vybrať medzi a Povrchné alebo Hlboké účinok tu. Plytký aplikuje knockoutový efekt na jednu vrstvu; Deep to aplikuje na skupinu vrstiev.





V našom prípade potrebujeme iba Povrchné .

Nakoniec sa uistite, že Náhľad tlačidlo je začiarknuté, potom presuňte Vyplňte nepriehľadnosť posuňte doľava smerom k nule.

Tu máte úplnú kontrolu nad tým, koľko z tohto pôvodného textu bude viditeľných. Farba textu tu bude znamenať rozdiel, pokiaľ sa nerozhodnete pre nepriehľadnosť nula percent.

Ak máte obzvlášť zaneprázdnenú fotografiu, pravdepodobne nebudete chcieť zvoliť veľmi nízku kryciu schopnosť, aby bol text čitateľný.

Krok 4: Konečné dotyky

Kliknite OK na potvrdenie vašich zmien. Teraz môžete pridať dokončovacie úpravy. Pretože sú všetky prvky vo svojej vlastnej vrstve, môžete ich všetky upraviť samostatne.

Môžete upraviť obrázok na pozadí, tvar alebo text. Ak chcete upraviť efekt knockoutu, dvojitým kliknutím na textovú vrstvu znova otvorte pole nastavení.

Ako vytvoriť efekt knockoutu v programe Illustrator

Proces vytvorenia knockout efektu v Illustratore je podobný ako vo Photoshope, ale je o niečo praktickejší.

Začnite otvorením obrázka na pozadí na plátne. Ísť do Súbor> Miesto , potom kliknutím umiestnite obrázok. Použi Výber nástroj ( V. ) zmeniť veľkosť tak, aby zodpovedala.

Krok 1: Pridajte tvar a text

Teraz nakreslite svoj tvar pomocou Obdĺžnik nástroj ( M ). Ak chcete, môžete použiť iné tvary, alebo si nakresliť svoj vlastný pomocou Pero nástroj. Vyberte farbu výplne a ťahu --- tieto môžete neskôr zmeniť, ak chcete --- a potiahnite ju zhruba do požadovanej polohy.

Ďalej musíte pridať text (alebo môžete použiť iné tvary na knockout efekt --- nemusí to byť vždy text). Vyberte položku Text nástroj ( T ), a kliknite na plátno. Nastavte farbu a veľkosť a začnite písať.

Vyber Výber nástroj a kliknite preč, keď skončíte. Všetky objekty môžete presunúť do polohy podľa oka alebo podržaním klávesu Shift vybrať text, tvar a obrázok na pozadí a správne ich zarovnať s Horizontálne a Vertikálne zarovnanie nástroje.

Krok 2: Vytvorte obrysy

Znova vyberte textovú vrstvu a prejdite na Napíšte > Vytvárajte obrysy , alebo môžete použiť klávesovú skratku Shift + Cmd/Ctrl + O . Váš text sa tým skonvertuje na tvary, nie na upraviteľný text, preto najskôr skontrolujte, či nie sú preklepy!

Uistite sa, že je váš text nad tvarom a nie za ním.

Ak chcete ovládať nepriehľadnosť, ako je to možné vo Photoshope, skopírujte textovú vrstvu do schránky pomocou klávesovej skratky Cmd/Ctrl + C. Neskôr s tým už nebudete musieť nič robiť.

Krok 3: Aplikujte efekt knockoutu

Vyberte tvar a text a prejdite na položku Pathfinder panel nástrojov. Ak ešte nie je otvorený, môžete ho otvoriť tak, že prejdete na Okno> Hľadač cesty alebo pomocou skratky Illustratora, Shift + Cmd/Ctrl + F9.

Kliknutím sem získate ďalšie informácie Klávesové skratky programu Adobe Illustrator .

V nástroji Pathfinder vyberte Mínus predná strana možnosť v Režimy tvaru . To odstráni text z vášho tvaru.

Na kontrolu nepriehľadnosti efektu knockoutu musíte skopírovať textovú vrstvu, ako sme uviedli vyššie. Teraz trafiť Shift + Cmd/Ctrl + V. na vloženie textu späť na presne to miesto, odkiaľ ste ho skopírovali. (Uistite sa, že to urobíte skôr, ako presuniete ktorúkoľvek z vašich vrstiev.)

Potom môžete upraviť nepriehľadnosť tejto vrstvy tak, že prejdete na Transparentnosť panel, ktorý môžete otvoriť tak, že prejdete na Okno> Priehľadnosť. Upravte posuvník krytia, kým nebudete mať požadovaný odtieň.

S nepriehľadnosťou okolo 20 percent vyzerá konečný produkt takto:

Skúste ďalšie textové efekty Photoshopu

V aplikáciách Illustrator a Photoshop je ľahké vytvoriť knockoutový efekt. Ak máte prístup k obom programom, odporúčame vám najskôr použiť Photoshop, pretože text je možné stále upravovať. Ale pre podrobnejšie návrhy je Illustrator tou správnou cestou.

spustite Mac OS v systéme Windows 10

Vyrazený efekt nie je jediným kreatívnym spôsobom, akým môžete použiť text vo svojich návrhoch. Pozrite sa na podrobné informácie o našich sprievodcoch ako načrtnúť text vo Photoshope a ako pridať textúry do textu vo Photoshope pre nejakú inšpiráciu.

zdieľam zdieľam Tweet E -mail Príručka pre začiatočníkov k animovanej reči

Animovaná reč môže byť výzvou. Ak ste pripravení začať pridávať dialógy do svojho projektu, proces za vás rozložíme.

Čítajte ďalej
Súvisiace témy
  • Kreatívny
  • Adobe Photoshop
  • Adobe Illustrator
  • Návod pre Photoshop
O autorovi Andy Betts(221 publikovaných článkov)

Andy je bývalý printový novinár a redaktor časopisov, ktorý píše o technológiách 15 rokov. Za ten čas prispel k nespočetnému množstvu publikácií a produkoval texty pre veľké technologické spoločnosti. Poskytol tiež odborné komentáre pre médiá a hostil panely na priemyselných podujatiach.

Viac od Andyho Bettsa

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber