Quick Tips: teknikker for å skape en Trendy Long Shadow Effect

I denne opplæringen vil jeg gjerne vise deg noen teknikker for hvordan å skape den lange skygge effekt sett i nyere design trender. Føl deg fri til å lese sammen og velge hvilken som passer best til dine design behov.

1. Lag en Long Shadow med utseendet Panel

Trinn 1

Med et dokument fra din størrelse opprettet la oss begynne ved å velge Avrundet rektangel verktøyet og lage et rektangel i alle størrelser og radius som du velger. Jeg skal bruke den informasjonen som er beskrevet nedenfor.

Trinn 2

For å gjøre ting enkelt jeg skal bruke tekst for å skape effekten men disse teknikkene kan brukes på hvilken som helst form du har for ikonet. Jeg har lagt teksten under med følgende innstillinger.

Trinn 3

Med vår tekst fortsatt er valgt navigere til Utseende panelet (Vindu> Utseende) og klikk på Legg til ny fylling fra bunnen av dette panelet vinduet. Husk å klikke-dra den nyopprettede fyll under "Tegn" linje til det ser ut bak selve teksten. På dette tidspunktet vil det ikke se ut som om mye har skjedd.

Trinn 4

Det er her magien skjer. Velg streken og klikk deretter Legg til ny effekt fra da bunnen av panelet vinduet og velg Distort og Transform> Transform og angi følgende innstillinger. Du kan deretter slippe Opacity av som fyller til rundt 12% eller hvor du føler deg komfortabel.

Trinn 5

Som du ser, skaper vi flere kopier av en fylle da dultet det over og ned en piksel så det gjentar seg jevnt skape vår flat skygge. Dessverre skygge vises nå over ikonet element vi opprettet tidligere så la oss lage en maske nå.

Velg Avrundet rektangel og deretter kopiere og lime den foran selve teksten. Med både teksten og den øverste avrundet rektangel valgt høyreklikk på Artboard og velge Lag klipping maske. De ekstra skygge biter vil nå være skjult, og du kan gå videre og velg den underliggende Avrundet rektangel og legg den samme teknikken for å lage en skygge for det også.

2. Lag en Long Shadow med en to tonet Blend

Trinn 1

Sett opp dokumentet ditt som du gjorde før, og velge teksten igjen. Kopier og lim inn teksten bak den opprinnelige (Command + C> Command + B) to ganger for å skape totalt tre tilfeller av teksten. Nå justerer farge til svart.

Trinn 2

Velg den nederste kopien og mens du holder Shift på tastaturet dra den ned i en 45 graders vinkel slik at kanten av teksten bare treffer kant av kanten på avrundet rektangel. Nå slipper Opacity til 0%.

Trinn 3

Nå velger både helt gjennomsiktig tekst og svart ugjennomsiktig teksten deretter navigere til Object> Blend> Blend Valg og skriv så mange Spesifiserte trinn som du ønsker. Jeg skal stikke med 150 for å gi den en fin myk overgang.

Trinn 4

Nå kan du slippe den generelle Opacity av blandingen til 12% deretter bruke maskerings skritt fra den første teknikk og kopiere denne teknikken for Avrundet rektangel også.

3. Lag en Long Shadow med en blanding Omregnet til en Shape

Trinn 1

Denne teknikken er lik den forrige. Du vil kopiere og lime inn teksten to ganger bak den opprinnelige og lage en blanding. Men det er ingen grunn til å droppe tettheten av den siste kopien.

Med blanding opprettet besøk Objekt> Utvid. Dette vil frigjøre blanding til 150 individuelle figurer som vil bli valgt. Med disse formene fortsatt utvalgte besøke Pathfinder (Window> Pathfinder) og velg Unite. Dette vil slå sammen alle figurene i ett.

Trinn 2

Med denne nyopprettede form valgt, aktiverer Gradient Tool (G) og lage en svart til gjennomsiktig gradient som går langs en 45º vinkel. Deretter slippe den totale tettheten for dette laget også.

Trinn 3

Hvis du legger merke til, etter sammenslåing, er det ganske mange festepunkter til denne formen. La oss gå videre og redusere disse så våre over hele formen er ren.

Siden vår generelle formen er ganske enkel og vinkel det ville være lettere å bare zoome inn på vår form og med Pen Tool (P) besøk Vis > Smart Guides og du kan raskt klikke rundt formen for å gjenskape den. Hvis du holder nede Skift-tasten på tastaturet dette vil la deg lage rette eller 45 ° linjer med letthet. Dersom du har en mer kompleks form eller ikonet du bruker denne teknikken på deg kan ønske å bruke andre metoder eller redusere ankerpunktene.

En annen rask metode vil være å aktivere Direct Select Tool (A) og velg uønskede punkter velg deretter Fjern valgte ankerpunkter i kontrollpanelet.

trinn 4

Du kan maskere seg denne formen også, og gjenta trinnene for å opprette en for Avrundet rektangel under den.

Cast Away! Du er Long Shadow er fullført!

Som du kan se de to første er fullstendig ikke-destruktiv og tekst eller ikoner kan oppdateres eller justeres med letthet. Den siste som tar litt mer innsats, men de alle lett kan implementeres og tilpasses dine behov.