Puzzel maken
Inleiding:
Hallo beste PSD-Tutorials.de-community. Het verheugt me dat ik jullie opnieuw mag verwelkomen bij een van mijn tutorials hier op PSD-Tutorials.de. In deze tutorial leer je hoe je een puzzel in Illustrator kunt maken. (Afbeelding 01). Hierbij zul je onder andere leren hoe je het Rechthoekige rastergereedschap gebruikt. Dus laten we nu meteen beginnen.
Stap 1: Basisraster aanmaken
Voordat we van start kunnen gaan, moet je een nieuw werkgebied maken. Ga naar Bestand>Nieuw en kies vervolgens een liggend formaat in DIN A3.
Om het basisraster voor onze puzzel te maken, hebben we het zogenaamde Rechthoekige rastergereedschap nodig.
Dit bestaat niet? Jawel, dat bestaat inderdaad. Dit gereedschap verbergt zich onder het Segmentselectiegereedschap en kan worden opgeroepen door er lang op te klikken. (Afbeelding 03).
Klik met dit gereedschap eens op een willekeurige plek op je werkgebied. Vervolgens opent er een venster waarin je de instellingen voor het te maken raster kunt controleren.
Bij de Standaardgrootte kies je een formaat van 300x212mm. Bij Horizontale en Verticale verdelingen moet je een Aantal van twee selecteren. De Asymmetrie laat je op 0% staan. (Afbeelding 04).
Ter informatie:
Je kunt het Aantal van de Verdelingen natuurlijk ook hoger instellen, maar dat vergt meer werk en maakt je puzzel complexer. Denk dus al bij het plannen van je puzzel na over hoeveel Verdelingen je nodig hebt.
Nadat je op OK hebt bevestigd, zou het er ongeveer zo uit moeten zien bij jou (zie afbeelding 05):
Stap 2: Puzzelstukken voorbereiden
Als volgende stap moet je eenmaal klikken op het Direct-selectiegereedschap en daarna het Pen gereedschap selecteren. Dit heeft als eenvoudige reden dat je beide gereedschappen nodig hebt in de volgende stap. Als je in Illustrator de Command- of Ctrl-toets ingedrukt houdt, wordt het vorige gereedschap geactiveerd. In dit geval dan het Direct-selectiegereedschap.
Selecteer met het Direct-selectiegereedschap een interne lijn van je raster en maak met het Pen gereedschap vier nieuwe ankerpunten. Deze punten zouden zich ongeveer in het midden van je puzzelstuk moeten bevinden. (Zie afbeelding 06).
Ter informatie:
Als je met het Pen gereedschap over een geactiveerde Pad beweegt, verschijnt er een klein "+" naast het Pen-icoon. Dit betekent dat je op die plek een nieuw ankerpunt kunt toevoegen door erop te klikken.
Vanaf nu is er letterlijk wat precisiewerk nodig, want nu moet je in elk vak van je raster deze vier ankerpunten maken. Aan het einde zou het er ongeveer zo uit moeten zien (zie afbeelding 07):
Nadat je alle ankerpunten hebt gemaakt, pak je opnieuw het Direct-selectiegereedschap en verplaats je de zojuist gemaakte ankerpunten zodat ze eruitzien als een uitstulping of inkeping. (Afbeelding 08).
Op dit moment hoef je nog niet heel precies te werken, want waarschijnlijk moet je later nog het een en ander corrigeren of verbeteren.
Ter informatie:
Let bij het verplaatsen van de ankerpunten erop dat niet alles er hetzelfde uitziet. Varieer met de grootte, de positie en de richting terwijl je de uitstulpingen of inkepingen maakt.
Stap 3: Puzzelstukken optimaliseren
Alles is nu voorbereid zodat we de puzzelstukken kunnen optimaliseren, zodat het typische puzzel-uiterlijk herkenbaar is.
Selecteer met het Direct-selectiegereedschap de interne paden (het externe frame mag niet geselecteerd zijn) en ga vervolgens in de bovenste menubalk naar Effect>Vormgevingseffecten>Hoeken afronden ...
Kies in het volgende venster een Radius van 3mm en bevestig met OK.
Nu je het effect van de afgeronde hoeken kunt zien, heb je nog steeds alle mogelijkheden om je paden zo te verplaatsen dat je mooie typische puzzel-uitstulpingen of inkepingen krijgt.
Aan het einde zou het er ongeveer zo uit moeten zien (zie afbeelding 11):
Maar hier komt jullie eigen creativiteit om de hoek kijken.
Daarna markeer je alles met Command+A of Ctrl+A en ga je naar Object>Uiterlijk uitbreiden.
Dit betekent dat in dit geval het effect Ronde hoeken wordt toegepast op het pad. Er ontstaan nieuwe ankerpunten. (Afbeelding 13).
Nu heb je de Pathfinder nodig. Als die nog niet zichtbaar is, vind je die onder Window>Pathfinder. (Zie afbeelding 14).
Markeer opnieuw alles met Command of Ctrl+A en klik in de Pathfinder op Verdeel. (Afbeelding 15).
Omdat Illustrator alle objecten automatisch groepeert, moet je deze groepering opheffen met de sneltoets Command+Shift+G (op pc - Ctrl+Shift+G).
In het Lagen.-paneel zouden nu negen verschillende paden moeten verschijnen. (Zie afbeelding 16).
Stap 4: Puzzel opslaan en archiveren als symbool
Op dit punt wil ik het huidige onderwerp kort opzijzetten en ook een ander zeer belangrijk onderwerp aanroeren.
Vooral bij projecten zoals de puzzel of ook bij andere zaken kan het gebeuren dat je deze op een later tijdstip opnieuw wilt gebruiken voor andere projecten. Dan is het handig om een sjabloon te hebben opgeslagen, zodat je niet opnieuw hoeft te beginnen. Daarom raad ik aan om altijd met symbolen te werken in Illustrator. Het voordeel hiervan is dat je te allen tijde de sjabloon kunt openen, omdat deze centraal op je computer is opgeslagen en Illustrator er zonder problemen toegang toe kan krijgen.
Om eigen symbolen te maken, heb je als eerste de Symbolen-palet nodig. Die vind je onder Window>Symbolen.
Markeer dan je object dat je als symbool wilt opslaan (in dit geval de huidige staat van je puzzel) en klik vervolgens in de Symbolen-palet op de kleine pijl rechtsboven. (Zie afbeelding 18).
Hier heb je nu de mogelijkheid om op Nieuw symbool te klikken.
Je kunt dan een geschikte naam voor je symbool invoeren en bevestigen met OK.
Voordat je nu je eigen symboolbibliotheek opslaat, raad ik je aan de standaardsymbolen van Illustrator te verwijderen. Je kunt deze eenvoudigweg één voor één selecteren door de Shift-toets ingedrukt te houden.
Als je ze allemaal hebt geselecteerd, klik je op de prullenbak rechtsonder. (Afbeelding 19).
Daarna zou alleen nog je eigen object in de Symbolen-palet moeten staan. (Zie afbeelding 20).
Klik nu weer op de kleine pijl in de Symbolen-palet en klik dan op Symboolbibliotheek opslaan … Ook hier kun je een geschikte naam voor de bibliotheek kiezen en bevestigen met OK.
Om deze bibliotheek op een later tijdstip opnieuw te openen (bijvoorbeeld in een ander bestand), ga je gewoon weer naar de kleine pijl in de Symbolen-palet en kies je Symboolbibliotheek openen. Hier vind je dan de zojuist opgeslagen symboolbibliotheek. (Afbeelding 22).
Stap 5: Puzzel textureren
Nadat je de huidige staat van je puzzel hebt opgeslagen als symbool, kunnen we nu beginnen met het aanbrengen van een motief over de afzonderlijke puzzelstukjes. In de bijgevoegde werksbestanden bij deze tutorial vind je een bestand met de naam "Motiv.pdf." Je moet dit bestand openen in Illustrator en je puzzelbestand invoegen.
Verminder vervolgens de dekking tot ongeveer 50%, zodat je de puzzelstukjes erdoorheen ziet. (Afbeelding 23).
Verplaats je motief zo dat het precies in het midden van je puzzel ligt. Vervolgens kun je de dekking weer terugzetten op 100%.
In de volgende stap moet je voor elk puzzelstukje een kopie van je motief maken. In mijn geval heb ik hier negen puzzelstukjes en heb daarom ook negen kopieën nodig.
Zorg ervoor dat je de kopieën van je motief onder de puzzelstukjes in het Lagen.-paneel plaatst. (Zie afbeelding 24).
Open nu de groep met de puzzelstukjes en sleep deze naar het hoofdniveau, zodat ze niet meer gegroepeerd zijn.
Selecteer nu het eerste puzzelstukje en een kopie van het motief met ingedrukte Shift-toets en ga vervolgens naar Object>Uitsnijding maken.
Dezelfde procedure moeten jullie vervolgens ook toepassen op alle andere puzzelstukken. Kies telkens een stuk en een motief en maak hier een uitsnijding van.
Het geheel zou er dan zo uit moeten zien (Afbeelding 26):
Stap 6: Afwerking
Nadat jullie voor elk puzzelstuk een uitsnijding hebben gemaakt, zijn jullie in principe klaar met jullie puzzel. Omdat een compleet puzzel meestal nogal saai overkomt, zou ik jullie aanraden om enkele stukken te verplaatsen en misschien zelfs te draaien, zodat duidelijk wordt dat het daadwerkelijk om een puzzel met verschillende stukken gaat. (Afbeelding 27).
Omdat de boven elkaar liggende stukken op dit moment nauwelijks van elkaar te onderscheiden zijn, voegen we nu nog een slagschaduw toe aan het hele puzzel. Selecteer hiervoor alles met Command of Ctrl+A en ga vervolgens naar Effect>Stileringsfilters>Slagschaduw. Bevestig het volgende venster met OK.
Jullie puzzel is klaar. (Afbeelding 28).
Afsluitende woorden:
We zijn alweer aan het einde van deze tutorial gekomen. Ik hoop dat jullie ervan genoten hebben en nu een mooie puzzel kunnen maken. Mocht er nog iets onduidelijk zijn, laat het me dan gewoon weten in de opmerkingen onder deze tutorial. Ik zal proberen deze vragen zo snel mogelijk te beantwoorden. Anders ben ik natuurlijk ook blij met algemene feedback.
Blijf creatief…
Jullie Julian
