Create en Detaljert glass melk og cookies i Adobe Illustrator
Hva du skal lage
Et glass kald, frisk melk og en sprø cookie med sjokolade chip-mange av oss har elsket denne yummy snack siden barndommen! La oss oppdatere disse søte minner og skape en realistisk glass melk og en strukturert havremel cookie med sjokoladebiter, ved hjelp av Adobe Illustrator er grunnleggende former, forvrenge og forvandle effekter, og graderinger for å oppnå en skinnende og tredimensjonal look.Let start! Anmeldelser
1. Lag en Crunchy Chocolate Chip Cookie
Trinn 1
Start med å lage en 250 x 250 px
sirkel, ved hjelp av EllipseTool (L) Hotell og holder ned Skift
tasten for å gjøre formen enda. Fyll den med sand-gul farge og gå til Effect > Forvrenge og Transform > Rubb
. Sett Størrelse
verdien til 1%
, relativ. Og sette Detalj
verdien til 5
, velge Smooth Points.
Klikk OK
å gjøre kanten av ourcircle humpete.
< h3> Trinn 2
Gå til Objekt > Utvid Utseende
å bruke effekten, og bruke Warp Tool (Shift-R)
å gjøre kantene enda røffere noen steder.
Trinn 3
La oss bruke en radial gradient ourcookie, plassere den lyseste fargen midt i sentrum av formen og makingthe kanter mørk brun, og legger dimensjon.
Trinn 4
La oss gjøre overflaten av cookie moretextured ved å danne gropene. Bruk EllipseTool (L)
å lage en gruppe av sirkler, varierende deres størrelser og spre themrandomly over cookie.
Bruk samme Rubb
effekt som vi gjorde for bunnen av cookie, men denne gangen gjør kantene ofthe sirkler enda grovere ved å sette Størrelse
verdien til < b> 5%, relativ
, og Detalj
verdien til 10
. Sett poeng
til Glatt Hotell og klikk OK
.
Så Objekt > ExpandAppearance
å bruke effekten og deformere former med hjelp av Warp Tool (Shift-R).
Trinn 5
Fyll utvidede former med verticallinear gradient fra hvitt til lys orange, bytte Blending Mode
til Multipliser
i Gjennomsiktighet
panel. Dette waywe're danner hulrom, lage semi-transparent skygger.
Trinn 6
Nå la oss starte forme chocolatepieces, drysset over vår cookie. Lag en gruppe av runde brune sirkler andapply Rubb
effekt med 2% Størrelse
verdi, Relativ
, og 10 /i detalj
verdi, Glatte Points
Objekt >.; Utvid
de former og applya sjokoladebrune radial gradient, plassere den letteste delen nærmere topedge av hver sjokolade stykke.
Trinn 7
Velg en chocolate chip, Kopier
det og Lim inn i Front (Ctrl-C > Kontroll-F)
. Gjør opprettet copysmaller og flytte den opp litt, nærmere toppen kanten av sjokolade chip.Fill den lille figuren med vertikal lineær gradient fra mørk brun på toppen toblack i bunnen.
Slå Blending Mode
til Skjerm
, og dermed gjøre den svarte delen av gradient gjennomsiktig og skape en glossyhighlight.
Gjenta det samme for hver chocolate chip, og legger høydepunkter og gjøre elementene mer realistisk.
Trinn 8
Velg base figurer av chocolatechips (uten høydepunktene), Kopier
dem og Lim inn i Back (Ctrl-C > Kontroll-B).
Flytt kopiene ned litt, ved hjelp av pil ned
på tastaturet. Fyll formene med verticallinear gradient fra lys brun til hvit. Bytt til Multiply Blending Mode
, forming subtile skygger under thechocolate chips.
Trinn 9
La oss legge til mer realistiske detaljer for å ourcookie. Vi skal lage noen sprekker på overflaten, ved hjelp av en av standard AdobeIllustrator børster. Åpne Børster
panel (Vindu > Børster)
, clickthe Brush Biblioteker Meny
ikonet i thebottom venstre hjørne av panelet for å åpne rullegardinmenyen, og gå til Artistic > Artistic_ChalkCharcoalPencil
.Deretter, finner Charcoal -. Thin
pensel, velger du den og ta PaintbrushTool (B)
Trinn 10
begynne å tegne ut sprekker langs edgeof cookie, slik at kortere og lengre bølgeslag og beveger seg i sirkler, Bergem kantene til sentrum av vår cookie. Koble noen av sprekker og legge shortpieces og prikker, spre dem tilfeldig over cookie.
Step 11
Når du er ferdig med å tegne de sprekker, selectthem (bruk Velg > Same > StrokeColor
for rask utvalg) og Objekt > Utvid Utseende
å slå banene i grove kanter former. Keepingthem valgt, høyreklikk og Gjør sammensatt bane
eller bruke Ctrl-8
å slå de enkelte elementene i et enkelt objekt.
Til slutt fylle opprettet forbindelsen pathwith lineær gradient fra lys gul i sentrum til mørk brun på theedges.
Som et resultat, bør cookie se likethis. Sprekkene er litt mørkere enn cookie base, skaper en fancytextured effekt.
Step 12
La oss lage sprekker mer realistisk byadding noen høydepunkter langs kantene. Velg sprekker sammensatt bane, Kopier
dem og Lim inn i Back (Ctrl-C >-B Control).
Flytt kopien ned litt og fylle det med en meget mørkebrun farge. Slå Blending Mode
til Screen, etter å lage kopien av sprekker lettere enn cookie.
Trinn 13
La oss legge til noen endelige slag å ourcookie, noe som gjør det mer tredimensjonalt. Kopier
cookie basen to ganger, og Lim inn i Front (Ctrl-C > Kontroll-F > Kontroll-F)
. Flytt kopien opp og til høyre en bit. Endre størrelse på det, noe som gjør AKopier litt mindre.
Velg den øvre formen og den ene beneathit og bruke Minus Front
functionof Pathfinder
å klippe figurer, slik at bare et tynt stykke langs kanten av cookie. Fyll formen med avertical lineær gradient fra lys brun til hvit. Bytt til Multiply Blending Mode
, gjør en svak skygge på kanten av thecookie.
Bruk samme metode for å legge til en annen thinshadow på den øverste delen av cookie
Trinn 14
Kopier (Ctrl-C > Kontroll-F).
bunnen av cookieonce igjen, og gjør det mye mindre. Fyll skapte form med radialgradient fra mørkebrun i sentrum til svart på kanten. Slå Blending Mode
til Skjerm
, snu formen inn i en subtil høydepunkt, og flytte thelightest del av gradient nærmere toppen av formen.
2. Lag en gjennomsiktig glass med kald melk
Trinn 1
Først av alt, la oss lage en brightbackground å gjøre de gjennomsiktige delene av glasset og den hvite melken shapevisible. Lag en firkantet form av 600 x 600px
størrelse for bakgrunnen og fyll den med en radial gradient fromvivid blått i sentrum til mørkere blå i kantene.
Trinn 2
La oss starte rende glasset. Ta rektangel Tool (M) Hotell og gjøre en 140 x 270 px
form av hvit farge. Takethe Direct Selection Tool (A)
andselect nedre venstre ankerpunktet av rektangelet. Trykk på Enter
å åpne Flytt
alternativer vindu og sette Horisontal
flytte verdien til 15 px Hotell og Vertikal Anmeldelser verdien til 0 px
. Klikk OK
, flytte punktet 15px
til høyre.
Gjenta prosessen for nedre høyre anchorpoint, men denne gangen flytte den 15 px
til venstre ved å sette Horisontal
flytte verdien til -15 px
i Flytt
vinduet.
Til slutt bruker du Curvature Tool (Shift-`)
å bøye den nederste delen av form, noe som gjør det lett buet .
Trinn 3
La oss gjøre de nedre hjørnene litt smootherby velge nedsiden ankerpunktene med Tool Direct Selection Hotell og sette Hjørneradius
til 5 px
inthe øvre kontrollpanelet.
Denne funksjonen er bare tilgjengelig i AdobeIllustrator CC. Men hvis du bruker tidligere versjoner, kan du gjøre thecorners glatt ved å velge dem og convertto glatte
med Konverter
funksjon i kontrollpanelet på toppen. Og deretter redigere posisjonen til anker handleswith hjelp av Anchor Point Tool (Shift-C).
Og la oss danne toppart av vårt glass. Bruk Ellipse Tool (L)
å lage en knust form i den øverste delen av glasset. Gjøre sin widthfit bredden av glasset. Lag en kopi av ellipsen og Lim
det i Back.,
, (Ctrl-C >-B Control) fordi vi trenger denne kopien et momentlater
Velg toppen ellipse sammen med glass form og Unite
dem i Pathfinder
, sammenslåing separate deler i én enkelt shape.Duplicate denne formen (Ctrl-C > Kontroll-B) Hotell og holde det for en stund. Du kan veksle synligheten av shapeby klikke øyeikonet i Layers
panel.
Trinn 4
Nå velger kopien av ellipse, whichwe gjort i forrige trinn, kopiere det igjen (Ctrl-C > Kontroll-F) Hotell og Ta
til Front (Kontroll-Skift-]).
Selectthe toppen ellipse og kopien av det fusjonerte glass form og bruke Minus Front
funksjon av Pathfinder
å kutte av den øverste delen ofthe glass form, noe som gjør det lett buet.
Senk Opacity
av formen ned til 65%
i Gjennomsiktighet
panel.
Trinn 5
Gå tilbake til kopien av det fusjonerte glass form, som vi gjorde i forrige trinn. Det bør være plassert under cutglass form.
Bruk en horisontal lineær gradient med følgende innstillinger: fyll høyre side av gradient slider med lyseblå farge og sette Opacity
til 50%
i Gradient
panel.Fill høyre del av gradienten med samme lyseblå farge og samme 50% Opacity
. Til slutt legger en tredje farge ved å klikke inthe midten av gradient slider i Gradient
panel og bruke en hvit farge med 0% Opacity
, noe som gjør midten helt gjennomsiktig.
< p> Senk Opacity
av hele formen ned til 50%
i Gjennomsiktighet
panel.
Trinn 6
La oss gjøre det foran glass shapesemi-transparent samt ved å bruke de samme tre-farget gradient. Du canpick det fra baksiden form, ved hjelp av EyedropperTool (I).
Trinn 7
Nå la oss gå tilbake til kopien av theellipse, som vi har lagret fra de forrige trinnene, og Ta
det til Front (Kontroll-Skift-]).
Eller bare lage en ny ellipse på toppen av glasset, ifyou har ingen eksemplarer igjen. Fyll formen med lyseblå farge og gå til Objekt > Sti > Offset Sti
. Setthe Offset
verdien til -1 px
, og skaper en mindre ellipseinside.
Velg begge sirkler og bruke Minus Front
funksjon av Pathfinder
å kutte ut den indre sirkel, som skaper en tynn rim på toppen av glasset.
Trinn 8
La oss legge tykkelse til glasset for å gjøre det mer tredimensjonalt. Velg forsiden glassshape, Kopier
det og Lim inn i Front (Ctrl-C > Kontroll-F).
Squash formen litt, slik at det er en fewpixels smalere. Og løft den et par piksler opp, ved hjelp av pil opp av yourkeyboard.
Nå velger de to figurer og bruke MinusFront å slette den indre overlappende delen, slik at vi har bare den ytre edgeleft, som danner en lys kant langs sidene av glasset.
Trinn 9
Nå la oss fylle våre glass med friskt, coldmilk!
Ta Ellipse Tool (L) Hotell og gjøre en knust hvit ellipse, plassere den closerto øverste fjerdedel av glass, slik at det passer den indre formen (la somespace på sidene av glass for å gjøre dem ser tykkere)
Kopier frontglasset form og Lim inn i Front (Ctrl-C >.. Ctrl-F)
Heim squashing formen fra sidene og fra bunn, noe som gjør itnarrower og kortere (den røde omriss i skjermbildet nedenfor), slik at den passer til bredden av den hvite ellipse.
Trinn 10
Gjør figuren kortere, leavingmore ledig plass i i bunnen av glasset. Og fylle formen med horizontallinear gradient, som består av fire vekslende farger: hvit, lyseblå, hvit, lyseblå.
Great! Vi har fylt våre glass med melk, creatinga realistisk melkeaktig overflate ved hjelp av vår gradient. Let'smove på og legge til flere detaljer i glass.
Trinn 11
Glassflater er svært glatt og skinnende, og vanligvis har mye refleksjoner, høydepunkter og overtoner. Så la oss Legg til flere realisme til vårt glass, noe som gjør det mer glossy!
Bruk rektangel Tool (M)
å lage to smale striper på venstre side ofthe glass. Velg både striper og gjøre dem om til en sammensatt bane (Ctrl-8).
Velg alle de lavere ankerpunktene ofthe glass ved hjelp av Direkte SelectionTool (A)
, og flytte den valgte gruppen til høyre, slik at formen skewedand parallell til venstre side av glasset.
Trinn 12
Duplicate frontglasset form. Velg thecreated kopi sammen med striper og bruke Snitt
funksjon av Pathfinder
å kutte unødvendige stykker utenfor glasset. Fyll formene med lineær gradient fra hvitt til svart og bytte til ScreenBlending Mode
, gjør en glanset høydepunkt.
Trinn 13
Holde stripene valgt, bruker du Eraser Tool (Shift-E)
å tegne en lineacross stripene, gjør et gap. Til slutt, justere plasseringen av lineargradient, setter den horisontalt og plassere sin sort gjennomsiktig side closerto midten av glasset.
Trinn 14
Bruk samme metode for å legge et høydepunkt på den høyre siden av glasset. Og avslutter med spredning noen vanndråper abovethe glassflaten. Sjekk ut del 3, trinn 5 av de Opprett Detalj Spa Stones og blomster i Adobe Illustrator
tutorialto oppdage hvordan å lage slike enkle, men realistiske dråper.
3. Gjengi en enkel komposisjon
Trinn 1
Flott, nå har vi en glassful av melk og acrispy cookie, som kan kombineres til en enkel og balansert sammensetning.
Først av alt, la oss endre størrelsen på begge stedene, ifneeded, plassere dem i sentrum av vår Artboard. Og sette cookie i foranpå glass ( Kontroll-Skift-]
).
Trinn 2
Vi må skille cookien fra theglass, viser at objektene er ikke flat. Vi kan gjøre dette ved å legge en subtleshadow under cookie. Kopier
thecookie base og Lim
det i Back (Ctrl-C > Kontroll-B).
Movethe kopiere ned og til venstre litt, fylle den med lineær gradient fromlight-blå til hvit og bytte til MultiplyBlending Mode
å snu formen inn i en semi-transparent skygge.
Trinn 3
Velg den fremre delen av glasset together opprettet cookie skygge, og bruke ShapeBuilder Tool (Shift-M)
å slette den delen av skyggen utenfor glass.Just hover musen over uønskete delen til du ser den grå valg, og klikk på den mens du holder den Alt
tasten.
Trinn 4
La oss legge til en annen cookie under Firstone. Kopier
hele cookie-groupwith alle dens elementer og Lim
det i Back (Ctrl-C > Kontroll-B).
Lag en kopi litt mindre og flytte den til høyre.
Kopier base-formen på newcookie og plassere den på toppen (Ctrl-C > Kontroll-F). Gjøre det mørkere ved å fylle den med radial gradient fra mørk brun towhite og bytter til Multiply BlendingMode
, og dermed legge kontrast til bunnen cookie.
Trinn 5
Og la oss gjøre forsiden cookie stå outmore ved å legge til en annen skygge. Kopier
basen vår foran cookie og Lim
det i Back. (Ctrl-C > Kontroll-B)
Flytt den til høyre, som dekker baksiden cookie, og bruke Shape Builder Tool (Shift-M)
å få ridof uønsket stykke.
Fyll formen med horisontal lineargradient fra brun til hvit og bytte til Multipliser
modus, danner en skygge.
Trinn 6
Til slutt, la oss gjøre objektene mer tredimensjonalt ved å plassere en gruppe av skygger under dem.
Lag en knust ellipse under glassand fylle det med knust radial gradient fra blått i sentrum til hvitt på kantene. Bytt til Multiply BlendingMode
, gjør en myk skygge under glass. Legg to mindre skygger under hver cookie.
Awesome! Nå er alle objektene ser ut som om de er på en horisontal flate.
Yum! Vår Milk & Cookies scene er ferdig!
Flott jobb! Vi har fullført denne opplæringen. Jeg håper du hadde det gøy mens du tegner disse søte elementer og lært noen nye tips og triks som vil gjøre arbeidsflyten enklere og inspirere deg til å prøve noe nytt! Vær kreativ og følg med for mer!