Rask Tips Hvordan lage en hjerte Illustrasjon uten pennverktøyet

I de følgende trinnene lærer du hvordan du lager en enkel hjerte illustrasjon. Det er et ganske enkelt raskt tips som lærer deg hvordan du unngår å bruke pennverktøyet når du skal lage en noe kompleks vektorform. Vi starter med to enkle rektangler. Ved hjelp av grunnleggende Transform-alternativer, Rounded Corners-effekten, et lite skript, noen enkle verktøy og Warp Fisheye-effekten, vil vi bygge hovedhjertet. Hvis du flytter til fargene, bruker vi panelet Utseende, flere lineære gradienter, Pathfinder-alternativer pluss noen grunnleggende effekter og blandingsteknikker. For den endelige berøringen bruker vi en enkel Transform-effekt.


Trinn 1

Hit kommando + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og 400 i høydeboksen, klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK.

Aktiver gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). For denne opplæringen trenger du et rutenett hver 5px. Bare gå til Edit> Preferences> Guides> Grid, skriv inn 5 i gridlinjen hver boks og 1 i underdelingsboksen. Du bør også åpne Info-panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.


Steg 2

Ved hjelp av rektangulærverktøyet (M), opprett en form av 90 x 150 px, fyll den med R = 235, G = 235, B = 235 og gjør en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien og erstatt lysgrået som brukes til fyllingen med R = 238, G = 26, B = 26. Flytt til lagpanelet, fokus på det røde rektangelet og gjør det usynlig ved å klikke på det lille øyeikonet. Du trenger denne formen senere, men for øyeblikket er det bedre å holde det skjult.


Trinn 3

La oss fokusere på det grå rektangel. Velg den og gå til Objekt> Transform> Rotere. Skriv inn en 45 graders vinkel, klikk OK og gå til Objekt> Transform> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Tydeligvis vil dette skape en horisontal, vendt kopi av den grå formen. Velg denne kopien og gå til Objekt> Transformere> Flytt. Skriv inn 42.4px i den horisontale boksen og 0px i den vertikale boksen, og klikk deretter OK. Til slutt skal det vendte rektangelet plasseres som vist på det fjerde bildet. Velg begge grå rektangel, åpne Pathfinder-panelet og klikk på Unite-knappen. Ved hjelp av rektangelverktøyet (M), opprett en form for 125 x 60 px og legg den som vist på det sjette bildet. Velg dette nye rektangelet sammen med den grå figuren og klikk på Intersect-knappen fra Pathfinder-panelet. Den resulterende formen skal se ut i det syvende trinnet.


Trinn 4

Fokus på lagpanelet og slå på synligheten for det røde rektangelet som ble gjort i det andre trinnet. Velg den og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 45 px, klikk OK og gå til Objekt> Transform> Rotere. Skriv inn en 45 graders vinkel, klikk OK og gå til Objekt> Transform> Reflektere. Sjekk Vertikal-knappen og klikk på Kopier-knappen. Velg den nyopprettede formen og gå til Objekt> Transformere> Flytt. Skriv inn 42.4px i den horisontale boksen og 0px i den vertikale boksen, og klikk deretter OK. Velg begge røde figurer, gå til Objekt> Utvid Utseende, og klikk deretter på Unite-knappen i panelet Pathfinder. Til slutt velger du den røde formen sammen med den grå trekant som ble gjort i forrige trinn, og klikker på Unite-knappen fra Pathfinder-panelet.


Trinn 5

Deretter trenger du Round Any Corner-skriptet. Du finner den i Vectortuts + artikkelen 20 gratis og nyttige Adobe Illustrator-skript. Lagre det på harddisken din, gå tilbake til Illustrator og ta direkte utvalgingsverktøyet (A). Velg toppankerpunktet som er markert i det første bildet, og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 3px Radius og klikk OK. Fortsett med Direct Selection Tool (A), velg det nederste ankerpunktet som er markert i det første bildet og gå igjen til File> Scripts> Other Script. Åpne Round Any Corner Script, skriv inn en 8px Radius og klikk OK. Bytt til Verktøy for slett ankerpunkt (-) og fjern bare ankerpunktene som er markert i det andre bildet.


Trinn 6

Pass på at den røde figuren din fortsatt er valgt, og gå til Effekt> Varsel> Fisheye. Skriv inn egenskapene som vises i følgende bilde, klikk OK og gå til Objekt> Utvid utseende. Flytt til lagpanelet, dobbeltklikk på denne røde formen og det enkle navnet det "hjerte".


Trinn 7

Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Ved hjelp av Ellipse Tool (L), opprett en form for 185 til 90 px og legg den som vist på det andre bildet. Velg den sammen med kopien som ble gjort i begynnelsen av trinnet, og klikk på Intersect-knappen fra Pathfinder-panelet. Velg den resulterende formen og gå til Objekt> Path> Offset Path. Skriv inn en -3px Offset og klikk OK. Fjern den opprinnelige formen og fokus på den nyopprettede vektorbanen. Velg den, fyll den med den lineære gradienten som vises i det følgende bildet, senk Opacity til 70% og endre blandemodus til overlegg. Den gule nullen fra gradientbildet står for Opacity-prosentandel.


Trinn 8

Velg "hjerte" og gå til Objekt> Path> Offset Path. Skriv inn en -3px Offset og klikk OK. Fyll den resulterende formen med den lineære gradienten som vises i det andre bildet, senk Opacity til 10% og endre blandemodus til Multiply. Velg "hjerte" og lag en kopi foran (kontroll + c> kontroll + f). Velg den, fyll den med den radiale gradienten som vises i det fjerde bildet, senk Opacity til 75% og endre blandemodus til Multiply. Husk at de gule nullen fra gradientbildene står for Opacity-prosentandel.


Trinn 9

Deaktiver gridet (Vis> Skjul grid) og Snap to Grid (Vis> Snap to Grid) og gå til Rediger> Innstillinger> Generelt og kontroller at Tastaturforhøyelsen er satt til 1px. Velg "hjerte" og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 2px ned med nedpilen fra tastaturet. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senk Opacity til 5% og endre blandemodus til Multiply. Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 2px ned med nedpilen fra tastaturet, og dupliser den deretter (Kontroll + C> Kontroll + F). Velg denne nye kopien og flytt den 3px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 70% og endre blandingsmodus til overlegg.


Trinn 10

Velg den andre formen som ble gjort i forrige trinn, og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen og øk Opacity til 100%. Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 2px ned og dupliser den (Control + C> Control + F). Velg denne nye kopien og flytte den 8px ned. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 40% og endre blandemodus til overlegg.


Trinn 11

Velg "hjerte" og lag to eksemplarer foran (Kontroll + C> Kontroll + F> Kontroll + F). Velg toppkopien og flytt den 2px opp med pil opp fra tastaturet. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senk Opacity til 20% og endre blandemodus til Multiply. Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 2px og dupliser den deretter (Control + C> Control + F). Velg denne nye kopien og flytt den 2px opp. Velg begge kopier og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit, senk Opacity til 40% og endre blandemodus til overlegg.


Trinn 12

Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 4px og dupliser den deretter (Control + C> Control + F). Velg denne nye kopien og flytt den 3px opp. Velg begge kopiene som er gjort i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det følgende bildet, senk Opacity til 5% og endre blandemodus til Multiply.


Trinn 13

Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 4px og dupliser den deretter (Control + C> Control + F). Velg denne nye kopien og flytte den 11px opp. Velg begge kopiene som er gjort i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det følgende bildet, senk Opacity til 5% og endre blandemodus til Multiply.


Trinn 14

Velg "hjerte" og lag en kopi foran (Kontroll + C> Kontroll + F). Velg denne kopien, flytt den 4px og dupliser den deretter (Control + C> Control + F). Velg denne nye kopien og flytte den 18px opp. Velg begge kopiene som er gjort i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med den lineære gradienten som vises i det følgende bildet, senk Opacity til 5% og endre blandemodus til Multiply.


Trinn 15

Velg "hjerte", fokus på Utseendepanelet og legg til 1pt slag. Velg den, sett fargen på svart, juster til innsiden og senk Opacity til 10%. Pass på at "hjerte" -formen forblir valgt, fortsett å fokusere på Utseendepanelet og legg til fire nye slag ved hjelp av knappen Legg til ny strekk (påpekt av den lille blå pilen). Velg topp, nytt slag, gjør det 14pt bredt, sett fargen på R = 162, G = 25, B = 24, juster den innvendig og senk dens Opacity til 5%. Flytt ned til neste slag, velg det, gjør det 7pt bredt, sett fargen på R = 162, G = 25, B = 24, juster den til innsiden og senk Opacity til 15%. Fortsett med neste slag, velg det, gjør det 3pt bredt, sett fargen på R = 162, G = 25, B = 24, juster den til innsiden og senk Opacity til 20%. Til slutt velger du bunnen, nytt slag, gjør det 1pt bredt, sett fargen på R = 162, G = 25, B = 24, juster den til innsiden og senk dens Opacity til 25%.


Trinn 16

Velg "hjerte" og fokus på Utseendepanelet. Velg fyll og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i øverste, venstre vindu, klikk OK, og legg deretter til de andre fire Drop Shadow-effektene som vises i følgende bilde.


Trinn 17

Velg Alle formene som er opprettet så langt (Control + A) og gruppere dem (Control + G).


Trinn 18

Ved hjelp av rektangelverktøyet (M), lag en form på størrelsen på Artboard, fyll den med R = 40, G = 40, B = 40 og send den til baksiden (Shift + Control + [). Kontroller at dette rektangelet forblir valgt, fokus på Utseendepanelet og legg til et nytt fyll med knappen Legg til ny fylling (peket av den lille blå pilen). Velg denne nye fyllingen, sett fargen på svart, senk Opacity til 15%, endre blandemodus til Multiply og gå til Effect> Artistic> Film Grain. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.


Trinn 19

Til slutt velger du gruppen laget i det syttende trinnet og går til Effekt> Forvreng og transformer> Transform. Skriv inn egenskapene som vises i det venstre vinduet, klikk OK og gå igjen til Effekt> Forvreng og overfør> Transform. Skriv inn egenskapene som vises i det høyre vinduet, klikk OK, og du er ferdig.


Konklusjon

Nå er arbeidet ditt gjort. Slik ser det ut. Du kan gjøre mye mer med de Transform effekter som er lagt til i siste trinn. Bare legg til en annen vinkel for rotasjonen, og utfallet kan overraske deg.