Share
Jaren geleden, toen ik voor het eerst besloot dat ik graag drukwerk wilde uitproberen (mijn achtergrond is in web- en schermwerk), had ik de indruk dat er een aantal magisch moeilijke dingen waren die je moest weten om dingen te laten drukken. De realiteit is dat het voor eenvoudige projecten eigenlijk heel eenvoudig is. In deze tutorial zal ik u begeleiden bij het ontwerpen van een eenvoudige brochure, deze gereed maken voor afdrukken en deze vervolgens daadwerkelijk uploaden naar een commerciële online printer, het bewijs controleren en het voltooide product bekijken.
Dit bericht is dag 15 van onze Graphic Design Session. Sessiedag 14 van Creative Sessions op dag 16 "Voordat u begint met afdrukken, moet u dit doen altijd doe wat planning. Dat komt omdat het uiteindelijke formaat, de afmetingen en de printerkeuze van invloed zijn op uw ontwerp.
Het eerste wat je normaal zou doen, is het project kort krijgen. In mijn geval is er geen klant, dus ik ga gewoon een project verzinnen. Sinds deze week promoten we GraphicRiver, ik ga een brochure over de site maken, alsof deze is bedoeld voor een ontwerper die niet weet wat de site te bieden heeft. Het wordt dus echt een soort basiscatalogus.
Dus het eerste wat we zullen doen, is een printer selecteren. Het is geen slecht idee om een paar verschillende printers te hebben waarmee u werkt. Ik zou voorstellen dat je na verloop van tijd het volgende zou moeten hebben:
Voor onze doeleinden gebruiken we een online printer genaamd UPrinting. Ze zijn een Amerikaanse printer en leveren overal in het land. Je kunt absoluut alles doen, van betalen tot uploaden en proeflezen via hun website, en de tarieven die ze aanbieden zijn zeer concurrerend.
Ik had ze nog nooit gebruikt voor deze tutorial en over het algemeen was ik behoorlijk onder de indruk van de service.
Dus hier zijn we op de UPrinting-website. De eerste stap is om een product te selecteren. We willen er een paar maken brochures.
De volgende stap is om aan te geven in welk type brochure we geïnteresseerd zijn:
Ik heb een zware voorraad gekozen. Het gewicht is een beetje vreemd voor mij, zoals we hier in Australië gebruiken gsm in plaats van lbs. Je vindt hier een conversietabel.
Nu we weten waarvoor we ontwerpen, is het een goed idee om snel een papieren mockup te maken. Ik vind dit handig voor items die vouwen bevatten, omdat het helpt ervoor te zorgen dat u de juiste dingen op de juiste plaatsen plaatst.
Dus hier heb ik net een stuk papier uit mijn notitieblok gepakt, het gevouwen als een driebladige brochure en vervolgens ongeveer ingekrabbeld wat ik op elke pagina ga plaatsen.
Wanneer u het vervolgens uitvouwt, kunt u zien hoe u de verschillende panelen op de pagina rangschikt. Zo verschijnt bijvoorbeeld de voorkant van de brochure op het meest rechtse paneel van de buitenpagina. Dit is logisch als je het in werkelijkheid ziet, maar als je Photoshop opent en begint met ontwerpen, is er een verleiding om te denken dat de voorpagina de eerste moet zijn en dus aan de linkerkant..
Het andere voordeel van het maken van een papieren mockup is dat je een idee krijgt hoe de persoon de brochure zal lezen en dat dat nuttig zal zijn voor de volgende stap.
Dus in mijn papieren mockup kwam ik met een basislayout van hoe ik dingen in de brochure wil regelen. De voorpagina heeft alleen maar een kop - "1000's grafische bestanden van slechts $ 1" - en het logo. Dan hebben de binnenpagina's al onze verschillende productsoorten - Photoshop, Illustrator en andere. De buitenpagina die u ziet wanneer u de voorklep voor het eerst opent, krijgt een stapsgewijze instructie op de site en de achteromslag gaat over onze zustermarktplaatsen..
Ik heb het op deze manier uitgelegd om te proberen de informatie op een gemakkelijk verteerbare manier te presenteren:
De volgende stap is om een document in Photoshop in te stellen om in te ontwerpen. Sommige printers zullen u alleen een reeks informatie en specificaties geven en u zult uw eigen document moeten opstellen..
Waarschuwing: Als u niet gewend bent om het ontwerp af te drukken, bestaat de verleiding om aan te nemen dat de vouwlijnen voor het document eenvoudig om 1/3 van het document worden geplaatst, omdat het in drieën gevouwen wordt. Dit is niet het geval. Dus voor onze driebladige brochure is de afmeting van de panelen 3,625 ", 3,6875" en 3,6875 "- d.w.z. een van hen is 0,06" kleiner dan de andere twee. En bovendien, wanneer je naar de andere kant kantelt, bevindt het kleinere paneel zich op een andere plek. Aan de buitenkant is dit het meest linkse paneel, aan de binnenkant is dit het meest rechtse paneel.
Gelukkig biedt UPrinting een sjabloongedeelte waar je een document kunt krijgen compleet met correct geplaatste hulplijnen die je tijdens het ontwerpen kunt in- en uitschakelen.
U kunt de twee sjablonen hieronder bekijken.
De belangrijke dingen om op te merken zijn:
Dus met ons document helemaal klaar en onze voorbereidende planning is het tijd om wat grafische afbeeldingen te maken. We werken dus rechtstreeks in de sjabloon-PSD-bestanden die door UPrinting worden geleverd, omdat we dan niet opnieuw de handleidingen hoeven te hertekenen.
Wat we gaan doen, is een eenvoudige achtergrond maken uit miniaturen van alle vele bestanden die beschikbaar zijn op GraphicRiver. Dus ik heb doorlopen en heb screenshots van een goede 35 of zo items en bijgesneden 375 px x 375 px, leg ze vervolgens in een raster zoals je hieronder kunt zien. Toen ik opraakte begon ik net dezelfde miniaturen opnieuw te herhalen (omdat ik een beetje lui was om er meer van te maken!)
Vervolgens vervagen we die naar zwart door er een nieuwe laag boven te maken, deze te vullen met zwart en transparantie in te stellen 85%.
Vervolgens ben ik gegaan Beeld> Toon> Gidsen om de UPrinting-handleidingen te laten verschijnen. Vervolgens maken we een nieuwe laag bovenop en vullen we een rechthoek in de vorm van een van de panelen met zwart, zoals hieronder weergegeven.
Ga nu terwijl het paneel is geselecteerd naar Selecteer> Wijzigen> Veer en gebruik een waarde van 150 px.
Sla dan Verwijder en je zou aan de randen moeten blijven met een donkere vervaging.
Volg nu dezelfde stappen om de donkere fade op alle drie de panelen toe te voegen. Zodra je alle drie hebt, is het waarschijnlijk de moeite waard om de lagen te dupliceren om het effect te verdubbelen en het een beetje meer uitgesproken te maken.
En daar hebben we onze achtergrond! Ik herhaalde dezelfde procedure zowel aan de binnen- als aan de buitenkant van de PSD-bestanden.
Nu gaan we wat koptekst maken met het lettertype Agenda-Black, dat mooi en rond en dik is. Ik typte mijn hoofdkop ("1000's van grafische bestanden") in hoofdletters.
Vervolgens gaan we een laagstijl toevoegen aan de tekst, om dit te laten werken, hoewel we elke regel tekst afzonderlijk moeten hebben als een eigen laag. Dit zal in een moment logischer zijn. Dus je zou één laag moeten hebben met het woord "1000's" en een andere laag met de woorden "van grafische bestanden".
Klik vervolgens met de rechtermuisknop op een van beide lagen en selecteer Meng opties om het dialoogvenster Lay-outstijl te openen. Voeg nu een toe Overlay met kleurovergang en stel het verloop in op wit tot een zeer vaag grijs (C: 0, M: 0, Y: 0, K: 12). Voeg vervolgens een toe 2px Inner Stroke van wit.
De reden dat we elke regel tekst op een eigen laag moeten hebben, is dat het verloop anders over beide tekstregels gaat, terwijl we een verloop op elke regel willen..
Deze combinatie van lettertype en stijl is natuurlijk de gebruikelijke manier waarop ik tekst op de Envato Marketplaces typeer voor advertenties en algemene afbeeldingen. Dit is belangrijk omdat we een consistent beetje branding willen behouden via de brochure.
Vervolgens heb ik eenvoudig alle verschillende elementen op de pagina uiteengezet. Het zijn voornamelijk tekst en logo's, dus er is niet zo veel Photoshop-techniek bij wijze van spreken.
Voor de stappen heb ik een aantal genummerde knoppen toegevoegd. De nummers zijn hetzelfde Agenda-zwarte lettertype met dezelfde laagstijl toegevoegd. De glanzend ogende cirkels die u kunt maken met een oude Psdtuts + tutorial genaamd Photoshop Button Maker.
De dingen om op te merken over hoe ik alles hier heb neergezet, zijn:
Op het paneel "Hoe het werkt" moeten ze eerst de vier genummerde knoppen zien die ik groot en vetgedrukt heb gemaakt, dus het is meteen duidelijk dat hoewel er veel tekst in dit paneel zit, het gemakkelijk te lezen en te verteren zal zijn . Dan hebben we een grote staptitel zodat zelfs als ze de kleine tekst nooit lezen, een lezer nog steeds de hoofdzin van de pagina kan verteren.
Vervolgens leggen we de binnenkant aan. Dus open het PSD-bestand voor de andere sjabloon en doorloop dezelfde procedure om onze achtergrond te maken. Merk op dat je de achtergrond niet in één keer kunt kopiëren en plakken, omdat de paneelafmetingen aan deze kant anders zijn.
Vervolgens plaatste ik drie titels voor de drie panelen. Mijn doel was om een beetje visueel belang te creëren door ze diagonaal over de pagina te laten gaan. Ik heb ook de Photoshop- en Illustrator-pictogrammen toegevoegd met een zware slagschaduw en schuin gekanteld om de pagina een beetje een geslagen gevoel te geven.
Vervolgens ging ik door en dacht na over alle verschillende soorten bestanden die we op GraphicRiver hebben en kies vertegenwoordigers om te laten zien. Voor elke afbeelding heb ik een kleine afbeelding gemaakt - meestal een screenshot met wat slagschaduw - en heb ik er een tweeregelige titel naast geplaatst in Agenda Semibold.
Hier zie je de drie pagina's die zijn opgemaakt met items die heen en weer lopen. Deze pagina voelt een beetje rommelig, maar het is niet echt jammer en als de brochure eenmaal is opgevouwen, voelt het alsof het een beetje meer structuur heeft. In alle gevallen is het een goed idee om de tekstblokken uit te lijnen zodat ze gecentreerd en verticaal uitgelijnd zijn met andere tekstblokken op hun assen..
Hier ziet u beide pagina's naast elkaar. En daarmee zijn we klaar met Photoshop!
Omdat ons bestand nu wordt opgeslagen met 300 dpi en een redelijk hoge resolutie heeft, kunnen we theoretisch gewoon een PDF van Photoshop opslaan en uploaden voor afdrukken..
Vroeger zou Photoshop alles plat maken en zou de tekst niet als vector worden bewaard. Tegenwoordig kunt u een Photoshop PDF opslaan en worden de tekst en alle andere vectorobjecten (zoals slimme objecten) als vectoren opgeslagen.
In veel situaties is het echter een goed idee om InDesign-documenten voor afdrukken te maken, omdat InDesign u toegang biedt tot een aantal handige hulpmiddelen voor het opmaken van pagina's, zoals stylesheets, de mogelijkheid om PDF-documenten met meerdere pagina's te maken, de mogelijkheid om gemakkelijk printermarkeringen toe te voegen enzovoort.
Voor deze zelfstudie gaan we nu onze Photoshop-illustraties maken en deze allemaal in InDesign plaatsen, waarna vanuit InDesign de definitieve PDF wordt gemaakt.
Dus ga vervolgens door beide PSD's en schakel alle platte tekst (niet de kopjes met laagstijlen) uit zodat ze niet zichtbaar zijn. Ga dan naar Bestand> Opslaan als ... en kies TIFF. Vink het vakje uit dat vraagt of je de lagen wilt behouden en maak dan gewoon een grote, platte TIFF-bestanden van de zijden van de brochure.
Om deze tutorial af te maken, ga je naar Vectortuts + waar we ons Photoshop-werk in InDesign gaan uitvoeren en van daaruit versturen om af te drukken!
Dit bericht is dag 15 van onze Graphic Design Session. Sessiedag 14 van Creative Sessions op dag 16 "
Accentsconagua