Hallo, beste vrienden, hier is Stefan Riedl van PSD-Tutorials.de en vandaag vallen we gezamenlijk en collectief ten prooi aan de donkere kant, want vandaag gaan we aan de slag met een heel bijzonder product in het ontwerp, namelijk een toegangskaartje zoals jullie hier kunnen zien, met een blacklight-effect. Dat betekent dat we elementen zullen integreren die alleen zichtbaar zijn onder UV-licht, en wat past daar nu beter bij dan een uitnodiging voor een "Dinner in the Dark".
Laten we beginnen: Stappen 1–15
Stap 1
Welk fantastisch effect zo'n blacklight teweegbrengt, laat ik jullie zien door middel van deze foto. Hier hebben we al zo'n uitnodigingskaart, en jullie zien ook al het bijpassende blacklight.
Op dit moment staat het nog uit, dat betekent: we hebben een prachtig verlichte foto, maar als ik nu het licht eens uitdoe, voor degenen onder jullie die bang zijn in het donker: kijk nu weg of haal snel even een kopje koffie, want we sluiten de gordijnen.
Kijk eens:
Dit is dus hoe het eruitziet. Dan hebben we dit effect. Hier zie je hier (1) en hier (2): Dat is nu het logo van onze drukpartner, diedruckerei.de of onlineprinters. En deze kleine kubussen zijn helemaal niet zichtbaar, zoals jullie kunnen zien (3). En dat is precies wat we ook op ons toegangskaartje willen integreren. Jullie mogen dus gespannen zijn en laten we beginnen. Laten we direct eens een kijkje nemen in InDesign.
Stap 2
Hier zien we hem, ons glamoureuze toegangskaartje: stijlvol, elegant en zeker gericht op de high society in uitstraling. Het formaat is een DIN-lang formaat, hier zien we de voorkant (links), dat (rechts) zal de achterkant zijn, en nu wil ik jullie laten zien waar dit blacklight-effect hier wordt geïntegreerd, namelijk aan de achterkant.
Stap 3
Als ik namelijk in het Lagen-paneel eens de juiste laag weergeef ("UV"), dan zie je hier: Dit zal ons blacklight-effect zijn dat we zullen integreren. Maar voordat we zover zijn, laten we eerst eens bekijken wat er allemaal belangrijk is voor zo'n bijzonder toegangskaartje.
Stap 4
Aangezien ik niet beschik over de technische benodigdheden om zo'n UV-gecoate toegangskaart thuis in de kelder af te drukken, richt ik me tot onze competente drukpartner op het internet, en daar kunnen we eens scrollen op de startpagina: Hier onder Toegangskaarten>Toegangskaarten (blacklight-kleur). Dat hebben we nodig.
Stap 5
Formaat: We hebben gekozen voor het DIN-lang-formaat (1), en daar zien we de verschillende parameters (2): dubbelzijdig full-color bedrukt, 300g/m² beeldpapier met een matte afwerking en zeer edel dankzij het hoge oppervlaktewicht. We willen echt een chique uitstraling creëren, hier zijn we helemaal mee eens, beveiligd door speciale inkt die alleen zichtbaar is onder blacklight (UV-licht), een uniek blacklight-motief dat we zelf kunnen ontwerpen, tot 30% dekking. Hier moeten we een volvlak speciale kleur aanmaken en in de Details vinden we ook het eindformaat: 10,5 bij 21 cm (3). Ik raad aan altijd het voorgedefinieerde formaat te gebruiken. Natuurlijk kan dat niet altijd gegarandeerd worden, soms moet je je drukwerk toch iets individueler maken, maar ik wil jullie graag aan de hand van een voorbeeld uitleggen waarom deze standaardformaten er zijn.
Stap 6
Laten we nu eens Photoshop openen, en hier heb ik een drukvel voor jullie meegebracht. Op zo'n drukvel is natuurlijk voldoende ruimte om te printen, natuurlijk, we zien hier het formaat van A4, kleiner gaat het naar het formaat van A5, A6, het dubbele van A4, tot A3, het dubbele daarvan is A2, en nogmaals het dubbele is A1. Dus we hebben hier echt veel ruimte.
Ik open even mijn panelen, zoom hier een beetje uit, dus, nu kunnen jullie alles zien. Als we dus bij het gestandaardiseerde formaat blijven, dan krijgen we op het oppervlak van een A4-formaat drie zogenaamde gebruiksvoorwerpen, d.w.z., drie pagina's kunnen erop worden afgedrukt, en deze effectieve output wordt dus gebruiksvoorwerp genoemd.
Jullie hoeven je als ontwerper geen zorgen te maken over de verdeling op een dergelijk drukvel. Dat wordt gedaan door de drukkerij. Laten we nog een stap verder gaan en de volgende groep inschakelen, dan halen we al zes gebruiksvoorwerpen uit het dubbele oppervlak. Nog een stap verder: We krijgen dus twaalf gebruiksvoorwerpen op een kwart van het oppervlak van het drukvel. Nog een tweede, dan zijn we al bij 24 gebruiksvoorwerpen en dan hebben we 50% bezetting, en als we het hele drukvel benutten, dan zijn we op 48 pagina's, 48 gebruiksvoorwerpen, die dus beschikbaar zijn voor ons toegangskaartje.
En stel je nu eens voor dat je een ander formaat hebt dan het DIN-lang-formaat. Misschien is het hier ook maar 5 cm breder of 5 cm langer aan de onderkant, dan is het logische gevolg: je krijgt geen 48 gebruiksvoorwerpen meer op het drukvel, maar aanzienlijk minder. Dat wordt natuurlijk duur, omdat het drukvel niet volledig benut kan worden en er veel overschot ontstaat. En echt duur wordt het ook als je bijvoorbeeld voor je drukwerk een heel speciaal papier gebruikt. Het overschot dat daarbij overblijft, verbruikt natuurlijk het geld, daarom loont het echt om met standaardformaten te werken. En mocht het een keer niet lukken, overleg dan zeker met de drukkerij, vaak kunnen een of twee centimeters al het verschil maken, zodat er een extra rij beschikbaar is.
Stap 7
Eenmaal in InDesign aangekomen, gaan we een Nieuw document aanmaken, de Dubbele pagina direct verwijderen (1), die hebben we niet nodig, en het formaat in de Breedte op 105 mm en in de Hoogte op 210 mm definiëren (2). Ga verder: We hebben zeker Marges nodig, namelijk 4 mm (3). Dit is een veiligheidsafstand die we zullen instellen ten opzichte van het eindformaat, zodat er niets te dicht bij de rand komt te staan, en dan gaan we verder naar het Afloopgebied en Infolijn, en daar 2 mm Afloop toevoegen (4), en zo hebben we nu het werkgebied gedefinieerd.
Stap 8
Soms vraagt men zich zeker af: Staand of liggend formaat? Op dit punt wil ik graag zeggen: Hoe smaller het formaat is, hoe eleganter het lijkt. We hadden deze ticket ook in liggend formaat kunnen maken, maar dat zou misschien meer lijken op een ticket voor het volgende voetbalstadion.
We blijven bij het staande formaat, want staand is elegant, staand is glamoureus, en dat is precies het effect dat we hier nodig hebben. Met Ctrl+D zal ik het Plaatsen-dialoogvenster een keer openen...
Stap 9
... en meteen de geschikte afbeelding voor de achtergrond opzoeken en deze dan eens grootschalig plaatsen (1+2). Altijd oppassen dat je de afloop meeneemt, dus overal tot aan de rode lijn (3). Nu zal ik uitzoomen (4) en dan met de rechtermuisknop op de optie Passen>Kader proportioneel vullen klikken (5).
Stap 10
Het glas staat nu natuurlijk gecentreerd, eigenlijk een leuk iets, maar niet geschikt voor ons, want we hebben de ruimte aan de linkerkant nodig. Ik schuif de inhoud van de afbeelding nu gewoon naar rechts (1), zal hem bovendien nog groter slepen (2), let wel op bij de spiegel hieronder (3), zodat die niet wordt afgesneden.
Stap 11
Zo zou ik het me voorlopig kunnen voorstellen. Als het er bij jou ook zo pixelig uitziet, dan kun je de Weergaveprestaties verhogen door gewoon helemaal bovenaan met de rechtermuisknop te klikken, onderaan zul je dan de Weergaveprestaties vinden, die springt helaas uit het venster, maar je zult die natuurlijk wel vinden, en dan kies je Weergeven met hoge kwaliteit.
Stap 12
Nu zal ik met Ctrl+L zoals "lock" deze afbeelding een keer vergrendelen en dan gebeurt er hier namelijk niets meer. Ga verder met de passende kop, die we nog nodig hebben. Dus neem een keer het Textgereedschap (1) op, sleep het heerlijk groot (2) en wanneer je nu twijfels hebt over de populaire Helvetica, gebruik dan gewoon de Bebas. De Bebas is een geweldig lettertype, die rockt gewoon, die is echt sterk, en we zullen die in Vet gebruiken in een lettergrootte van maar liefst 88 Pt (3).
De kapitalen hoeven we niet aan te zetten, want dit lettertyp alleen in kapitalen, en dan gaan we van start: "Dinner in the Dark". Dat zal de titel zijn, de kleur past nog niet helemaal, ik zal deze gewoon provisorisch op Magenta zetten (4), want hier moeten we nog wat fijnafstemming doen.
Stap 13
Zo, ik zal deze tekstvak één keer met 90° draaien (1) en dan hier naartoe verplaatsen, een keer in het midden, dat klopt zo, en dan kunnen we hier eens wat verder inzoomen en het geheel eens naar links verplaatsen met ingedrukte Shift- en pijltjestoets naar links, en voor het glamoureuze karakter trekken we nu gewoon met het Lijngereedschap (2) van boven naar beneden een lijn. Als het bij jou ook heen en weer wiebelt als een koeienstaart (3), dan druk je gewoon op de Shift-toets, dan wordt het helemaal recht (4).
Dit geven we dan ook nog eens in Magenta uit, 1 Pt breed (5), prima, daar zijn we het mee eens. Bij de lijn moeten we oppassen dat we boven en onder zeker afsluiten met de tekst. Hulplijnen helpen hier natuurlijk enorm bij.
Stap 14
Dan zal ik met ingedrukte Alt- en Shift-toets daarvan een kopie maken, deze direct hier plaatsen en een keer naar links verplaatsen (1). Als de afstand tussen de tekst en de zwarte vlakken rechts en links verschillend groot is (pijlen boven), ligt dat gewoon aan het feit dat we hier (2) wat overschot hebben. Dat kunnen we handmatig compenseren door het gewoon ongeveer in het midden te plaatsen.
Boven en onder missen nog wat sterretjes, die voegen we gewoon handmatig in: Hartelijk welkom op het Polygonfeest! Jullie vinden namelijk links in jullie werkbalk het Polygon-Werkzeug (3).
Stap 15
Zo kunnen jullie gewoon omhoog trekken (1), en voordat jullie nu loslaten, hier is een kleine tip: als je nu de pijltjestoetsen links of rechts op je toetsenbord beweegt, dan zie je dat je het aantal polygonen kunt variëren (2). Als je echter een ster wilt hebben, die we hier niet bij hebben, druk ik gewoon op de spatiebalk, en als je nu op de spatiebalk hebt gedrukt, gebruik dan gewoon nog een keertje de pijltjestoetsen: we veranderen nu de vorm door meer hoeken toe te voegen. 1,2,3,4 ... 5 hoeken (3). Maar het ziet er nog niet echt uit als een ster, toch?
Door naar: Stappen 16-25
Stap 16
Wat denken jullie? Als je nu echter de pijltjestoetsen naar links en rechts beweegt, dan kun je de stervorm definiëren (1). Ik ga het nu eens naar rechts bewegen, ... zo vind ik hem wel leuk. En nu kan ik loslaten en er een kleur op aanbrengen (2-3).
Natuurlijk is onze ster nog wat groot, dus we zullen hem kleiner maken en vervolgens centreren. Let erop dat we hier de afstand bewaren, dus nog iets kleiner en nogmaals centreren. Met ingedrukte Alt-toets kun je hem wat breder maken, en nu maken we een kopie ervan, Ctrl+C, gaan helemaal naar boven naar K en Ctrl+V. Gecentreerd, klaar.
Stap 17
En nu hebben we daar alle sterretjes, de voorkant zou bijna klaar moeten zijn, zou je denken, maar natuurlijk klopt er iets niet (1). Natuurlijk, dus laten we absoluut de kleur veranderen, en daar komen we meteen bij het volgende probleem, namelijk het goudprobleem. Om nu een fatsoenlijke goudkleur te krijgen, zouden we eigenlijk moeten teruggrijpen naar een Vol-ton-kleur uit het Pantone- of HKS-kleursysteem.
Ondanks dat het Pantone-kleursysteem de standaard is geworden in de Duitstalige wereld, laat ik jullie een HKS-kleurenwaaier zien, en daar zien, hoe zo'n goudkleur eruit ziet. Ik open Photoshop; hier: Dit is een HKS-kleurenwaaier, en hier links zien we al 98 K, dat is goud! (2) En met deze waarde zouden we dan moeten werken.
Stap 18
Laten we dus teruggaan naar InDesign, 98 K, alle ongebruikte kleurvelden verwijderen (1) en nu een nieuwe aanmaken, namelijk via Nieuw Kleurveld (2), ...
Stap 19
... niet als Proces-kleur, maar als Vol-ton-kleur (1). Ik heb hier de kleurmodus HKS K (2), en daar beneden gescrold vinden we 98 K, dat zal ik nu toevoegen, en aangezien we niet met Vol-ton-kleuren werken, maar in het 4C-proces drukken, bestaat de mogelijkheid om in InDesign dit eenvoudig met één klik naar de CMYK-kleurmodus om te zetten. Zo ziet de verdeling er dan uit (3), maar eerlijk gezegd: ik verwijder nu deze kleurtoon, dan verander ik alles naar HKS, dat ziet er behoorlijk bruin uit, toch (4)? Wat denken jullie? Dus je moet zeker niet verwachten dat deze waarde overeenkomt met wat je net op de waaier hebt gezien..avif)
Stap 20
Daarom een Nieuw Kleurveld (1), ik heb er al een uitgekozen, geen Vol-ton-kleur, maar Proces-kleur, namelijk: 18, 34,80 en het extra cijfer 0. Maar daar kunnen we wel een Naam met Kleurwaarde (2) aan geven, OK. Dit is een goudkleur die ik nu als redelijk acceptabel beschouw, maar dat maakt het nog niet helemaal af.
Als ik echter deze HKS-kleur ook eens uit mijn lijst gooi en vervang door de zojuist aangemaakte, dan ziet dat er zo uit (3):
Dat is op zich best oké, zou je denken, maar visueel herken je goud niet per se aan de kleur, maar eerder aan het totale kleurenspel van de schaduwen naar de highlights, die zich in het materiaal weerspiegelen, en zoiets grafisch op papier te tonen, kan eigenlijk alleen als je zo'n kleurenspel kunstmatig creëert.
Stap 21
En dat kan heel eenvoudig met kleurverlopen. Ik ga nu een Nieuw kleurveld maken (1), dat is een beetje lichter: ongeveer 7,21, 56,0, Toevoegen (2) OK (3). Eenmaal bevestigd, …
Stap 22
… nu hebben we dus twee kleurvelden (1), en daaruit ga ik nu een Verloopveld voor ons maken. Kijk maar: Hierboven (2), een keer Nieuw verloopveld, dat noem ik "Goudverloop" (3), en een keer op de witte verfpot hier geklikt (4); dat zou je nu handmatig kunnen invoeren, maar dat is erg saai, dat willen we niet, dus zoeken we hierboven de kleurvelden uit (5).
Stap 23
Dit is het eerste kleurveld (1) en hier kiezen we het tweede kleurveld (2). Nu moeten we nog de positie bepalen, en dat kan hier worden aangeklikt (3), …
Stap 24
… die ligt nu op 50 %, eigenlijk is dat prima, maar ik denk dat we hier de kleuren een keer moeten omwisselen (1). Zo zou het ongeveer moeten zijn, 50 % (2), dat kan dan later nog worden aangepast, jullie hoeven alleen boven aan een radiaal verloop te kiezen (3).
Stap 25
Dit bevestig ik, en kijk nu eens wat er gebeurt met de tekst "Diner in het donker" (1), als ik deze nu in een gouden verloop plaats (2). Zo, en nu hebben we hier een lichteffect. Hetzelfde pas ik nu toe op de beide contourlijnen; hier kiezen we ook het gouden verloop, de sterren onderaan laten we buiten beschouwing, anders hebben ze in het midden een wit punt en zullen naar buiten toe veranderen in dat diepe donkergoud, maar dat effect zou onlogisch zijn, want het licht straalt vanuit het midden, en hier is nu het duidelijke verschil goed te zien tussen wat we eerder hadden (3), en wat we nu hebben (4), dat betekent dat jullie de plasticiteit en dit glamoureuze gouden schijnsel gewoon handmatig moeten nabootsen, en dat hebben we, denk ik, redelijk goed gedaan en kunnen direct doorgaan met de tweede pagina.
