I följande handledning lär du dig att rita en 3D-visselpipa med Adobe Illustrator. Vi börjar med en 2D-yta och skapar en 3D-bas med Extrude & Bevel. Vi fortsätter sedan med att lägga till stiliserad skuggning och djup. På dina betyg får du set ... vektor!
Skapa ett nytt dokument genom att trycka på Cmnd + N eller gå till Arkiv> Nytt. Ange 600px i rutorna bredd och höjd 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). Nu behöver du ett rutnät varje 10px. Gå bara till Redigera> Inställningar> Guider> Rutnät, skriv 10 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), skapa en form av 30 x 100 px, fyll i det med svart och öppna panelen Symboler (Fönster> Symboler). Se till att din svarta rektangel är vald, fokusera på symbolpanelen och klicka helt enkelt på "New Symbol" -knappen. Skriv "rektangel" i rutan Namn och tryck på OK-knappen. Din nya symbol ska dyka upp i symbolpanelen. Flytta till panelen Lager och radera den befintliga symbolen.
Välj Ellipse Tool (L), skapa en 90px cirkel, fyll den med svart, vrid den till en symbol och namnge den "cirkel". Slutligen ta bort symbolen från panelen Lager.
Med hjälp av Ellipse Tool (L) skapar du en 120px cirkel och fyller den med R = 209 G = 211 B = 212. Byt till rektangelverktyget (M), skapa en 150 x 50 px form, fyll den med R = 209 G = 211 B = 212 och placera den enligt bilden nedan. Välj båda formerna i det här steget, öppna panelen Pathfinder och klicka på Unite-knappen.
För detta steg behöver du Round Any Corner-skriptet. Du hittar den i Vectortuts + artikel 20 Gratis och Användbara Adobe Illustrator Scripts. Spara det på hårddisken, återgå till Illustrator och använd Direct Selection Tool (A). Markera ankarpunkten som markeras i den första bilden och gå till Arkiv> Skript> Övriga skript. Öppna Round Any Corner Script, skriv in en 10px Radius och klicka på OK. I slutet ska din form se ut i den andra bilden.
Återmarkera formen redigerad i föregående steg och gå till Effekt> 3D> Extrude & Bevel. Ange de uppgifter som visas nedan och klicka sedan på Map Art-knappen. Gå till "Surface 1", välj symbolen "cirkel" från menyn Symbol, ändra storlek och placera den enligt bilden nedan. Fortsätt att fokusera på Map Art-fönstret, gå till "Surface 6", välj symbolen "rektangel" från rullgardinsmenyn Symbol, ändra storlek och placera den enligt följande bild.
Återmarkera vektorvägen redigerad i föregående steg och gå till Objekt> Expand Utseende. Fokusera på panelen Lager, öppna den resulterande gruppen, borra ner i dessa undergrupper och ta bort alla klippningsvägar.
Håll fokus på den grupp av former som gjordes i föregående steg. Välj den vektorväg som markeras i den första bilden, fyll den med R = 170 G = 170 B = 170 och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här färska kopian tillsammans med den nedre gråformen (pekad av pilen i det andra steget) och klicka på knappen Minus fram från panelen Pathfinder. Ta bort den resulterande gruppen av former (Shift + Control + G), radera den övre, lilla vägen (pekad av pilen i den tredje bilden) och fyll sedan den återstående formen med den linjära gradienten som visas i den slutliga bilden.
Markera de övre, gråa formerna som markeras i den första bilden och klicka på Unite-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 140 G = 140 B = 140. Återgå till panelen Lager, välj hela gruppen och använd Shift + Control + G tills du blir av med alla grupper och undergrupper.
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. Återmarkera den vektorväg som gjordes i slutet av det åttonde steget och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 3px ner och 2px till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Ta bort den resulterande gruppen av former (Shift + Control + G) och radera bottenbanan (pekad av pilen i den tredje bilden). Fyll den kvarvarande formen med den linjära gradienten som visas i den fjärde bilden och sänk dess opacitet till 20%. I skärmdumpen nedan står den gula nollpunkten från panelen Gradient för opacitetsprocenten.
Återställ formen igen 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 svart och sänka dess opacitet till 10%.
Återmarkera sökvägen igen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 3px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 10%.
Återvälj vektorbanan fylld med R = 170 G = 170 B = 170 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 den linjära gradienten som visas i den slutliga bilden, sänk dess opacitet till 70% och ändra blandningsläge till mjukt ljus. I skärmbilden står det vita numret från panelen Gradient för platsprocent.
Återvälj vektorbanan fylld med R = 170 G = 170 B = 170 och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px upp och till vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen 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 eller Cmnd + 8) och fyll i den linjära gradienten som visas i den slutliga bilden.
Återvälj vektorbanan fylld med R = 170 G = 170 B = 170, fokusera på Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning. Välj den här nya fyllningen och ersätt den platta färgen med den linjära gradienten som visas nedan.
Återvälj vektorbanan fylld med R = 170 G = 170 B = 170, fokusera på Utseendepanelen, lägg till två nya fyllningar och använd de linjära gradienterna som visas i följande bild.
Flytta upp till vektorbanan fylld med R = 140 G = 140 B = 140. Välj den och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 1px ner och vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och byt dess blandningsläge till mjukt ljus.
Återvälj vektorbanan fylld med R = 140 G = 140 B = 140 och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px upp och 2px till vänster. Å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.
Återvälj vektorbanan fylld med R = 140 G = 140 B = 140 och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 10px upp och 35px till vänster. Å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, sänk dess opacitet till 30% och byt blandningsläge till mjukt ljus.
Fokusera på fronten på din visselpipa. Välj den grå formen, gör en kopia framför (Kontroll + C> Kontroll + F), välj den och fokusera på Utseendepanelen. Ta bort färgen från fyllningen och lägg till 5pt, svart slag. Justera streck: Innehåll gå sedan till Objekt> Sti> Strålning. Fyll den resulterande vägen med den linjära gradienten som visas nedan.
Återmarkera den vektorväg som gjordes i föregående steg och skapa två kopior framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px upp och höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll de resulterande banorna med svart, ta tag i verktyget Delete Anchor Point (-) och ta bort de tre ankarpunkterna pekade av pilarna i den tredje bilden. Se till att båda svarta banorna fortfarande är markerade och ändra blandningsläge till mjukt ljus.
Återmarkera vektorväggen som gjordes i det tjugonde steget och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 1px ner och vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll de resulterande banorna med vit. Använd verktyget Delete Anchor Point (-), ta bort de tre ankarpunkterna pekade av pilarna i den tredje bilden. Se till att båda vita banorna fortfarande är valda, sänk deras opacitet till 70% och ändra blandningsläge till mjukt ljus.
Återmarkera vektorväggen som gjordes i det tjugonde steget och duplicera den (Control + C> Control + F). Välj den här kopian tillsammans med den grå vägen bakom den och klicka på knappen Minus fram från panelen Pathfinder.
Aktivera Smart Guides (Control + U). Använd pennverktyget (P) genom att dra en snedställd väg som visas i den första bilden. Markera den tillsammans med vektorvägen som gjordes i föregående steg och klicka på Divide-knappen från panelen Pathfinder. Fokusera på den resulterande gruppen av former, välj bottenvägen och fyll den med den linjära gradienten som visas i den tredje bilden. Flytta till den andra formen, välj den och fyll den med den linjära gradienten som visas i den fjärde bilden.
Inaktivera Smart Guides (Control + U). Välj den svarta ovala sökvägen och ersätt den platta färgen med den radiella gradienten som visas i följande bild.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px upp och till vänster. Å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.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 4px upp och till vänster. Å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.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 1px ner och till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänk dess opacitet till 7%.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 3px ner och till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 4%.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 8px ner och till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 3%.
Återmarkera den ovala sökvägen och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den övre kopian och flytta den 5px upp och till vänster. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 10%.
Välj den svarta rektangeln och gå till Effect> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Objekt> Expand Utseende. Fyll den resulterande formen med den linjära gradienten som visas nedan.
Å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 4px 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.
Återställ den form som gjordes i steg 32 tillsammans med formen som gjordes i föregående steg och duplicera dem (Control + C> Control + F). Välj den första kopian och flytta den 3px ner. Återmarkera båda kopiorna och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med svart, sänk dess opacitet till 10% och byt blandningsläge till mjukt ljus.
Återställ den form som redigerats i trettionde steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den nedersta kopian och flytta den 1px upp och till höger. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med R = 170 G = 170 B = 170.
Återställ den form som redigerats i trettionde 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 svart och sänka dess opacitet till 10%.
Återställ den form som redigerats i trettionde steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den översta kopian och flytta den 3px uppåt. Återmarkera båda kopiorna och klicka på Minus Front-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och sänka dess opacitet till 5%.
Välj alla former som hittills skapats och duplicera dem (Control + C> Control + F). Välj dessa kopior och klicka på Unite-knappen från panelen Pathfinder. Fyll den resulterande formen med svart och skicka den till baksidan (Shift + Control + [).
Återmarkera den svarta sökvägen som gjordes i föregående steg och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj den första kopian, flytta den 2px upp och 1px till höger och sänk dess opacitet till 10%. Välj den andra kopian, flytta den 3px ner och 1px till höger och sänk dess opacitet till 10%.
Återmarkera den svarta vektorbanan och gå till Objekt> Path> Offset Path. Ange en -2px 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, flytta den 8px ner, sänka dens opacitet till 25% och gå till Effekt> Blur> Gaussian Blur. Ange en rad av 7px och klicka på OK. Välj den andra formen som skapades i det här steget, flytta den 3px upp och till höger, sänka dess opacitet till 15% och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 5px radie och klicka på OK.
Återvälj vektorbanan fylld med R = 140 G = 140 B = 140, fokusera på Utseendepanelen, lägg till två nya fyllningar och använd de linjära gradienterna som visas i följande bild.
Återmarkera den svarta vektorbanan (gjord i steg 38) och ta den framåt (Shift + Control +)). Fyll den med den linjära gradienten som visas nedan, sänk dess opacitet till 50% och ändra blandningsläget för att multiplicera.
Återmarkera den vektorväg som gjordes i föregående steg och gör en kopia bakåt (Kontroll + C> Kontroll + B). Välj den, ändra blandningsläge till färg, öka opacitet till 100% och ersätt den linjära gradienten som används för fyllningen med R = 198 G = 205 B = 201.
Slutligen kan du använda en annan fyllfärg för formen som gjordes i föregående steg om du vill ändra den totala flöjtfärgen.
Nu är din visselpipa färdig! Jag hoppas att du har haft dagens tutorial och du kan tillämpa teknikerna för framtida projekt. Genom att använda en 3D-basmodell och omarbeta är det ett utmärkt sätt att skapa exakta tekniska ritningar med din egen stiliserade flare.