Arbeta med 3D-objekt och OH-film för att göra en Vector Cola-flaskdesign

VECTORTUTS har täckt Illustrators 3D-effekter några gånger, så grunderna borde redan vara kända för dig. I den här handledningen tar vi dessa färdigheter upp och diskuterar hur Illustrator handlar om transparens i 3D-objekt. På bara några steg har du skapat en plastkolflaska som passar dig som är inblandad i produktmarknadsföring.

Slutlig bildförhandsvisning

Det här är vad vi vill bygga med den här handledningen.

Steg 1

Vi behöver två symboler för kartläggning till vårt slutliga 3D-objekt; en flaska etikett och lite konsistens för skruven. Gör din med samma proportioner som de som visas nedan och använd vad som helst du önskar. Gruppera etikettkomponenterna (Objekt> Grupp) för att skapa en etikettgrupp och gruppera även de övre textkomponentema.

En sak att komma ihåg är användningen av gradienter inom dessa symboler. Illustratorn raderar gradienter när symbolerna tillämpas på 3D-ytor. Det här är bra och kan ge dig den önskade effekten, men därmed begränsar du det slutliga objektets skalbarhet.

Steg 2

Öppna symbolpanelen (Fönster> Symboler) och dra varje av de två grupperna i fönstret. Beroende på vilken version av Illustrator du använder kommer du antingen att presenteras med dialogrutan Symbolalternativ automatiskt, eller du kanske måste dubbelklicka på symbolerna när de är i panelen.

Hur som helst ange ett namn för vart och ett av dina två symboler i dialogrutan Symbolalternativ och klicka på OK. Det kan också vara bra att visa symbolpanelen som en lista (som visas på bilden nedan), som låter dig se symbolikonen plus deras tilldelade namn. Befintliga instanser av symbolerna på din tavla kan nu raderas.

Steg 3

Jag är nu i översiktsläge (Command + Y för att växla mellan Förhandsvisning och översikt) medan du arbetar med enkla vektorer, men du kan välja vilket visningsmod du föredrar.

Använd de olika ritverktygen för att bilda de former som behövs för en siluett av en cola-flaska. Justera dem alla centralt, men oroa dig inte om det hela inte är helt symmetriskt, kommer vi ändå att skära ner det i mitten. Det finns många sätt att förbereda former för roterande, vilket ger dig ett rimligt intryck av slutformuläret innan du tillämpade 3D-effekten.

Steg 4

Använd Pathfinder-verktygen för att ansluta till formerna. Expandera sedan dina former så att du har ett komplett objekt.

Steg 5

Rita en linje vertikalt ner i mitten av flaskobjektet. Justera sedan de två ihop centralt. Klicka nu på Pathfinder's Divide-verktyg och expandera resultatet. Ditt objekt kommer att ha delats snyggt i två.

Ta upp de två halvorna (Objekt> Ungrupp) och ta bort en av dem. Det gör ingen skillnad vilken av de två halvorna du tar bort. mer om detta senare.

Steg 6

Vi ska fortsätta dela upp vårt föremål, den här gången med en rad horisontella linjer. Det vi syftar till är en samling stycken så att varje flaskaområde kan ha sin egen färg och transparens egenskaper.

Börja med en linje för att skilja flaskans topp från resten, då en som börjar etiketten och en annan för plasten under etiketten. Fortsätt med den här metoden tills din design matchar bilden som visas nedan.

Steg 7

Återigen vänder vi till våra Pathfinder Tools. Du behöver inte gruppera de horisontella linjerna, välj bara allt på sidan och klicka på Divide. Expand ditt objekt som du har gjort tidigare. Därefter ungroup (Object> Ungroup) för att släppa dina flaskdelar från varandra.

Steg 8

Använd Direct Selection Tool för att välja fyra av noderna längs kanten på ditt objekt (som markerat nedan). Tryck sedan på Ta bort för att ta bort dem. Detta bör lämna dig med en segmenterad vektor som definierar ytterkanten av halv av din flaska.

Steg 9

Om du för närvarande arbetar i översiktsläge, växla till förhandsgranskning (Command + Y) så att vi kan bestämma några färger. Ge var och en av de fem flaskdelarna en färg och lämna strokebredden vid standard 1px (strokebredden bestämmer effektivt tjockleken på din flaska plast, du kanske vill spela med det här).

Steg 10

Välj alla dina flasksektioner och gruppera dem tillsammans (Objekt> Grupp). Detta är ett enkelt men avgörande stadium i 3D-rotationsprocessen. Vi vill att alla sektioner ska behandlas som en enhet och för effekterna som ska tillämpas på gruppen som helhet. Utan att gruppera dem skulle revolveringseffekten appliceras på varje sektion individuellt och skapa fem slumpmässiga 3D-objekt. Prova själv!

Steg 11

Välj dina nu grupperade flaskvektorer. Gå till Effect> 3D> Revolve och klicka på Förhandsgranska i dialogrutan Alternativ som visas. Du kommer att presenteras med en roterad 3D-rendering av din vektor, vänd 360 ° runt den vänstra kanten som standard.

Detta tar oss tillbaka till steg 5 när jag nämnde "mer om detta senare". Tja senare är här nu. När jag delade hela flaskobjektet i två halvor valde jag att ta bort höger sida och lämnade mig med vänster. Om du gjorde detsamma kommer din flaska att ha gjorts enligt nedan.

Du måste ändra inställningarna så att objektet roteras runt höger sida, som visas i den andra bilden nedan.

Steg 12

I dialogrutan 3D Revolve Options klickar du på Map Art, som öppnar dialogrutan Mapping. Välj de ytor du behöver med hjälp av navigeringspilarna och kartlägg de lämpliga symbolerna för dem från symbolens rullgardinsmeny. Det kommer att finnas många ytor att välja mellan med ett komplext föremål så här, så det kan ta ett tag att hitta de du söker efter. Detta gäller speciellt när en vektor vrids, som ytor på inuti av ditt objekt kan också kartläggas.

Klicka på Shade Artwork och klicka sedan på OK. Återigen i dialogrutan 3D Options, spela runt med vinkel, perspektiv och belysning (under Fler alternativ) tills du är nöjd med resultatet. Klicka sedan på OK.

Steg 13

Vi har nu en fin 3D-flaska med en etikett och lite lockstruktur, men plasten och cola är ogenomskinliga. Vi måste lösa frågan om öppenhet (här kommer den viktigaste delen av handledningen). Det finns flera sätt på vilka du kan tänka dig att närma sig detta, så först överstiger jag de felaktiga sätten och visar sedan hur det ska göras.

1. Genom att välja 3D-flaskan och minska opaciteten i transparentpanelen blir det hela objektet blekna. Dessutom kommer du inte ens att kunna se baksidan av objektet, det kommer att ha behandlats som en 2D-bild. Detta beror på att när Illustrator gör ett objekt i 3D, plattar det först det transparenta objektet (se den första bilden nedan).

2. I stället kunde vi expandera gruppen i panelen Lager eller dubbelklicka på objektet för att avslöja gruppelementen. Genom att välja bara de vi behöver och ändra sin opacitet kan vi ge vår flaska ett genomskinligt utseende (se den andra bilden nedan). Rätt inställning! Höger? Fel!

Steg 14

Tekniskt har vi precis uppnått det utseende vi ville ha, men vad gäller bästa praxis denna metod kommer inte att vinna en guldstjärna. Illustratorn har flatat insynen i huvudobjektet (i detta fall gruppen av vektorer) men nu har vi ändrat egenskaperna hos ett objekt inom vår grupp. Denna transparens är inte utplattad och effekten fungerar.

Men föreställ dig att vi inte hade en grupp. Tänk istället att vi hade byggt en enda vektor för att skapa en grön glasflaska och vi ville också ha en öppenhet. Vi skulle inte ha en grupp att expandera, men vi skulle fortfarande behöva ändra insynen i ett element inom vår vektor, så här är var den tredje korrekt Metoden kommer i spel.

3. Öppna din Utseendepanel (Fönster> Utseende) och använd verktyget Direktval för att klicka på en vektor vars transparens du vill ändra. I panelpanelen Utseende kan du nu isolera det här objektets genomskinningsegenskaper. Du gör det genom att klicka på Stroke-attributet och ändra värdet i transparentpanelen. Du ändrar inte objektets egenskaper, men egenskaperna hos det är stroke, som ligger så långt ner egenskapshierarkin som möjligt! Garanterad öppenhet!

Ge streck i plastsektionerna en Multiply Transparency på 40% och stroke av colasektionen a Multiplicera transparens på 60%.

Steg 15

Om du tycker att flaskan måste stå på något, gör en ellips, ge den en radiell gradient från 50% svart till vitt och skala det vertikalt, som i bilden nedan. Placera den under botten av flaskan. Gör en annan (större) ellips, ge den en radiell gradient från 20% svart till vitt. Sedan Mask (Command + 7) den övre halvan med en rektangel. Placera den bakom flaskan som en horisont.

Tyvärr, Illustrator (ännu) inte tillgodoser atmosfär som dedikerade 3D-program, så du måste falsk din egen skugga.

Slutsats

Där har vi det! En genomskinlig 3D-plastkolaflaska! Duplicera din sista flaska om du verkligen vill visa sin transparens. Skalera det för att tillåta avstånd. Tänk på att när du ändrar storleken på 3D-renderade objekt (eller streckbredden etc.) kan din bildkartning behöva användas igen. Det är troligt att dina ytor kommer att ha tilldelats olika nummer och att dina symboler är fästa på olika ställen.