A flat design őrület közepette még mindig van hely a jól elhelyezett árnyékoknak, amelyek mélységet adnak anélkül, hogy karnevállá változtatnák a dizájnt. Adobe Illustrator Egyszerűbb, mint amilyennek látszik: tiszta, kontrollált árnyékokat hozhatsz létre, amelyek összhangban vannak a kompozícióddal.
Évekig egyértelmű határvonal húzódott a vektoros és a bitképes képek között, de ez a határvonal elmosódott. Manapság az Illustrator csodálatosan működik az elmosódási effektusokkal és a keverési módokkal, lehetővé téve az árnyékok gyors és rugalmas hozzáadását. Ebben a cikkben megtudhatja, hogyan kell ezt csinálni. Három különböző módja az árnyékok létrehozásának, mikor mindegyik megfelelő, és hogyan kell őket részletesen módosítani a jó eredmények elérése érdekében.
Ha őszülésbe kezdesz, emlékezhetsz azokra az időkre, amikor egy vektoros környezetben árnyékot kellett létrehoznod egy TIFF fájlban a Photoshopban, majd azt kirakósként kellett beillesztened az Illustratorba. Ez a munkafolyamat a következőkből állt: Bitkép generálása Photoshopban, exportálása a szükséges elmosással, majd helyezze el és igazítsa a vektoros elrendezésben.
Bár működött, esetlen és hálátlan módszer volt. Megköveteli sok térbeli vizualizációLassú, és bármilyen módosításhoz újra kell csinálni a TIFF fájlt, majd újra importálni. Ha valaha is kellett már korrigálnod egy apró méret- vagy tájolásbeli eltérést, akkor tudod, milyen frusztráló tud lenni.
Szerencsére ezek az idők már elmúltak. Az Illustrator natív, roncsolásmentes és sokoldalúbb alternatívákat kínál. Ezt a „retro” módszert történelmi kontextusban említik, de a gyakorlatban… célszerű teljesen elvetni.
1. módszer: A régi iskola
Ha őszülésbe kezdesz, emlékezhetsz azokra az időkre, amikor egy vektoros környezetben árnyékot kellett létrehoznod egy TIFF fájlban a Photoshopban, majd azt kirakósként kellett beillesztened az Illustratorba. Ez a munkafolyamat a következőkből állt: Bitkép generálása Photoshopban, exportálása a szükséges elmosással, majd helyezze el és igazítsa a vektoros elrendezésben.
Bár működött, esetlen és hálátlan módszer volt. Megköveteli sok térbeli vizualizációLassú, és bármilyen módosításhoz újra kell csinálni a TIFF fájlt, majd újra importálni. Ha valaha is kellett már korrigálnod egy apró méret- vagy tájolásbeli eltérést, akkor tudod, milyen frusztráló tud lenni.
Szerencsére ezek az idők már elmúltak. Az Illustrator natív, roncsolásmentes és sokoldalúbb alternatívákat kínál. Ezt a „retro” módszert történelmi kontextusban említik, de a gyakorlatban… célszerű teljesen elvetni.
2. módszer: Árnyékeffektus
A gyors és egyszerű megoldás a vetett árnyék. Az Illustrator olyan effektusokat tartalmaz, amelyek két kattintással alkalmazhatók és bármikor szerkeszthetők. Elérésükhöz jelölje ki az objektumot, és lépjen a következőre: Hatás > Stilizálás > ÁrnyékvetésMegnyílik egy mező a főbb paraméterekkel.
Ezek azok a beállítások, amelyekre beállíthatja magát kontrollálja a megjelenést az árnyékból:
- Modo: Meghatározza a keverési módot. Árnyékok esetén a Szorzás a leglogikusabb, mivel sötétít anélkül, hogy az alapszínt kimosná.
- tudatlanság: az árnyék intenzitását szabályozza; 0%-on láthatatlan, 100%-on pedig túl erős lehet.
- X elmozdulás: vízszintesen mozgatja az árnyékot (balra/jobbra).
- Y elmozdulás: függőlegesen mozgatja az árnyékot (fel/le).
- Elhomályosít: a szélek lágyságát határozza meg; minél magasabb az érték, annál lágyabb lesz az árnyék.
- színekVálaszd ki az árnyék árnyalatát; a fekete vagy a sötétbarna általában megfelelő. nagyon sötét szürke.
Íme néhány gyakorlati javaslat: válasszon Szorzás alapként módban, ezzel kezdődik mérsékelt opacitások (20–40%), és a kívánt tárgy mérete és távolsága alapján állítsa be az elmosódást. Játsszon a színekkel, ha a jelenetnek domináns színe van (pl. enyhén meleg árnyékok világos felületeken).
Fontos előnye, hogy ez a hatás nem destruktív: a Megjelenés panelen látható, és bármikor megnyitható a paraméterek módosításához. Ha hibázik, egyszerűen szerkeszd az árnyékot a Megjelenés menüpontban vagy lemásolhatja az objektumot, hogy félelem nélkül tesztelhesse a variációkat.
A párhuzamos árnyéknak azonban vannak korlátai: az orientációja „ortodox”, párhuzamos a tárgy kontúrjával, torzítások nélkül. Ha árnyékokra van szükséged perspektívával vagy deformált, jobb, ha továbblépünk a következő módszerre.
3. módszer: Árnyékolás Gauss-elmosással
Ez a megközelítés manuálisabb, de hatalmas kreatív szabadságot biztosít. Magában foglalja az árnyék sziluettjének „megrajzolását” független vektorként, és Gauss-elmosást alkalmaz rá. Az eredmény természetesebb és mindenekelőtt sokkal sokoldalúbb mint a vetett árnyék, ha hosszú cseppeket, perspektívát vagy szabálytalan alakzatokat keres.
Kezd azzal, hogy a toll vagy a rajzeszközök segítségével megrajzolod az árnyék alakját. Gondolj a körvonalára: határozd meg, hol kapcsolódik az objektumhoz, és hol terjed ki. Kitöltésként használd a következőt: fekete vagy nagyon sötét szürke; nincs ecsetvonás. Helyezze ezt az alakzatot az objektum mögé, ha szükséges, hogy beleolvadjon.
Jelöld ki az árnyékot, majd alkalmazd az Effektus > Elmosás > lehetőséget. Gauss elmosódásLátni fogsz egy vezérlőt az elmosódás mértékének növelésére vagy csökkentésére; aktiváld az előnézetet, hogy lásd, hogyan lágyulnak a szélek. Addig állítsd, amíg az átmenet hihetőnek nem tűnik a terved kontextusában.
Ezután csökkentsd az átlátszóságot (Opacity), és állítsd be a keverési módot (keverési mód) szorzás az Átlátszóság panelről. Más alakzatok vagy képek fölé helyezve az árnyék beleolvad az alakzatokba, és mindent elsötétít alatta, akárcsak a valódi fény esetén.
Ha finomabb kidolgozást szeretnél, kísérletezz színátmenetes kitöltéssel magán az árnyékon. Például egy lineáris színátmenetet egy átlátszatlanabb feketével az objektum mellett, és szélsőséges átláthatóság Az ellenkezője segít a fény nagyon természetes esését szimulálni.
Ennek a módszernek egy másik előnye, hogy képes alkalmazkodni a perspektívához. Torzíthatod az árnyék alakját, megváltoztathatod a méretét vagy döntheted, majd újra beállíthatod az elmosódást. Ideális olyan illusztrációkhoz, ahol az árnyék "elveszik" a térben, valamint tárgyakhoz. komplex geometriákkal.
Ezenkívül kombinálhatsz egy rövid kontakt árnyékot (kicsi, kevés elmosással és nagy átlátszósággal) és egy hosszabb, diffúz árnyékot az általános fading eléréséhez. A két darab rétegezése, mindkettő Gauss-elmosással, egy sokkal valóságosabb mint egyetlen egyforma árnyék.
Gyakorlati tippek az árnyékoláshoz
Először is döntsd el a fény irányát, és légy következetes. A kompozícióban lévő összes árnyéknak ugyanabba az irányba kell mutatnia, hasonló intenzitással és egymással kompatibilis lágysággal. A világítás következetességének fenntartása egy egész képet eredményez. sokkal hitelesebb és kényelmes olvasmány.
Másodszor, kerüld a tiszta feketét (#000000) magas opacitásoknál; gyakran túl durva hatású. Egy nagyon sötét szürke 20–40%-os Szorzás értékkel általában a legjobban működik. Ez a finom beállítás lehetővé teszi az árnyék „lélegzését”, és tartsd meg a színeket háttér.
Ha méretezed a tervedet, ne felejtsd el ellenőrizni az elmosás értékét. Egy kicsiben jól mutató elmosás nagyban nem biztos, hogy ugyanolyan jó, és fordítva. Kapcsold be az „Ecsetek és effektek méretezése” beállítást objektumok átalakításakor, hogy az elmosódás alkalmazkodik automatikusan méretre igazodik.
Sok lágy árnyékot tartalmazó összetett darabok esetén a teljesítmény romolhat. A végső nyomtatáshoz érdemes lehet a megjelenést bővíteni, vagy az árnyékokat szelektíven raszterezni (a megfelelő felbontásban) a fájl világosítása érdekében. Így elkerülhetők a meglepetések exportálás közben, és megőrizhető a képminőség. folyadékáramlás a munka.
Mikor kell választani az egyes módszereket
Ha valami azonnali és megismételhető dologra van szükséged, a vetett árnyék a szövetségesed. Gombokon, ikonokon vagy letisztult geometriájú felhasználói felületi elemeken csodákra képes, és másodpercek alatt igazodik. Használd ki, amikor a "párhuzamos" orientáció illeszkedik a... vizuális logika tervezés.
Mélységet tartalmazó jelenetek, szimulált 3D-s termékek vagy deformált árnyékot tartalmazó illusztrációk esetén a Gauss-stílus a kulcs. A kézzel rajzolt alakzat lehetővé teszi a perspektíva tiszteletben tartását és a kontakt árnyék elkülönítését a vetett árnyéktól, ami valami olyasmi, nehéz a párhuzam.
Ha valaha is raszterezett árnyékokat tartalmazó régi fájlt örökölsz, fontold meg azok újraalkotását natív módszerekkel. Így javul a szerkesztési minőség, az egységesség és az exportálás minősége. Ez egy kis erőfeszítés, ami összeadódik... nagyszerű jövőbeli kontroll.
A vetett árnyékok főbb paraméterei (és miért fontosak)
Szorzás mód: Ez az árnyékok szabványos módja, mivel a színt az alatta lévővel keveri. Más módok is működhetnek bizonyos esetekben, de a Szorzás kiszámítható és... könnyen irányítható.
X és Y eltolások: Ezek a fény irányát utánozzák. A kis értékek közeli fókuszt jeleznek; a nagyobb eltolások több oldalirányú fényt jelentenek. Győződjön meg róla, hogy a jelenetben lévő összes objektum azonos eltolással rendelkezik. hasonlóak egymáshoz.
Elmosódás: Nincs univerzális recept. Általánosságban elmondható, hogy a tartósíktól távolabb lévő tárgyak árnyéka lágyabb; a nagyon közeli tárgyak élesebb árnyékot vetnek. Végezzen néhány gyors tesztet a ... aktív előnézet amíg meg nem találod a lényeget.
Szín: Egy árnyék nem mindig teljesen fekete. Meleg környezetben próbáljon ki egy szürkét egy kis vörös/sárga árnyalattal; hideg környezetben inkább a kék felé hajoljon. Ezek olyan finom árnyalatok, amelyek… alacsony opacitás, realizmust ad anélkül, hogy elvonná a figyelmet.
Döntő korrekciók a Gauss-módszerben
Sziluett rajzolása: Szánj egy plusz percet az árnyék alapjának megfelelő körvonalazására az érintkezési területen. Ez a szél, még ha később el is halványul, az, ami meggyőzően "állja" a tárgyat. Az enyhén ívelt forma előnyösebb. egyszerűsített, de szilárd egy rosszul definiált komplexumhoz.
Színátmenetek és átlátszóság: Használjon lineáris vagy radiális színátmeneteket az árnyékkitöltésben a természetesebb átmenetek érdekében. Az objektumot átlátszatlanabbá teszi és kifelé halványítja. Ez a technika a Gauss-elmélettel kombinálva egy a realizmus második rétege.
Utószerkesztés: Mivel minden vektoros és effektezett, bármikor újrakonfigurálhatod a körvonalat, beállíthatod az elmosást vagy módosíthatod az átlátszóságot. Ez lehetővé teszi, hogy az árnyékot a kompozíció változásaihoz igazítsd anélkül, hogy… ismételje meg a folyamatot.
Gyakori hibák és azok elkerülésének módjai
Túl sötét árnyékok: rontják az olvashatóságot és elnyomják az alapszínt. Mindig kezdj alacsonyan, és szükség esetén menj magasabbra. Gyakran egy túl sötét árnyék 25–35%-os opacitás már biztosítja a szükséges hangerőt.
Túlzott elmosódások: Az óriási elmosódás ködnek tűnő fényudvarokat hoz létre. Állítsa be a sugarat a tárgy méretéhez és a szimulálni kívánt „fénykörnyezethez” arányosan. Jó gyakorlat az, ha összehasonlítja a… valódi referenciák vagy a terv közeli elemeivel.
Inkonzisztens irányok: Ha minden objektum más irányba veti az árnyékát, az egész kép elveszíti hitelességét. Nézzük az X és Y koordinátákat párhuzamosan, vagy a sziluett orientációját Gauss-eloszlással, és tartsuk fenn a helyes irányt. közös sugárvonal.
Metódusok kritikátlan keverése: A párhuzamos és a Gauss-elvű módszerek kombinálása nagyszerű, de szándékosan tedd. Például használd a párhuzamos módszert a felhasználói felület mikrorészleteihez, a Gauss-elvű módszert pedig a fő elemekhez. Így nem generálsz vizuális zaj.
Gyakori kérdések
Használhatom mindkét módszert egyszerre? Igen. Egy hatékony technika egy Gauss-féle kontakt árnyék (az objektumhoz rögzítve) és egy nagyon finom vetett árnyék hozzáadása az összhatás eléréséhez. Együttesen adják a következőket: mélység és tisztaság.
Mi a helyzet a teljesítménnyel? Több Gauss-árnyék használata megterhelő lehet. Szükség esetén kontúrnézetekkel dolgozz, és a végén fontold meg az árnyékok raszterezését. Nyomtatásban exportálj PDF/X formátumba jól kezelt átlátszóságokkal. kerüld el a meglepetéseket.
Érdemes kiterjeszteni a megjelenést? Csak a végén, ha a fájl utazni fog, és nem szeretnél élő effektekre hagyatkozni. A tervezési fázisban a szerkeszthető effektek megőrzése lehetőséget ad arra, hogy sok rugalmasság.
Ha idáig eljutottál, akkor elsajátítottad a három hatékony módszert az árnyékok létrehozására az Illustratorban, tudod, mikor melyiket válaszd, és hogyan állítsd be őket úgy, hogy értéket adjanak, ne pedig zavaróak legyenek. Egy kis gyakorlással és a fény irányára, az átlátszóságra és az elmosódásra való odafigyeléssel a kompozícióid finom és elegáns módon nyernek hangerőt. következetes és professzionális eredmények.