Share
I följande steg lär du dig att skapa en enkel hjärta illustration. Det är ett ganska enkelt snabbtips som lär dig hur du undviker att använda Pen Tool när du vill skapa en något komplex vektorform. Vi börjar med två enkla rektanglar. Nästa, med hjälp av grundläggande transformeringsalternativ, Rounded Corners-effekten, ett litet manus, några enkla verktyg och Warp Fisheye-effekten bygger vi huvudhjärtformen. När vi flyttar till färgen använder vi panelerna Utseende, flera linjära gradienter, Pathfinder-alternativ samt några grundläggande effekter och blandningstekniker. För de sista detaljerna använder vi en enkel Transform-effekt.
Hit Command + N för att skapa ett nytt dokument. Ange 600 i breddrutan och 400 i höjdlådan och klicka sedan på knappen Avancerat. Välj RGB, Screen (72ppi) och se till att rutan "Justera nya objekt till pixelnät" inte är markerad innan du klickar på OK.
Aktivera rutnätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). För denna handledning behöver du ett rutnät varje 5px. Gå bara till Redigera> Inställningar> Guider> Grid, ange 5 i rutnätet varje ruta och 1 i rutan Indelningar. Du bör också öppna Info-panelen (Fönster> Info) för en live förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Använd Rektangulärverktyget (M), skapa en form av 90 med 150 px, fyll i den med R = 235, G = 235, B = 235 och gör sedan en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och ersätt det ljusgrå som används för fyllningen med R = 238, G = 26, B = 26. Flytta till panelen Lager, fokusera på den röda rektangeln och göra den osynlig genom att klicka på den lilla ögonikonen. Du behöver denna form senare, men för tillfället är det bättre att hålla det gömt.
Låt oss fokusera på den grå rektangeln. Välj den och gå till Objekt> Transformera> Rotera. Ange en 45 graders vinkel, klicka på OK och gå till Objekt> Transformera> Reflektera. Kontrollera den vertikala knappen och klicka på knappen Kopiera. Självklart kommer detta att skapa en horisontellt vänd kopia av den grå formen. Välj den här kopian och gå till Objekt> Transformera> Flytta. Ange 42.4px i den horisontella rutan och 0px i den vertikala rutan och klicka sedan på OK. I slutet ska din vända rektangel placeras som visas i den fjärde bilden. Välj både grå rektangel, öppna panelen Pathfinder och klicka på Unite-knappen. Använd Rektangulärverktyget (M) genom att skapa en form av 125 x 60 px och placera den som visas på den sjätte bilden. Välj den här nya rektangeln tillsammans med den grå formen och klicka på Intersect-knappen från panelen Pathfinder. Den resulterande formen ska se ut i det sjunde steget.
Fokusera på panelen Lager och aktivera synligheten för den röda rektangeln som gjorts i det andra steget. Välj den och gå till Effekt> Stylize> Rounded Corners. Ange en 45px radie, klicka på OK och gå till Objekt> Transformera> Rotera. Ange en 45 graders vinkel, klicka på OK och gå till Objekt> Transformera> Reflektera. Kontrollera den vertikala knappen och klicka på knappen Kopiera. Välj den nyskapade formen och gå till Objekt> Transformera> Flytta. Ange 42.4px i den horisontella rutan och 0px i den vertikala rutan och klicka sedan på OK. Välj båda röda formerna, gå till Objekt> Expand Utseende och klicka sedan på knappen Unite-knappen från panelen Pathfinder. Slutligen väljer du den röda formen tillsammans med den grå triangeln som gjordes i föregående steg och klickar på Unite-knappen från panelen Pathfinder.
Därefter behöver du Round Any Corner-skriptet. Du hittar den i Vectortuts + artikel 20 Gratis och Användbara Adobe Illustrator Scripts. Spara den på hårddisken, återgå till Illustrator och ta tag i Direct Selection Tool (A). Välj den övre ankarpunkten som markeras i den första bilden och gå till Arkiv> Skript> Annat skript. Öppna Round Any Corner Script, skriv in en 3px Radius och klicka på OK. Fortsätt med Direct Selection Tool (A), välj den nedre ankarpunkten som markeras i den första bilden och gå igen till Arkiv> Skript> Annat skript. Öppna Round Any Corner Script, skriv in en 8px Radius och klicka på OK. Växla till verktyget Delete Anchor Point (-) och ta bort de ankarpunkter som markeras i den andra bilden.
Se till att din röda form fortfarande är vald och gå till Effect> Warp> Fisheye. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende. Flytta till panelen Lager, dubbelklicka på den här röda formen och det enkla namnet det "hjärta".
Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Använd Ellipse Tool (L), skapa en form av 185 till 90 px och placera den som visas i den andra bilden. Markera den tillsammans med kopian som gjordes i början av steget och klicka på Intersect-knappen från panelen Pathfinder. Välj den resulterande formen och gå till Objekt> Path> Offset Path. Ange en -3px-offset och klicka på OK. Ta bort den ursprungliga formen och fokusera på den nyskapade vektorbanan. Välj den, fyll den med den linjära gradienten som visas i följande bild, sänka dess opacitet till 70% och ändra blandningsläge till överlagring. Den gula nollpunkten från gradientbilden står för opacitetsprocent.
Välj "hjärta" och gå till Objekt> Path> Offset Path. Ange en -3px-offset och klicka på OK. Fyll den resulterande formen med den linjära gradienten som visas i den andra bilden, sänk dess opacitet till 10% och ändra blandningsläget till Multiplicera. Återställ "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den, fyll den med den radiella gradienten som visas i den fjärde bilden, sänk dess opacitet till 75% och ändra blandningsläge till Multiplicera. Kom ihåg att de gula nollorna från gradientbilderna står för opacitetsprocent.
Inaktivera rutnätet (Visa> Dölj galler) och Snap to Grid (Visa> Snap to Grid) och gå till Redigera> Inställningar> Allmänt och se till att Tangentbordsökningen är inställd på 1px. Välj "hjärta" och gör två kopior framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 2px ner med nedpilen från tangentbordet. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart, sänk dess opacitet till 5% och ändra blandningsläget till Multiplicera. Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 2px ner med nedåtpilen från tangentbordet och duplicera det (Control + C> Control + F). Välj den här nya kopian och flytta den 3px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med vit, sänk dess opacitet till 70% och ändra blandningsläge till överlagring.
Välj den andra formen som gjordes i föregående steg och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och öka dess opacitet till 100%. Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 2px och duplicera den (Control + C> Control + F). Välj den här nya kopian och flytta den 8px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med vit, sänk dess opacitet till 40% och ändra blandningsläge till överlagring.
Välj "hjärta" och gör två kopior framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 2px uppåt med hjälp av upppilen från tangentbordet. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart, sänk dess opacitet till 20% och ändra blandningsläge för att multiplicera. Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 2px och duplicera den sedan (Control + C> Control + F). Välj den här nya kopian och flytta den 2px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med vit, sänk dess opacitet till 40% och ändra blandningsläge till överlagring.
Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 4px och duplicera den sedan (Control + C> Control + F). Välj den här nya kopian och flytta den 3px upp. Återmarkera båda kopiorna i det här steget och klicka på knappen Minus fram från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i följande bild, sänk dess opacitet till 5% och ändra blandningsläget för att multiplicera.
Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 4px och duplicera den sedan (Control + C> Control + F). Välj den här nya kopian och flytta den 11px uppåt. Återmarkera båda kopiorna i det här steget och klicka på knappen Minus fram från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i följande bild, sänk dess opacitet till 5% och ändra blandningsläget för att multiplicera.
Välj "hjärta" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, flytta den 4px och duplicera den sedan (Control + C> Control + F). Välj den här nya kopian och flytta den 18px uppåt. Återmarkera båda kopiorna i det här steget och klicka på knappen Minus fram från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i följande bild, sänk dess opacitet till 5% och ändra blandningsläget för att multiplicera.
Välj "hjärta", fokusera på Utseendepanelen och lägg till 1pt stroke. Välj den, sätt färgen till svart, rikta inåt och sänka dess opacitet till 10%. Se till att din "hjärta" form förblir vald, fortsätt fokusera på Utseendepanelen och lägg till fyra nya stroke med knappen Lägg till ny stroke (pekad av den lilla blå pilen). Välj den bästa nya stroke, gör den 14pt bred, sätt färgen på R = 162, G = 25, B = 24, rikta in den till insidan och sänk dess opacitet till 5%. Flytta ner till nästa stroke, välj den, gör den 7pt bred, sätt färgen på R = 162, G = 25, B = 24, rikta in den till insidan och sänka dess opacitet till 15%. Fortsätt med nästa stroke, välj den, gör den 3pt bred, sätt färgen på R = 162, G = 25, B = 24, rikta in den till insidan och sänk dens opacitet till 20%. Slutligen, välj botten, ny stroke, gör den 1pt bred, sätt färgen till R = 162, G = 25, B = 24, rikta in den till insidan och sänka dess opacitet till 25%.
Välj "hjärta" och fokusera på Utseendepanelen. Välj fyllningen och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det övre, vänstra fönstret, klicka på OK och lägg sedan till de övriga fyra Drop Shadow-effekterna som visas i följande bild.
Välj alla former som hittills skapats (Control + A) och gruppera dem (Control + G).
Använd Rektangelverktyget (M) genom att skapa en form på storleken på din Artboard, fyll den med R = 40, G = 40, B = 40 och skicka den till baksidan (Shift + Control + [). Se till att denna rektangel hålls vald, fokusera på Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning (pekad av den lilla blå pilen). Välj den här nya fyllningen, sätt färgen till svart, sänka dess opacitet till 15%, ändra blandningsläge till Multiplicera och gå till Effect> Artistic> Film Grain. Ange egenskaperna som visas i följande bild och klicka på OK.
Slutligen väljer du gruppen som gjordes i sjuttonde steget och går till Effekt> Förvränga & Transformera> Transformera. Ange egenskaperna som visas i det vänstra fönstret, klicka på OK och gå igen till Effect> Distort & Transform> Transform. Ange egenskaperna som visas i det högra fönstret, klicka på OK och du är klar.
Nu är ditt arbete gjort. Så här ska det se ut. Du kan göra mycket mer med de Transform effekter som läggs till i det sista steget. Lägg helt enkelt en annan vinkel för rotationen och resultatet kan överraska dig.
Accentsconagua