Share
I denne opplæringen vil jeg gjerne vise deg noen teknikker for hvordan å lage den lange skyggeeffekten sett i nyere designtrender. Du er velkommen til å lese og velge hvilken som passer best til dine designbehov.
Med et dokument av din størrelse opprettet, la oss begynne med å velge Avrundet rektangelverktøy og lag et rektangel av hvilken som helst størrelse og radius du velger. Jeg bruker informasjonen som er beskrevet nedenfor.
For å gjøre det enkelt, bruker jeg tekst for å skape effekten, men disse teknikkene kan brukes på alle former du har til ikonet ditt. Jeg har lagt til teksten nedenfor med følgende innstillinger.
Med vår valgte tekst, navigerer du til Utseende panelet (Vindu> Utseende) og klikk på Legg til ny fylling alternativet fra bunnen av panelet. Vær sikker på at klikk og dra Den nyopprettede fyllingen under "Tegn" -linjen til den vises bak selve teksten. På dette punktet vil det ikke virke som om mye har skjedd.
Det er her den magien skjer. Velg Fylle linje og klikk deretter Legg til ny effekt fra da bunnen av panelvinduet og velg Forvreng & Transform> Transform og skriv inn følgende innstillinger. Du kan da slippe opacity av det fylle rundt 12% eller hvor som helst du føler deg komfortabel.
Som du ser, skaper vi flere kopier av fyllingen, og du knytter den over og ned 1 piksel, slik at den gjentas jevnt og skaper vår flate skygge. Dessverre vises skyggen over ikonelementet vi opprettet tidligere, så la oss lage en maske nå.
Velg det avrundede rektangelet og deretter Kopiere og Lim inn det foran selve teksten. Med både teksten og det øverste mest avrundede rektangel valgt Høyreklikk på Artboard og velg Lag Clipping Mask. De ekstra skyggebitene vil nå bli skjult, og du kan gå videre og velge det underliggende avrundede rektangelet og legge til samme teknikk for å skape en skygge for det også.
Sett opp dokumentet ditt som du gjorde før, og velg teksten igjen. Kopiere og Lim inn teksten din bak originalen (Kommando + C> Kommando + B) to ganger for å lage totalt tre forekomster av teksten. Juster fargen til svart.
Velg nederste kopi og mens du holder Skifte På tastaturet drar du det ned i 45 graders vinkel, slik at kanten av teksten bare treffer kanten av kanten av det avrundede rektangel. Nå slippe opacity til 0%.
Velg nå både den helt gjennomsiktige teksten og den svarte ugjennomsiktige teksten, og naviger deretter til Objekt> Blend> Blandingsalternativer og skriv inn så mange Spesifikke trinn som du ønsker. Jeg stikker med 150 for å gi den en fin jevn overgang.
Du kan nå slippe det totale opacity av blandingen til 12% Bruk deretter maskeringstrinnene fra den første teknikken og dupliser denne teknikken for det runde rektangel også.
Denne teknikken ligner den siste. Du vil kopiere og lime teksten to ganger bak originalen og lage en blanding. Det er imidlertid ikke nødvendig å droppe opaciteten til den siste kopien.
Med blandingen skapte besøk Objekt> Utvid. Dette vil frigjøre blandingen til 150 individuelle former som skal velges. Med disse figurene fremdeles valgt, besøk Pathfinder (Vindu> Pathfinder) og velg Forene. Dette vil slå sammen alle former i en.
Med denne nyopprettede formen som er valgt, aktiverer du Gradient Tool (G) og skape en svart til gjennomsiktig gradient som går langs en 45º vinkel. Så slipp også den generelle opaciteten for dette laget.
Hvis du legger merke til, er det ganske mange ankerpunkter etter denne sammenslåingen. La oss gå videre og redusere disse, slik at vår over hele formen er ren.
Siden vår generelle form er ganske enkel og kantet, ville det være lettere å bare zoome inn på vår form og med Pennverktøy (P) besøk Vis> Smart Guides og du kan raskt klikke rundt formen for å gjenskape den. Hvis du holder nede Skifte nøkkel på tastaturet ditt, slik at du kan lage rette eller 45º linjer med letthet. Skulle du ha en mer kompleks form eller et ikon du bruker denne teknikken, kan du ønske å bruke andre metoder eller redusere ankerpunktene.
En annen rask metode ville være å aktivere Direkte Velg Tool (A) og velg de uønskede punktene og velg deretter Fjern valgte ankerpoeng i Styre panel.
Du kan også maske av denne formen og gjenta trinnene for å lage en for det avrundede rektangel under det.
Som du kan se, de to første er helt ikke-destruktiv, og teksten eller ikonene kan oppdateres eller justeres enkelt. Den siste tar litt mer innsats, men alle kan enkelt implementeres og justeres for å dekke dine behov.
Accentsconagua