Share
Hva du skal skapeI denne opplæringen lærer du hvordan du lager en sommergrillillustrasjon i flatt design ved hjelp av de mest grunnleggende formene og verktøyene til Adobe Illustrator.
Hvis du ønsker å hoppe over opplæringen, kan du bare kjøpe resultatet som en del av pakken min Summer Activity Concept Backgrounds. Finn mer inspirasjon på GraphicRiver.
La oss starte vårt prosjekt ved å lage et nytt dokument. Bare gå til Fil> Ny (eller Kontroll / Kommando-N) og sett opp dokumentet som følger:
Fra Avansert fan:
La oss starte enkle ved å ta en Rektangelverktøy (M) og opprette en 215 x 15 px rektangel som vil fungere som en bordplate, fylle den med # BD3337 farge.
Bygg en annen 8 x 130 px vertikal form med # B8B79D Fyll farge. Plasser den nærmere den venstre siden av det røde rektangelet, rett til bunnkanten.
Velg den vertikale stripen og velg Reflekteringsverktøy (O). Holding the alt nøkkel, klikk på midten av det store rektangel. I Reflektere alternativvindu, sett inn Akser til vertikal og trykk Kopiere, reflekterer stripen til høyre side av den røde formen, får bordbena.
Bygg to små 10 x 12,5 px rektangler av # 47392C farge, plassere dem rett over bunnen av vertikale bordben og justere til midten.
Form a 65 x 4,5 px horisontal stripe som vi vil farge ved hjelp av # B8B79D. Velg figuren og dobbeltklikk på Rotate Tool (R) å åpne alternativer Meny. Sett Angle verdi til 90 grader,trykk OK og send rektangelet bakover med Objekt> Ordne> Send bakover.
Plasser formen som vi opprettet til venstre side av bordet under det røde rektangelet, gjemmer topp- og bunndelene bak bordplaten og bordbenet.
Velg det vinklede rektangelet og velg Reflekteringsverktøy (O). Holding the alt nøkkel, klikk på midten av bordplaten. I Reflektere vindu, sett inn Akser til vertikal ogtrykk Kopiere knapp, få en speilkopi av den vinklede formen på høyre side av bordet.
Gruppe (Control-G) alle borddelene sammen.
Begynn å lage stolen ved å lage en 94 x 40 px rektangel av # E04938 farge.
Legg til to tynne vertikale rektangler av 4 x 110 px størrelse (#DEDDBD) på hver indre side av den røde formen, plassere dem under den nederste kanten av den store figuren. De vil fungere som stolbenene.
Lag to 22 x 7 px små rektangler, farger dem med # E04938. Sett hvert rektangel i midten av stolbenet, plasser dem om 20 px under den øvre formen.
Legg til en mer 118 x 9 px rektangel og legg det på stolbenene, senker det om 15 px ned fra de mindre røde figurer og justere til midten av det øvre store rektangel.
Med hjelp av Pennverktøyet (P), tegne en vinklet linje av 4 px bredde, som går fra skjæringspunktet til det venstre bordbenet og den nedre røde formen diagonalt til den nederste kanten av høyre stolben og deretter med ca. 10 px til høyre side (se på eksempelet nedenfor)
Reflekter linjen til høyre side av stolen ved hjelp av Reflekteringsverktøy (O).
Velg begge linjene som vi opprettet og gå til Objekt> Utvid. Undersøk Stroke alternativet og fjern merket for Fylle alternativet, trykke på OK. Våre slag vil forvandle seg til fylte figurer.
Å holde begge tallene valgt, gå til Objekt> Ordne> Send bakover, sette dem bak de andre delene av stolen. Gruppe (Control-G) alle stolstykkene sammen.
Begynn å bygge koppen ved å lage en 52 x 53,5 rektangel som vi skal fylle ut med #DEDDBD. Velg de to bunnankrene med Direkte utvalgsverktøy (A).
Bruke Levende hjørner funksjonen for å gjøre hjørnene avrundet ved å trekke sirkelindikatoren til midten av rektangelet, og angi hjørneradiusen til ca. 6 px.
Lage en 55 x 3,5 px stripe og farge den med # 977866.
Velg stripe og stort rektangel, hold nede Skifte. Klikk igjen på det større objektet (du trenger ikke å holde nede Skift denne gangen!).
En blå omriss vises rundt det større skjemaet, og Juster til Nøkkelobjekt velges automatisk i Styre panel og Rette inn panel.
I Rette inn panelet (Vindu> Juster) eller Styre panel,Klikk på Horisontal justeringssenter knappen og deretter på Vertikal Juster Topp knapp.
Vi trenger fortsatt et håndtak for vår kopp.
Bygge en 16 x 20 px rektangel med nr Fylle farge, setter slagvekten til 3 px og strekk farge til # 977866. Bruker Forlate hjørner funksjonen, gjør øverste høyre og nederste høyre hjørner av formen avrundet. Send håndtaket bakover og legg det på høyre side av koppen, gjem den venstre delen bak koppen. Gruppe (Control-G) alle koppstykkene sammen.
Først skal vi lage et håndtak, som vi skal bruke i de neste trinnene for å danne en skje og en gaffel.
Bygge en 5 x 41 px rektangel av #DEDDBD farge. Ved å holde den opprettede formen valgt, gjelder Effekt> Warp> Bulge med -3% vertikal bøyning verdi og 25% vertikal forvrengning.
Gå tilObjekt> Utvid Utseende for å snu effekten i en solid form. Gjør bunnen av figuren fullstendig avrundet ved å dra Levende hjørner widgets.
Siden vi trenger samme håndtak for skjeen og gaffelen, lager du en ekstra kopi av formen.
Med hjelp av Ellipseverktøyet (L), bygge en 17 x 27,5 ellipse av #DEDDBD farge, sitter på toppen av håndtaket. Velg sidens ankerpunkter med Direkte utvalgsverktøy (A) og dra dem litt ned.
Velg begge tallene og slå dem sammen i en ved hjelp av Forene alternativet til Pathfinder panel.
Gjør hjørnene mellom den øvre egglignende delen av skjeen og håndtaket avrundet med Levende hjørner trekk.
Ta Polygonverktøy og klikk på tavla i nærheten av det andre håndtaket som vi opprettet i trinn 1. I Polygon-alternativ panel, sett radius til 7,5 px og sider til 8, får åttekantet form. Endre Fylle fargen på figuren til #DEDDBD og dra formen på toppen av det andre håndtaket, slik at det overlapper håndtaket og justerer seg til midten (1).
Velg Slett ankerpunktsverktøy (-) og klikk på de to øverste ankre i åttekantet form, slett dem (2). Velg venstre bunnanker for gjenværende form og flytt den til høyre mens du holder nede Skifte, snapping punktet til venstre omriss av håndtaket. Ved å bruke samme metode, dra det nederste høyre ankerpunktet til høyre kantlinje av håndtaket (3).
Velg begge former og Forene dem i Pathfinder. Gjør hjørnene mellom toppdelen og håndtaket avrundet ved hjelp av Levende hjørner funksjon (4).
Bygg en vertikal 2 x 15 px rektangel av det samme #DEDDBD farge og sett den på oversiden av den tidligere bygde formen, og juster den til venstre. Legg deretter et ankerpunkt til midten av rektangelens øverste kant med Legg til Anchor Point Tool (+) (1).
Slett venstre og høyre toppanker med Slett ankerpunktsverktøy (-), får en nålaktig form. Lag samme form på høyre side av figuren (2).
Velg begge nåleformede skjemaene med Utvalgsverktøy (V) mens du holder nede Skifte nøkkel. Velge Objekt> Blend> Lag.
Som standard oppretter Illustrator en jevn fargeovergang. Vi skal fikse det ved å velge Objekt> Blend> Blandingsalternativer eller dobbeltklikk på Blend Tool. Endre Spacing alternativ til Spesifikke trinn, setter verdien til 2 (3).
Hvis du holder objektet valgt, går du til Objekt> Utvid. Kryss av de Gjenstand alternativ, og uncheck de Fylle og Stroke alternativet, trykke på OK.
Velg de nålformede figurene sammen med bunnfiguret og bruk Forene alternativet til Pathfinder panel.
Lag mellomrom mellom nålene avrundet ved å velge de vinklede ankrene med Direkte utvalgsverktøy (A) og dra Levende hjørner widgets (4).
Vår gaffel er klar!
La oss begynne å bygge en stekepanne ved å ta Ellipseverktøyet (L) og opprette en 95 x 95 px sirkel av # 635042 farge. Legg til to mindre sirkler inne: a 77 x 77 px sirkel av # 977866 farge og a 65 x 65 px sirkel( # B08F64).
Lage en 17 x 175 px rektangel uten Fylle farge, men med a 5 px slag (# 46382B) nær sirkelgruppen. Gjør den øverste delen av formen fullstendig avrundet. Deretter litt rundt bunnen ankre ved å dra Levende hjørner med Direkte utvalgsverktøy (A). Plasser den resulterende formen på sirklene, som retter seg mot midten, og gjør den nederste delen av rektanglet litt skille ut fra den nederste delen av den ytre sirkelen.
Send rektangelformet bakover ved å velge det og gå til Objekt> Ordne> Send bakover. Gruppe (Control-G) alle delene sammen.
Lage en 90 x 90 px sirkel med 3 px slagvekt og #DEDDBD farge uten noe Fylle farge. Velg sirkelen og gå til Objekt> Utvid. Kryss av de Stroke alternativ, og uncheck de Fylle alternativet, trykke på OK. Vårt slag vil forvandle seg til en fylt form.
Lage en 1,5 x 130 px stripe av # 47392C farge nær venstre side av sirkelformen, tilpasse senteret mellom topp og bunnanker i sirkelen.
Velg den vertikale stripen og velg Reflekteringsverktøy (O). Holding the alt nøkkel, klikk på øverste midtanker i sirkelformen. I Reflektere alternativvindu, sett inn Akser til vertikal og trykk Kopiere, reflekterer stripen til høyre side av sirkelen.
Send begge vertikale figurer til baksiden med Objekt> Ordne> Send bakover, gjemmer dem bak sirkelformen.
Velg begge vertikale striper og gå til Objekt> Blend> Lag.
Velge Objekt> Blend> Blandingsalternativer eller dobbeltklikk på Blandingsverktøy, sett Spacing alternativ til Spesifikke trinn og verdien til 10.Hold objektet valgt, bruk Objekt> Utvid. Kryss av de Gjenstand alternativ, og uncheck de Fylle og Stroke alternativ. Trykk deretter på OK.
Velg gruppen linjer som vi opprettet og trykk på Kontroll-C og Kontroll-F, lage en kopi av gruppen foran den første. Hold objektene som er valgt, flytt pekeren utenfor grenseboksen og nær grenseboksen øverst til høyre slik at pekeren endres til en vinklet pil. Dra deretter til bunnen, hold nede Skifte nøkkel, roterer kopien av 90 grader.
La oss kutte av delene av stripene som står utenfor sirkelformen.
Velg den vertikale stripegruppen sammen med sirkelen. Bruk deretter Form Builder Tool (Shift-M). Hold nede alt nøkkel, klikk og hold venstre museknapp på et ledig område nær venstre side av gruppen, dra langs den enestående delen, og slipp musen for å slette den. Gjenta handlingen for alle overlappende deler.
Gruppe (Control-G) alle delene sammen.
Lage en 7 x 167 px rektangel uten Fylle farge og med 2 px slag (#DEDDBD). Slett nederste kant ved å klikke på den med Direkte utvalgsverktøy (A) og trykke på Slett knapp. Gjør toppdelen avrundet.
Bygge en 9,5 x 27 px rødt rektangel av # E04938 farge, plasserer den på den øverste halvdelen av den vertikale formen, og gir et gap på ca. 9 px mellom den røde formen og den øvre kontur av den vertikale avrundede figuren.
Legg til en mer avrundet 12 x 6,5 px rektangel med nr Fylle og med 2 px slag (# 47392C) noen få piksler lavere enn den røde formen, som passer til midten. Gruppe (Control-G) hele konstruksjonen og sett den på den tidligere opprettede sirkelen, tilpasse seg til senteret og gjøre bunnpartiet strekke seg ned med noen få piksler fra sirkelens nedre disposisjon.
Gruppe (Control-G) grillpanneobjektene.
La oss starte enkle ved å lage en 125 x 95 px ellipse av standard fargeinnstillinger ved hjelp av Ellipseverktøyet (L). Tegn en horisontal linje som går over midten og siden ankre av figuren. Velg begge fasene og Dele opp dem, ved hjelp av Pathfinder panel. Ungroup (Control-Shift-G) formene og sett Fylle farge på topphalvdelen til # E04938 og av bunnen til #DEDDBD.
Bygge en 135 x 9,5 px rektangel av # BD3337 farge for felgen, plassering den i midten av ellipseformen.
Lag et lite avrundet rektangel uten fyll og 2 px slag (# 915B3F) som vil fungere som et håndtak. Plasser den på toppen av den røde delen, skjul den nederste halvdelen av rektanglet bak den større formen.
Legg til en liten # E1F4F7 farget sirkel til høyre i den røde formen, som viser en flat, stilisert gjenskinn.
Lag en T-lignende form som består av to rektangler som vi vil farge med # 47392C: den horisontale en av 10,5 x 2,5 px størrelse og den vertikale en av 2 x 5 px størrelse. Forene begge rektangler i Pathfinder og rotere figuren, plasser den på venstre side av den store bunnhalvdelen av sirkelformen, gjem den høyre kanten bak den. Lag en speilkopi av T-lignende form på høyre side ved hjelp av Reflekteringsverktøy (O).
Lage en 4,5 x 95 px vertikal stripe for grillbenet, fyll det med # B8B79D og gjør bunnen avrundet.
Legg til en 4,5 x 7 px lite rektangel (# 47392C) til midterpartiet, etterligner gummiforbindelsen. Bygg et større rektangel av samme farge, som overlapper den nedre delen av beinet. Klipp av delene av rektangelet som skiller seg ut fra beinet ved hjelp av Form Builder Tool (M) og Gruppe (Control-G) alle delene av beinet.
Velg benklassen og dobbeltklikk på Rotate Tool (R), åpner alternativer Meny. Sett Angle verdi til 20 grader ogtrykk OK. Send beinet bakover med Objekt> Ordne> Send bakover og plasser den på høyre side av den sirkulære grillavsnittet som vi opprettet i forrige trinn.
Lag en symmetrisk kopi av beinet på venstre side av ellipseformen ved hjelp av Reflekteringsverktøy (O) metode.
Legg til en 4,5 px breddebro (# c4c4c4) mellom grillbenene, skjuler sidene bak de øvre svarte skjøtene.
Lag en mer vertikal 4,5 x 95 px rektangel med en avrundet bunn, fylle den med # 524C4E. Plasser den mellom grillbenene, rett til midten av ellipse-lignende grilldel og bunnen av gummiføttene. Send objektet bakover, skjul toppen bak sirkelseksjonen.
Gruppe (Control-G) alle delene sammen. Grillen vår er klar!
Tid til å fullføre hele grillscenen ved å skape en forenklet bakgrunn og danne den endelige sammensetningen.
Lag et bakgrunnsrektangel og fyll det med # A2B51B. Bygg et annet avrundet rektangel som vi vil farge ved hjelp av # FDF9FF i bunnen av komposisjonen for bakkenivå.
Legg til et stort rektangel av #DEDDBD farge som helt overlapper den nederste halvdelen av den avrundede lysbilden. Velg begge figurene og slett de utestående delene av den nedre figuren ved hjelp av Form Builder Tool (Shift-M), får den flatskjermede skyggen på nedre del av bakkenivå.
Bygg et enkelt gran som består av trekanter, og spred granene bak bakkenivå, og skape skogens bakgrunn.
For å fylle det tomme rommet og legge til dybde i landskapet, skape sky-lignende figurer over skogen ved hjelp av Pennverktøyet (P) eller Rektangelverktøy (M), gjør hjørner av de resulterende tallene avrundet.
Siden vi er ferdige med bakgrunnsscenen, er det på tide å gå tilbake til de tidligere opprettede grillapparatene og spre dem over bakkenivå, og danner en balansert sammensetning. Du kan bruke eksemplet nedenfor som en referanse, men gjerne bruke din egen fantasi.
Og der har vi det! Bra gjort!
Hvis du trenger å sjekke ut kildefilen for å se alle detaljer, eller hvis du ønsker å få hele settet med utendørs konseptillustrasjoner for designene dine, kan du ta disse Summer Activity Concept-bakgrunnene på GraphicRiver.
Jeg håper du likte å lage denne grillillustrasjonen og lært noe nyttig underveis.
Accentsconagua