Ontwerptips voor webdesigners afdrukken
Ik begon mijn carrière in print bijna tien jaar geleden en stapte geleidelijk over naar het web. Dit geheel nieuwe medium bracht verschillende creatieve en technische hindernissen die ik moest leren hanteren en zelfs moest omarmen.
Het artikel van vandaag is voor een nieuwe generatie ontwerpers die de tegenovergestelde sprong maakt. Je ontwerpt al een tijdje voor de digitale wereld en bent klaar om printdesign te leren. We zullen de overgang helpen vergemakkelijken met een paar doodeenvoudige en praktische adviezen.
Verken Envato Elements
Afdrukken is niet dood
In de originele Ghostbusters-film uit 1984, op de vraag of hij graag leest, verkondigt Egon moedig 'print is dood'. Deze bewering was destijds niet helemaal waar, maar het was een uiterst nauwkeurige voorafschaduwing van de gebeurtenissen van de komende twintig jaar, namelijk de opkomst van internet en personal computing van onbekendheid tot alomtegenwoordigheid.
Zeker, deze revolutie heeft op zijn minst een honkbalknuppel naar de publicatie-industrie gebracht en daarmee de beschikbaarheid van ontwerptaken daarbinnen. Het is echter zeker nog steeds niet zo dat alle vormen van drukwerk dood zijn. Printdesign kan zelfs een van de meest waardevolle en logische vaardigheden zijn om toe te voegen aan je repertoire als webdesigner.
Als u klanten heeft die kleine bedrijven bezitten, hebben ze niet alleen websites en logo's nodig, maar ook visitekaartjes, briefpapier, winkelborden, kleding en misschien zelfs lokale krantenadvertenties. De meesten van hen slaan liever de hoofdpijn van het werken met meerdere ontwerpers over en vinden één leverancier voor al dit materiaal. Als u zowel web als print aankan, zou u dat kunnen zijn!
Resolutie
Laten we beginnen met wat basiskennis die u waarschijnlijk al kent. In de webwereld heb je de luxe om met afbeeldingen met een redelijk lage resolutie te werken. Nu ziet u dit misschien als een slechte zaak omdat het detailniveau zo beperkt is, maar omdat u uitgebreid met beide hebt gewerkt, is webwerk met lage resolutie veel gemakkelijker om te doen.
Een van de belangrijkste redenen hiervoor is dat u 72 dpi-afbeeldingen kunt maken op bijna elke computer die in de afgelopen vier of vijf jaar is gemaakt. Kleinere afbeeldingen zijn niet zo processorintensief als grotere afbeeldingen. Als je gewend bent om af te drukken en over te schakelen naar ontwerpen voor het web, voelt Photoshop aan als een compleet nieuwe toepassing die vanaf de toekomst op een supercomputer draait. U denkt misschien dat dit overdreven klinkt, maar wacht maar tot u 50 lagen in een document van 11 x 17 inch met 300 dpi hebt. Aan het eind van de dag zul je kwijlen over Mac Pro's op Apple.com.
Inches, geen pixels
Dus hoe zijn dingen anders voor afdrukken dan internet? Om te beginnen spreken printontwerpers niet in pixels. Vertel de meeste print-only ontwerpers dat je iets van 1200px breed wilt en ze zullen je grappig aankijken (ze weten wat pixels zijn, maar dat is niet het typische jargon). Dat komt omdat de afmetingen in hun versies van Photoshop zijn ingesteld op inches.
Dit is een belangrijk onderscheid omdat resolutie en grootte onderling afhankelijk zijn! 1.200 pixels breed in een document van 72 dpi is heel anders dan 1.200 pixels breed in een document van 300 dpi. Bij een afdruktaak van 5 x 7 inch wordt echter altijd iets van vijf centimeter breed en zeven centimeter lang afgedrukt, alleen de dichtheid van de inkt verandert.
Niet altijd 300 dpi
Er is u waarschijnlijk verteld dat printontwerpers afbeeldingen bouwen in een werkruimte van 300 dpi. Dit is echter niet altijd het geval en die aanname kan ervoor zorgen dat je op een amateur lijkt als het tijd is om te printen.
De meeste taken in klein formaat worden afgedrukt met 300 dpi. Deze items zijn items die nauwkeurig kunnen worden geïnspecteerd en door iemand kunnen worden vastgehouden. Hoe zit het met een billboard? Is het nodig om zo'n grote resolutie print te hebben voor iets dat je op honderden meters afstand ziet? Het antwoord blijkt 'nee' te zijn. Grootformaat taken zoals banners, billboards en dergelijke worden bijna altijd onder 300 dpi gebouwd, meestal bij 150 dpi, maar soms zelfs lager, afhankelijk van de grootte.
Vaak kan de oplossingsvraag worden voorgelegd aan de echte expert terzake: de printer (de persoon, niet de machine). Je ziet er niet uit als een idioot door simpelweg te vragen of het een taak van 300 of 150 dpi zou moeten zijn, dit zijn veelgestelde vragen bij het starten van een project en het is essentieel om uit te werken voordat je daadwerkelijk begint.
Moet ik concepten bouwen in lage resolutie?
Gezien het feit dat computers 72dpi-afbeeldingen veel sneller kunnen produceren dan 300dpi-afbeeldingen, is het vaak de gewoonte van ontwerpers om de eerste paar ontwerprondes te doorlopen in een werkruimte met een lage resolutie en om de taak in essentie opnieuw op te bouwen in "hoge resolutie" einde van het project.
Onder drukontwerpers kan dit een veelbesproken onderwerp zijn. Uiteindelijk komt het neer op voorkeur, maar voor wat het waard is, neem ik bijna nooit deze route. Tenzij u constant met grootformaat taken werkt, duurt het niet zo lang om composities in hoge resolutie te bouwen. Als dat zo is, dan is het waarschijnlijk echt tijd voor een nieuwe computer. Alles in 72dpi bouwen om alleen maar te converteren naar 300dpi door in wezen opnieuw te beginnen, lijkt me altijd een gedoe wanneer het heel eenvoudig is om mijn ideeën gewoon als printklaar op te bouwen.
De enige uitzondering hierop zijn voorraadbeelden. Ik gebruik altijd de vrij lage res-composities die door stocksites worden aangeboden bij het presenteren aan de klant om onnodige aankoop van meerdere dure afbeeldingen te voorkomen.
Kleur
Kleur is een enorm onderwerp en verdient zijn eigen artikel, dus we zullen hier niet te veel tijd aan besteden. Mijn simpele waarschuwing is dat kleur in de printwereld een heel nieuw balspel is. Bij webdesign maakten we ons vroeger zorgen over "webveilige kleuren", maar tegenwoordig zijn monitoren zo verbazingwekkend dat we over het algemeen gewoon de kleuren kiezen die we willen in Photoshop en accepteren dat er een variatie zal zijn van scherm tot scherm.
Bij het ontwerpen voor afdrukken werk je met inkt, niet met licht. Om te beginnen betekent dit werken in CMYK in plaats van RGB, maar de implicaties gaan veel verder. Dingen als materialen spelen een rol, samen met een verscheidenheid aan verschillende drukpersen en methoden. Soms is de kleur die u op uw scherm ziet helemaal niet wat er op papier komt. Op andere momenten vereisen specifieke processen zoals zeefdruk bepaalde geaccepteerde praktijken.
Mijn beste advies hier is om erachter te komen wat de manier van printen zal zijn en deze zoveel mogelijk te onderzoeken. Een standaard afdruktaak in vier kleuren is het gemakkelijkst om mee te werken, maar af en toe moet u met slechts een of twee kleuren werken om uw klant geld te besparen. In deze gevallen moet je creatief worden en leren om geweldige ontwerpen te maken met een veel beperkter palet dan je gewend bent.
Je zult ook vaak met steunkleuren moeten werken, wat betekent dat een speciale inkt wordt gemengd met een zeer specifieke kleur in plaats van iets dat live wordt gemengd door verschillende kleuren op het papier aan te brengen. Lees ons recente artikel "Een inleiding tot werken met steunkleuren" voor meer informatie over het werken met steunkleuren.
Niet alleen Photoshop
Webdesigners leven doorgaans uitsluitend in Photoshop. Ze kunnen vertakken naar Dreamweaver of zelfs Fireworks, maar elke verdere verkenning van de Adobe Creative Suite is vaak niet nodig.
Bij het afdrukken voert u echter over het algemeen de pagina-indeling uit in toepassingen zoals InDesign en Illustrator. Een paar zielige zielen gebruiken Quark nog steeds, maar ik kan me niet voorstellen waarom. Het goede nieuws hier is dat als je bijzonder sterk bent in Photoshop, je veel meer voorbereid bent om InDesign op te pakken. Het slechte nieuws is dat het nog steeds een heel andere toepassing is, dus er is veel te leren.
Een van de belangrijkste concepten die u moet begrijpen, is waarom u meerdere applicaties gebruikt en hoe u deze op een synergetische manier in uw workflow kunt opnemen. Het simpele antwoord hier is dat Photoshop voor rasterafbeeldingen is, al het andere (vectorafbeeldingen en tekst) moet worden afgehandeld in uw app voor pagina-indeling.
Stel dat u een tijdschriftomslag maakt. Je begint met een PSD die je omslagfoto bevat. Hier kunt u typische kleurcorrecties, kloonacties, stilering en al het andere uitvoeren dat u nodig hebt om de foto drukklaar te maken. Als je daarmee klaar bent, kun je deze PSD in InDesign plaatsen en de vectorafbeeldingen (vaak gemaakt in Illustrator) en tekst die de rest van de omslag vormen, bedekken.
Afdrukpagina-indeling kan worden gevisualiseerd als een puzzel. In deze metafoor is InDesign het tafelblad waar je je puzzel maakt. Je maakt veel van de stukken in andere applicaties en brengt ze vervolgens allemaal samen en schudt ze rond in InDesign. Door de daadwerkelijke work-in-progess-stukken in InDesign te plaatsen via de opdracht Bestand> Plaatsen, zullen alle wijzigingen die u aanbrengt in de geplaatste PSD, EPS, enz. In een andere app, automatisch ertoe leiden dat uw InDesign-bestand wordt bijgewerkt.
Doet Photoshop geen tekst?
Op dit moment vraagt u zich misschien af waarom tekst niet wordt verwerkt in Photoshop. Om eerlijk te zijn, wordt sterk gestileerde tekst (met schuine kanten, maskers, schaduwen, texturen, enz.) Vaak bewaard in het PSD-gedeelte van het bestand. In InDesign is het echter veel gemakkelijker om met platte tekst te werken. De tekst-engine is veel beter en maakt niet alleen de tekst beter, maar maakt veel geavanceerdere manipulatie mogelijk, zoals automatische kolomverdeling en zelfs spellingcontrole.
Een andere belangrijke zorg is dat u over het algemeen niet één bestand naar de printer stuurt (afdrukklare pdf's vormen een uitzondering), maar dat u alle puzzelstukjes in een map verzamelt. Dit omvat uw verschillende geplaatste PSD- en EPS-bestanden, uw InDesign-bestand en zelfs uw lettertypen. Werken in InDesign biedt u de luxe van een automatische opdracht “Verzamelen voor uitvoer” die automatisch alle bronnen verzamelt die aan het huidige bestand zijn gekoppeld.
Bloeden en trimmen
Een van de grootste beginnersfouten die u kunt maken bij het afdrukken van ontwerpen, is het niet ontwerpen met een bloeding. Afdrukleveranciers hebben bepaalde specificaties van ontwerpers nodig, niet omdat ze kieskeurig of incompetent zijn, maar omdat het echt is hoe het proces werkt en zonder dat de hele afdruktaak in gevaar komt.
Ontwerpen met een afloop is eenvoudig en het zorgt elke keer voor perfect randloos professioneel afdrukken. Door een afloop in te voegen, kunt u een afdruk maken die groter is dan het formaat van de uiteindelijke taak. Op die manier ziet alles er, wanneer het overtollige materiaal wordt afgesneden, perfect uit en gaat het tot aan de rand, ongeacht kleine papierverschuivingen die tijdens het afdrukken kunnen zijn opgetreden.
In webdesign bent u bekend met het CSS-boxmodel, en in printdesign hebben we iets dat er ongeveer hetzelfde uitziet, dat in feite bepaalt hoe bijna elke printopdracht moet worden opgebouwd. Hier is een korte blik op hoe het werkt:
Dit model heeft drie hoofdgebieden: de afloop, de bekleding en het woongedeelte. De bekleding is het gemakkelijkst te begrijpen. Dit is het uiteindelijke gewenste formaat van het afgedrukte document; waar het papier wordt "bijgesneden". In het bovenstaande voorbeeld heeft onze klant een ontwerp besteld dat vijf centimeter breed en drie centimeter lang is. Vanaf hier moeten we nog twee gebieden maken: een die groter is dan de trim en een die kleiner is.
Het grotere gebied is de bloeding. Zoals we zojuist hebben uitgelegd, kan hierdoor inkt precies langs de rand van de pagina gaan. Bovenstaande taak heeft een achtergrond met kleurovergang, maar die achtergrond strekt zich uit over de grenzen van 5 ″ x3 ″ tot een gebied van 5, 75 ″ x3, 75 ″. Door 0, 25 ″ toe te voegen aan de totale grootte, is het resultaat een 1 / 8e inch afloop over de hele pagina, wat standaard is in de Verenigde Staten (meestal 2-5 mm in het VK). Alles wat u in het document plaatst dat van de pagina moet "bloeden", of het nu een foto of een getextureerde vulling is, moet zich uitstrekken tot dit grotere gebied, rekening houdend met het feit dat het ergens rond de snijlijn wordt ingekort.
Het kleinere gebied dat ik in het bovenstaande voorbeeld heb gemaakt, is het 'live-gebied', wat een zeer belangrijk stuk is dat u misschien niet kent als webdesigner. Over het algemeen is het een slechte gewoonte om niet-aflopende tekst en afbeeldingen te dicht bij de rand van de pagina te plaatsen. Je wilt ze voldoende visuele ademruimte geven en er zeker van zijn dat ze niet worden afgesneden. Daarom is het live-gebied gemaakt als een soort veilige zone waarin u dit type inhoud kunt plaatsen. Als u bijvoorbeeld een enorme kop wilt, strekt u deze uit van het ene uiteinde van het live-gebied naar het andere, maar niet verder.
De afmetingen van het woongebied zijn niet gestandaardiseerd en variëren aanzienlijk van baan tot baan. Als vuistregel zet ik mijn live-gebied 1/8 ″ helemaal in zodat het overeenkomt met de afloop. Verschillende tijdschriften en kranten hebben echter hun eigen vaste vereisten die u moet volgen. Ook voor grote klussen is een inzet van 1/8 isn't niet dichtbij genoeg en zal resulteren in afbeeldingen die er nog steeds uitzien alsof ze tot aan de rand gaan zonder enige ademruimte. In dit geval moet je het bekijken en beslissen over een acceptabele bumper van ruimte.
Gelukkig kunnen zowel Illustrator als InDesign veel van het werk van het maken van documenten voor u aan met dit soort ingebouwde specificaties, maar het is nog steeds belangrijk om de concepten te begrijpen. Zorg er ook voor dat u uw printverkoper raadpleegt, want deze hebben waarschijnlijk vooraf gebouwde sjablonen die veel moeite besparen voor alle betrokkenen.
Design Trends
Laten we, om onze discussie af te ronden, kort bespreken hoe we een printontwerp vanuit een creatief perspectief kunnen benaderen. Allereerst leer je al snel dat printen een heel ander medium is dan je gewend bent met internet. Bij webdesign wordt u alleen beperkt door uw verbeeldingskracht. Met print heb je een fysiek paginaformaat waaraan je moet voldoen; scrollen is niet mogelijk! Dit betekent dat wanneer je klant je een hoop tekst geeft, je moet bedenken hoe je het op een leesbare en aantrekkelijke manier kunt laten passen.
Houd er ook rekening mee dat uw specifieke ontwerpstijl en neigingen zich al dan niet goed lenen om af te drukken. Net als bij webdesign is het belangrijk om even rond te kijken en kennis te nemen van de huidige trends in print. Maak een uitstapje naar de boekwinkel en blader door een aantal tijdschriften (sla de advertenties niet over, ze zijn het beste deel) of blader door die ongewenste e-mail voordat deze in de prullenbak terechtkomt.
Je bewust worden van trends hoeft je niet conformistisch te maken, maar helpt je om in contact te blijven met wat mensen gewend zijn te zien. Als de laatste keer dat u aandacht besteedde aan printontwerp 1995 was, zou u geneigd kunnen zijn iets te produceren dat er lelijk en verouderd uitziet voor de hedendaagse consument.
Evenzo, als u alleen maar op de hoogte bent van de staat van modern webdesign, zou u veel problemen kunnen hebben met het vertalen van deze ideeën naar een gedrukte pagina op een manier die zowel betekenisvol als boeiend is voor de kijker. jQuery-animaties zijn hier niet goed, je moet iemands aandacht trekken door puur statische esthetische aantrekkingskracht.
Het kost tijd en oefening, maar een goo-ontwerper zal floreren in zowel print als webdesign.
Gevolgtrekking
Eerlijk gezegd, als je momenteel een webdesigner bent die op zoek is naar print, dan zit je goed. In veel opzichten keer je terug naar een eenvoudigere manier van denken. De tegenovergestelde reis maken vereist veel nieuw technisch leren, vooral als code in beeld komt.
Dit artikel was bedoeld om u te laten zien dat u Photoshop niet zomaar kunt openen en kunt besluiten dat u op een dag printontwerper wordt. Uw kennis als webdesigner helpt, maar er moet nog veel branchespecifiek leren worden gedaan. Alles, van het maken van sjablonen tot het afronden van het ontwerp, is een heel specifiek printproces en als u uw spullen niet kent, kunt u financieel aansprakelijk worden gehouden voor eventuele fouten. Een beetje tijd nemen om de gepresenteerde informatie te doorlopen, kan u veel problemen en hoofdpijn besparen.
Laat hieronder een reactie achter en laat ons weten welke printspecifieke tips je hebt voor webdesigners die de overstap maken!
Fotocredits: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck en Steve Garfield.
