How å lage et sett med hjerte ikoner i Adobe Illustrator Med Mesh Tool
Følg denne opplæringen og lære å lage et sett med søte hjerte ikoner: en " Love you " banner hjerte, en brukket, en post-it lapp og en djevel hjerte. Hjertet er laget med hjelp av Mesh Tool (U) i Adobe Illustrator, og det er ganske lett å lage også. Du vil også finne andre teknikker så la oss begynne!
1. Lag et hjerte Base Shape
Trinn 1
Først åpner en ny web-dokument. Ta Ellipse Tool (L) og trekke en 223 x 223px sirkel. Bruk Direct Selection Tool (A) for å velge bare den øverste forankringspunkt og deretter gå til Object > Transform > Bevege seg. Velger å flytte dette punktet minus 85px vertikalt og trykk OK.
Trinn 2
Nå må du forvrenge den øverste delen av denne formen. Velg med Direct Selection Tool (A) øverst poeng å avsløre håndtakene og flytte dem som vist nedenfor (1). Hold nede Alt-tasten på tastaturet mens du drar den første håndtaket slik at du kan flytte dem separat. Deretter velger du bare den nederste festepunkt med Direct Selection Tool (A) og gå til Object > Transform > Bevege seg. Velger å flytte dette punktet minus 23 pikslene vertikalt og trykke OK (2).
Trinn 3
Å ha bunnpunkt som er valgt, trykker du på Konverter valgte festepunkter til hjørne alternativ (1) og deretter gå til Fil > Scripts > Round ethvert hjørne. Kjør dette skriptet, og velg en 10 Radius (2). Velg den øverste punktet i midten med Direct Selection Tool (A) og kjør skriptet på nytt. Denne gangen velger en to Radius (3).
Hvis du ikke har installert det runde et hjørne manuset ennå, gå her og følg instruksjonene for å installere det.
2. Bruk Mesh Tool å legge farge og dybde til ditt hjerte
Trinn 1
Før du fortsetter, må du lage en kopi av hjertet fordi du vil trenge det senere. Derfor Copy (CTRL + C) og lim den inn Back (CTRL + B) og skjule det for øyeblikket, slik at det ikke vil bry deg.
Ta Mesh Tool (U) og klikk på den nederste festepunktet i midten for å generere den første vertikale mesh linje. Du kan bruke Direct Selection Tool (A) for å flytte håndtakene som vist (1). Deretter klikker med Mesh Tool (U) i spot angitt nøyaktig på hjertet banen. Som et resultat vil du få andre mesh linje. Fortsett med den tredje linjen og høyre side av hjertet er klar (2).
Trinn 2
Som du gjorde tidligere, klikk de stedene som er merket med Mesh Tool (U) til genererer de to maske linjer på venstre side av hjertet (1). Deretter vil vi lage de horisontale mesh linjer. Ta Mesh Tool (U) og klikk akkurat på den første vertikale mesh linje, i den øvre delen. Dette vil generere den første horisontale linjen. Klikk på den andre viste stedet for å lage neste linje (2). Hvis linjene er ikke helt som du vil ha dem, kan du alltids flytte noen av punktene eller flytte håndtakene med Direct Selection Tool (A) for å justere kurvene.
Trinn 3
Fortsett med de neste tre mesh linjer som vist, og du er ferdig. Du kan også se under det endelige resultatet, men før du kommer dit, må du gå gjennom alle fargene.
Trinn 4
Nå kan du ta direkte Selection Tool (A) og velg hvert punkt individuelt og endre fyllfarge fra rosa til det som er angitt. Denne saken kan virke kjedelig, men du må farge denne hjerte, ikke sant? I de følgende bildene jeg tok hver vertikal linje for seg, og jeg har vist ved siden av hvert punkt fargen som brukes.
Dette er de to neste linjene:
Og her er den siste:
Det var ikke så ille, ikke sant? På dette punktet vår vakre hjerte er klar, og vi vil bruke den til å lage knust hjerte, banner, post-it lapp og djevelen hjerte ikoner.
3. Legg til en Golden Banner
Trinn 1
Den første ikonet er " Elsker du " banner hjerte. Først lage en kopi av hjertet så gå til Børster panel, åpne Brush biblioteker Meny og naviger til dekorative > Decorative_Banners og sel. Finn " Banner 3 " og dra det inn i arbeidsområdet. Fra Object-menyen, velg Del opp gruppe så mange ganger som nødvendig inntil du har alle former som utgjør banner separat. Skalere banner og flytte den over hjertet. Hold den viktigste formen på banner foran og sende alle de andre i ryggen. (Object > Arranger > Send i ryggen).
Trinn 2
Color banneret ved hjelp av gradienter vist nedenfor. For de to figurene på venstre side av banneret bruke de samme gradienter bare sette vinkelen til 180 grader.
Trinn 3
Kopier (CTRL + C) og lim i Front (CTRL + F) hovedformen av banneret og flytte den litt ned ved hjelp av piltastene på tastaturet (den svart bane). Kopier (CTRL + C) og lim i Front (CTRL + F) svart banen og flytte den under også (den rosa bane). Nå velger både former og klikk Trekk fra form området > Utvid fra Pathfinder-panelet. Fyll den resulterende stripe med en lineær gradient kalt " Nøytral 11 ", som kan finnes i Swatch Biblioteker menyen under Graderinger > Nøytrale. Sett Blending Mode til Color Burn og redusere Opacity til 60%. Kopiere denne stripe og flytte den til bunns.
Trinn 4
Den samme metoden gjelder her. Kopier (CTRL + C) og lim i Front (CTRL + F) i venstre ende av banneret og flytte den litt ned og til høyre med piltastene på tastaturet (svart bane). Neste, Kopier (CTRL + C) og lim i Front (CTRL + F) svart banen og flytte den også. Velg dem begge og klikk Trekk fra form området > Utvid fra stifinner Panel. Denne gangen vil du få en sammensatt bane, men gå til Object > Sammensatt bane og velge Release. Slett mindre form som du ikke trenger. Fyll stripe oppnådd med gradient vist, sett den til Color Burn og redusere Opacity til 60%. Gjør det samme for å få den andre stripe. Bruk samme innstillinger for de to andre striper på høyre side bare endre vinkelen på graderingen til 180 grader.
4. Legge til tekst i Banner &Spesifiser
Trinn 1
Deretter bruke Pen Tool (P) for å tegne en bane å følge kurvene i stripe som vist nedenfor. Ta Tekst i en bane Tool, klikker du på denne veien og typen " Love you " hjelp " Monotype Corsiva ", størrelse på 33 pt. Øk Set sporings for den valgte tegnene verdi hvis nødvendig. Velg brun som fyllfargen og også en 2 pt Stroke vekt å gjøre teksten tykkere.
Trinn 2
Å ha teksten valgt, fra Object-menyen velger Utvid to ganger. En gang for å forvandle tekst til figurer og andre gang for å utvide strøk påføres. Kopier (CTRL + C) og lim inn Back (CTRL + B) gruppen av bokstaver og flytte den litt opp og til venstre ved hjelp av piltastene. Endre fyllfargen til gul og sette Blending Mode til overlegg.
Trinn 3
La oss legge til noen skygger og vi er ferdig med det første ikonet. Ta Pen Tool (P) og tegne en bane etter den øverste kanten på banneret som vist. Gi den en 2 pt svart Stroke Vekt og deretter gå til Effect > Blur > Gaussian Blur og bruke en 2 piksler Radius. Gjør det samme i den nedre delen av banneret.
5. Lag en sprekk i en Broken Heart
Trinn 1
Det ikonet er knust hjerte. Du vil trenge en annen kopi av hjertet og hjerte banen som jeg har fortalt deg å holde tidligere. Nå kan du bruke Pen Tool (P) for å trekke de to sikk-sakk stier som vist nedenfor. De to endepunktene må overlappe og den blå banen må starte fra toppen midtpunkt i hjertet (1). Når du er ferdig, tegne en liten buet bane mellom de to utgangspunktene som den grønne banen (2).
Trinn 2
Nå Lås hjertet og fokus på de tre banene, men før du fortsetter å gjøre noen kopier fordi du trenger dem igjen. Ta Direct Selection Tool (A) og dra et utvalg over de to endepunktene til de blå og gule stier og trykk CTRL + J snarveien for Delta. Velg Corner og trykk OK. Gjenta det samme for de to andre parene av endepunktene deretter fylle formen oppnådd med radial gradient vist.
Trinn 3
Først bringe til front hjerte-banen (1). Ta Direct Selection Tool (A) og endre banen på toppen ved å flytte festepunktene og håndtakene. Du må følge kurven av crack-formen oppnådd ved forrige trinn, mer presist hva som var den lille grønne sti på toppen (2). Når du er ferdig, fjerner den svarte strøk. Velg denne form og også hjertet og gå til Object > Klipping Mask > Merke (CTRL + 7) (3).
Trinn 4
Fra kopiene som jeg har sagt å gjøre på trinn 17, bringe til front bare den blå sikk-sakk stien og den lille grønne sti (1). Deretter tar Pen Tool (P) og trekke et sikk-sakk stien fra den grønne sti som den rosa nedenfra (2). Bruk Legg Anchor Point Tool (+) for å legge til et ekstra punkt på den blå banen der den rosa veien slutter. Nå, bare velge sluttpunktet på den blå banen med Direct Selection Tool (A) og trykk Delete-tasten (3) og før du fortsetter, lage en kopi av denne veien. Lås hjertet og crack-form så bli med de tre parene av endepunktene ved å dra et utvalg over dem med Direct Selection Tool (A) og trykke CTRL + J for å åpne Bli vinduet. Velg Corner hver gang (4). Fyll den resulterende form med radial gradient vist (5).
Trinn 5
Nå bringe til front kopien av den gule stien gjort. Bruk Direct Selection Tool (A) for å velge bare den øverste punkt og slette det (1). Ta Pen Tool (P) og tegne en sikk-sakk stien slik den grønne nedenfra og sørge for at den første og de siste punktene i de to banene er overlappende (2). Før du fortsetter, lage en kopi av den gule banen. Bli med de to parene av endepunktene som du gjorde før (3) og deretter fylle formen oppnådd med gradient vist på forrige trinn (4).
Trinn 6
Legg foran kopiene av de blå og gule baner laget deretter ta Saks Tool (C), og klikk på de angitte punkter å kutte dem i segmenter. Hvis du slipper banen bare velg den på nytt og fortsette å klippe (1). Du vil få alle disse segmentene, men beholde bare de som du ser på bildet 2. Fargen er ikke viktig i dette øyeblikk. Stroke alle gjenværende segmenter med og kunst pensel kalt Tapered hjerneslag som du finner i Brush Biblioteker menyen under Artistic > Artistic_Ink. Sett Stroke Vekt til 0,1 pt (3). Når du er ferdig, velger du Utvid Utseende fra Object-menyen. Fyll de resulterende figurer med en radial gradient fra hvitt til svart og endre Blending Mode til Screen (4).
6. Emotional med Vector Stikning
Trinn 1
Bruk Pen Tool (P) for å tegne masker deretter stryke dem med Tapered Stroke. Sett Stroke Vekt 0,2 pt deretter velge Utvid Utseende fra Object-menyen. Fyll de resulterende former med gradienten vist.
Trinn 2
Vi er nesten ferdig med dette ikonet. Bruk Ellipse Tool (L) for å tegne en liten sirkel i hver ende av masker. Fyll sirkler med gradienten vist da gruppen og sende dem bak maskene
Her er de to ikonene gjort så langt.
7. Opprett en Post-It for et hjerte
Trinn 1
Det ikonet er Post-it lapp hjerte. Først tegne en post-it form med Pen Tool (P) og fyll den med gradient vist. Type " Miss You "!; med en skrift som kalles " Dicks håndskrift ". Velg en svart fyll og også en 0.5pt svart Stroke Vekt for å gjøre det tykkere deretter utvide teksten og ordne det over post-it som du vil.
Trinn 2
Flytt notat på toppen av hjertet. Velg post-it form og gå til Effect > Stylize > Drop Shadow og anvende denne effekten ved hjelp av innstillingene fra nedenfor.
8. Legg Sticky Tape til Post-it lapp
Trinn 1
Ta rektangelverktøyet (M), klikk på artboard å åpne rektangulært vindu og skriv inn dimensjonene vist. Bruk Legg Anchor Point Tool (+) for å legge til mange poeng på sidene av rektangelet deretter ta direkte Selection Tool (A) og flytte disse punktene tilfeldig for å skape forvrengte kanter. Fyll tape-form med gul.
Trinn 2
Duplicate båndet og ordne dem over post-it-lapp. Å ha både tape-figurer valgt, gå til Utseende panelet og fra fly-out menyen velger du Legg til ny Fill. Du vil få en annen fylling over det første. Bruk gradient vist deretter sette Blending Mode til mørkere. Reduser Opacity for den gule fyllet til 40%.
9. Legg en Vector Kiss til Post-it lapp
Trinn 1
La oss fortsette med vektoren kyss. Jeg prøver alltid å bruke mine ting i stedet for å kaste bort litt tid for å søke bilder på web og lesetillatelser. Derfor sette på litt rød leppestift (eller en annen sterk farge) eller på en " offer " som skjer for å være ved siden av deg og kysse et ark med hvitt papir. Lag et bilde med din telefon eller kamera og lagre den til datamaskinen. Dra bildet inn i Illustrator-fil og deretter gå til Object > Lev Trace > Tracing Options. Endre innstillingene som vist deretter traff Trace. Fra Object-menyen velger Utvid og du har nå en vektor kyss.
Trinn 2
Ordne kyss over post-it-lapp, og dette ikonet er klar.
10. Lag Devil Horns å legge til et hjerte
Trinn 1
Den siste ikonet og den enkleste er djevelen hjertet. Bruk Pen Tool (P) for å tegne et horn-form og sende den bak hjertet. Gå til Object > Transform > Reflektere, sjekk Vertikal og traff Kopier. Flytt andre horn på høyre side og fylle dem begge med mørk brun.
Trinn 2
Bruk rektangelverktøyet (M) for å tegne en liten 60 x 4px rektangel deretter rotere den og sette det over hornet. Multipliser det og dekke hele horn med striper. Gruppe alle stripene deretter Kopier (CTRL + C) og lim i Front (CTRL + F) horn-form. Nå velger gruppen av striper og kopien av horn og klikk Skjæring mellom form områder > Utvid fra Pathfinder Panel. Fylle den resulterende sammensatt bane med gradienten er vist. Gjenta dette trinnet for andre horn eller bare reflektere det.
Trinn 3
Tegn med Ellipse Tool (L) to ovale former i bunnen av hornene og gi dem en svart fyll. Gå til Effect > Blur > Gaussian Blur og bruke en 1.3px Radius. Sett Blending Mode til Multipliser og redusere Opacity til 30%.
11. Legg en Devils Tail til design
Trinn 1
Bare halen mangler. Ta Pen Tool (P) og trekke de to bølgete baner. Velg endepunktene med Direct Selection Tool (A) og bli med dem som du gjorde før. Fyll den resulterende form med mørk brun.
Trinn 2
For tuppen av halen, først tegne en form som på bildet nedenfor (1). Vi trenger å klippe det i halv derfor tegne en sti som går rett gjennom midten av formen (2). Deretter velger du tips og denne veien og velg Del fra Pathfinder-panelet deretter Del opp gruppe på Object-menyen. Fyll de to halvdelene med de lineære gradienter vist (3).
12. Legg en tatovering til ditt hjerte
En tatovering ville se fint. Gå til symboler Panel, åpne symbolbiblioteker Meny og i Retro kategorien finner Flying Sunburst. Dra symbolet inn i arbeidsområdet og trykk på Bryt kobling til Symbol nederst av symboler panel. Skalere det og sette det over hjertet. Sett Blending Mode til Multipliser og redusere Opacity til 80%. På dette punktet djevelen hjerte-ikonet er klar.
13. Prøv Endre ikoner i forskjellige størrelser
Her er de fire ikoner laget. Du kan lage forskjellige størrelser hvis du vil bare være sikker på at du utvide hver effekten og hver penselstrøk. Dette er veldig viktig.
Awesome, nå du er ferdig!
Dette er hele settet med hjerte ikoner. Selvfølgelig kan du lage andre typer hjerter følger denne arbeidsflyten, men alt avhenger av din egen fantasi. Jeg ville elske å se dine kreasjoner.