Share
I följande handledning lär du dig att skapa en enkel blixtlåsillustration i Adobe Illustrator. Vi skapar startformerna med hjälp av rektangelverktyget, panelen i panelen och några grundläggande formbyggnadstekniker. Därefter fortsätter vi med att lägga till detaljerna med hjälp av Transform och Drop Shadow-effekterna tillsammans med några grundläggande blandningstekniker. För de sista detaljerna använder vi några Warp-effekter, Utseendepanelen och ett enkelt inbyggt mönster.
Hit Command + N för att skapa ett nytt dokument. Skriv 600 i breddrutan och 800 i höjdsfältet 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). Du behöver ett rutnät var 1px. Gå bara till Redigera> Inställningar> Guider> Grid, ange 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 ställa in måttenheten till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Med hjälp av rektangelverktyget (M) ställer du in fyllfärgen vid R = 237 G = 203 B = 72 och skapar en form av 7 till 12 px. Fortsätt med rektangelverktyget (M), skapa en fyrkantig kvadrat och placera den som visas i den andra bilden. Slutligen skapa en 4 x 8px form och placera den som visas i den tredje bilden. Välj alla tre former, öppna panelen Pathfinder och klicka på Unite-knappen.
Välj den form som gjordes i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px upp med hjälp av upppilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Välj den resulterande gruppen av former, vrid den till en Sammansatt sökväg (Objekt> Sammansatt sökväg> Gör) och fyll den med R = 200 G = 136 B = 26.
Välj den form som gjordes i det andra steget och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner med nedpilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Välj den resulterande gruppen av former, förvandla den till en Sammansatt sökväg (Objekt> Sammansättningspass> Gör), fyll i den med vit och ändra blandningsläge till överlagring.
Välj den form som gjordes i det andra steget och fokusera på Utseendepanelen. Lägg till 1pt stroke, anpassa den till insidan och sätt färgen på R = 208 G = 154 B = 62. Återmarkera den här gula formen tillsammans med de två sammansatta vägarna som gjorts under de två sista stegen och gruppera dem (Control + G). Välj den här nya gruppen och gå till Objekt> Transformera> Reflektera. Kontrollera den vertikala knappen och klicka på knappen Kopiera. Detta skapar en horisontellt vänd gruppkopia. Markera den och placera den enligt bilden i fjärde bilden.
Välj båda grupperna som gjordes i föregående steg och gå till Effekt> Förvräng & Transformera> Transformera. Ange egenskaperna som visas i följande bild och klicka på OK.
Välj de två grupper som redigerats i föregående steg och gruppera dem (Control + G). Välj den här nya gruppen och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i toppfönstret, klicka på OK och gå igen till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i bottenfönstret och klicka på OK.
Fokusera på undersidan av gruppen som gjordes i föregående steg. Använd rektangulärverktyget (M) genom att skapa en 24 x 10px-form, fyll den med R = 208 G = 154 B = 62 och placera den enligt bilden nedan. Se till att den här gula rektangeln är vald och gå till Effekt> Stylize> Rounded Corners. Ange en 1px-radie, klicka på OK och gå till Effekt> Varp> Arc övre. Ange de egenskaper som visas nedan, klicka på OK och gå till Objekt> Expand Utseende.
Välj den form som gjordes i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px upp med hjälp av upppilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med R = 200 G = 136 B = 26.
Välj den form som gjordes i åttonde steget och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner med nedpilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit och ändra blandningsläge till överlagring.
Återställ den form som gjordes i det åttonde steget och fokusera på Utseendepanelen. Lägg till 1pt stroke, anpassa den till insidan och sätt färgen på R = 208 G = 154 B = 62.
Återmarkera alla former som gjorts under de senaste fyra stegen och gruppera dem (Control + G). Välj den här nya gruppen och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det vänstra fönstret, klicka på OK och gå igen till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i det högra fönstret och klicka på OK.
Fokusera på panelen Lager och öppna gruppen som gjordes i det sjunde steget. Välj den undre undergruppen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här nya gruppen och dra den utanför huvudgruppen, längst upp på panelen Lager. Se till att din nya grupp fortfarande är vald, placera den som visas i den första bilden och fokusera sedan på Utseendepanelen. Öppna först den befintliga Transform Effecten och redigera den enligt bilden nedan och lägg till Drop Shadow-effekten som visas nedan.
Välj den grupp 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 här nyupprettade gruppen, dra den till höger och placera den som visas på den tredje bilden. Se till att den här nya gruppen fortfarande är vald och fokusera på Utseendepanelen. Öppna den befintliga Drop Shadow-effekten och redigera den enligt bilden nedan.
Fokusera på den övre sidan av gruppen som gjordes i föregående steg. Välj rektangelverktyget (M) och skapa en form av 14 x 7px. Fyll den med R = 237 G = 203 B = 72, placera den som visas i den första bilden och gå till Effekt> Stylize> Rounded Corners. Ange en 2px-radie, klicka på OK och gå till Objekt> Expand Utseende.
Välj den form som gjordes i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px upp med hjälp av upppilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med R = 200 G = 136 B = 26.
Välj formen som gjordes i femtonde steget och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner med nedpilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit och ändra blandningsläge till överlagring.
Återställ den form som gjordes i femtonde steget och fokusera på Utseendepanelen. Lägg till 1pt stroke, anpassa den till insidan och sätt färgen på R = 208 G = 154 B = 62. Välj den här runda rektangeln tillsammans med de två formerna som gjordes under de två sista stegen och gruppera dem (Control + G). Välj den här nya gruppen och gå till Effekt> Stylize> Drop Shadow. Ange egenskaperna som visas i den andra bilden och klicka på OK. Gör en kopia av denna grupp (Control + C> Control + F), dra den till vänster och placera den som visas i den tredje bilden.
Välj alla former som hittills skapats och duplicera dem (Control + C> Control + F). Markera alla dessa kopior och dra dem några pixlar till höger som visas i den första bilden. Fokusera på den här nya dragkedjan, välj de två grupperna som spetsas i den första bilden och helt enkelt ta bort dem. Till sist ska din andra blixtlås se ut i den andra bilden.
Fokusera på den andra dragkedjan som gjordes i föregående steg. Välj de två grupper som markeras i den första bilden och gå till Objekt> Expand Utseende. Gruppera de resulterande formerna och gå till Effect> Warp> Arc. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende.
Välj den grupp av former som gjordes i föregående steg och gå till Objekt> Transformera> Rotera. Ange en vinkel på 18 grader och klicka på OK. Placera den här gruppen som den visas i den andra bilden.
Välj den grupp som redigerades 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 och placera den som visas på den tredje bilden.
Med hjälp av rektangelverktyget (M) skapar du en form av 18 till 170 px, fyll den med R = 80 G = 80 B = 80 och placera den som visas på den första bilden. Fortsätt med Rektangelverktyget (M), skapa en 18 x 185px form, fyll den med R = 80 G = 80 B = 80 och placera den som visas på den första bilden. Välj båda rektanglarna och skicka dem till baksidan (Shift + Control + [).
Välj den vänstra rektangeln som gjordes i föregående steg och gå till Effekt> Stylize> Rounded Corners. Ange en 3px-radie, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och fokusera på Utseendepanelen. Välj fyllningen och gå till Effekt> Stylize> Inner Glow. Ange egenskaperna som visas i följande bild och klicka på OK.
Välj den andra grå rektangeln och gå till Effekt> Stylize> Rounded Corners. Ange en 15px radie, klicka på OK och gå till Effect> Warp> Arc. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Effekt> Varp> Skal Övre. Ange de egenskaper som visas nedan, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange data som visas i följande bild, klicka på OK och fokusera på Utseendepanelen. Välj fyllningen och gå till Effekt> Stylize> Inner Glow. Ange egenskaperna som visas i följande bild och klicka på OK.
Använd Rektangelverktyget (M) genom att skapa en form av 28 till 70 px, fyll i den linjära gradienten som visas nedan och gå till Effekt> Stylize> Avrundade hörn. Ange en rad av 3px, klicka på OK och gå till Effekt> Varp> Bulge. Ange data som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende.
Välj den form som gjordes i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner med nedpilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit och ändra blandningsläge till överlagring.
Välj formen som gjordes i tjugosjätte steget och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px upp med hjälp av upppilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med R = 200 G = 136 B = 26.
Välj den form som gjordes i tjugosjätte steget, fokusera på Utseendepanelen och lägg till 3pt stroke. Välj den, sätt färgen på R = 208 G = 154 B = 62, rikta in den till insidan och sänka opaciteten till 25%. Håll fokus på Utseendepanelen och lägg till en andra stroke för denna form med knappen Lägg till ny streck (pekad av den lilla blå pilen). Välj den här nya stroke, gör den 2pt bred, sätt färgen på R = 208 G = 154 B = 62, rikta in den till insidan och sänka opaciteten till 25%. Lägg till en tredje stroke för din form, gör den 1pt bred, rikta den inåt och sätt färgen på R = 208 G = 154 B = 62.
Fokusera på den övre sidan av formen redigerad i föregående steg. Användning Rectanglen bearbetar (M), skapa en 28 genom 30px form, fylla den med den linjära gradienten visas nedan, placera den så som visas i följande bild och gå till Effekt> Stilisera> Rundade hörn. Ange en rad av 3px, klicka på OK och gå till Effekt> Varp> Bulge. Ange egenskaperna som visas i följande bild, klicka på OK och gå till Objekt> Expand Utseende.
Välj den form som gjordes i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner med nedpilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit och ändra blandningsläge till överlagring.
Välj den form som gjordes i det trettionde steget och gå till Objekt> Sti> Förskjutningsväg. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px upp med hjälp av upppilen från tangentbordet. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med R = 200 G = 136 B = 26. Återställ den form som gjordes i det trettionde steget och fokusera på Utseendepanelen. Lägg till 1pt stroke, anpassa den till insidan och sätt färgen på R = 208 G = 154 B = 62.
Välj rektangelverktyget (M) och skapa en form av 14 i 32px. Fyll den med den linjära gradienten som visas nedan, placera den enligt bilden nedan och gå till Effekt> Stylize> Rounded Corners. Ange en 1px-radie, klicka på OK och gå till Objekt> Expand Utseende.
Välj 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 1px till vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 208 G = 154 B = 62.
Välj den form som gjordes i trettiotredje 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 R = 208 G = 154 B = 62.
Välj den form som gjordes i trettiotredje steg 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 = 200 G = 136 B = 26.
Välj den form som gjordes i trettiotredje steget och gå till Objekt> Path> Offset Path. Ange en -1px Offset och klicka på OK. Välj den resulterande formen och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och flytta den 1px ner. Återmarkera båda formerna i detta steg och klicka på knappen Minus Front från panelen Pathfinder. Fyll den resulterande formen med vit och ändra blandningsläge till överlagring.
Använd Rektangulärverktyget (M) genom att skapa en form av 20 till 11 px och placera den som visas i den första bilden. Fyll det med ingen, men lägg till en 3pt stroke. Välj en slumpmässig färg för stroke och gå till Effect> Stylize> Rounded Corners. Ange en radius på 3 px, klicka på OK och gå till Objekt> Path> Outline Stroke. Välj den resulterande formen, skicka den till baksidan och fokusera på Utseendepanelen. Fyll den med den linjära gradienten som visas nedan och lägg sedan till en 1pt stroke och sätt dess färg vid R = 208 G = 154 B = 62.
Använd Rektangulärverktyget (M) genom att skapa en 20 x 1px-form, fyll den med R = 208 G = 154 B = 62 och placera den som visas på den första bilden. Se till att den här tunna rektangeln är vald och gå till Effekt> Stylize> Rounded Corners. Ange en 0,5 px radie, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange de egenskaper som visas nedan, klicka på OK och gå till Effekt> Förvräng & Transformera> Transformera. Ange data som visas i följande bild och klicka på OK.
Välj alla former som gjordes under de senaste fjorton stegen och gruppera dem (Control + G). Välj den här nya gruppen och lägg till de tre Drop Shadow-effekterna som visas i följande bild (starta med vänster).
Välj den grupp som gjordes i föregående steg och gör en kopia framför (Kontroll + C> Kontroll + F). Placera dessa två grupper som visas i följande bild.
Slutligen, låt oss lägga till en fin bakgrund. Med hjälp av rektangelverktyget (M) skapar du en form som storleken på din tavla och fyller den med R = 225 G = 225 B = 215. Se till att denna rektangel stannar vald och fokusera på Utseendepanelen. Lägg till en ny fyllning för denna form med knappen Lägg till ny fyllning (pekad av den lilla blå pilen). Välj den här nya fyllningen och använd den radiella gradienten som visas i följande bild. Den gula nollpunkten från gradientbilden står för opacitetsprocent.
Återgå till Utseendepanelen och lägg till en tredje fyllning för din bakgrundsform. Välj den, gör den svart, ändra blandningsläge till Multiplicera, sänk dess opacitet till 3% och gå till Effekt> Konstnärligt> Filmkorn. Ange de egenskaper som visas nedan, klicka på OK, återgå till Utseendepanelen och lägg till en fjärde fyllning. Du behöver ett inbyggt mönster för den här sista fyllningen.
Gå till fönstret Färger, öppna fönstret och gå till Öppna Fönstret Bibliotek> Mönster> Grundläggande Grafik> Grundläggande Grafik_Texturer. Ett nytt fönster med en uppsättning inbyggda mönster borde öppnas. Se till att den fjärde fyllningen fortfarande är vald, lägga till "Diamond" mönster, sänka opaciteten till 10%, ändra Blandningsläge att föröka sig och gå till Effect> Artistic> Film Grain. Ange de egenskaper som visas nedan, klicka på OK och du är klar.
Nu är ditt arbete gjort. Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.
Accentsconagua