Lag en skivet kiwifruit med bare en form i Adobe Illustrator

Jeg snakker ofte om hvor kraftig Adobe Illustrators utseendepanel er, men det er på tide å sette pengene mine der munnen min er. Jeg skal vise deg hvordan du lager et skåret segment av en kiwi-frukt, ved hjelp av Utseendepanelet. Det endelige bildet vil bestå av bare fire ankerpunkter. Yup, du har lest det riktig ... bare fire ankerpunkter. Det beste er at denne opplæringen er ideell for nybegynnere som jeg skal vise deg hvert trinn og alle innstillingene slik at du kan prøve dette ut for deg selv.


Ta en titt på kiwifrukter

Utseendepanelet er kjempebra. Hvis du finner deg selv med en øvelse med en form kan du duplisere og modifisere det, enten det er fyllingen, streken, en pensel som er påført den osv. .. så sjansene er at du kunne ha reddet deg noen ankerpunkter og brukt Utseendepanelet. Det er et praktisk panel i Illustrator som kan hjelpe deg med å lage mer presise design og spare plass ved å bruke mindre ankerpunkter. Ikke bare det, hvis du oppretter komplekse effekter med Utseendepanelet, kan du lagre dem for oss senere ved å lage grafiske stiler.

La oss ta en titt på dette lagerbildet av en kiwi-frukt. En skiver med kiwi er i hovedsak en serie runde former med varierte teksturer, farger og størrelser. Dette er en perfekt kandidat for denne øvelsen ved å bruke Utseendepanelet.



1. Lag kiwi frøene

Trinn 1

Det første trinnet er å lage frøene for kiwifrukter og omegn. La oss lage en Scatterbørste for dette, men først la oss lage de formene som trengs for å gjøre dette.

Fra verktøylinje, velg Avrundet rektangelverktøy og klikk på tavla. Du får en dialogboks, og jeg vil at du skal skrive inn detaljene nedenfor. Dette vil skape en lang avrundet form, dette vil være klyngområdet av frøet.


Steg 2

La oss nå lage den grunnleggende formen for frøet. Med Ellipseverktøyet (L), klikk en gang på tavla og du får en dialogboks. Vi går for en jevn sirkel, så skriv inn detaljene nedenfor.


Trinn 3

Med Rette inn panel, velg først begge skjemaene og klikk deretter på Horisontal justeringssenter og Vertikal justere bunnen. Velg sirkelen med Utvalgsverktøy (V) og nudge den opp om seks nudges med Pil opp nøkkel på tastaturet ditt slik at du har det nedre resultatet.


Trinn 4

Jeg skal nå taper formene litt for å skape en mer frøaktig form. La oss først jobbe i sirkelen. Med Direkte utvalgsverktøy (A), velg toppunktet i sirkelen, og trykk det opp med tre piltastene. Velg bunnpunktet og trykk det deretter ned tre.


Trinn 5

Nå for å jobbe på frøområdet. Det avrundede rektangelverktøyet lager et rektangel med fire avrundede hjørner. På grunn av størrelsen på vår form er de to punktene som ellers ville være mer synlige for et større avrundet rektangel, overlappende hverandre. Så i stedet for å velge bare det ene punktet, må vi velge begge punktene.

Så med Direkte utvalgsverktøy (A), velg de to øverste punktene ved å tegne et rektangel over dem. Dette vil velge noen punkter i området, og i dette tilfellet har vi valgt de to toppunktene. Nudge punktene opp seks steder. Deretter velger du de nederste to punktene og styrer den ned med tre punkter.


Trinn 6

Frøet selv virker litt for lite. Så la oss endre størrelsen på den. Velg formen for frøet og gå til Objekt> Transform> Skala. Bruke Non-Uniform alternativene nedenfor, som vi vil redusere bredden /Horisontal forhold, men ønsker fortsatt å holde høyden /vertikal forhold. Klikk på OK når du er ferdig.


Trinn 7

Jeg skal legge til farge i våre former. Fjern først strekningen fra begge fasene og farg frøet en mørk brun (# 321a0a) og de omkringliggende en ert grønn (# 668520).

Nå for å begynne å bruke Utseende panel. Hvis du ikke har åpnet, gå til Vindu> Utseende for å gjøre det synlig.

Velg frøet og i Utseende panelet, klikk på Fylle. Under Fylle vil inkludere flere faktorer som påvirker fyllets utseende. Det samme vil være sant for Stroke. Hvis du driller deg ned i det, ser du opacity lenke til åpenhet panel. Tilsvarende, hvis du klikket på Stroke det vil lede deg til Stroke panel. Men for nå var det fokus på Fylle av frøet.

I øverste høyre hjørne har du en drill ned meny, klikk på dette og velg Ny fylling. Dette gir deg en ny fylling med samme fyllfarge som din tidligere opprettede fylling. Det vil ikke duplisere ytterligere attributter. Hvis du har en Fylle som har flere attributter du ønsker å duplisere, så vil du bruke Dupliseringselement. Dette kan brukes både på Fyll og Stroke.


Trinn 8

Så tilbake til den nye fyllingen du har opprettet. Dette kommer til å være høydepunktet av frøet, så jeg har endret fargen til en lysebrun (# a67c52). Med den valgte, klikk på "fx"knappen og gå til Forvreng & Transform> Transform og du åpner Transform Effect alternativer vindu. Jeg skal redusere størrelsen på det fylte området ( Scale del endrer dette), flytt formen til øverst til høyre i formen (den Bevege seg delen endrer dette) og deretter Rotere det fylte området for å gi illusjonen om at frøet er avrundet.

Hvis du sjekker Forhåndsvisning boks, vil du kunne se den foreslåtte Transform Effect på fyllet før du forplikter deg til det. Så det er en god ide å sørge for at den nye fylle har en annen fyllfarge til fyllingen under den. Når du er fornøyd med de under innstillingene, klikker du på OK.


Trinn 9

La oss gjøre en lignende effekt på frøets omkrets. Først opprett en Ny fylling, deretter farge den opprinnelige fyllingen med en lysere grønn (# 829927). Så du bør ha en mørkere grønn på toppen av en lysere grønn. Med den mørkere grønne valgte, gå til fx> Distort & Transform> Transform og bruk de følgende innstillingene. Klikk på OK når du er ferdig.


Trinn 10

Nå er vi fornøyd med våre to former, la oss gjøre dem til en Scatterbørste. Velg begge figurer og i Børster panelet klikker på Ny pensel. Du får en dialogboks og velger Scatterbørste. Dette åpner Scatterbørstealternativer vindu.

Navngi penselen "Kiwi frø". La oss løpe gjennom hvert av alternativene:

  • Størrelse: Dette bestemmer børstenes skala i forhold til de originale figurene du har ønsket å lage børsten fra. Som jeg ønsker å gjøre frøbørsten mindre enn det som opprinnelig ble opprettet, har jeg valgt 70%.
  • Spacing: Dette bestemmer mellomrummet mellom hver forekomst av frøene. Den største lengden på figuren din vil være 100% avstand. Så vi vil at det skal være mindre enn dette da vi vil at frøene skal være ved siden av hverandre. Jeg har valgt 10%.
  • Spre: Dette bestemmer hvor langt det er forskjøvet fra midtpunktet til form-forekomsten. Jeg har satt dette til å bli påvirket på Tilfeldig og mellom -15% og 15%, så det er en liten variasjon i plasseringen.
  • rotasjon: Dette er vinkelen den roterer fra sin opprinnelige posisjon. Jeg vil ikke at formen skal rotere, men ...
  • Rotasjon i forhold til:... Jeg vil at formen skal rotere i forhold til retningen til Sti.

Når du er fornøyd med innstillingene, klikker du på OK. Jeg har da trukket en sirkel for å teste penselen min, og det er hvordan jeg vil ha det. Hvis du er usikker på innstillingene dine, kan du alltid bruke penselen til en sirkel, da Dobbeltklikk på børsten i Børster panel. Dette åpner Scatterbørstealternativer vindu. Med Forhåndsvisning sjekket, kan du leke med innstillingene og se hvilke som passer best.



2. Lag den skivede kiwi med en form

Trinn 1

Så la oss begynne å bygge opp vår skivede kiwifrukter fra en form. Med Ellipseverktøyet (L) lage en 100 x 130px form. Kiwi-frukter er ikke en lik sirkel, så la oss gjøre oss en oval.

Påfør vår "Kiwi Seed" børste til slag og du bør være igjen med nedenstående.


Steg 2

Jeg skal gi formen en gråbrun fylling (# 534741) og for nå skjul kiwi frøene slik at du kan se følgende del tydeligere.


Da frøene ikke er på kanten av kiwi-frukten, trenger vi å forlenge ovalen utover frøene. Samtidig som Fylle er valgt, klikk på fx> Path> Offset Path. Dette åpner Offset-banen dialogboks. I offset boksen må du skrive inn en verdi (og som før du kan sjekke Forhåndsvisning å hjelpe). Hvis du går inn i en positiv figur, vil dette forlenge figuren din med en X-masse polstring rundt formen. Hvis du angir et negativt tall, trekker dette inn form. Som vi ønsker å forlenge formen, har jeg lagt inn verdien av 90px. Klikk på OK en gang ferdig.


Trinn 3

Kiwi frukter er kjent for å ha en furry som hud og vi kommer til å trenge å replikere dette. Så mens Fylle er valgt, gå til fx> Distort & Transform> Roughen. Dette vil skape en tilfeldig generert grov fylling. I alternativer, vi skal bestemme Størrelse av forvrengningen, som bestemmer størrelsen på bølgene og Detalj bestemmer frekvensen av bølgene. Slektning vil søke på Størrelse utover utsiden av formen mens Absolute vil bruke det på grensen av formen.

De Poeng vil avgjøre om bølgene er Glatt eller Corners (Peker). Som jeg vil lage en pelseffekt, har jeg valgt Hjørne. Klikk på OK en gang ferdig.


Trinn 4

Jeg vil at pelsen skal vises mer finere. Så med Fylle valgt, klikk på fx> Distort & Transform> Pucker & Bloat. Pucker vil kontrakt linjene mellom poeng og Oppblåst vil puste ut linjene mellom punkter.

EN Pucker vil skape skarpere poeng, så jeg har ofte for en liten stund Pucker. Dette vil bli brukt på hver av bølgene som er opprettet av Roughen-effekten.


Trinn 5

Jeg vil at den furre effekten skal ha mer dybde, så velg din Fylle og gå inn på drill ned menyen og Dupliseringselement. Dette vil duplisere fyllingen så vel som alle andre effekter. Bytt fyllingen til en lysere brun (# 736357). Klikk deretter på Offset-banen og dette vil åpne opp Offset-banen dialogboks. Jeg kommer til å redusere dette litt offset til 89px.

Selv om Rubb effekten er tilfeldig, jeg vil at den andre fargenpelsen skal være synlig. Så reduserer offset vil hjelpe dette.


Trinn 6

Dupliseringselement På den lysebrune fyllingen og returner den til mørkbrunen (# 534741). Vi klikker på Offset-banen igjen og redusere offset til x 88 piksler av samme grunn som før.


Trinn 7

Mens den furrige kappen viser at det er en hud på frukten, vil jeg fortsatt ha en liten oversikt. Så Dupliseringselement på den siste fyllingen og uthev Pucker & Bloat og slett den. Bytt fyllingen til lysebrunen (# 736357). Klikk nå på Rubb. Jeg skal gjøre effekten mindre alvorlig, så bruk innstillingene under for å skape en myk, jevn bølgeeffekt. Klikk deretter på Offset-banen og endre offset til 89px. Dette er så det overlegger pelsen bare litt.


Trinn 8

Dupliseringselement på den siste fyllingen og reduser Offset-banen til x 88 piksler. La oss fylle dette med a Radial Gradient. Jeg skal legge til tre noder til gradienten, grønn (# a2b947), lime grønn (# cbd51f) og deretter lysebrun (# 736357).

Et ord med forsiktighet ved å bruke en gradient på en fyll som har Offset-banen anvendt. Mens du endrer gradienten med Gradient Tool (G), det virker som om Offset-banen er ikke brukt. Så endre gradienten til de opprinnelige dimensjonene på formen.


Trinn 9

Det er en tekstur på kjøttet av frukten som er nesten som om det er flere linjer som fører fra frøene. Vi kan endre effekten som brukes til den furre huden for å skape en lignende effekt.

Dupliseringselement på en av de furry fyllene og dra den under "Kiwi frø" Stroke. Første sjanse for Offset-banen til 30px som vi ikke vil ha denne effekten til å dekke hele området.

Klikk på Pucker & Bloat. La oss slå opp Pucker til -37% øke størrelsen på pigger.


Trinn 10

Jeg vil endre frekvensen av pigger, så klikk på Rubb og endre innstillingene som vist nedenfor.


Trinn 11

Bytt fyllingen til lime grønn (# cbd51f) og klikk på opacity for å få tilgang til åpenhet panel. Jeg skal forandre Blandingsmodus til Skjerm og opacity til 40%.


Trinn 12

Du kan bruke noen effekter for begge Stroke og / eller Fylle. Jeg har bestemt meg for å forlenge frøets plassering, så jeg skal bruke en Offset-banen til Stroke. Fremhev Stroke og gå til fx> Path> Offset Path. jeg har offset de Stroke av 10px som jeg ikke vil at det skal være for mye.


Trinn 13

La oss myke overgangen mellom frøene og kjøttet av frukten. DupliseringselementStroke og endre opacity til Blandingsmodus mørkere og Opacity 30%. Deretter Dupliseringselement tre ganger på dette endret Stroke. Dra originalen Stroke uten opacity innstillinger på toppen av Utseende panelet, slik at dette er mer dominerende.

Scatterbørste-alternativene angav at Scatter of the instances var tilfeldig. Dette vil variere forekomstene på duplikatstrekkene for å skape denne mykere overgangen. Du trenger ikke å gjøre noen endringer i scatterbørsten så lenge du har fulgt opplæringen til hver innstilling.


Trinn 14

Kjernen til frukten er mye blekere enn resten av kjødet, og det er innenfor frøområdet. Så opprett en Ny fylling og dra Fylle under toppen Stroke. Bytt fyllingen til en lys grønn (# d2d897).


Trinn 15

Jeg vil legge til en subtil skinne på toppen av kjødet. Dupliseringselement på en av Fylles brukes til glatte bølger av huden. Klikk på Offset-banen lenke og endre offset til 85px. Dra dette over alle de andre attributene i panelet, over frøene.


Trinn 16

La oss fylle denne fyllingen med en blek grønn invertert gjennomsiktig radial gradient (# d2d897). Bruke Gradient Tool (G) å plassere og forme høydepunktet og deretter endre opacity innstillinger til Blending Mode Screen, Opacity 50%.


Trinn 17

Selv om vi antar at vi har laget et rent stykke til vår frukt, vil det fortsatt være et element av tekstur til det. DupliseringselementFylle Vi har nettopp gjort og dra den under den blekgrønne kjerne av frukten. Fremhev opacity Tilordne og slette det.

La oss fylle det med et mønster. I fargeprøver panelet, klikk på drillmenyen og gå til Åpne Swatch Library> Mønster> Grunnleggende grafikk> Grunnleggende Graphics_Textures. Fra dette velger du mønsteret "USGS 20 Scrub".


Trinn 18

Denne tekstur er litt liten, så la oss forstørre den. Mens dette Fylle er valgt, gå til Objekt> Transform> Skala. I Scale dialogboksen, med Transform mønstre bare valgt, øke Scale av 200%. Klikk på OK en gang ferdig.


Trinn 19

Sett deretter inn opacity innstillinger til Blending Mode Color Dodge og Opacity 25%.


Trinn 20

DupliseringselementFylle med mønsteret og dra det over frøattributtet, men under skinnet. Gå tilbake til Objekt> Transform> Skala og endre Scale til 25%. Endre opacity til Blending Mode Color Burn, Opacity 5%. Dette vil skape en subtil støyeffekt for frukten.



Flott arbeid, du er nå ferdig!

Der har du det, du har laget et detaljert stykke kiwi frukt med bare en form som inneholder fire poeng. Hvis du ikke tror meg, sjekk Vis> Oversikt (Kontroll-Y) og du vil se det er bare en oval.

Utseendepanelet er en veldig kraftig funksjon av Illustrator. Ta deg tid til å utforske mulighetene, det vil virkelig endre måten du jobber på.