Share
I följande handledning lär du dig att skapa en shoppingpåsäck med hjälp av Adobe Illustrator. Vi kommer att arbeta från grundläggande former för att skapa denna fleranvända illustration.
Hit Command + N för att skapa ett nytt dokument. Ange 600 i rutan bredd och höjd och klicka sedan på knappen Avancerat. Välj RGB, Screen (72ppi) och se till att rutan "Justera nya objekt till pixelgrid" är avmarkerad innan du klickar på OK. Aktivera rutnätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid).
Därefter behöver du ett rutnät var 5px. Gå till Redigera> Inställningar> Guider> Rutnät, skriv 5 i rutnätet varje ruta och 1 i rutan Indelningar. Du kan också öppna Info-panelen (Fönster> Info) för en live-förhandsgranskning med storleken och positionen på dina former. Glöm inte att byta måttenhet till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Använd rektangelverktyget (M) genom att skapa en form av 300 x 210 pixlar, fyll i den linjära gradienten som visas nedan och gå till Effekt> Varp> Arc Lower. Ange data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.
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). Fokusera på formen som gjordes i föregående steg, välj de nedre ankarpunkterna och gå till Arkiv> Skript> Övriga skript. Öppna Round Any Corner Script, skriv in en 3px Radius och klicka på OK. I slutet ska din form se ut i den andra bilden. Flytta till panelen Lager och namnge den "kropp".
Inaktivera 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 "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den, flytta den 1px ner med hjälp av nedåtpilen från tangentbordet och duplicera det (Control + C> Control + F). Välj den här nya kopian och flytta den 1px ner. Återmarkera båda kopiorna i det här steget, öppna panelen Pathfinder och klicka på knappen Minus Front. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden. De vita siffrorna från gradientbilden står för platsprocent medan de gula nollorna står för opacitetsprocent.
Återställ "body" och gör två exemplar framför (Control + C> Control + F> Control + F). Välj den översta kopian och flytta den 1px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden och ändra dess blandningsläge till Multiplicera.
Återställ "body" och gör två exemplar framför (Control + C> Control + F> Control + F). Välj den översta kopian och flytta den 1px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan, ändra dess blandningsläge till Multiplicera och sänka opaciteten till 50%.
Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den, flytta den 1px till höger och duplicera den (Control + C> Control + F). Välj den här nya kopian och flytta den 2px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och ändra dess blandningsläge till mjukt ljus.
Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den, flytta den 1px till höger och duplicera den (Control + C> Control + F). Välj den här nya kopian och flytta den 5px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och ändra dess blandningsläge till mjukt ljus.
Återställ de former du skapade i de tre senaste stegen och gå till Objekt> Transformera> Reflektera. Markera den vertikala rutan och klicka sedan på knappen Kopiera. Välj de resulterande formerna, aktivera Snap to Grid (Visa> Snap to Grid) och dra dem till höger som visas i den tredje bilden.
Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ "body" och gör två exemplar framför (Control + C> Control + F> Control + F). Välj den översta kopian och flytta den 1px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 218 G = 175 B = 127.
Återställ "body" och gör två exemplar framför (Control + C> Control + F> Control + F). Välj den översta kopian och flytta den 4px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden.
Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den, flytta den 4px och duplicera den sedan (Control + C> Control + F). Välj den här nya kopian och flytta den 1px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden.
Aktivera Snap to Grid (Visa> Snap to Grid). Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Använd Rektangulärverktyget (M) genom att skapa en form av 165 x 245 pixlar och placera den som visas i den första bilden. Välj den tillsammans med "body" -kopian och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och sänka dess opacitet till 15%.
Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Använd Rektangulärverktyget (M) genom att skapa en form av 330 till 75 px och placera den som visas på den första bilden. Välj den tillsammans med "body" -kopian och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och sänka dess opacitet till 25%.
Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som gjordes i föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den nedersta kopian och flytta den 1px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och sänka dess opacitet till 35%.
Välj alla former som hittills skapats och gruppera dem (Control + G).
Aktivera Snap to Grid (Visa> Snap to Grid). Fokusera på den övre sidan av de former som hittills skapats. Med hjälp av rektangelverktyget (M) skapar du 270 med 25 px, fyller den med den första linjära graden som visas nedan, placerar den som visas i den första bilden och gör sedan en kopia framför (Control + C> Control + F). Välj det, inaktivera Snap to Grid (Visa> Snap to Grid), flytta det 1px och duplicera det (Control + C> Control + F). Välj den här nya kopian och flytta den 1px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden och ändra dess blandningsläge till mjukt ljus.
Återställ rektangeln i början av föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den första linjära gradienten som visas nedan och sänka dess opacitet till 10%. Aktivera Snap to Grid (Visa> Snap to Grid) och använd rektangelverktyget (M). Skapa en 135 x 25 px form, placera den som visas i den fjärde bilden, sänk dens opacitet till 10% och fyll den med den andra linjära gradienten som visas i följande bild.
Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den rektangel som gjordes i början av det sjuttonde steget och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 237 G = 28 B = 36, vi kommer tillbaka till denna väg senare. Välj nu den här röda formen tillsammans med alla former som skapats under de senaste två stegen och gruppera dem (Control + G).
Aktivera Snap to Grid (Visa> Snap to Grid). Fokusera på höger sida av gruppen som gjordes i föregående steg. Med hjälp av rektangelverktyget (M) skapar du en form av 40 x 25 px, fyll den med den linjära gradienten som visas nedan och placera den som visas i den första bilden. Håll fokus på den här nya formen, ta tag i direktmarkeringsverktyget (A), välj den övre vänstra ankarpunkten och flytta den 10px ner.
Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som gjordes i föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 2px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med vit och byt dess blandningsläge till mjukt ljus. Håll fokus på den här nya formen, ta tag i verktyget för borttagningspunkten (-) och klicka helt enkelt på ankarpunkten pekad av pilen i den tredje bilden. I slutet ska din form se ut i den fjärde bilden.
Återställ den form som gjordes i det tjugonde steget och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den nedersta kopian och flytta den 2px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Välj rektangeln i det sjuttonde steget och gör en kopia framför (Control + C> Control + F). Välj den tillsammans med formen som gjordes i början av steget och klicka på Intersect-knappen från panelen Pathfinder. Fokusera på den resulterande formen, ta tag i verktyget Delete Anchor Point (-) och klicka helt enkelt på ankarpunkten pekad av pilen i den femte bilden. Fyll den återstående banan med den linjära gradienten som visas i den sjätte bilden och sänka dess opacitet till 10%.
Aktivera Snap to Grid (Visa> Snap to Grid). Med rektangelverktyget (M) skapar du en form av 55 x 15 px, fyll den med den linjära gradienten som visas nedan och placera den som visas i den första bilden. Håll fokus på den här nya formen, ta tag i verktyget för borttagning av ankarspets (-) och klicka helt enkelt på den högra, högra ankarpunkten.
Inaktivera Snap to Grid (Visa> Snap to Grid). Återställ den form som gjordes i föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 2px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fokusera på den resulterande formen, ta tag i verktyget Delete Anchor Point (-) och klicka helt enkelt på ankarpunkten pekad av pilen i den tredje bilden. Fyll den återstående banan med den linjära gradienten som visas i den slutliga bilden och sänka dess opacitet till 10%.
Återställ den form som gjordes i tjugotredje steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden, sänk dess opacitet till 50% och byt blandningsläge till mjukt ljus.
Återställ den form som gjordes i tjugotredje steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas i den slutliga bilden och ändra blandningsläge till mjukt ljus.
Återställ den form som gjordes i tjugotredje steget tillsammans med formen i det tjugonde steget och duplicera dem (Control + C> Control + F). Välj den första kopian och flytta den 3px uppåt. Återmarkera båda kopiorna och klicka på Intersect-knappen från panelen Pathfinder. Fokusera på den resulterande formen, ta bort Delete Anchor Point Too (-) och klicka helt enkelt på ankarpunkten pekad av pilen i den tredje bilden. Fyll den återstående banan med den linjära gradienten som visas i den slutliga bilden och sänka dess opacitet till 10%.
Återställ den form som gjordes i tjugotredje steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den nedersta kopian och flytta den 2px till vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 237 G = 28 B = 36, ta tag i verktyget för borttagning av ankarspets (-) och ta bort ankarpunkten pekad av pilen i den tredje bilden. Välj den här tunna röda sökvägen tillsammans med alla former som gjorts under de senaste åtta stegen och gruppera dem (Control + G).
Aktivera Snap to Grid (Visa> Snap to Grid). Återställ gruppen som gjordes i föregående steg och gå till Objekt> Transformera> Reflektera. Kontrollera den vertikala knappen och klicka på knappen Kopiera. Välj den nyupprettade gruppen, dra den till vänster och placera den som visas i den tredje bilden.
Välj de tre röda formerna som hittills skapats och klicka på Unite-knappen från panelen Pathfinder. Fyll den resulterande formen med den linjära gradienten som visas nedan och sänka dess opacitet till 8%. Fokusera på panelen Lager, välj den här nya formen och dra den in i gruppen som gjordes i nittonde steget.
Välj rektangelverktyget (M), skapa en form av 50 till 130 px och placera den som visas på den första bilden. Fyll det med ingen, men lägg till en 4pt stroke. Ställ in färgen vid R = 210 G = 126 B = 142 och gå till Objekt> Sti> Lägg till ankarpunkter. Byt till Direktmarkeringsverktyget (A), välj den nedre, mellanförankringspunkten och tryck helt enkelt på Delete-tangenten från tangentbordet. Se till att din sökväg fortfarande är vald, gå till Utseendepanelen, välj stroke och öppna sedan Stroke-panelen och kolla "Round Cap" -knappen från Cap-sektionen.
Återställ sökvägen i föregående steg och gå till Effekt> Stylize> Rounded Corners. Ange en radius på 30 px, klicka på OK och gå till Effekt> Varp> Skal sänka. Ange uppgifterna nedan och gå till Objekt> Expand Utseende. Slutligen, skicka den här vägen till baksidan (Shift + Control + [). Vi kommer tillbaka till det senare.
Med rektangelverktyget (M) skapar du en ny form av 50 till 130 px och placerar den som visas i den första bilden. Återigen, ta bort färgen från fyllningen och lägg till 4pt slag. Ställ in färgen vid R = 210 G = 126 B = 142 och gå till Objekt> Sti> Lägg till ankarpunkter.
Byt till Direktmarkeringsverktyget (A) och radera botten, mittankningspunkten. Se till att din väg fortfarande är vald, gå till Stroke-panelen, kolla på "Round Cap" -knappen från Cap-delen och gå till Effect> Stylize> Rounded Corners. Ange en radius på 30 px, klicka på OK och gå till Effekt> Varp> Skal sänka. Ange data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.
Återställ sökvägen i föregående steg, gör en kopia framför (Kontroll + C> Kontroll + F), välj den och gå till Objekt> Ban> Radera streck. Fyll den resulterande formen med R = 39 G = 170 B = 225 (bara för att få det att stå ut från resten av formen) och gå till Effekt> Varp> Arc. Ange data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.
Återställ rektangeln i det sjuttonde steget och gör en kopia framför (Control + C> Control + F). Välj den tillsammans med den blå formen som gjordes i föregående steg och klicka på Intersect-knappen från panelen Pathfinder. Välj den resulterande gruppen av form, vrid den till en sammansatt sökväg (Objekt> Sammansatt sökväg> Gör), fyll i den linjära gradienten som visas nedan och sänka opaciteten till 25%. Flytta till panelen Lager, välj den sammansatta sökvägen och dra den under den främre rosa banan.
Återmarkera den rosa sökvägen som gjordes i trettionde steg, gör en kopia framför (Kontroll + C> Kontroll + F), välj den och gå till Objekt> Ban> Radera streck. Återfyll den resulterande formen med R = 39 G = 170 B = 225 och gå till Effect> Warp> Arc. Ange data som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.
Välj "kropp" och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den tillsammans med den blå formen som gjordes i föregående steg och klicka på Intersect-knappen från panelen Pathfinder. Välj den resulterande gruppen av form, vrid den till en sammansatt sökväg (Objekt> Sammansatt sökväg> Gör), fyll i den linjära gradienten som visas nedan och sänka opacitet till 30%. Flytta till panelen Lager, välj den här sammansatta sökvägen och dra den under den främre rosa banan.
Välj den bästa rosa sökvägen, välj på panelen Utseende och lägg till en ny stroke med knappen Lägg till ny stroke. Välj den, sätt färgen på R = 246 G = 246 B = 246, minska storleken till 2pt och gå sedan till Stroke-panelen och kolla knappen Round Cap i Cap-delen. Återgå till Utseendepanelen och lägg till en tredje stroke för den här sökvägen. Välj den, sätt färgen på R = 231 G = 186 B = 195 och storleken vid 2pt och gå sedan till Stroke-panelen. Markera rutan Dash, skriv 2pt i dashboxen och 2pt i luckan. Flytta till höger och kontrollera knappen som "justerar streck till hörn och banor slutar, justera längden för att passa".
Flytta till den nedre rosa banan och lägg till samma egenskaper som används för den främre rosa banan. Du kan enkelt göra det med hjälp av målikonen (den lilla gråcirkeln från panelen Lager som indikerar att ditt objekt innehåller Utseende attribut). Fokusera på panelen Lager, håll Alt, klicka på målikonen som står för den bästa rosa sökvägen och dra helt enkelt på målikonet som står för bottenrosa banan.
Använd Rektangulärverktyget (M) genom att skapa en form av 300 x 25 px, fyll den med svart och placera den som visas på den första bilden. Byt till Direct Selection Tool (A) och fokusera på den övre sidan av denna nya form. Välj den övre, vänstra ankarpunkten och flytta den 5px till höger. Flytta till höger ankarpunkt, välj den och flytta den 5px till vänster. Se till att den här nya formen fortfarande är vald och fokusera på Utseendepanelen. Välj befintlig fyllning, sänk dess opacitet till 10% och gå till Effekt> Path> Offset Path. Ange en 3px-offset, klicka på OK och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Effekt> Varp> Arc Lower. Ange data som visas i den tredje bilden, klicka på OK och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en radius på 3px och klicka på OK.
Återgå till Utseendepanelen och lägg till en andra svart fyllning för denna form. Välj det, sänk dess opacitet till 10% och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Effekt> Varp> Arc Lower. Ange data som visas i den fjärde bilden, klicka på OK och gå till Effekt> Sti> Förskjutningsväg. Ange en 3px-offset och klicka på OK.
Använd Ellipse Tool (L), skapa en form av 360 till 70 px och placera den som visas på den första bilden. Fyll det med R = 60 G = 36 B = 21, sänka opacitet till 18% och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 22px radie och klicka på OK. Fortsätt med Ellipse Tool (L), skapa en form av 300 till 50px och placera den som visas i den andra bilden. Fyll den med R = 60 G = 36 B = 21, sänka opaciteten till 10% och gå till Effekt> Blur> Gaussian Blur. Ange en 5px radie och klicka på OK. Återmarkera båda formerna skapade i det här steget tillsammans med det som skapades i föregående steg och gruppera dem (Control + G). Välj den här nya gruppen och skicka den till baksidan (Shift + Control + [).
För de sista stegen behöver du ett rutnät var 1px. Så gå till Redigera> Inställningar> Guider och galler och ange 1 i rutnätet varje ruta. Med hjälp av Ellipse Tool (L) skapar du en 15px cirkel, fyll den med den radiella gradienten som visas nedan och placera den som visas på den första bilden. Flytta till panelen Lager och dra den här nya formen under den bästa rosa banan. Välj den här cirkeln och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px ner. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 218 G = 175 B = 127.
Återmarkera cirkeln som gjorts i föregående steg och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och fokusera sedan på Utseendepanelen och lägg till en ny fyllning. Välj den, sätt färgen på R = 218 G = 175 B = 127 och gå till Effekt> Sti> Förskjutningsväg. Ange en -4px-offset och klicka på OK.
Återställ de två formerna som gjordes under de senaste två stegen och gruppera dem (Control + G). Gör en kopia av denna grupp (Control + C> Control + F), dra den till vänster och placera den som visas i den andra bilden.
Nu är ditt arbete gjort. Så här ska det se ut.
Accentsconagua