Forvandle menylinjen til et vinterunderland i Illustrator

Hva du skal skape

Følg denne opplæringen og lær hvordan du omdanner et nettsted til et vinterunderland. Du kan lage menylinjer og knapper fra bunnen av, eller du kan ta disse teknikkene og dekorere dine egne gjenstander. I begynnelsen vil du opprette en grunnleggende menylinje, og deretter lærer du hvordan du legger til snøen og isbjørnene, snøflakene, glitrene og mer vinterdekorasjoner. På slutten vil vi eksperimentere med flere farger og design, så la oss komme i gang!  

1. Start et nytt prosjekt 

Launch Adobe Illustrator og gå til Fil> Ny å åpne et tomt dokument. Skriv inn et navn for filen din og sett opp dimensjonene, og velg deretter piksler som enheter og RGB som Fargemodus. Deretter går til Rediger> Innstillinger> Generelt og sett Tastaturøkning til 1 px og mens du går, gå til Enheter og skjermytelse for å sikre at enheter er som i det følgende bildet. Jeg jobber vanligvis med disse innstillingene, og de vil hjelpe deg gjennom tegningsprosessen. 

2. Opprett en grunnleggende menylinje

Trinn 1

Ta tak i Avrundet rektangelverktøy og tegne den første formen med de viste dimensjonene. Velg lilla som fyllfarge. 

Steg 2

Med rektangelet fremdeles valgt, gå til Utseende panel og med lilla Fylle attributt valgt, trykk på Kopier det valgte elementet ikon nederst. Som et resultat vil du få et sekund Fylle attributt over. Bruk en hvit til svart lineær gradient ved a -90 graders vinkel, og sett Blandingsmodus til Mykt lys

Trinn 3

Med rektangelet fremdeles valgt, dupliserer du den lilla Fylle Tilordne igjen. Velg den nye Fylle attributt fra bunnen, hold samme fyllfarge, og gå til Effekt> Stylize> Drop Shadow og bruk denne effekten fire ganger. La oss nevne denne formen "bar-base". 

Dette er innstillingene for Drop Shadow effekter: 

Trinn 4

neste, Kopiere og Lim inn foran (Control-F) "barbasen" og fjern deretter alle eksisterende utseende ved å trykke på Klar utseende ikon nederst på siden Utseende panel. Velg svart som fyllfarge, og gå deretter til Objekt> Opprett Gradient Mesh, å velge 3 rader og 6 kolonner og treffer OK. Som et resultat vil du få et nettgitter som i følgende bilde. 

Trinn 5

Nå, ta tak i Direkte utvalgsverktøy (A) og bruk den til å velge bare de tre maskepunktene som er angitt nedenfor, og endre fyllfarge fra svart til tilsvarende. Når du er ferdig, sett denne formen til Blending Mode Soft Light. La oss nevne denne formen "bar-mesh". 

Trinn 6

Ta Rektangelverktøy (M) og trekk et rektangel med samme høyde som menylinjen, og plasser den i midten. Velg lyseblå som fyllfarge. 

Trinn 7

Med det blå rektangelet fremdeles valgt, gå til Objekt> Sti> Legg til ankerpoeng for å legge til fire ekstra punkter på sidene (1). Bruke Direkte utvalgsverktøy (A) for å velge bare venstre og høyre poeng fra midten og flytte dem 10 px innover ved å trykke på Venstre og Høyre piltastene på tastaturet (2). 

Deretter går du til Utseende panel og duplisere eksisterende blå Fylle Egenskap. For den nye Fylle øverst velger du en hvit til svart lineær gradient ved en -90 graders vinkel og sett Blandingsmodus til Mykt lys (3). 

Trinn 8

Ta en nærmere titt på høyre side av den blå formen. Ta Pennverktøyet (P), tegne en V-sti etter ankerpunktene i den blå formen, og gi den en 1 pt hvit Stroke. Kopiere og Lim inn foran (Control-F) denne banen, og flytt deretter kopien 1 px til høyre ved å trykke på Høyre piltast en gang. Velg en 1 pt svart Stroke for den andre banen. Nå, Gruppe (Control-G) de to banene og sett gruppen til Blending Mode Soft Light.  

Ikke glem å gjøre det samme på venstre side av den blå formen, eller bare reflektere den eksisterende gruppen.

3. Opprett snø på toppen av menylinjen

Trinn 1

Nå som vår enkle menylinje er klar, kan vi fortsette med snøen og de andre dekorasjonene. For å legge til snøen, anbefaler jeg at du bruker Blyantverktøy (N) i stedet for Pennverktøyet (P) fordi det er lettere, og vi får også det frie hånd / naturlige utseende, som i form av snø er en god ting. Dobbeltklikk på Blyantverktøy (N) å åpne Preferanser vindu og endre innstillingene. Du kan se under de som jeg har brukt, men gjerne justere gjengivelse og glatthet til din smak.

Når du er innstilt, zoom inn på høyre side av menylinjen og tegne en bane som ligner den nedenfor. Du trenger ikke å være for presis: jo mer tilfeldig, desto bedre. 

Steg 2

Bruker fortsatt Blyantverktøy (N), tegne en annen tilfeldig bane under den første og sørg for at du bare dekker litt av menylinjen. Hvis sluttpunktene til de to banene ikke overlapper, kan du bruke Direkte utvalgsverktøy (A) å flytte dem oppå hverandre som vist i nærbilden. 

Deretter er det på tide å slå sammen de to banene i en. Dra et utvalg med Direkte utvalgsverktøy (A) over de to endepunktene fra høyre (bare vær sikker på å låse menylinjen først) og trykk Kontroll-J til Bli med dem. Undersøk Hjørne alternativ og klikk OK. Deretter drar du et utvalg over de to endepunktene fra venstre og Bli med dem også. Fyll den resulterende formen med hvit. 

Trinn 3

Bruker fortsatt Blyantverktøy (N), Tegn en ny bane under den hvite formen, men svært nær den. Lengden på denne banen skal være omtrent den samme som den hvite formen (1). På dette punktet, bytt til Pennverktøyet (P) og lukk de to endepunktene på toppen for å få en form (2). Kopiere og Lim inn foran (Control-F) den hvite formen, og trykk deretter Shift-Control-] å ta det foran alt. Velg denne nye hvite kopien sammen med den blå formen og trykk Trekke fra i Pathfinder panel. Du får en sammensatt bane (3), men gå til Objekt> Forbindelsesvei> Slett og slett de små figurene øverst (4). 

Trinn 4

Fyll den formen du har oppnådd i det forrige trinnet med den angitte fargen, og på dette punktet er det første "stykket" snø klart.  

Trinn 5

Ta Blyantverktøy (N) igjen og tegne en mindre form på høyre side av menylinjen fylt med hvit (1). Tegn en annen bane under den og sørg for at høyre og venstre endepunkt overlapper (2), og lukk stien øverst som du gjorde før, ved å bruke Bli med funksjon eller Pennverktøyet (P) (3). Kopiere og Lim inn foran (Control-F) den lille hvite formen og trykk Shift-Control-] å ta det foran alt. Velg denne hvite kopien sammen med den blå formen og trykk Trekke fra i Pathfinder panel. Fyll den resulterende formen med samme farge (4). Dette er det andre "stykket" av snø.

Trinn 6

La oss legge til mer snø på venstre side av baren ved hjelp av samme teknikk. Tegn først den hvite formen med Blyantverktøy (N) (1), og lag deretter formen under den ved å trekke (2), og fyll den med samme lyseblå farge (3). 

Trinn 7

Fortsett å legge til flere "biter" av snø, noen større, litt mindre, til du helt dekker toppen av menylinjen. Du kan se det endelige resultatet i neste bilde. 

Trinn 8

Bruke Blyantverktøy (N) eller Pennverktøyet (P) å tegne en form som den nedenfor, og fyll den med den viste lineære gradienten. Du kan også tegne noen mindre former ved siden av den som er fylt med samme gradient, og deretter velge alle former og Gruppe (Control-G) dem.

Trinn 9

Bruk gruppen av figurer du nettopp har opprettet for å legge til flere detaljer på snøen. Lag flere kopier av gruppen og skala, roter og ordne dem på toppen av snøen.

4. Opprett Icicles Under menylinjen 

Trinn 1

Bruke Blyantverktøy (N) å tegne en tilfeldig form i nederste høyre hjørne av menylinjen, og velg hvitt som fyllfarge. Nå, ta tak i Legg til ankerpunktsverktøy (+) og bruk den til å legge til noen ekstra poeng nederst i denne formen (1). Bytt deretter til Direkte utvalgsverktøy (A) og trekk bare tre av disse punktene nedover for å lage de første istappene (2). Legg til flere poeng ved hjelp av Legg til ankerpunktsverktøy (+) langs islengdenes lengde, og lek med håndtakene for å lage bølgete utseende (3).

Steg 2

Tegn en ny tilfeldig form ved siden av den første, og legg deretter til flere poeng nederst med Legg til ankerpunktsverktøy (+) (1). Bruke Direkte utvalgsverktøy (A) å trekke to av disse punktene nedover for å skape to nye ispinner (2). Legg til flere ankerpunkter langs lengden av istappene, og flytt håndtakene sine for å lage bølgete utseende (3). 

Trinn 3

Jeg har lagt til en annen hvit form ved siden av den andre, men du kan legge til så mange du vil. I denne opplæringen er designen opp til deg.  

Trinn 4

Velg nå de tre hvite figurene fra nederste høyre side av menylinjen, og Kopiere og Lim inn i baksiden (Control-B). Flytt disse tre kopiene litt ned ved å trykke på Nedpiltast på tastaturet en eller to ganger, og velg lyseblå som fyllfarge. 

Trinn 5

For å legge til mer dybde, tegne med Blyantverktøy (N) eller Pennverktøyet (P) en tynnere form på toppen av hver is, og fyll dem alle med den viste gradienten. 

Trinn 6

For å legge til flere detaljer tegner du noen få mindre figurer hvor du har ledig plass, og fyller dem med den angitte fargen. 

Trinn 7

Den nederste høyre side av baren er klar, men du kan legge til flere ister på venstre side. Disse er mindre, slik at de ikke tar lang tid å lage. Bruk samme teknikk som beskrevet ovenfor. Først tegner du den hvite formen (1), og deretter Kopiere og Lim inn i baksiden (Control-B) denne formen, flytte den litt ned og endre fyllfargen (2). På slutten, bruk mindre figurer fylt med samme gradient for å legge så mange detaljer som du vil (3). 

Trinn 8

Bruk samme teknikk, legg til flere ispinner nederst i venstre hjørne av menylinjen, og på dette punktet er du ferdig med snøen og isbjelkene.  

5. Opprett og påfør en Snowflake Scatter Brush

Trinn 1 

Gå til Snowflake og last ned vektor snøflakesett laget av All-Silhouettes. Åpne deretter Illustrator-filen fra arkivet og kopier snøfnetten uthevet med blå inn i dokumentet. Velg hvitt som fyllfarge, og dra snøfnetten inn i Børster panelet for å lagre det som en Ny scatterbørste. I Scatterbørstealternativer vindu, sett inn Rotasjon i forhold til banen og la resten av innstillingene være som de er. Skriv inn et navn på penselen og trykk OK.

Steg 2

Ta nå Blyantverktøy (N) igjen og tegne noen baner over snøen som i neste bilde. Stroke disse stiene med Snowflake Scatter Brush lagret tidligere og åpne Strekalternativer vindu fra Utseende panel. Endre innstillingene som vist og trykk OK. Sett Slagvekt for disse stiene på 0,25 pt, 0,3 pt, 0,35 pt og 0,5 pt for å få snøflak av forskjellige størrelser.  

6. Legg til forskjellige vinterdekorasjoner

Trinn 1

Kopier snøfnuggene fremhevet med blå og grønn fra snøfnuggene som er satt inn i dokumentet. Fyll dem deretter med hvitt, skala dem og ordne dem på venstre side av menylinjen.

Steg 2

Deretter fra Symboler panelet åpner Symbolbibliotek-menyen og i Natur kategori finner "Trær 1”. Dra symbolet inn i tavlen og trykk på Bryt Link til Symbol ikon nederst på siden Symboler panel for å utvide den. Skala og ordne trærne på toppen av snøen og multipliser dem hvis du vil legge til flere. 

Trinn 3

Ta en nærmere titt på trærne. Ta tak i Blyantverktøy (N) og tegne noen korte stier etter grenerne til det større treet. Stroke disse stiene med Kull-tynn kunst pensel som du kan finne i Penselbiblioteker Meny> Kunstnerisk> Artistic_ChalkCharcoalPencil. Sett Slagvekt til 0,5 pt og fargen til hvit for dem alle. 

Trinn 4

Gjenta samme prosess for de andre trærne, men reduser Slagvekt enda mer siden trærne er mindre. 

Trinn 5

Multipliser de snødekte trærne du har opprettet, og ordne flere av dem på den andre siden av menylinjen.

Trinn 6

For å lage det lille huset, start med å tegne en enkel husform fylt med hvitt. For taket tegner du en sti med a 1 pt rød Stroke og legg til en liten rød form som skorsteinen. For døren og vinduene bruker du Rektangelverktøy (M) og graden vist. For å skape snøen på taket, bare tegne to baner på toppen av taket og Stroke dem med Kull-tynn kunst pensel som du gjorde tidligere for trærne. 

Trinn 7

Deretter tar du Ellipseverktøyet (L) og trekk tre ellipser for å skape snømannen. Fyll dem med den radiale gradienten som vises, og legg deretter til små svarte sirkler som øynene og knappene. Bruke Pennverktøyet (P) å tegne en nese og skjerf, og du er ferdig. 

Trinn 8

På dette tidspunktet kan du ordne det lille huset og snømannen hvor du vil. 

Trinn 9

Det virker obligatorisk å legge til mange gnister, ikke sant? Jeg har allerede forklart hvordan du lager en i Glitter Text Art Effect-opplæringen. Multipliser gnisten og ordne så mange som du ønsker å forbedre ditt design. 

7. Lag og dekorér webknapper

Trinn 1

Hvis du har klart å komme til dette punktet, vil du kunne lage og dekorere en enkel knapp i stedet for en bar. Begynn med å tegne et mindre avrundet rektangel (1), og opprett deretter nettnettet som forklart i begynnelsen av opplæringen (2). Legg til "stykker" av snø på toppen og isbitar på bunnen (3) og bruk Snowflake Scatter Brush å legge til mer snø (4). Ordne dekorasjonene du har laget (5) og til slutt legg til noen få glitter (6). Alle teknikkene forblir de samme.

Steg 2

Dupliser eller multipliser den første knappen og rett og slett omorganisere eksisterende dekorasjoner for å få flere knapper. 

8. Lag flere menylinjer

Trinn 1

Dupliser den lilla menylinjen med snøen på toppen, snøflakene og ispikene, men uten de andre dekorasjonene. Velg "bar-base" og erstatt lilla med skyggen av grønt angitt. Hold resten av innstillingene som de er. 

Steg 2

Deretter velger du formen fra midten og erstatter lyseblå med lysegrønn. Ordne alle dekorasjoner på en annen måte, og du vil få en ny menylinje. 

Trinn 3

For å lage den grå menylinjen, kopier du den lilla linjen igjen. Velg "bar-base" og erstatt lilla med gråtonen som er angitt. Etter det, velg formen fra midten og erstatt den lyseblå med rosa denne gangen. Resten av innstillingene forblir de samme. Endelig ordne alle dekorasjoner som du vil. 

Winter Wonderland er klar!

Disse menylinjene og knappene er ganske grunnleggende, og de hjelper med demonstrasjonen, men vær så snill å bruke andre nettsider for å skape denne vinterlandskapet. Du kan starte fra bunnen av, eller du kan bruke bare noen få ting til å dekorere dine egne menyer og knapper. Det er absolutt obligatorisk å ha det mye moro mens du gjør det, og hvis du vil dele vinterlandskapet ditt, vil jeg gjerne se det.