Share
Maak snel ingepakte en onverpakte geschenkdozen met het ingebouwde 3D Extrude & Bevel-effect van Illustrator. Leer hoe u een volledig bewerkbaar 3D-lint en gemaskeerde 3D-typografie kunt maken. We zullen ook sparkles maken met Symbol Tools.
Laten we om te beginnen eens kijken naar de afbeelding die we gaan maken.
Maak ons document op 800 pixels bij 600 pixels. Zorg ervoor dat de eenheden zijn ingesteld op pixels. Schakel Smart Guides in door Command + U te gebruiken. Stel in onze Algemene voorkeuren de toetsenbordstapeling in op 1px.
Maak een laag en geef deze de naam 'Box Template'. Schakel vervolgens de overzichtsmodus in (Command + Y), zodat we ons niet laten afleiden door vullingen en streken.
We beginnen met eenvoudige vormen. Teken een rechthoek met 150 px bij 150 px. Selecteer het vervolgens en dupliceer het (houd Alt + Shift ingedrukt terwijl u omhoog sleept) en stel de grootte in op 155 px bij 65 px. Selecteer vervolgens het gereedschap Pen en teken de contouren van het lint volgens de dooscontouren. Laat wat ruimte tussen de lijn en vakken.
Selecteer de lintomtrek en kies het Reflectiegereedschap (O). Sleep vervolgens het middelpunt van de rotatie naar het onderste ankerpunt, zoals hieronder wordt weergegeven. Verplaats de cursor naar het bovenste ankerpunt naar beneden en verplaats de cursor met de cursor naar links of naar rechts terwijl je Alt + Shift ingedrukt houdt. Het lintpad wordt tegelijkertijd gespiegeld, gedupliceerd en perfect horizontaal uitgelijnd. Sla vervolgens het bestand op.
Nu gaan we een tweede doos maken, maar deze keer onverpakt en onbedekt. Selecteer alle elementen en Alt + Shift + sleep ze naar rechts. Vergeet niet om voldoende ruimte tussen de vakken te houden, dat hebben we nodig in de volgende stappen. Zoom in naar het juiste vak en selecteer het juiste lintpad en verwijder het. Selecteer het linker lintpad, kies het gereedschap Ankerpunt verwijderen en verwijder de "boog" -punten, zoals hieronder weergegeven.
Gebruik het gereedschap Direct selecteren om het pad aan te passen, waarbij afzonderlijke ankerpunten in een vorm worden verplaatst, zoals hieronder wordt weergegeven. Dupliceer en spiegel het pad.
Verplaats vervolgens het pad van de doos naar beneden in de grote doos en draai eraan tot je resultaat eruit ziet als de afbeelding hieronder. Het rotatiepunt is het eindpunt rechtsonder op het pad. Sla vervolgens het bestand op.
De linten zijn nu vrij scherp, dus we geven het een mooie vloeiende vorm door ankerpunten aan te passen met de tool Ankerpunt converteren. Verplaats ook de ankerpunten van het lint naar de dooscontouren, maar laat er wat ruimte tussen.
Laten we de elementen indelen in afzonderlijke lagen. In principe moet elk dooselement en elk lintpad een eigen laag hebben. Gebruik Knippen (Command + X) en Plakken vooraan (Command + F) om elementen in afzonderlijke lagen te plakken. Schakel de voorbeeldmodus in (Command + Y). Zet de linten op een stevige omtrek (geen vulling) en de kaders op effen opvulling (geen omtrek) en stel de vulkleur in op K = 30 en omtrek naar K = 50.
Vervolgens zullen we 2D in 3D veranderen. Selecteer alle objecten en ga naar menu Effect> 3D> Extrude & Bevel. Stel de X / Y / Z coördineer waarden tot -10, -30 en 3 graden. Stel het perspectief ook in op 50 graden, zoals hieronder wordt weergegeven. Ik raad je ten zeerste aan alle waarden ergens op het papier op te schrijven, aangezien we ze later zullen gebruiken. Ik maak meestal ook duplicaten van alle elementen op dit moment, alleen een reservekopie en verplaats ze ergens buiten het tekengebied. Sla vervolgens het bestand op.
Nu komt hier het leuke van spelen met kleuren en texturen. Selecteer "Box 1" en verander de vulkleur (C = 85, M = 50, Y = 0 en K = 0). Verander vervolgens de "Box 1 Cover" Fill ook (C = 60, M = 40, Y = 5 en K = 0). Verander vervolgens "Box 1 Ribbon 1" Outline Color (C = 5, M = 90, Y = 75, en K = 0), en gebruik dezelfde omtrekkleur voor "Ribbon 2".
Stel vervolgens de vulkleur in voor "Box 2" (C = 5, M = 90, Y = 75, en K = 0) en stel daarna de kleur van de omslag in (C = 5, M = 70, Y = 90, en K = 0). Stel vervolgens de omtrekkleur "Box 2 Ribbons 1" en "Box 2 Ribbon 2" in (C = 70, M = 15, Y = 0 en K = 0). Nu zou je iets moeten zien dat lijkt op de afbeelding hieronder. Maak je geen zorgen over de platte look, we voegen hoogtepunten en schaduwen toe in verdere stappen.
Laten we een paar wijzigingen aanbrengen in de afmetingen en positie van de 3D-modellen. Selecteer "Box 1" en wijzig de X / Y / Z waarden tot -10, 27 en -6 graden. Stel de Extrude Depth ook in op 150 graden. Stel dezelfde waarden in voor "Box 1 Cover", "Box 2" en "Box 2 Cover 2".
Pak het Delete Anchor Point Tool en verwijder alle onderstaande ankerpunten.
Selecteer het eindankerpunt en verplaats het naar boven tot het de bovenrand van de coverbox bereikt.
Selecteer "Box 1 Ribbon 2" en verplaats het ankerpunt aan de onderkant naar rechts (met behulp van de pijltoetsen). Doe dit totdat het de rechterkant van de doos bereikt. Misschien wilt u het perspectief aanpassen en de geometrie handmatig uitlijnen om een nog betere uitstraling te krijgen, dus verplaats ankerpunten naar de gewenste locaties.
Voeg nog twee lintgeometrie toe door 1 & 2 te dupliceren en plaats ze op individuele lagen "Box 1 Ribbon 3" en "Box 1 Ribbon 4". Roteer de objecten rond de Y-as en verwijder verborgen ankerpunten om een volledig 3D-vak te krijgen dat eromheen is gewikkeld met een rood lint. Zorg er dan voor dat je opslaat.
"Box 2" is in feite gemaakt en bewerkt op dezelfde manier als "Box 1." Dat betekent dat het instellen van het kader en de doosdeksel de dieptes tot 150 extruderen, linten naar nieuwe lagen dupliceren en ze rond de Y-as draaien. U moet de vakken "Box 2 Cover", "Ribbon 2" en "Ribbon 4" slepen, zodat deze zich onder "Box 2 layer" bevinden, zoals hieronder weergegeven.
En nogmaals, het aanpassen van ankerpunten en positioneringselementen leidt tot iets als op de volgende afbeelding.
We moeten de lintgeometrie onder de oranje hoes maskeren. Trek een pad en gebruik het als een uitknipmasker om een resultaat te krijgen zoals in de volgende afbeelding. Zorg er vervolgens voor dat u uw document opslaat.
Op dit moment hebben we twee geschenkdozen en linten, die volledig aanpasbaar en aanpasbaar zijn, dus je kunt ze roteren, extrudeerwaarden wijzigen, perspectief, ankerpunten verplaatsen en de resultaten zijn zichtbaar in echte tijd.
We gaan een beetje met licht en schakeringen spelen. Laten we zeggen dat er ergens een punt van licht is over de hele scène. Dit helpt ons hoogtepunten en schaduwen te definiëren. Selecteer eerst het object "Box 1" en dubbelklik op de laag 3D Extrude & Bevel in het palet Uiterlijk.
Zorg ervoor dat Voorbeeld is ingeschakeld en klik op de knop Meer opties. Volg de onderstaande afbeelding om de waarden in te stellen. Voor een sterker contrast voegt u meer licht toe door op het pictogram Nieuw licht te klikken. Sleep die kleine cirkels over de bol en plaats ze zodat ze mooie hoogtepunten en schaduwen maken.
Pas soortgelijke instellingen toe op de lichtblauwe omslag. Stel voor linten de Markeerintensiteit in op 90%, Markeer Formaat op 90% en Meng Stappen tot 150 (verlopen worden vloeiender). Merk op dat ik ook ankerpunten heb aangepast met behulp van het gereedschap Ankerpunt converteren om ronde randen en een gladdere uitstraling te krijgen.
U kunt ook proberen hoeken af te ronden door het effect Round Corners toe te passen in het menu Effect> Stylize. Ik heb een straal van 2 pixels gebruikt voor "Ribbon 2", "Ribbon 3" en "Ribbon 4". Sla vervolgens het bestand op.
Stel meer lichten in, waardoor de hoogtepunten voor alle overige elementen worden gecreëerd. Vergeet niet dat u ankerpunten altijd kunt bewerken om vloeiende lijnen te maken.
We gaan het rode vak openen. Dit is een beetje lastig, we kunnen niet alleen het commando Uiterlijk uitbreiden gebruiken als de geometrie grijs is. Illustrator maakt alleen zichtbare delen, dus als we dit doen en de uitgevouwen objecten uit de groep verwijderen, is dit wat we krijgen.
We maken dus twee back-upkopieën van de rode doos en de oranje hoes. Verplaats ze vervolgens weg van het tekengebied. Eén exemplaar is een back-up (voor het geval u besluit meer kaders met verschillende kleuren en vormen te maken). De tweede is een kleurreferentie voor de vakken die in de hoofdscène worden gebruikt. Gebruik dus de opdracht Uiterlijk uitbreiden op een van de back-upkopieën (vouw zowel het rode vak als het oranje vak uit).
Zoom in op het tekengebied, selecteer het rode vak en stel het Surface to Wireframe in door op de 3D Extrude & Bevel in het Appearance Panel te klikken, waarmee de dialoog wordt geopend waarin u de instellingen kunt kiezen. Doe hetzelfde met de oranje doos. Nu is elke doos gemaakt van zes vlakken. Breid de verschijning uit. Selecteer vervolgens het rode vak en druk zes keer op Command + Shift + G. Doe hetzelfde met de oranje doos.
Selecteer de bovenste vlakken van het rode vak en stel de vulling in op none en maak een omtrek naar geel (dit is slechts een visuele aanwijzing, later gebruiken we dit vlak als een knipmasker). Verplaats het dan ergens van het tekengebied vandaan. Klik met de rechtermuisknop en selecteer Clipping Mask vrijgeven. Selecteer nu het voorvlak, kies het pipetgereedschap (O) en kies de rode kleur uit het voorvlak van de rood gearceerde, uitgevouwen doos.
Of je kunt gewoon je eigen rood mixen. Merk op dat het achterste vlak op de voorkant is geplaatst. Ga naar Object> Schikken en kies Verzenden naar achteren.
Vul het laatste vlak met een donkerder rood en plaats het bodemvlak naar achteren. Doe hetzelfde met de oranje doos. Sla vervolgens het bestand op.
Laten we wat textuur toevoegen aan het rode vak. Teken een rechthoek en vul deze met groen. Dupliceer het zes keer. Houd Alt ingedrukt en klik op de knop Toevoegen aan formuliergebied in Pathfinder-palet. Dupliceer vervolgens het strepenpatroon (we hebben ook een kopie nodig voor het zijvlak). Plaats vervolgens het patroonobject zodat het het voorvlak van het rode vak bedekt.
Weet je nog toen ik voorstelde al die 3D-coördinaten en perspectiefwaarden op te schrijven? We zullen het nu gebruiken. Selecteer het streeppatroon en pas een 3D> Rotate-effect toe met deze waarden -10, -30 en 3 graden. Ook een perspectief van 50 graden. Breid dan de verschijning uit.
Verplaats de strepen naar een nieuwe laag, noem deze "Patroon". Schakel de laag uit door op het oogpictogram te klikken). Selecteer het voorvlak van het rode vak en kopieer het naar het klembord Command + C. Dit wordt een knipmasker. Plak deze op de voorgrond (Command + F) van het patroon (zorg dat je actieve laag een patroon is).
Klik vervolgens Alt + klikken om beide objecten te selecteren, klik met de rechtermuisknop en kies Knipmasker maken. Dubbelklik om de isolatiemodus te openen, zodat we de patroonkleuren kunnen bewerken. Vouw de lagengroepen uit door op de pijlen te klikken en klik op het cirkelpictogram Compound Path. Hiermee selecteert u de strepengeometrie. Stel de kleur in op een oranje tot paars verloop met een hoekwaarde van -90.
Dubbelklik ergens buiten het tekengebied om de isolatiemodus te verlaten. Vervolgens Alt + klik op de laag 'Patroon' en stel de transparantiemodus in op Overlay. Klik op het kleine pijltje om de lagen uit te vouwen, dubbelklik op Groepslaag en hernoem het in "Patroon 1". Selecteer alle objecten op de laag "Patroon", knip ze uit, selecteer de laag "Kader 2" en plak ze op de voorgrond. Hiermee wordt het patroon voor de doosvlakken geplaatst, maar achter de lintgeometrie.
Om een patroon aan de zijkant van het kader te maken, gebruiken we gedupliceerde groene strepen na alle bovenstaande stappen, met één uitzondering: de 3D-coördinaten moeten worden aangepast om een juiste rotatie en perspectief te krijgen. Stel het object Transparantie ook in op Zacht licht.
Nu voegen we wat schaduw toe. Dit is vrij eenvoudig, maak een nieuwe laag en teken enkele eenvoudige vormen met behulp van het gereedschap Pen. Vul ze vervolgens met zwart-wit gradiënten en stel de Transparantiemodus voor elk object afzonderlijk in op Vermenigvuldigen. Meestal sluit ik alle lagen behalve de huidige om te voorkomen dat ankerpunten aan verschillende paden worden toegevoegd. Teken een schaduw voor elk afzonderlijk element, zoals hieronder weergegeven.
Voeg een eenvoudige gradient-achtergronden toe om de scène diepte te geven. Ik heb drie tinten bruin gebruikt voor het verloop. Ik raad aan om deze laag te vergrendelen, omdat we met het gebied gaan werken.
Vervolgens vullen we een doos met 3D-typografie. Maak een nieuwe laag en noem deze "3D-tekst". Plaats wat tekst en kies een lettertype (ik gebruikte Myriad Pro Black). Vul het dan met elke lichte kleur (C = 30, M = 0, Y = 10, en K = 0). Selecteer alle tekst die u in de doos wilt plaatsen, pas 3D Extrude & Bevel toe en klik op OK. Doe geen moeite met andere instellingen, we zullen ze individueel aanpassen. Selecteer nu elke tekst en plaats deze in de buurt van het vakgebied.
Schakel de 3D-tekstlaag uit. Selecteer het gele geschetste vlak, dat ergens rond het tekengebied moet zijn, plaats het bovenop de doos en ga naar menu Object> Schikken> Naar voorgrond brengen.
Als je het niet kunt zien, controleer dan de zichtbaarheid van de laag. Als u het per ongeluk hebt verwijderd, tekent u gewoon een nieuwe rechthoek. Door ankerpunten te verplaatsen met behulp van het gereedschap Direct selecteren en de slimme hulplijnen, kunt u ook ankerpunten op hoeken plaatsen en uitlijnen. Zorg ervoor dat u nog meer punten aan het pad toevoegt.
Kopieer het pad, schakel de zichtbaarheid van de 3D-tekstlaag in en plak het pad naar de 3D-tekstlaag. Selecteer alle objecten in deze laag en maak een uitknipmasker. Je krijgt zoiets als de afbeelding hieronder.
Maak nu alle lagen zichtbaar tot je er twee ziet met de naam 'Clipping Path'. Verwijder de tweede en verplaats de afzonderlijke ankerpunten op de eerste. Je kunt het resultaat hieronder zien. Als u problemen hebt bij het selecteren van punten, schakelt u slimme hulplijnen uit (Command + U).
Dubbelklik in het pad om de isolatiemodus te openen, zodat we met de 3D-tekst kunnen spelen. Verplaats en roteer objecten met behulp van het 3D Extrude & Bevel-effectdialoogvenster om het naar uw smaak aan te passen. Speel met de lichtinstellingen, je kunt meer lichten toevoegen, zoals ik deed. Dit toont meer contrast en diepte tussen lichten en schaduwen. Vergeet niet om de waarde Perspective in te stellen op 50. Wijzig vervolgens de kleuren, lettertypen en opslaan.
Voeg wat gloed toe in de doos door een nieuwe laag boven alle andere lagen te maken en deze 'Gloeien' te noemen. Maak een cirkel van 100 px breed en vul deze met zuiver wit. Een Gaussiaans vervagingseffect toepassen met een diameter van 50 px. Teken een knipmasker volgens de dooscontouren. Selecteer beide objecten en maskeer de cirkel met het pad. Stel vervolgens de transparantie van het object in op zacht licht en klik op Opslaan.
Maak een nieuwe laag, noem deze "Sparkles." Selecteer de Star Tool in het toolpalet. Klik op het tekengebied en stel de eerste straal in op 10 px, tweede op 20 px en de punten op 5. Vul deze met puur wit. Schakel het symbolenpalet in en sleep de ster naar een lege plaats. Wanneer het dialoogvenster Symboolopties wordt geopend, stelt u de naam in op "ster" en typt u op Afbeelding.
Selecteer de Symbol Sprayer Tool en spuit de sterren over het tekengebied.
Selecteer de Symbol Sizer Tool, houd de Alt-toets ingedrukt en klik over de sterren om ze kleiner te maken. Gebruik het gereedschap Symboolspinner om de sterren willekeurige rotatie te geven. Ga naar het palet Symbolen, dubbelklik op het sterpictogram en vul het met een gele kleur van 30%. Sluit de isolatiemodus af, selecteer objecten op de laag "Sparkles", zet de transparantiemodus op Overlay en sla op.
We zijn bijna klaar! U kunt vloeiende arceringen toevoegen aan "Blue Box 1", "Blue Box 2", "Orange Box 2" en "Cover 2". U hoeft alleen paden te tekenen en deze te vullen met zwart-wit overgangen en hun transparantie in te stellen op vermenigvuldigen.
Tip: Als u het formaat van vakken wilt wijzigen, vouwt u eerst hun uiterlijk uit. Groepeer vervolgens de objecten en pas de groep naar wens aan.
We zijn klaar! Het resultaat is hieronder. Ik hoop dat je deze tutorial leuk vond met het gebruik van Illustrator 3D-effecten, uitknipmaskers en Symbol Tools. Natuurlijk zijn er nog een aantal andere manieren om dit soort resultaten te bereiken, maar met behulp van 3D-tools kun je bijna elk element in de scène vrij aanpassen en aanpassen. Niet alleen één keer, maar nogmaals en opnieuw.
Accentsconagua