Werken met 3D-objecten en transparanten om een ​​Vector Cola Bottle-ontwerp te maken

VECTORTUTS heeft een paar keer Illustrator's 3D-effecten behandeld, dus de basisvaardigheden zouden je al bekend moeten zijn. In deze zelfstudie nemen we die vaardigheden een beetje mee en bespreken we hoe Illustrator omgaat met transparantie in 3D-objecten. In slechts een paar stappen heeft u een plastic colafles gemaakt, die bij uitstek geschikt is voor degenen die betrokken zijn bij productmarketing.

Final Image Preview

Dit is wat we willen bouwen met deze tutorial.

Stap 1

We hebben twee symbolen nodig om in kaart te brengen naar ons uiteindelijke 3D-object; een flessenlabel en een beetje textuur voor de schroefdop. Maak de jouwe met dezelfde verhoudingen als de hieronder getoonde en gebruik de ontwerpen die je maar wilt. Groepeer de labelcomponenten (Objecten> Groep) om een ​​labelgroep te maken en groepeer ook de componenten van de bovenste textuur.

Een ding om in gedachten te houden is het gebruik van gradiënten binnen deze symbolen. Illustrator rastreert gradiënten bij het toepassen van de symbolen op 3D-oppervlakken. Dit is prima en kan je het gewenste effect geven, maar daarmee beperk je de schaalbaarheid van je uiteindelijke object.

Stap 2

Open het symbolenpaneel (Venster> Symbolen) en sleep elk van de twee groepen naar het venster. Afhankelijk van de versie van Illustrator die u gebruikt, wordt het dialoogvenster Symboolopties automatisch weergegeven of moet u dubbelklikken op de symbolen in het paneel..

Voer hoe dan ook een naam in voor elk van uw twee symbolen in het dialoogvenster Symboolopties en klik op OK. U kunt het ook handig vinden om het paneel Symbolen als een lijst weer te geven (zoals weergegeven in de afbeelding hieronder), waarmee u de symboolpictogrammen plus hun toegewezen namen kunt zien. Bestaande exemplaren van de symbolen op uw tekengebied kunnen nu worden verwijderd.

Stap 3

Ik ben nu in de overzichtsmodus (Command + Y om te schakelen tussen Voorvertoning en Overzicht) tijdens het werken met eenvoudige vectoren, maar je kunt kiezen in welke weergavemodus je de voorkeur geeft.

Gebruik de verschillende tekengereedschappen om de vormen te vormen die nodig zijn voor een silhouet van een colafles. Lijn ze allemaal centraal uit, maar maak je geen zorgen als het geheel niet perfect symmetrisch is, we gaan het toch in het midden snijden. Er zijn veel manieren om vormen voor revolving te maken, op deze manier krijg je een redelijke indruk van de uiteindelijke vorm voordat je het 3D-effect hebt toegepast.

Stap 4

Gebruik de Pathfinder-gereedschappen om deel te nemen aan de vormen. Breid vervolgens je vormen uit zodat je vervolgens een volledig object hebt.

Stap 5

Teken een lijn verticaal in het midden van je flessenobject. Lijn de twee vervolgens centraal uit. Klik nu op het deelvenster van de Pathfinder en vergroot het resultaat. Je object is netjes in tweeën gedeeld.

Groepeer de twee helften (Objecten> Groep opheffen) en wis een van de twee. Het maakt weinig uit welke van de twee helften je verwijdert; hier later meer over.

Stap 6

We gaan door met het splitsen van ons object, dit keer met een reeks horizontale lijnen. Waar we naar streven is een verzameling stukjes, zodat elk gedeelte van de fles zijn eigen kleur- en transparantie-eigenschappen kan hebben.

Begin met een lijn om de bovenkant van de fles van de rest te scheiden, vervolgens een lijn waarmee het etiket begint en een ander voor het plastic onder het label. Ga door met deze methode totdat je ontwerp overeenkomt met de afbeelding hieronder.

Stap 7

Opnieuw gaan we naar onze Pathfinder Tools. U hoeft de horizontale lijnen niet te groeperen, selecteer gewoon alles op de pagina en klik op Delen. Breid je object uit zoals je eerder hebt gedaan. Ontkoppel vervolgens (Object> Groep opheffen) om uw flessecties van elkaar los te maken.

Stap 8

Gebruik het gereedschap Direct selecteren om vier van de knooppunten langs de rand van uw object te selecteren (zoals hieronder gemarkeerd). Druk vervolgens op Verwijderen om ze te verwijderen. Dit zou je moeten verlaten met een gesegmenteerde vector die de buitenrand van definieert voor de helft van uw fles.

Stap 9

Als u momenteel in de overzichtsmodus werkt, schakelt u over naar Voorbeeld (opdracht + Y) zodat we enkele kleuren kunnen bepalen. Geef elk van de vijf flessecties een kleur en laat de streekbreedte op de standaardwaarde van 1 px (de streekbreedte bepaalt effectief de dikte van het plastic van je fles, misschien wil je hier wat mee spelen).

Stap 10

Selecteer alle flessecties en groepeer ze samen (Object> Groep). Dit is een eenvoudige maar cruciale fase in het 3D-revolveringsproces. We willen dat alle secties worden behandeld als één eenheid en dat de effecten worden toegepast op de groep als geheel. Zonder ze te groeperen, zou het revolve-effect op elke sectie afzonderlijk worden toegepast, waardoor vijf willekeurige 3D-objecten worden gemaakt. Probeer het zelf!

Stap 11

Selecteer uw nu gegroepeerde flesvectoren. Ga naar Effect> 3D> Revolve en klik op Voorbeeld in het dialoogvenster Opties dat verschijnt. Je krijgt een revended 3D-weergave van je vector te zien, standaard 360 ° rond de linkerrand.

Dit brengt ons terug naar stap 5 toen ik zei: "Hierover later meer." Goed later is hier nu. Toen ik het hele flessenobject in twee helften splitste, koos ik ervoor om de rechterkant te verwijderen, waardoor ik met links over bleef. Als u hetzelfde deed, heeft uw fles weergegeven zoals hieronder.

U moet de instellingen zo aanpassen dat het object aan de rechterkant wordt gedraaid, zoals wordt weergegeven in de tweede afbeelding hieronder.

Stap 12

Klik in het dialoogvenster 3D Revolve-opties op Map Art, waarmee het dialoogvenster Mapping wordt geopend. Selecteer de oppervlakken die u nodig hebt met behulp van de pijlen voor oppervlakte-navigatie en wijs de juiste symbolen toe in de vervolgkeuzelijst met symbolen. Er kunnen veel oppervlakken zijn om uit te kiezen met een complex object zoals dit, dus het kan een tijdje duren om degene te vinden die je zoekt. Dit is met name het geval bij het draaien van een vector, zoals oppervlakken op de binnen van uw object kan ook in kaart worden gebracht.

Klik op Shade Artwork en klik vervolgens op OK. Eenmaal terug in het dialoogvenster 3D-opties, speel je rond met de hoek, het perspectief en de verlichting (onder Meer opties) totdat je tevreden bent met het resultaat. Klik vervolgens op OK.

Stap 13

We hebben nu een mooie 3D-fles met een label en een beetje textuur van het deksel, maar het plastic en de cola zijn ondoorzichtig; we moeten het probleem van transparantie oplossen (hier komt het belangrijkste deel van de tutorial). Er zijn verschillende manieren waarop u denkt dit te benaderen, dus ik zal eerst de onjuiste manieren overstijgen en vervolgens laten zien hoe het moet worden gedaan.

1. Door de 3D-fles te selecteren en de dekking in het transparantiepaneel te verminderen, vervaagt het hele object. Bovendien zult u zelfs de achterkant van het object niet kunnen zien, het zal zijn behandeld als een 2D-afbeelding. Dit komt omdat wanneer Illustrator een object in 3D rendert, het eerst de transparantie van dat object afvlakt (zie de eerste afbeelding hieronder).

2. In plaats daarvan kunnen we de groep uitbreiden in het deelvenster Lagen of dubbelklik op het object om de groepsonderdelen weer te geven. Door alleen die te selecteren die we nodig hebben en hun dekking te wijzigen, kunnen we onze fles een transparante uitstraling geven (zie de tweede afbeelding hieronder). De juiste aanpak! Rechts? Fout!

Stap 14

Technisch gezien hebben we zojuist de gewenste look gekregen, maar in termen van beste praktijken deze methode zal geen gouden ster winnen. Illustrator heeft de transparantie van het hoofdobject (in dit geval de groep vectoren) afgevlakt, hoewel we nu de eigenschappen van een object hebben gewijzigd binnen onze groep. Deze transparantie is niet afgevlakt en het effect werkt.

Stel je echter voor dat we geen groep hadden. Stel je voor dat we een enkele vector hadden gebouwd om een ​​groene glazen fles te maken en we wilden ook een transparantie toepassen. We zouden geen groep hebben om uit te breiden, maar we zouden nog steeds de transparantie van een element moeten veranderen binnen onze vector, dus dit is waar de derde correct methode komt om de hoek kijken.

3. Open uw Uiterlijkpaneel (Venster> Uiterlijk) en gebruik het gereedschap Direct selecteren om op een vector te klikken waarvan u de transparantie wilt wijzigen. In het deelvenster Uiterlijk kunt u nu de eigenschappen voor lijntransparantieverloop van dit object isoleren. U doet dit door op het kenmerk Streek te klikken en de waarde in het transparantiepaneel te wijzigen. U wijzigt niet de eigenschappen van het object, maar de eigenschappen van de lijn, die zo ver mogelijk in de eigenschappenhiërarchie ligt! Gegarandeerde transparantie!

Geef de slagen van de plastic secties een vermenigvuldiging transparantie van 40% en de slag van de cola sectie een vermenigvuldiging transparantie van 60%.

Stap 15

Als je het gevoel hebt dat de fles op iets moet staan, maak dan een ovaal, geef het een radiaal verloop van 50% zwart naar wit en schaal het verticaal, zoals in de onderstaande afbeelding. Plaats het onder de basis van de fles. Maak nog een (grotere) ellips, geef het een radiaal verloop van 20% zwart naar wit. Masker (Command + 7) vervolgens de bovenste helft met een rechthoek. Plaats het achter de fles als een horizon.

Helaas speelt Illustrator (nog) niet in op ambiance zoals speciale 3D-programma's, dus u zult het wel moeten doen nep je eigen schaduw.

Conclusie

Daar hebben we het! Een transparante 3D plastic colafles! Dupliceer je laatste fles als je echt wilt laten zien dat het transparant is. Schaal het om afstand mogelijk te maken. Houd er rekening mee dat wanneer u de schaal van 3D-gerenderde objecten (of de lijnbreedte, enzovoort) wijzigt, uw afbeeldingtoewijzing mogelijk opnieuw moet worden toegepast. Waarschijnlijk hebben uw oppervlakken verschillende nummers toegewezen gekregen en zijn uw symbolen op verschillende plaatsen bevestigd.