Lag en Dimensional Raindrop skrivebordsbakgrunnen Illustrasjon i Adobe Illustrator

Create en Dimensional Raindrop skrivebordsbakgrunnen Illustrasjon i Adobe Illustrator
Hva du skal lage

I denne opplæringen vil vi bruke enkle former og skape åpninger og graderinger å generere dybde og dimensjon innen en widescreen-vennlig skrivebordsbakgrunn. Drop Shadows og offset gjenstander bli med våre grå og hvite gradienter å fullføre dette designet av i spektakulær stil. Bruke teknikker i denne opplæringen for å skape et helt sett av cut-out tapet design, og ikke glem å dele dem med oss ​​i kommentarfeltet nedenfor denne opplæringen.

1. Sette opp design on
Trinn 1

Første ting først, tegne et rektangel med rektangel Tool (M) over din artboard. Velg en lys farge som vil komme gjennom cut-out design. Jeg valgte blågrønn (# 33cccc) siden det er ikke bare min favoritt farge, men også fantastisk for regndråpene i mitt design.

Min endelige utformingen vil måle 1 920 px x 1080 px for å passe oppløsningen på skrivebordet mitt . Opplæringen, men vil hovedsakelig fokusere på venstre side av design.

Trinn 2

Den grunnleggende teardrop er en enkel form hentet fra en sirkel.


    Start med en sirkel tegnet med Ellipse Tool (L).

    Bruk Direct Selection Tool (A) for å dra øvre forankringspunkt oppover, noe som skaper en egg-lignende form.

    Convert toppen ankerpunkt fra en kurve til en skarp spiss med Anchor Point Tool (Shift-C).

    Juster håndtakene på siden ankerpunkter som trengs for å avrunder regndråpe form. Anmeldelser

    2. Skjær ut regndråpene

    Trinn 1

    Lås blågrønn rektangel i Lag-panelet. Tegn en firkant, av samme størrelse, over artboard. Påfør en lineær gradient med Gradient Tool (G). I Gradient panel, legge følgende tilfeller av grått. #dadada, # F8f8f8, #dadada, og #BEBEBE

    Til slutt, Kopier (Ctrl-C) og lim (Ctrl + V) på regndråpe form og strø de innlimte eksemplarer rundt venstre side av artboard.

    Trinn 2

    Velg alle dine regndråpe gjenstander og forene dem i Pathfinder-panelet. Velg både grå gradient rektangel og de forente Teardrops og traff Minus Front i Pathfinder-panelet.

    Trinn 3

    Lim regndråpe form igjen. Bruk Selection Tool (V) for å skalere formen innover, så det er smal, men bare så lenge det var før. Gjenta på hver cut-out regndråpe. Forene de smale regndråpe objekter i Pathfinder-panelet.

    Trinn 4

    Unite de smale regndråpene med gradient rektangel, noe som gjør at den nylig sammensatte formen beholder rektangelet gradient. Gå til Effect > Stilisere > Drop Shadow og gjelder følgende attributter til gradient rektangel:

    Mode: Multipliser

    Opacity: 50%

    X Offset: -2 px

    Y Offset: 0 px

    Blur: 5 px

    color: # 000000

    3. Renderegndråpene

    Trinn 1

    Lim de smale regndråper på hver regndråpe seksjon.


      Nok en gang, kan du bruke Selection Tool squish dem innover litt lenger slik at de er smalere enn før.

      Bruk samme grå Lineær Gradient brukes på rektangelet.

      Gjenta for hver regndråpe.

      Trinn 2

      Lim inn et utvalg av regndråpe figurer i forskjellige størrelser rundt venstre side av artboard.


        Sett fyllfarge av disse regndråpe figurer til hvitt.

        Lim inn et ekstra sett, litt forskjøvet fra det første settet ned og til venstre. Bruke de samme grå Lineær Gradient brukt gjennom denne opplæringen til hver regndråpe

        Bruk en Drop Shadow effekt med følgende attributter til hver av graderingsregndråper.

      1. Mode: Multipliser

        Opacity: 50%

        X Offset: -5 px

        Y Offset: 4 px

        Blur: 5 px

        Farge: Svart.

        Trinn 3

        Til slutt, la oss trimme design til artboard

        Group (Ctrl-G) alt (bakgrunn rektangel, gradient rektangel, og alle de regndråper) sammen.

        Bruk rektangelverktøyet til å tegne et rektangel over artboard. Velg rektangelet og designgruppen og gjøre en Clipping Mask (Ctrl-7).

        Great Job, er du ferdig!

        Del dine bakgrunnsbilde design i kommentarfeltet nedenfor. Vis frem andre geometriske mønstre, fargekombinasjoner, eller anvendelser av teknikken skissert ovenfor. Som en bonus, laste ned bakgrunns jeg opprettet fra nedlastingsknappen til høyre for denne opplæringen. Anmeldelser