Slik lager du et oreo-inspirert ikon i Adobe Illustrator

Hva du skal skape

Hvis du elsker Oreo-informasjonskapsler og vektor tegning, så er denne opplæringen for deg. Du lærer å tegne et Oreo-inspirert ikon ved hjelp av 3D-effekt og Mapping-alternativet, pluss at du vil bruke mange børster og effekter for tekstur og et mer detaljert utseende. La oss gjøre dette ikonet så deilig som mulig!

Hvis du er sulten etter flere matvektorer eller ikoner generelt, sørg for å sjekke ut GraphicRiver, hvor du finner mange ressurser å velge mellom.

Tutorial Assets

For å fullføre opplæringen må du ha følgende ressurser:

  • Anja Eliane Font I dafont.com

1. Slik åpner du et nytt dokument 

Launch Illustrator og gå til Fil> Ny å åpne et tomt dokument. Skriv inn et navn for filen, sett opp dimensjonene, og velg deretter piksler som enheter og RGB som Fargemodus. Sørge for at Juster nye objekter til pikselruten er ikke merket.

Deretter går til Rediger> Innstillinger> Generelt og sett Tastaturøkning til 1 px, og mens du går, gå til enheter for å sikre at de er angitt som i bildet nedenfor. Jeg jobber vanligvis med disse innstillingene, og de vil hjelpe deg gjennom tegningsprosessen.

2. Hvordan lage grunnleggende oreo-ikonet

Trinn 1

Ta tak i Avrundet rektangelverktøy og tegne den første formen med de viste dimensjonene. Bruk mørk brun som fyllfarge (1).

Mens formen på ikonet blir valgt, går du til Effekt> 3D> Extrude & Command og bruk innstillingene som er angitt (2).

Steg 2

Med ikonformen som fortsatt er valgt, går du til Utseende panel og legg til en Ny fylling under den første. Bruk hvitt som fyllfarge. Deretter går til Effekt> 3D> Extrude & Command igjen og bruk innstillingene som er angitt.

trykk Flere valg knappen for å se hele vinduet. Flytt eksisterende lys svært lite nedover og endre innstillingene som vist på høyre side. trykk Nytt lys ikon for å legge til en annen, og flytte den til venstre på venstre side. Bruk de samme innstillingene, men øk Lysintensitet til 100%. Truffet OK og du får kremfyllingen, men du vil ikke kunne se den ennå.

Gå til Effekt> Distort & Transform> Transform, type 95% i Skala Horisontal feltet, og skriv deretter inn 20 px i Flytt vertikal felt. Truffet OK og dette vil bringe kremfyllingen nedover.

Trinn 3

Mens ikonformen forblir valgt, går du til Utseende panel og legg til en Ny fylling på bunnen. Bruk mørkbrun som fyllfarge. Påfør 3D effekt ved hjelp av de viste innstillingene, og bruk deretter Forvandle effekt. Som et resultat vil du få den andre kjeksen på bunnen.

3. Hvordan lage Top Oreo Design

Trinn 1

Bruke Polygonverktøy å tegne en trekant med dimensjonene som vises. Velg deretter bare toppankerpunktet med Direkte utvalgsverktøy (A) og flytte den 8 px nedover ved å trykke på Pil ned nøkkel åtte ganger. Den nye trekanten er den blå (1).

Nå, gå til Effekt> Stylize> Round Corners og søk a Radius av 5 px (2); velg deretter Utvid Utseende fra Gjenstand meny (3).

Steg 2

Mens den avrundede trekanten forblir valgt, gå til Objekt> Transformere> Flytt og skriv inn -18 px i Posisjon vertikal felt. Truffet Kopiere og du får en annen trekant over. Ikke slipp denne andre trekant, og velg Flip Vertikal fra fly-ut-menyen til Utseende panel (1).

Kopiere og Lim inn foran (Control-F) disse to trekanter og Rotere dem 90 grader bruker Forvandle panel. Som et resultat vil du få et nytt par trekanter (2).

Fyll de øverste og nederste figurene med samme farge (blå), fyll de venstre og høyre formene med en annen farge (rosa), og til slutt trekk en 4 x 4 px sirkel i midten fylt med en tredje annen farge (rød) (3). Fargene blir viktige senere i opplæringen.

Trinn 3

Tegn fire 5 x 5 px sirkler fylt med samme røde farge, og deretter slå dem til halvcirkler ved å slette henholdsvis høyre og venstre ankerpunkter. Ordne dem som vist på bildet under og bruk Rette inn panel for å sikre at de er symmetriske.

Bruke Rektangelverktøy (M) å tegne en firkant ved hjelp av halvcirkler som guider, og deretter Gruppe (Control-G) alle former. Dette vil være hoveddelen av mønsterbørsten (1).

Lag en kopi av gruppen og slett de to halvkretsene fra venstre side. Dette vil være Start flis av mønsterbørsten (2).

Lag en annen kopi av gruppen og slett de to høyre halvkretsene. Dette vil være End Tile av mønsterbørsten (3).

Dra Start flis og End Tile inn i det fargeprøver panelet for å lagre dem, og sørg for å huske hvilken som er hvilken.

Trinn 4

Dra hoveddelen av børsten inn i Børster panel og velg Ny mønsterbørste. Denne flisen vil være den første i alternativer vindu. For Start flis og End Tile, velg den riktige fra listen; Skriv deretter et navn på penselen din og trykk OK.

Trinn 5

Tegn et lite avrundet rektangel på din tavle fylt med grønt, og dra det deretter inn i Børster panelet for å lagre det som en Ny mønsterbørste. Du kan nevne det Oreo Edge Pattern Brush.

Trinn 6

Lag en kopi av ikonformen og fjern alle eksisterende utseende og effekter. Det skal bare ha den brune fyllfargen. Kopiere og Lim inn foran (Control-F) denne formen, fjern fyllfarge og strekk den med Oreo Edge Pattern Brush

Åpne Strekalternativer vindu og endre Scale og Spacing innstillinger (1). Deretter går til Effekt> Path> Offset Path og søk en offset av -2 px å bringe den grønne kanten litt innover (2).

Trinn 7

Lag en annen kopi foran det brune rektangelet; så gå til Objekt> Path> Offset Path og søk en offset av -13 px. Du får en mindre form. Fjern fyllfargen og gi den en 4 pt oransje Stroke. trykk Round Cap ikonet i Stroke panelet og sjekk Strekket linje alternativ. Tast inn bindestrek og mellomrom angitte verdier.

Trinn 8

Bruke Pennverktøyet (P) eller Linjesegmentverktøy (\) å tegne en rett bane på toppen og bunnen, og slå dem med Oreo-kvadratmønsterbørste lagret tidligere. Juster lengden på banen slik at du bare har fire firkanter på hver.

Deretter tegner to rette baner på sidene og påfør Oreo-kvadratmønsterbørste en gang til. Du bør bare ha tre firkanter per vei denne gangen.

Trinn 9

Tegn en ellipse i midten (1) etterfulgt av de tre stiene over (2) og gi dem en 4 pt gul Stroke. Velg også Round Cap alternativ.

Nå, ta tak i Typeverktøy (T) og skriv "YUMM" ved hjelp av skrifttypen Anja Eliane, størrelsen av 22 pt, etterfulgt av to små gule trekanter over og under teksten (3).

Fullfør Oreo-designen med flere gule trekanter eller andre lignende dekorasjoner rundt ellipsen (4).

Trinn 10

Velg de fire banene strøket med Oreo-kvadratmønsterbørste og velg Utvid Utseende fra Gjenstand meny for å slå dem fra slag til fyllinger (1). Velg nå en av de røde kretsene ved hjelp av Direkte utvalgsverktøy (A) og ordne fire eksemplarer av det i de tomme punktene som er angitt av pilene (2). Lag flere kopier av den røde sirkelen og ordne den ene mellom den oransje strekklinjen (3). 

Til slutt velger du den grønne kanten og velger Utvid Utseende igjen for å utvide offset effekt påført.

Trinn 11

På dette tidspunktet er Oreo-designen klar, og du kan slette det brune rektangelet. Dra alt inn i Symboler panel, skriv inn et navn og trykk OK.

Trinn 12

La oss gå tilbake til Oreo-ikonet og, mens det forblir valgt, åpner du 3D effekt som er brukt på den øverste brune utfyllingsattributtet. I alternativer vindu, trykk på Kart Art knapp. På Overflate 1 av objektet, velg og bruk Oreo design symbol frelst. Truffet OK og du bør se designen på den øverste kjeksen.

Trinn 13

Velg Oreo-ikonet og velg Utvid Utseende å utvide alle opptredener og 3D effekter. Ungroup (Shift-Control-G) en gang, og du bør se tre separate grupper i lag panel. Du kan velge og endre navn på dem for å se hvilken som er hvilken. Vi har "base kjeks"(1) og"kremfylling"(2). Nå, åpne den tredje gruppen og finn bare det fargerike Oreo-designet der inne og dra det ut øverst på laget. Navn hva som er igjen av denne gruppen "topp kjeks”.

Velg "Oreo design"Gruppe og gå til Objekt> Clipping Mask> Utgivelse (Alt-Control-7) å fjerne den eksisterende masken (3).

Trinn 14

Ta tak i Direkte utvalgsverktøy (A) og velg bare de grønne avrundede rektanglene foran ikonet og Gruppe (Control-G) dem. Mens gruppen forblir valgt, går du til Effekt> Warp> Shell Lower og søk a 5% Horisontal Bend. Truffet OK og deretter gå til Objekt> Utvid Utseende. Dette vil gjøre den grønne grensen større foran.

4. Hvordan Recolor Top Oreo Design

Trinn 1

Bruke Direkte utvalgsverktøy (A) for å velge bare en av de grønne avrundede rektanglene og gå til Velg> Samme> Fyll farge. Som et resultat vil Illustrator velge alle de grønne figurene for deg (1). Gruppe (Control-G) dem og fyll dem med den lineære gradienten vist på a 90 graders vinkel (2).

Steg 2

Bruke Direkte utvalgsverktøy (A) å velge den oransje stiplede linjen som er en sammensatt bane (1), og fyll den med skyggen av brun indikert (2).

Trinn 3

Bruke Direkte utvalgsverktøy (A) igjen for å velge bare en av de røde kretsene og gå til Velg> Samme> Fyll farge. Nå som du har valgt alle de røde kretsene, trykker du på Forene i Pathfinder panelet (1) og deretter Gruppe (Control-G) dem å holde ting organisert i lag panel (1). Fyll alle sirkler med radialgradienten vist (2).

Trinn 4

Bruk samme teknikk til å velge alle de gule figurene i midten, og deretter Gruppe (Control-G) (1). Fyll figurene med den viste radiale gradienten (2).

Trinn 5

Bruke Direkte utvalgsverktøy (A) for å velge bare en av de rosa trekanter, og gå til Velg> Samme> Fyll farge (1). Når du har alle dem valgt, Gruppe (Control-G) og fyll dem med den lineære gradienten vist (2).

Gjenta samme teknikk for de blå trekantene (3).

Trinn 6

Velg hele "Oreo design"Gruppe, gå til Effekt> Stylize> Drop Shadow, og bruk innstillingene som vises.

Trinn 7

La oss lage en maskeform for skyggen som går over kantene på Oreo-ikonet.

Åpne "top kjeks"Gruppe i lag panelet og finn det avrundede rektangelet som er toppsiden av ikonet og deretter Kopiere og Lim inn i sted (Shift-Control-V) å lage en kopi av det foran alt (1).

Nå velger du "Oreo design"Gruppe fra lag panel og deretter Kopiere og Lim inn i sted (Shift-Control-V) å lage en kopi og slette Drop Shadow effekt påført tidligere. Gå til Objekt> Forbindelsesvei> Lag (Control-8) å slå alle figurene til en enkelt sammensatt bane (2).

Velg den grå formen sammen med den røde sammensatte banen og trykk Forene i Pathfinder panel for å oppnå maskeformen (3).

Trinn 8

Velg "Oreo design"Gruppe sammen med formen fra forrige trinn, som skal være foran, og sett til slag-ingen, fyll-ingen. Så gå til Objekt> Clipping Mask> Lag (Control-7). Nå kantene rundt ikonet er rene og skarpe.

5. Hvordan legge til tekstur og detaljer på Base Oreo kjeks

Trinn 1

Bruke Pennverktøyet (P) å tegne en haug med korte vertikale linjer på den fremre kanten av biscuiten og slå dem alle sammen med Tapered Blend Art Brush, vekt av 1 pt. Jeg har vist hvordan du lager denne nyttige blandebørsten i Hvordan lage en Candy Monster Character-opplæring (kapittel 10). Gruppe (Control-G) alle linjene etter at du er ferdig.

Steg 2

Bruke Pennverktøyet (P) å tegne en bane etter undersiden av bunnkaken. Gi det en 2 pt svart Stroke og bruk Breddeprofil 1 i Stroke panel. Deretter går til Effekt> Uklarhet> Gaussisk uskarphet og søk a Radius av 2 px.

Trinn 3

Gå til lag panel, finn og velg bare frontkanten av bunnkaken (1), og deretter Kopiere og Lim inn i sted (Shift-Control-V) å lage en kopi av den. trykk Forene i Pathfinder panel for å slå sammen figurene i en (2). Sett den resulterende formen til strekk-none og fill-none, og vi vil bruke den til å maskere linjegruppen og skyggebanen fra det forrige trinnet (3).

Trinn 4

Bruke Pennverktøyet (P) å tegne noen tilfeldige baner på den fremre kanten av biscuiten og slå dem med Kalk kunst pensel fra Penselbiblioteker Meny> Kunstnerisk> Artistic_ChalkCharcoalPencil, vekt av 1 pt. Sett dem alle til Blending Mode Overlay (1).

Lag en kopi av maskeformen fra forrige trinn og bruk den igjen for å maskere disse banene (2). Som et resultat vil du få litt tekstur på bunnkaken (3).

Trinn 5

Gå til lag panel, finn og velg den øverste formen på biscuiten, og deretter Kopiere og Lim inn i sted (Shift-Control-V) å lage en kopi av den. Gå til Effekt> Tekstur og bruk Korn effekt; så sett den til Blandingsmodus Mykt lys og 10% Opacity (1).

Kopiere og Lim inn foran (Control-F) samme form og fjern alle eksisterende utseende. Mens denne nye kopien forblir valgt, velger du også formen med Korn effekt påført det og gå til Objekt> Clipping Mask> Lag (Control-7) (2). Flytt den resulterende gruppen rett over "base kjeks"I lag panel.

6. Hvordan legge til tekstur og detaljer på Top Oreo kjeks

Trinn 1

Bruke Pennverktøyet (P) eller Linjesegmentverktøy (\) å tegne en haug med rette baner over "topp kjeks"Og slå dem med Kalk kunst pensel. Bruk skyggen av brun angitt som slagfargen (1).

Gruppe (Control-G) alle disse stiene og sette hele gruppen til Blending Mode Multiply og 20% Opacity (2).

Steg 2

Kopiere og Lim inn foran (Control-F) gruppen av stier, holder de samme opptredenene, men stiller gruppen til Blending Mode Screen og 20% Opacity denne gangen.

Trinn 3

Gå til lag panel, velg "topp kjeks"Gruppe, og deretter Kopiere og Lim inn i sted (Shift-Control-V). trykk Forene i Pathfinder panel for å slå sammen alle former i en (1).

Velg "Oreo design"Gruppe og deretter Kopiere og Lim inn i sted (Shift-Control-V) å lage en kopi av det foran alt. Fjern Drop Shadow effekt og gå til Objekt> Forbindelsesvei> Lag (Control-8) (2).

Velg nå de nyoppnådde blå- og oransjeformene og trykk Forene i Pathfinder panel for å få den formen vi trenger (3).

Trinn 4

Fyll formen som ble oppnådd i forrige trinn med brun, og bruk Korn effekt ved å bruke de samme innstillingene som for "base kjeks". Sett Blandingsmodus til Mykt lys og opacity til 10% (1).

Lag en kopi av samme form foran alt, og sett den til strek-ingen og fyll-ingen. Mens denne kopien forblir valgt, velger du også de to gruppene av linjer og formen med Korn effekt påført det, og gå til Objekt> Clipping Mask> Lag (Control-7). Som et resultat vil du få rene kanter rundt "topp kjeks"(3).

Trinn 5

Bruke Pennverktøyet (P) å tegne en bane som følger forkanten av "topp kjeks"Men litt over det (1), etterfulgt av en annen bane rett på kanten av"topp kjeks"(2). Gi dem en 2 pt svart Stroke og bruk Breddeprofil 1 i Stroke panel; bruk deretter a 2 px Gaussian Blur. Som et resultat vil du skape litt skygge mellom "topp kjeks"Og"kremfylling"(3).

7. Hvordan legge til detaljer på Oreo Cream Filling

Trinn 1

La oss starte med skyggen under "kremfylling"Gruppe. Tegn en sti etter den nederste kanten av fyllingen og send den bak den. Gi det en 2 pt svart Stroke og bruk Breddeprofil 1. Bruk en 1 pk Gaussian Blur.

Steg 2

Tegn noen få tilfeldige svarte former av forskjellige størrelser, og dra dem deretter inn i Børster panelet for å lagre dem som en Ny scatterbørste. Du kan nevne det Crumbs Scatter Brush (1).

Ta tak i Blyantverktøy (N) og tegne en tilfeldig sirkulær bane over "kremfylling"Og strekk den med den nylig lagrede børsten. Åpne Strekalternativer vindu og endre innstillingene som vist eller til du får ønsket utseende (2).

Når du er fornøyd med utseendet på krummene dine, velger du Utvid Utseende fra Gjenstand menyen og sett deretter den resulterende gruppen til Blending Mode Overlay (3).

Trinn 3

Gå til lag panel, velg "kremfylling"Gruppe, og lag en kopi av den foran. trykk Forene i Pathfinder panelet for å fusjonere det til en enkelt form. Om nødvendig, gå også til Objekt> Forbindelsesvei> Lag (Control-8).

Trinn 4

Nå, velg gruppen krummer sammen med formen oppnådd i det forrige trinnet, som må være foran og satt til strek-ingen, fyll-ingen, og gå til Objekt> Clipping Mask> Lag (Control-7).

8. Hvordan lage skyggen under Oreo-ikonet

Velg "base kjeks"Gruppe fra lag panel og deretter Kopiere og Lim inn i sted (Shift-Control-V). Flytt kopien til en Nytt lag under Oreo-ikonet (1). trykk Forene i Pathfinder panel eller gå til Objekt> Forbindelsesvei> Lag (Control-8) for å oppnå en enkelt form (2). Velg mørkbrun som fyllfarge og bruk Drop Shadow effekt to ganger for å skaffe skyggen (3).

Gratulerer, du er ferdig!

Her er det endelige bildet av Oreo-ikonet. Jeg håper du likte denne "søte" opplæringen, og ikke glem å dele et bilde med din rekreasjon. Jeg vil gjerne se det.