Maak je eigen Popcorn Horror Box in Adobe Illustrator

Wat je gaat creëren

Deze Halloween, laat je feestje brullen met enkele oogverblindende zelfgemaakte popcorndozen. Verzamel een stel vrienden, schakel het licht uit en organiseer een "Scary Movie Night". Ik raad aan om "The Exorcist", "Texas Chain Saw Massacre" of "Dawn of the Dead" te spelen. En wat is er nog leuker voor deze viering dan een bloederige, single-serving popcorn-box voor elk van uw vrienden, om ze te laten schreeuwen van angst?

Ik heb deze tutorial gemaakt voor het printen van een popcorn-box, om het spook naar je feestje te brengen. Je leert een sjabloon voor je werk te maken, gebruikt gratis penselen uit de vrije hand en haalt voordeel uit enkele tips en trucs van Adobe Illustrator. Ik zal zowel traditionele Illustrator-tools als nieuwe functies zoals Perspective Distort behandelen en u leren hoe u werk op Behance kunt delen, hoe u Live Corner Widgets kunt gebruiken en meer.

Laat het feest beginnen!

1. Maak en installeer een sjabloon

Stap 1

Om te beginnen, moeten we onze sjabloon maken. Als u een sjabloon maakt, kunt u tijd besparen en hoeft u de lay-out niet telkens opnieuw uit te vinden wanneer u een popcorndoos moet versieren. Maak een nieuw bestand: Bestand> Nieuw (Command-N). Noem het "Popcorn" voor nu, stel de Grootte naar A4, en zorg ervoor dat de oriëntatie is Horizontaal. Klik OK.

We beginnen met het tekenen van de eerste kant van onze doos sjabloon. Ik heb het huiswerk voor je gedaan, dus je hoeft de afmetingen niet te berekenen.

Ik wilde een middelgrote popcorndoos maken en omdat de meeste mensen A4-printers hebben, kwam ik met de oplossing om een ​​halve doosmal te ontwerpen, met twee zijden in plaats van vier. Op deze manier krijgen we een groter volume popcorn voor onze gasten. Het enige dat we moeten doen is de sjabloon twee keer afdrukken en aan elkaar plakken. Als we een vierzijdige popcorndoos op A4-papier hebben gemaakt, zou je een feest voor kleine monsters moeten regelen.

Laten we beginnen met het selecteren van Rechthoekgereedschap (M). Klik eenmaal op het tekengebied om het te openen Rechthoek dialoogvak en voer a in Breedte van 9,4 cm en Hoogte van 14.7 cm, om de vorm te definiëren.

U moet de. Openen info paneel (Venster> Info of Command-F8) zodat we de metingen kunnen volgenvoor onze sjabloon.

Met de Gratis transformatiegereedschap (E) gekozen, zult u merken dat u een transparante widget op uw bord krijgt, die u kunt pakken en verplaatsen. De widget bevat vier pictogrammen; kies de derde, Perspectief vervormen. Perspectief vervormen is altijd beperkt, dus niet nodig om de Verschuiving toets bij het verplaatsen van de ankers.

Selecteer de onderste ankerpunten en trek uw breedte af totdat u deze bereikt Hoogte van 78% (voorbeeldmetingen van Informatievenster). Als je je afvraagt ​​waarom we van de basis aftrekken, is het om de doos een kegelachtige vorm te geven, zodat de gasten de doos gemakkelijker kunnen vasthouden.

Nu moeten we de onderste vouw van de popcorndoos maken. Dat is de vouw die de doos van onderaf sluit, zodat je popcorn er niet uit valt. Om de diameter van de basis te krijgen, moet u de afstand tussen twee basispunten meten.We kunnen dat doen met behulp van de Meet gereedschap. Selecteer de Meet gereedschap door de knop ingedrukt te houden Eyedropper Tool om het te zien in de Hulpmiddelen paneel.

Klik op de twee punten om de afstand tussen beide te meten door over het eerste punt te klikken en het te verslepen Meet gereedschap naar het tweede punt (Shift-drag om de tool te beperken).

De info paneel toont u niet alleen de horizontale en verticale afstanden tot de x- en y-as, maar ook de totale horizontale en verticale afstanden, de totale afstanden en de gemeten hoek.

U zult dus zien dat onze basisafstand ongeveer is B: 6 cm.

Wetende dat onze basis een totaal van 6 cm heeft, selecteert u de Rechthoekgereedschap (M) en maak een rechthoek met een Breedte 6 cm en Hoogte 3,5 cm en plaats het onder onze eerste rechthoek. De hoogte van 3,5 cm wordt berekend met een klein beetje basiskennis. Onze basis is 6 x 6 vierkant, dus je moet de diameter van de basis in twee delen, en een extra 0,5 cm toevoegen om de flappen te laten overlappen, zodat je de vouwen later goed kunt lijmen.

Selecteer de Gratis transformatiegereedschap (E) opnieuw, en Perspectief vervormen de lagere punten tot je aankomt H: 88,55%.

Stap 2

-Om de tweede zijde van de doos te maken, Groep (Command-G) de bovenste en onderste rechthoeken van de eerste zijde samen. Sleep vervolgens de groep door de knop ingedrukt te houden Verschuiving-altsleutels. Houd de toets ingedrukt Verschuiving toets en je zult merken dat de vorm beperkt is tot alleen bewegen op een horizontaal of verticaal vlak. Houd ingedrukt alten het maakt een kopie die horizontaal of verticaal is opgesteld. Sleep de groep dus totdat de gegenereerde basispunten voor kopiëren in het midden samenkomen, zoals hieronder wordt weergegeven.

Vanaf de tweede groep aan de zijkant moeten we de lengte van de onderste vouw inkorten, zodat de doos dichtbij is. Gebruik de Direct selectie gereedschap (A) om de onderste basisankerpunten te selecteren. Houd de toets ingedrukt Verschuiving sleutel en sleep de twee ankerpunten tot ongeveer 1 cm wordt afgetrokken van de hoogte. Deze vouwen zien er ongeveer zo uit:

Sluit de info paneel; we zullen het niet langer nodig hebben.

Selecteer de tweede zijgroep en selecteer vervolgens de Roteer gereedschap (R). U zult het middelste referentiepunt (lichtblauwe cirkel) in het midden van uw selectie zien verschijnen; de rotatie zal op dat punt ontstaan. Sleep het naar het ontmoetingspunt van de twee zijkanten van het vak en roteer de selectie totdat beide zijden elkaar raken op de bovenste kastvouw.

Het enige element dat in onze doossjabloon is weggelaten, is de zijvouw, die de bovenste vouwen met elkaar verbindt. Selecteer de Pen gereedschap (P), en uit de vrije hand tekenen een schatting 1 cm vouw aan het einde van de tweede zijde. Het hoeft niet perfect te zijn, want deze vouw bevindt zich aan de binnenkant van de doos.

Groepeer alle elementen samen, centreer ze in het midden van je canvas en geef ze allemaal een grijs Beroerte van 0.15 pt, van de Beroerte paneel.

In Lagen paneel, Dubbelklik "Laag 1" en noem de laag "Sjabloon" en sluit deze.

We moeten ook twee andere lagen maken naast de "Sjabloon". Aan de onderkant van de Lagen paneel, u ziet het Maak een nieuwe laag icoon. Klik en een nieuwe laag verschijnt. Verander de naam van de laag in "Artwork". Sleep de laag "Artwork" onder de laag "Template". Maak vervolgens een nieuwe laag onder "Artwork" en noem deze "Sketch".

Stap 3

Bestand> Opslaan (Command-S), en bewaar het als Illustrator-sjabloon, welke de extensie ".ait" heeft. Of je zou gewoon kunnen selecteren Bestand> Opslaan als sjabloon, en het zal automatisch de ".ait" -indeling in het dialoogvenster selecteren. U zult zien dat het pictogram voor het bestand een beetje verschilt van een AI-bestand; het heeft een vouw in de rechterhoek van het pictogram.

Stap 4

Nu drukken we het bestand af en schetsen de enge, bloederige elementen erop. Of u heeft de mogelijkheid om het bestand te exporteren, Bestand> Exporteren. Exporteren naar PNG formaat, met Gebruik tekengebieden gekozen. De PNG-opties paneel zal openen; reeks Resolutie zoals Gemiddeld (150 ppi) met Achtergrond kleur van Wit. Open het bestand in Adobe Photoshop, en begin met schetsen met een pentablet, als je er een bij de hand hebt. 

Aan de ene kant tekende ik een rottende zombie die rauwe darmen at, een oogbal en een vinger, en aan de andere kant schreef ik het woord 'eng' in slijmerige, smeltende tekst.

Sla, nadat u klaar bent, uw illustratie of sla het bestand op als "Popcorn_Sketch.png".

2. Penseelinstelling

Stap 1

Bestand> Openen (Command-O) de sjabloon "Popcorn_Box_Template.ait". Wanneer u dit doet, ziet u dat de naam van het document "Untitled”. Dat komt omdat wanneer u een sjabloon opent, u een nieuwe versie opent, zodat u er een geheel nieuw document mee kunt maken, zonder bestaande werken en instellingen te overschrijven.

Selecteer de "Schetsen" laag in de Lagen Paneel. Dan Bestand> Plaats, en selecteer "Popcorn_Sketch.png”. Een grafische aanwijzer verschijnt met een kleine preview van uw geselecteerde afbeelding. Sleep de geladen grafische aanwijzer en plaats deze in de linkerbovenhoek van je canvas. Hierdoor wordt uw afbeelding precies onder uw sjabloon geplaatst. Als je het de eerste keer niet goed hebt, selecteer je gewoon je afbeelding en sleep je hem naar de gewenste positie.

Dubbelklik op de "Sketch" Layer en de Lagen optiespaneel zal openen. kiezen Slot en Dim Images naar 50%. Klik OK.

Bestand> Opslaan (Command-S), en sla het bestand op als AI. Noem maar op Zombie_Popcorn_Box.ai. Nu ons bestand is geïmporteerd, kunnen we onze penselen voorbereiden.

Stap 2

Voordat we beginnen met traceren, moeten we een aantal freestyle-kunstborstels maken.

Zorg ervoor dat je op de laag "Artwork" staat.

Selecteer de Pen gereedschap (P), waarmee je allerlei rechte en vloeiende lijnen, bochten en gesloten vormen kunt tekenen.

Begin met het weergeven van sommige gotisch uitziende penseelstreken, met spikes of bloedachtige kwijllijnen. 

Tip: je kunt verschillende vormen samen groeperen en een enkele borstel maken voor een dodelijker effect. Bekijk de vormen die ik heb gemaakt.

Stap 3

Open de Borstels paneel (F5 of Venster> Penselen).

Selecteer elke vorm waarvan u een penseel wilt maken, sleep deze naar de Borstels palet en a Nieuw penseelvenster verschijnt. kiezen Art Brush, en OK. De Art Brush-opties paneel zal openen. Het is niet nodig om elke streek een naam te geven, omdat u ze zult identificeren aan de hand van hun voorbeeld. Selecteer gewoon Streklengte om te passen, stel de Breedte zoals vast,en stel de colorizationMethode zoalstinten, zodat we het in een later stadium kleur kunnen geven. 

Voila, je kunstpenseel is gemaakt!

Doe nu dezelfde stappen voor alle andere vormen en vul je Borstels bibliotheek.

Verwijder alle vormen uit uw tekengebied na of selecteer alle vormen en verberg ze; Object> Verbergen (Command-3), voor het geval u ze later wilt bewerken.

Tip: Test de penselen om ervoor te zorgen dat ze het effect vastleggen dat u nodig hebt en verwijder de penselen die u niet nodig hebt uit uw Borstels paneel.

3. Tracing

Stap 1

Laten we beginnen met traceren! Selecteer de Penseelgereedschap (B), en kies een penseel uit de Borstels paneel met een zwarte lijn en een grootte van 1 pt. Begeef je vervolgens over de lijnen van je schets. De sleutel is om het slaggewicht te variëren met uw borstels. Het is allemaal een kwestie van afwisseling. Gebruik een beetje vallen en opstaan ​​en kijk wat werkt voor uw ontwerp.

Kijk eens wat ik heb bereikt met alleen de Penseelgereedschap (B).

Stap 2

Je zult merken dat we een aantal onderdelen hebben weggelaten tijdens het volgen van de illustratie. Dat komt omdat we die delen zullen vullen met de Pen gereedschap (P).

We moeten Selecteer> Alle (Command-A) om al het lijnwerk eruit te halen en deze lijnen te vergrendelen, zodat we vrij over het kunstwerk kunnen volgen. Object> Vergrendelen> Selectie (opdracht-2).

Selecteer de Pen gereedschap (P), met een zwarte vulling en lijn ingesteld op geen, en volg de rest van de schets.

Stap 3

Na het invullen van de grotere delen ontgrendel je je slagen: Object> Alles ontgrendelen (Command-Option-2).

Nu kunt u de laatste hand leggen aan uw tracering en de vormen bewerken.

Illustrator CC (update 17.1) heeft een functie waarin u eenvoudig de hoeken en paden van objecten kunt bewerken.

Neem de Direct selectie gereedschap (A), selecteer een object en op de hoeken ziet u enkele nieuwe bedieningselementen verschijnen. Deze worden genoemd Live Corner Widgets, en worden weergegeven door een cirkel met een punt in het midden. U kunt een selecteren Live Corners Widgeten verander de vorm van de hoek door erop te dubbelklikken. EEN Cornersdialoogvenster verschijnt. Hier kunt u kiezen uit drie soorten hoeken: Ronde, omgekeerde ronde, of scheefkromtrekken.  U kunt ook de waarde en het type afronding instellen Radius jij hebt nodig.

Opmerking: Houd er bij het slepen van de Live Corner Widgets op dat wanneer het hoogst mogelijke punt van de afronding wordt bereikt, het rood gemarkeerd wordt.

Stap 4

Zodra je de details van de illustratie hebt voltooid, sluit je je "Artwork" -laag. Verwijder vervolgens de laag "Sketch" door deze te slepen vanuit de Lagen paneel naar het prullenbakpictogram op dat paneel.  

Wil je laten zien dat je aan het werken bent? Je kunt je nieuwe kunstwerk direct uploaden naar Behance van Illustrator, als u bent ingelogd met een Adobe ID. Klik op de Behance pictogram in de linkerbenedenhoek van het actieve venster, of klik Bestand> Delen op Behance, vul alle details van het werk in op de Deel op Behance dialoogvenster en plaats het als een Lopende werkzaamheden op Behance! Als u niet wilt, gaat u gewoon door naar de volgende stap.

4. Kleur

Stap 1

Als we klaar zijn met traceren, kunnen we het enge kunstwerk inkleuren.

Selecteer de Maak een nieuwe laag pictogram onderaan de Lagen paneel. Dubbelklik op de laag en noem deze "Kleuren". Met de Pen gereedschap (p) geselecteerd, vul de spatie in met de Vullen kleur naar keuze, geen streek. De kunst is om de illustratie eerst in blokken te verdelen. Perfectie is bij het traceren niet nodig. Het enige dat u nodig hebt, is het Pen gereedschap (P), en leer het Regelen objecten in je laag:

Schikken> Naar voorgrond brengen (Command + Shift +])

Regelen> naar voren brengen (Commando-])

Schikken> Achteruit sturen (Commando-[)

Schikken> Verzenden naar rug (Command + Shift + [)

Stap 2

Nadat u de hoofdkleurblokken hebt ingevuld, begint u met het toevoegen van donkere tinten door een tint / tint donkerder te selecteren dan degene die u oorspronkelijk hebt gekozen. De donkere delen laten het artwork knallen en moeten worden toegepast op plekken waar rimpels, vouwen en diepere delen van het kunstwerk zichtbaar zijn.

Neem de Pipetgereedschap (I), en klik op een van de kleurtinten. Dubbelklik vervolgens op deVullen van de Hulpmiddelen paneel. De Kleur kiezer dialoogvenster opent en u ziet een cirkelpictogram dat het kleurverloop selecteert. Sleep het cirkelpictogram rond om een ​​donkerdere tint te selecteren en klik op OK. Selecteer vervolgens de Pen gereedschap (P) en voeg een donkerdere tint toe aan de illustratie.

Stap 3

Na het toevoegen van de diepere tinten, moeten we hoogtepunten aan de illustratie toevoegen. Volg hetzelfde proces als in Stap 2, behalve lichtere tinten selecteren en toepassen.

Stap 4

De laatste stap is om de laag 'Kleuren' te vergrendelen en kleuren te geven aan enkele van de lijnen en vormen die je in het zwart hebt. Ik gaf bijvoorbeeld de rode aders in de ogen en voegde witte glanzende hooglichten en druppels toe aan de darmen.

En we zijn klaar, ontwerpwijs!

Print uw bestand. Bestand> Afdrukken (Command-P).

Knip de sjabloon uit, lijm de delen aan elkaar en knal je popcorn eruit. Vul de doos en serveer met een spook! 

Advies: afdrukken op A4-papier dat dikker is dan 80 g / m2. Zodra je print en knutselt, zorg dan dat de lijm en inkt lang droog zijn voordat je de popcorn erin doet, anders zal de popcorn ruiken en smaken als lijm!

Met Illustrator CC (17.1) is ontwerpen en illustreren veel eenvoudiger en sneller geworden. De live hoeken, snelkoppelingen en verbeteringen maken het tot een fantastisch programma, waardoor je sneller kunt werken en je ontwerp gemakkelijk kunt bewerken. Ik hoop dat je deze tutorial leuk vond, en hebt geleerd om met sjablonen te werken, kunstborstels te maken en je illustraties met eenvoud te lijmen. 

Geniet ervan, en laten we dat geschreeuw horen knallen!