How å lage en flat design Valsede Sushi Icon Set i Adobe Illustrator
Hva du skal lage
Theincreasing populariteten rullet sushi har resultert i spredningen av thisdish rundt verden. I dag er det så mange varianter og fyllinger som vi alle kan finne noe til vår smak.
I denne opplæringen vil vi createour egne rundstykker og kombinere dem i et sett med fargerike ikoner. Vi vil opprette abase med noen enkle former og transformasjoner og deretter bruke den til å lage asmany varianter som vi kan ved å erstatte egne detaljer, som i en constructor.Let start!
1. Lag en Basic Valsede Sushi Form Med Nori
Trinn 1
Først ofall, la oss danne grunnleggende del av vår fremtid roll. Enten ta rektangelverktøyet (M) Hotell og trekke en evensquare ved å holde nede Skift
keyand dra, eller dobbeltklikk på RectangleTool (M)
i < b> Verktøy
panel og lage en 30 x 30px
plassen fra hurtigmenyen. Nå dobbeltklikker du på Roter Tool (R) Hotell og sette en 45-graders vinkel
for vår kvadrat.
Trinn 2
Slå tothe Selection Tool (V) Hotell og Merk av i form. Grab en av de sirklet LiveCorners
markører i vår torget og dra den nærmere sentrum, avrunding i hjørnene. Denne funksjonen er bare tilgjengelig i CC versjon av AdobeIllustrator. For tidligere versjoner, bruk Effect > Stylize > Runde hjørner
med en større Radius
verdi for å gjøre figuren nesten runde
Trinn 3
Holde theshape valgt, gå til Object >.; Sti > Offset Sti Hotell og sette Offset
verdien til 5 px, etter å skape en biggershape under den innledende ett.
Velg thefirst form igjen og skape en annen OffsetPath
, men denne gangen med -7 pxOffset
verdi, noe som skaper et mindre firkantet inni den første en.
Trinn 4
Bruk thedark-blå farge (# 404E69) til større form. Dette vil være theouter del av vår roll, nori innpakning. Fyll den midtre delen withlight gul (#FCFDDD) for ris, og endelig farge den midterste delen med levende grønt (# 93C13A) for avokado fylling.
Trinn 5
La oss addsome detaljer til vår roll. Ta EllipseTool (L) Hotell og danne en knust ellipse, som skildrer et riskorn. Gjør adarker Stroke product: (# F1F2D4), sett Vekt
til 0,3 pt
i Stroke
panel, og Juster Stroke til Utenfor.
Duplicatethe korn flere ganger og spre eksemplarer i løpet av den midtre delen av vår roll.Make Fyll
fargen på noen av korn lettere.
Trinn 6
la oss workon den indre delen av rullen. Ta KnifeTool
(du finner den i samme nedtrekksmenyen som Eraser Tool (Shift-E)
i Verktøy
panel) og tegne en buet lineacross den grønne form, dele den i to halvdeler. Gjør den venstre delen slightlylighter.
Trinn 7
Nå som Vihar toppen syn på vår roll, la oss legge til en isometrisk effekt til det i orderto gjøre elementet tredimensjonale. Velg alle deler av vår roll og Group (Ctrl-G)
dem.
Ha en copyof denne gruppen, som vi trenger noen av elementene senere. Velg createdgroup og gå til Effect > Forvrenge & Transform > . Gratis Distort
Bruk Gratis Distort
valg vinduet for å gjøre den nederste delen av imagewider enn den øverste delen, skaper et perspektiv
Object >.; Utvid Utseende
å bruke effekten og squash theshape litt mer ved å ta SelectionTool (V) Hotell og dra den øvre kanten av formen ned.
Trinn 8
nå needto vi skape "kroppen" av vår rullet sushi. Hold nede Alt Hotell og Shift
anddrag den øverste figuren ned, lage en kopi av den øverste formen vår roll.Select bunnen gruppe og bruke Unite funksjon av Pathfinder-panelet for å TurnIT inn i en enkelt form. Fyll formen med en mørkere farge enn nori partand Send
formen til Back
(Shift-Control-[
eller rightmouse klikk > Arranger > lengst bak)
Trinn 9
Ta rektangelverktøyet (M) Hotell og skape en form, som forbinder side punktene i topp og bunn. deler av vår roll. Jeg bruker rød her bare for å gjøre det mer synlig i skjermbilder. Unite
opprettet form med den nederste delen, skape "kroppen" base av rullen.
Trinn 10
Kopier
kroppsdel og lim
det i Front (Ctrl-C > Kontroll-F).
Ta EraserTool (Shift-E)
og holde nede Alt
-tasten, slette den venstre delen av formen. Gjør den resterende halvparten mørkere, danner en mild, flat-stil skygge.
Trinn 11
Utstyr deg selv med Pencil Tool (N) Hotell og tegne en tynn andslightly buet form. Lag flere kopier og plassere dem på nori del ofour roll, skaper tekstur.
2. Lag en Basic Valsede Sushi Form med laks
Trinn 1
Dette timewe'll gjengi en avrundet roll. Lag en jevn sirkel med Ellipse Tool (L)
, enten ved å holde nede Shift
tasten og dra, eller bydouble klikke på Ellipse Tool (L)
ikonet i Verktøy
panel og lage en 30 x 30 px
ellipse
bruk Object >.; Sti > Offset Sti
med 5 px Offset
verdi for å skape en biggercircle rundt den opprinnelige form.
Trinn 2
Opprett asmaller formen inne med -7 px Offset
verdi.
Trinn 3
La oss addsome farge til vår sushi! Fyll den ytre formen med en svak oransje tone (# F2805B) for laksen innpakning, gjør midten formen lys gul (#FCFDDD) for riceand, endelig, fyll den indre delen med hvit (#FFFFFF) for kremost fylling , innpakket i nori (mørk blå # 404E69). Legg noen separate deler ofrice, slik vi gjorde tidligere, for å gjøre toppen av vår roll mer detaljert
Trinn 4
Bruk Effect >.; Forvrenge & Transform > Gratis Distort
funksjon for å gjøre formen knust og Object > Utvid Utseende
å bruke effekten.
Trinn 5
Startforming "kroppen" av vår laks roll. Bruke kopien av den øverste del av theroll å lage bunnen. Så RectangleTool (M) Hotell og koble de to delene sammen, ved å opprette et rektangel betweenthem.
Fullfør opp med Uniting
thebottom del og rektangelet i Pathfinder
panel, gjøre dem til en enkelt form. Gjør kroppsdel litt darkerthan laksen innpakning av den øverste delen for å skille disse formene fromeach andre.
Trinn 6
La oss addsome detaljer for å gjøre laksen del av vår roll mer virkelighetstro liv. Bruk rektangelverktøyet (M)
å skape en smal pinkstripe og roter det til 45 graders
vinkel, enten ved å rotere formen manuelt med Selection Tool (V)
eller ved å bruke Roter Tool (R).
Trinn 7
Plasser thecreated stripe over rullen, som vist i skjermbildet nedenfor, så hold alt
nøkkel og flytte formen til theright, lage en kopi. Trykk på Ctrl-D
flere ganger for å gjenta den siste handlingen, og dermed skape morecopies.
Trinn 8
Group (Ctrl-G)
stripene og bruke Effect > Warp > Arc
med 15% Vertikal Bend
verdi, noe som gjør stripene svakt buet.
Trinn 9
Duplicatethe basic "kroppen" formen på våre roll og ta
det Forward (Control-])
, plassere itabove stripene. Velg både striper og det skapte kopiere, høyreklikk og Gjør Clipping Mask
, og dermed skjule uønskede stykker inni masken.
Step 10
Bruk Nødvendigvis Tool (O)
å snu stripesover vertikale aksen.
Createanother kopi av rullen kroppsform og slett en av sine halvdeler med Eraser Tool (Shift-E)
. Bytt theremaining halv til Multiply Blending Mode Hotell og plassere den over stripene, og skaper en mild flat skygge.
3. Bruk Base til MakeVarious typer ruller
Trinn 1
Nå havethese vi to figurer, som vil tjene som grunnlag for vår fremtidige ikonsett. Vi vil beusing sine deler i en konstruksjon sett, skape annerledes variations.Let oss prøve det ut!
Duplicatethe laks roll og fjern Clipping Mask inneholder striper. Nå takethe Direct Selection Tool (A)
andselect de nederste festepunktene ved å klikke og dra musepekeren over thedesired området. Til slutt, hold Shift
tasten og dra de valgte punktene ned, noe som gjør formen høyere.
Trinn 2
Slett thecenter del på toppen av vår roll og endre laks farger til mørkeblå noritints. Legg tekstur slag på kroppen av rullen.
Trinn 3
Let'screate kaviar for topping av rullen. Lag fire sirkler av om 10 x 10 px
størrelse med Ellipse Tool (L)
. Legg små detaljer til someof kaviar stykker. La de andre kretsene tomme for ikke å gjøre thecombination av disse elementene ser altfor bråkete.
Trinn 4
Place thecaviar på toppen av rullen og begynne å legge flere kopier. Ordne stykker, plassere de mørke elementene ved siden av lyset seg, skape kontrast.
Trinn 5
Legg morecopies, som dekker toppen av vår rullet sushi og skape et tykt lag ofcaviar.
Trinn 6
La oss moveon og skape en avocado roll, med laks rulle basen igjen. Slett thestripes og endre lakse farger til lyse nyanser av grønt (du kan plukke thecolors fra skjermbildet nedenfor, ved hjelp av Dråpetellerverktøyet Tool (I)
). Splitte topping med Knife Tool Hotell og endre fargene tobright gul.
Trinn 7
For ournext sushi, la oss bruke den squared roll base som vi laget på beginningof denne opplæringen. Fargelegge den kroppsdelen til lys gul, og skaper en base laget av ris. Bruk fyllet fra forrige rull, og skaper en runde yellowcenter på den øverste delen. Ta separate korn av ris fra toppen sushi form som vi opprettet i begynnelsen, og plasser ris på kroppsform, makingthe roll mer strukturert.
Trinn 8
Kombiner theelements av plassen og runde ruller å skape en helt ny type thistasty parabolen.
Sminke asmany varianter som du trenger. Her er seks typer ruller som vi har skapt, ved hjelp av de grunnleggende former.
Trinn 9
Nå vil vi gatherthe laget sushi til et sett av ikoner. Først av alt, la oss gjøre ikonet base, ved hjelp av Ellipse Tool (L)
andcreating en 120 x 120 px
selv circle.Make fire sirkler og fylle dem med de samme lyse farger som vi brukte for ourrolls-grønne, pinky-oransje, lys gul og lys gul.
Trinn 10
Plasser ourrolls på ikonet sirkler, som kombinerer de kontrasterende farger. Duplicatesome ruller, skape par for å lage settet mer rytmisk og variert.
Yatta! OurRolled Sushi sett med ikoner er ferdig!
god jobb, gutter og jenter! Du kan knapt stoppe når du kombinerer elementer, noe som gjør flere og flere nye ruller! La oss ende opp med 16 ikoner.
Som et resultat, har vi laget en stor fargerik sett av yummy ruller og lærte totransform grunnleggende former, noe som gjør objektene isometrisk, og brukte en enkel basis tocreate et bredt spekter av ulike roll typer. Jeg håper du har funnet noen usefultips og triks for å mestre dine ferdigheter. Lykke til!