Usred ludila za ravnim dizajnom, još uvijek ima mjesta za dobro postavljene sjene, one koje dodaju dubinu bez pretvaranja dizajna u karneval. Adobe Illustrator Jednostavnije je nego što izgleda: možete stvoriti čiste, kontrolirane sjene koje su u skladu s vašom kompozicijom.
Godinama se povlačila jasna granica između vektora i bitmape, ali ta se barijera zamaglila. Danas Illustrator izvrsno radi s efektima zamućenja i načinima miješanja, omogućujući nam brzo i fleksibilno dodavanje sjena. U ovom ćete članku naučiti kako to učiniti. tri različita načina generiranja sjena, kada je svaki od njih prikladan i kako ih detaljno prilagoditi kako bi se postigli dobri rezultati.
Ako se odlučujete za sivu boju, možda se sjećate dana kada ste, da biste dobili sjenu u vektorskom okruženju, morali stvoriti TIFF datoteku u Photoshopu i unijeti je u Illustrator poput dijela slagalice. Taj se tijek rada sastojao od generirajte bitmapu u Photoshopu, izvezite je s potrebnim zamućenjem, a zatim ga postavite i poravnajte u vektorskom rasporedu.
Iako je funkcioniralo, bila je to nespretna i nezahvalna metoda. Zahtijeva puno prostorne vizualizacijeSporo je i sve promjene zahtijevaju ponovno kreiranje TIFF datoteke i ponovni uvoz. Ako ste ikada morali ispraviti malu promjenu u veličini ili orijentaciji, znate koliko to može biti frustrirajuće.
Srećom, ti su dani odavno prošli. Illustrator nudi izvorne, nedestruktivne i svestranije alternative. Ova "retro" metoda spominje se zbog povijesnog konteksta, ali u praksi, preporučljivo ga je potpuno odbaciti.
Metoda 1: Stara škola
Ako se odlučujete za sivu boju, možda se sjećate dana kada ste, da biste dobili sjenu u vektorskom okruženju, morali stvoriti TIFF datoteku u Photoshopu i unijeti je u Illustrator poput dijela slagalice. Taj se tijek rada sastojao od generirajte bitmapu u Photoshopu, izvezite je s potrebnim zamućenjem, a zatim ga postavite i poravnajte u vektorskom rasporedu.
Iako je funkcioniralo, bila je to nespretna i nezahvalna metoda. Zahtijeva puno prostorne vizualizacijeSporo je i sve promjene zahtijevaju ponovno kreiranje TIFF datoteke i ponovni uvoz. Ako ste ikada morali ispraviti malu promjenu u veličini ili orijentaciji, znate koliko to može biti frustrirajuće.
Srećom, ti su dani odavno prošli. Illustrator nudi izvorne, nedestruktivne i svestranije alternative. Ova "retro" metoda spominje se zbog povijesnog konteksta, ali u praksi, preporučljivo ga je potpuno odbaciti.
Metoda 2: Efekt padajuće sjene
Brza i jednostavna opcija je sjena. Illustrator uključuje kolekciju efekata koje možete primijeniti s dva klika i uređivati kad god želite. Da biste im pristupili, odaberite svoj objekt i idite na Efekt > Stiliziranje > SjenaOtvorit će se okvir s ključnim parametrima.
Ovo su opcije koje možete prilagoditi kontrolirati izgled iz sjene:
- Modo: Definira način miješanja. Za sjene je Multiply najlogičniji jer potamnjuje bez ispiranja osnovne boje.
- mračnost: kontrolira intenzitet sjene; na 0% je nevidljiva, na 100% može biti preoštra.
- Pomak X: pomiče sjenu vodoravno (lijevo/desno).
- Pomak Y: pomiče sjenu okomito (gore/dolje).
- Zamućenje: određuje mekoću rubova; što je vrijednost veća, to će sjena biti mekša.
- BojaOdaberite nijansu sjene; crna ili tamnosmeđa obično funkcioniraju. vrlo tamno siva.
Evo nekoliko praktičnih preporuka: odaberite Množenje kao osnovni način, počinje s umjerene neprozirnosti (20–40%) i prilagodite zamućenje na temelju veličine objekta i udaljenosti koju želite istaknuti. Igrajte se s bojom ako scena ima dominantnu boju (npr. blago tople sjene na svijetlim površinama).
Važna prednost je što ovaj efekt nije destruktivan: vidjet ćete ga na ploči Izgled i možete ga otvoriti za podešavanje parametara kad god želite. Ako pogriješite, jednostavno uredite sjenu iz Izgleda ili duplicirajte objekt kako biste testirali varijacije bez straha.
Paralelna sjena ima svoja ograničenja: njezina orijentacija je "ortodoksna", paralelna s konturom objekta, bez izobličenja. Ako vam trebaju sjene s perspektivom ili deformirano, bolje je prijeći na sljedeću metodu.
Metoda 3: Sjena s Gaussovim zamućenjem
Ovaj pristup je više ručni, ali vam daje ogromnu kreativnu slobodu. Uključuje "crtanje" siluete sjene kao neovisnog vektora i primjenu Gaussovog zamućenja na nju. Rezultat je prirodniji i, prije svega, mnogo svestraniji nego sjena kada tražite duge kapljice, perspektivu ili nepravilne oblike.
Započnite izgradnjom oblika sjene pomoću olovke ili alata za crtanje. Razmislite o njezinom obrisu: definirajte gdje se spaja s objektom i gdje se proteže. Kao ispunu upotrijebite crna ili vrlo tamno siva; bez poteza. Po potrebi postavite ovaj oblik iza objekta kako biste ga uklopili.
S odabranom sjenom primijenite Efekt > Zamućenje > Gaussovo zamućenjeVidjet ćete kontrolu za povećanje ili smanjenje količine zamućenja; aktivirajte pregled da biste vidjeli kako rubovi omekšavaju. Podešavajte dok prijelaz ne bude uvjerljiv u kontekstu vašeg dizajna.
Zatim smanjite neprozirnost (Opacity) i postavite način miješanja (blending mode) na višestruko iz ploče Prozirnost. Postavljena preko drugih oblika ili slika, sjena će se stopiti s njima, potamnjujući sve ispod, baš kao što bi to bilo sa stvarnim svjetlom.
Ako tražite finiji završetak, eksperimentirajte s gradijentnim ispunama na samoj sjeni. Na primjer, linearni gradijent s neprozirnijom crnom bojom pored objekta i transparentnost na najvišoj razini suprotno pomaže u vrlo prirodnoj simulaciji pada svjetlosti.
Još jedna prednost ove metode je njezina sposobnost prilagodbe perspektivi. Možete iskriviti oblik sjene, promijeniti joj mjerilo ili je nagnuti, a zatim ponovno prilagoditi zamućenje. Idealna je za ilustracije gdje je sjena "izgubljena" u prostoru i za objekte. sa složenim geometrijama.
Osim toga, možete kombinirati kratku kontaktnu sjenu (malu, s malo zamućenja i visokom neprozirnošću) i dužu, difuznu sjenu za ukupni pad. Ovo slojevitost dvaju dijelova, oba s Gaussovim zamućenjem, stvara mnogo stvarnije nego jedna jednolična sjena.
Praktični savjeti za uspješno korištenje sjene
Prvo, odredite smjer svjetla i budite dosljedni. Sve sjene u kompoziciji trebaju biti usmjerene u istom smjeru, sa sličnim intenzitetom i mekoćom kompatibilnom jedna s drugom. Održavanjem ove dosljednosti osvjetljenja postiže se cjelina puno vjerodostojniji i ugodno za čitanje.
Drugo, izbjegavajte čistu crnu (#000000) pri visokim neprozirnostima; često izgleda preoštro. Vrlo tamno siva s Multiply na 20–40% obično najbolje funkcionira. Ova nježna postavka omogućuje sjeni da „diše“ i zadrži boje pozadini.
Ako skalirate svoj dizajn, ne zaboravite provjeriti vrijednost zamućenja. Zamućenje koje izgleda dobro malo možda neće biti tako dobro veliko i obrnuto. Uključite postavku "Skaliranje poteza i efekata" prilikom transformiranja objekata kako bi zamućenje se prilagođava automatski prema veličini.
U složenim dijelovima s mnogo mekih sjena, performanse mogu biti smanjene. Za konačne isporuke razmislite o proširenju izgleda ili selektivnom rasteriziranju sjena (u odgovarajućoj rezoluciji) kako biste posvijetlili datoteku. Na taj način izbjegavate iznenađenja tijekom izvoza i održavate protok fluida posla.
Kada odabrati koju metodu
Ako vam treba nešto trenutno i ponovljivo, sjena je vaš saveznik. Na gumbima, ikonama ili UI elementima s čistom geometrijom, čini čuda i prilagođava se u sekundama. Iskoristite je kada "paralelna" orijentacija odgovara vizualna logika oblikovati.
Za scene s dubinom, simulirane 3D proizvode ili ilustracije gdje je sjena deformirana, Gaussov stil je ključan. Crtanje oblika rukom omogućuje vam poštivanje perspektive i odvajanje kontaktne sjene od bačene sjene, nešto... teško s paralelom.
Ako ikada naslijedite staru datoteku s rasteriziranim sjenama, razmislite o njihovoj ponovnoj obradi korištenjem izvornih metoda. Dobit ćete u uređivanju, konzistentnosti i kvaliteti izvoza. To je mali napor koji se zbraja u velika kontrola budućnosti.
Ključni parametri padajućih sjena (i zašto su važni)
Način množenja: Ovo je standard za sjene jer miješa boju s onim što je ispod. Drugi načini mogu raditi u određenim slučajevima, ali Množenje je predvidljivo i lako se kontrolira.
X i Y pomaci: Ovi pomaci oponašaju smjer svjetlosti. Male vrijednosti ukazuju na bliski fokus; veći pomaci podrazumijevaju više bočnog svjetla. Pazite da svi objekti u sceni dijele iste pomake. slični jedno drugome.
Zamućenje: Ne postoji univerzalni recept. Općenito, objekti dalje od potporne ravnine imaju mekše sjene; vrlo bliski objekti bacaju oštrije sjene. Napravite nekoliko brzih testova s aktivni pregled dok ne pronađeš poantu.
Boja: Sjena nije uvijek potpuno crna. U toplim okruženjima isprobajte sivu s daškom crvene/žute; u hladnijim okruženjima nagnite se prema plavoj. To su suptilne nijanse koje, s niske neprozirnosti, dodajte realizam bez odvlačenja pažnje.
Odlučne prilagodbe u Gaussovoj metodi
Crtanje siluete: Posvetite dodatnu minutu pravilnom ocrtavanju baze sjene u području kontakta. Taj rub, čak i ako kasnije izblijedi, ono je što čini da objekt uvjerljivo "stoji". Poželjniji je blago zakrivljeni oblik. pojednostavljeno, ali solidno do slabo definiranog kompleksa.
Gradijenti i prozirnost: Koristite linearne ili radijalne gradijente u ispuni sjene za prirodnije prijelaze. Čini objekt neprozirnijim i postupno se smanjuje. Ova tehnika, u kombinaciji s Gaussovom tehnikom, dodaje drugi sloj realizma.
Naknadna obrada: Budući da je sve vektorski i efektno, možete rekonfigurirati obris, prilagoditi zamućenje ili promijeniti neprozirnost u bilo kojem trenutku. To vam omogućuje prilagodbu sjene promjenama kompozicije bez potrebe ponoviti postupak.
Uobičajene pogreške i kako ih izbjeći
Pretamne sjene: smanjuju čitljivost i prekrivaju osnovnu boju. Uvijek počnite nisko i idite više ako je potrebno. Često je pretamna sjena 25–35% neprozirnosti već osigurava volumen koji vam je potreban.
Pretjerana zamućenja: Veliko zamućenje stvara aureole koje izgledaju poput magle. Prilagodite radijus proporcionalno veličini objekta i „svjetlosnom okruženju“ koje želite simulirati. Dobra praksa je usporediti s stvarne reference ili s obližnjim elementima samog dizajna.
Nedosljedni smjerovi: Ako svaki objekt baca svoju sjenu u drugom smjeru, cijela slika gubi vjerodostojnost. Promatrajte X i Y paralelno ili orijentaciju siluete pomoću Gaussove transformacije i održavajte zajednička linija snopa.
Nekritično miješanje metoda: Kombiniranje paralelnih i Gaussovih metoda je izvrsno, ali to činite s namjerom. Na primjer, koristite paralelne metode za mikrodetalje korisničkog sučelja, a Gaussove za glavne elemente. Na taj način nećete generirati vizualni šum.
Uobičajena pitanja
Mogu li koristiti obje metode istovremeno? Da. Učinkovita tehnika je dodavanje Gaussove kontaktne sjene (pričvršćene na objekt) i vrlo suptilne padajuće sjene kako bi se dao cjelokupni izgled. Zajedno pružaju dubina i čistoća.
Što je s performansama? Višestruke Gaussove sjene mogu biti dosadne. Radite s konturnim prikazima kada je potrebno i razmislite o rasteriziranju sjena na kraju. U ispisu, izvozite u PDF/X s dobro upravljanim prozirnostima. izbjeći iznenađenja.
Trebate li proširiti izgled? Tek na kraju, ako će se datoteka prenositi i ne želite se oslanjati na žive efekte. Dok ste u fazi dizajna, očuvanje efekata koji se mogu uređivati daje vam puno fleksibilnosti.
Ako ste stigli dovde, savladali ste tri učinkovita načina stvaranja sjena u Illustratoru, znate kada odabrati svaki od njih i kako ih prilagoditi tako da dodaju vrijednost, a ne da budu nametljive. Uz malo vježbe i pažnje posvećene smjeru svjetla, neprozirnosti i zamućenju, vaše će kompozicije dobiti na volumenu na suptilan i elegantan način. dosljedni i profesionalni rezultati.