InDesign-videotraining - Moderne praktijk

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen aanmaken

Alle video's van de tutorial InDesign-videotraining - Moderne praktijk

Moderne posters bevatten vaak een QR-code, een beeldcode die met een smartphone kan worden gefotografeerd. Een softwareprogramma op de smartphone kan vervolgens het webadres uit deze code extraheren en je doorverwijzen naar de website van de organisator. Maar hoe maak je zo'n code?

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Typ gewoon de zoekwoorden QR-codegenerator en EPS in in de zoekmachine van uw keuze. Dan krijg je zeker enkele relevante zoekresultaten zoals de website van www.keremerkan.net.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Onderaan deze pagina kun je kiezen wat voor type code je nodig hebt en waar deze naartoe moet leiden.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen creëren

Welke actie er moet worden geactiveerd met de code, kun je selecteren uit een vervolgkeuzelijst.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

En onderaan kun je het uitvoerformaat voor deze code opnieuw kiezen, de achtergrondkleur bepalen en vervolgens de code genereren.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Het gegenereerde bestand wordt dan als download beschikbaar gesteld. Open het door het simpelweg vanuit de downloadmap naar het InDesign-document te slepen. De muisaanwijzer verandert tijdelijk om aan te geven dat er een afbeelding is bijgevoegd. Sleep gewoon op de juiste plek in het document een selectie op de benodigde grootte en de afbeelding wordt prompt geplaatst.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Als deze iets te groot is, kun je deze wat verkleinen. Het zou mooi zijn als deze afbeelding precies de hoogte van het tekstgedeelte heeft. Je kunt hulplijnen in het document plaatsen en vervolgens de afbeelding proportioneel verkleinen met Shift+Ctrl.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Het affiche is eigenlijk al zo goed als klaar. Naast een paar kleine aanpassingen aan de tekst of afbeeldingen staat er nog maar één grote verandering op stapel - de integratie van een textuur voor het witte achtergrondvlak. Dit kan een eigen textuur zijn of bijvoorbeeld een fotorealistische textuur van de Texturen-DVD. Kopieer deze afbeelding naar het klembord.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Vervolgens heb je een grafisch programma nodig zoals Adobe Photoshop om de textuur verder te verfijnen. Wanneer je daar een nieuw document aanmaakt, haalt Photoshop al informatie op van het klembord en biedt het het juiste formaat aan.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Echter, je hebt een naadloos herhalend patroon in het klembord en je hebt een document nodig in DIN-formaat op A3-formaat. Verander daarom de documentafmetingen.

Een poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

In het nieuw aangemaakte document kun je het patroon vervolgens eenvoudig invoegen met Ctrl+V. Adobe Photoshop maakt dan een nieuwe laag aan.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen creëren

Houd de Ctrl-toets ingedrukt en klik op de miniatuur van laag 1 in het lagenvenster om een selectie van het object te maken. Ga vervolgens naar de menu-ingang Bewerken>Patroon maken om de selectie op te slaan als patroon. Je kunt ook nog een naam opgeven in de volgende dialoog, indien gewenst.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Laag 1 kan vervolgens worden verwijderd door deze naar het prullenbakpictogram te slepen en de selectie kan worden opgeheven met Ctrl+D. De achtergrondlaag moet echter eerst worden geconverteerd voor bewerking. Dubbelklik op de achtergrondlaag en bevestig het dialoogvenster om van deze laag een normale bewerkbare laag te maken.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Selecteer de omgezette laag via het contextmenu en open de Opvullingsopties.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

In het instellingendialoog activeer je de patroonoverlay. Het zojuist aangemaakte patroon bevindt zich onderin de huidige galerie in het vervolgkeuzemenu. Selecteer dit patroon om het aan het vlak toe te wijzen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Hier scheiden de mannen zich van de jongens. Een naadloos herhalend patroon heeft als voordeel dat lelijke overgangen vervallen en de achtergrond er als een geheel uitziet.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Het Photoshop-bestand kan vervolgens worden opgeslagen. Het kan in InDesign worden geplaatst. Zorg er wel voor dat het gebied dat met dit patroon moet worden gevuld eerst is geselecteerd.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Na het selecteren van het patroon verschijnt het op het vlak. Echter niet echt ten gunste van de leesbaarheid.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Er zijn meerdere mogelijkheden om dit tegen te gaan. Een daarvan is om in Adobe Photoshop bij de patroonoverlay een lagere dekkingwaarde op te geven. Het PSD-bestand kan op elk moment worden bewerkt en opnieuw worden opgeslagen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Je hoeft alleen de koppeling naar de afbeelding in het Verbindingen-paneel bij te werken. Selecteer daarvoor de vermelding met het uitroepteken en klik op de Bijwerken-knop.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Vervolgens wordt de afbeelding opnieuw geladen en wordt nu weergegeven in de bijgewerkte vorm.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

In Adobe Photoshop kun je natuurlijk kiezen uit tal van voorinstellingen in de tekstuur-bibliotheek. Als je op het tandwieltje in het keuzemenu klikt, kun je ook andere texturencollecties openen die vervolgens weer met andere structuren komen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Deze kunnen worden toegevoegd - dus toegevoegd aan de bestaande selectie van texturen of geladen als een aparte collectie. Nu kun je daaruit ook een andere textuur kiezen voor de Patroonoverlay.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Probeer ook gerust de Dekking aan te passen of de schaling te wijzigen. Beide schuifregelaars veranderen het effect. Let er echter op dat de schaling niet te groot wordt ingesteld, anders wordt de textuur erg grof en onscherp.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Nadat het PSD-bestand opnieuw is opgeslagen, kun je de koppeling in InDesign opnieuw bijwerken. Het resultaat wordt vervolgens direct weergegeven. Als het je nog steeds niet bevalt, blijft het PSD-bestand beschikbaar voor aanpassingen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Een onrustig of wild patroon kun je ook verzachten door het te vervagen. Dit werkt niet in Photoshop als er slechts een effect op een laag is toegepast. Hiervoor moet je de laag eerst converteren naar een Smartobject.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Daarna kun je elk willekeurig vervagingsfilter op deze laag toepassen. Deze bevinden zich onder Filter>Vervagingsfilters. De Gausiaanse vervaging is zeer geschikt voor vervaging en draagt uiteindelijk bij aan het verlichten van wilde oppervlakken.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Nu oogt de textuur na het opslaan in Photoshop en bijwerken in InDesign niet meer zo wild en past deze goed in het totaalbeeld.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

In het ontwerp van de poster is bovendien een klein textuurelement aan de buitenrand toegevoegd.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken.

Je kunt voor deze omlijsting het bestaande textuuroppervlak gebruiken en eenvoudig dupliceren. Het duplicaat wordt vervolgens vergroot, zodat het aan alle kanten tot aan de snijlijn reikt.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Voor verdere bewerking en voor een beter overzicht moet je het object tijdelijk verplaatsen uit het actieve werkgebied.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Vervolgens trek je eenvoudig een extra kader in de vorm van een rechthoek volledig over dit object. Zorg ervoor dat het precies dezelfde grootte heeft en dat er geen omtrek is ingesteld.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

In de Eigenschappenbalk kun je het object proportioneel verkleinen. Verander eerst het referentiepunt helemaal links naar het midden en voer dan de nieuwe objectgrootte in percentages in voor de hoogte en breedte van het object. Dit kan zowel 90 als 98 % van de oorspronkelijke grootte zijn. Het is afhankelijk van hoe groot dit kader later moet zijn.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen creëren

Markeer beide objecten en roep de Pathfinder op. Deze vind je onder Venster>Objecten en Layout>Pathfinder. Kies in dit dialoogvenster de Subtraheren uit. Dit trekt het voorste object af van het achterste object en laat alleen de uitstekende delen over.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Nu kun je het object naar het document verplaatsen. Pas het aan de documentgrens aan.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Controleer de positionering van het object op basis van de snijlijnen en schaal het zo nodig. Met Ctrl+O kun je het kader iets verder naar achteren in de documentstructuur brengen, zodat de oranje vlakken van de titelgrafiek boven het kader liggen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Met het Direct-selectiegereedschap en met de ingedrukte Shift-toets kun je eerst individuele knooppunten van het object activeren en indien nodig aanpassen.

Hulplijnen helpen je om volledige controle te houden over gelijke afstanden.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Je kunt op elk moment nog individuele elementen aanpassen. Met Ctrl+Shift+Alt bijvoorbeeld, kun je het logo met de tekst ook naderhand proportioneel schalen vanuit het midden.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken

Bij een finale controle merk je misschien op dat de grijze afbeeldingen in het midden van de poster nog te veel ruimte laten voor de tekst. Je kunt een van de objecten verwijderen, het andere aanpassen in lengte en daarvan een kopie aan de tegenoverliggende zijde plaatsen.

Poster ontwerpen in Adobe InDesign - Deel 4: QR-code en texturen maken