Share
Een van de minder bekende functies van Illustrator is de mogelijkheid om meerdere pagina's in PDF-formaat te produceren en te publiceren. Waarom is het een minder bekende functie? Goed, omdat applicaties zoals InDesign en Quark Xpress zijn toegewijd aan het produceren van dergelijke documenten en het is onwaarschijnlijk dat je ooit geadviseerd wordt om Illustrator te gebruiken.
Het is echter mogelijk en in een mum van tijd kan deze techniek van pas komen, vooral wanneer u documenten maakt die slechts enkele pagina's lang zijn. Deze tutorial zal uitleggen hoe het gedaan is, terwijl het bespreken van een aantal grid lay-out theorie om een jaarverslag te produceren.
Nadat u Illustrator heeft geopend, begint u een nieuw document (Command + N) en geeft u enkele instellingen op in het dialoogvenster Nieuw document. Geef het document de naam 'rapport', selecteer Millimeters voor de eenheden, Landschap voor oriëntatie en RGB voor de kleurmodus. Opmerking: we hebben voor RGB gekozen omdat dit document bedoeld is voor weergave op het scherm. Als de uwe waarschijnlijk wordt afgedrukt, is het raadzaam om CMYK te selecteren en ervoor te zorgen dat de Rastereffecten zijn ingesteld op de geplande afdrukresolutie..
De grootte wordt automatisch geregistreerd als Aangepast als we onze eigen afmetingen invoeren. We hebben een tekengebied nodig dat drie keer zo groot is als een A4-pagina (210 mm x 297 mm) om drie pagina's te maken. We houden daarom de hoogte op 297 mm, maar vergroten de breedte om plaats te bieden aan nog eens 2 pagina's (3 x 210 mm = 630 mm).
Klik OK.
Ga naar Weergave> Paginaweergave tonen.
U ziet een gebied op uw tekengebied dat aangeeft wat we naar een PDF-bestand zullen afdrukken. Dit gebied kan elke grootte hebben, afhankelijk van uw eerdere Illustrator-afdrukinstellingen.
We moeten nu de tegels aanpassen om ons onze 3 A4-pagina's binnen het tekengebied te geven.
Ga naar Bestand> Afdrukken (Command + P). Je krijgt dan een afdrukvenster te zien, een flink venster met (volgens de legende) miljarden opties en instellingen. We concentreren ons gewoon op de documenten die we nodig hebben om ons PDF-document met 3 pagina's correct in te stellen. In het gedeelte Algemeen moet u het volgende instellen:
Nu moet je onder het gedeelte Setup het volgende instellen:
U kunt in het voorbeeldvenster zien hoe uw document vordert. U moet nu zien dat het tekengebied is verdeeld in drie A4-paginategels.
Als u klaar bent met het instellen van uw afdrukopties, kan het handig zijn om ze op te slaan. Klik op Save Preset en geef uw preset een naam in het dialoogvenster dat verschijnt. De volgende keer dat we deze instellingen moeten dupliceren, kunt u deze onder Print Preset selecteren.
Klik op OK om de voorinstelling op te slaan en klik vervolgens op Gereed (niet Opslaan) om terug te gaan naar uw document.
Als je tekengebied momenteel zichtbaar is, kan het nuttig zijn om het te verbergen; we hebben op dit moment genoeg lijnen op onze pagina. Ga naar Beeld> Tekengebied verbergen. Er blijft een mooi, schoon, genummerd driepagegebied achter op uw scherm.
Het structureren van een lay-out met een vooraf bepaald raster heeft veel voordelen, met name bij het werken met meerdere pagina's. Dit geldt voor print, web, in feite alle ontwerpdisciplines. Theorieën van grid-gebaseerde lay-outontwerp zijn al tientallen jaren goed gedocumenteerd. Paul Rand was openhartig over grafische ontwerptheorie en een voorstander van de voordelen van het gebruik van rasters in ontwerp.
Het raster is dan de discipline die [de ontwerper] bevrijdt van de tijdrovende last van het nemen van bepaalde beslissingen (dimensies, verhoudingen), zonder welk vruchtbaar en creatief werk uiterst moeilijk is. Hij kan zich direct verplaatsen naar die aspecten van het probleem waarin individuele expressie, nieuwe ideeën en keuzevrijheid essentieel zijn.
"Design and the Play Instinct", Paul Rand, 1965
Dus, ga jezelf een kop koffie halen, bekijk een paar bronnen aan het einde van de tutorial en doe zelf wat onderzoek naar het gebruik van roosters in ontwerp.
Precies hoe u uw raster opmaakt, is aan u; de mijne is gebaseerd op zes kolommen en zes rijen. De volgende stappen definiëren ook de marges en dakgoten die ze verdelen.
Begin met het plaatsen van een rechthoek op je tekengebied. Geef het de afmetingen van een A4-pagina en lijn het uit met de eerste van je drie tegels.
Ga met je rechthoek geselecteerd naar Effect> Pad> Offsetpad en voer -12mm in het dialoogvenster in dat verschijnt. Klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen om uw kleinere rechthoek uit te vouwen.
Klik op Command + K om de voorkeuren van Illustrator te openen. Stel de toename van het toetsenbord in op 6 mm en klik op OK.
Gebruik nu het gereedschap Direct selecteren en sleep de onderste ankerpunten van de rechthoek en druk eenmaal op de pijl-omhoog. Dit geeft ons een extra 6 mm voor de marge onderaan de pagina; goed voor de esthetiek en biedt ook een kleine ruimte voor een copyrightverklaring, paginering, enz.
In printontwerp bestaan roosters traditioneel uit kolommen en vervolgens dakgoten die ze verdelen. Sinds de opkomst van webdesign en het gebruik van rasters voor weblay-outs is er een andere aanpak ontstaan. De aard van het bouwen van een webpagina betekent dat dakgoten meer een hindernis dan hulp zijn, dus dakgoten worden nagebootst door opvulling en marges binnen elementen te gebruiken.
Persoonlijk ontwerp ik meer voor het web dan afdrukken, dus ik ga laten zien waaraan ik meer gewend ben. Een voordeel van ontwerpen met een op het web gebaseerd raster is dat het uw drukwerkdocument naadloos laat vertalen voor het web. Als dit allemaal een beetje verwarrend lijkt, zal alles duidelijk worden ...
Terwijl je rechthoek is geselecteerd, ga je naar Object> Pad> Splitsen in raster.
Illustrator maakt het aangenaam eenvoudig om een gesloten pad in een reeks kolommen, rijen en dakgoten om te zetten, zoals u in deze dialoog zult zien. Voer de instellingen in zoals u hieronder ziet (klik op Voorbeeld om de rechthoek te zien veranderen terwijl u bezig bent) om zes kolommen en zes rijen te maken en klik vervolgens op OK. Merk op dat we 0 mm hebben ingevoerd voor de dakgoten, omdat we in dit geval geen enkele willen.
Het is aan jou hoe je het net dat je net hebt gemaakt dupliceert. Zorg dat je er nog twee maakt en lijn ze allemaal uit in de juiste positie op de tegels. Selecteer vervolgens alle drie en ga naar Beeld> Gidsen> Handleidingen maken
Het enige wat je op deze laag hebt, zijn je rastergidsen, dus om het je gemakkelijk te maken, sluit je de laag en noem je deze 'gidsen'.
Het gebruik van roosters heeft alles te maken met het beperken van de besluitvorming (tot op zekere hoogte) in het ontwerpproces. We gaan verder op die route door onze kleuren vooraf te definiëren om ons te besparen dat we er verder over moeten nadenken. Door slechts twee kleuren aan het deelvenster Stalen toe te voegen, geven we onszelf een eenvoudig, maar opvallend bereik voor ons document.
Klik op Nieuw staal in het deelvenster of sleep een object van de door u gekozen kleur naar het paneel. Ik gebruikte de kleuren: oranje (# D8601D) en olijf (# A8A885). Nadat ze zijn gegroepeerd in het deelvenster Stalen, zijn kleuren beschikbaar in verschillende mate van tint, tint, geluid, warmte, etc. vanuit het deelvenster Kleurengids. Vanaf hier kunnen we alles in ons document inkleuren, zonder onze eigen regels te overtreden.
Maak een nieuwe laag, noem het "objecten", of wat je maar wilt. Gebruik het gereedschap Rechthoek om een rechthoek te maken die de hele eerste pagina beslaat en een andere die het kwart rechtsonder op de tweede pagina bedekt. Kleur ze op de juiste manier in, zoals hieronder weergegeven.
Maak een nieuwe laag en noem deze "tekst". Kopieer de olijfrechthoek en vergrendel vervolgens de laag "objecten". Selecteer de laag "tekst" en klik op Command + F om de rechthoek op deze laag in de juiste positie te plakken.
Gebruik dezelfde techniek als eerder (Effecten> Pad> Verschoven pad), verschuift het pad voor deze rechthoek met -6 mm en breid het uit (Object> Uitvouwen). Geef het een andere kleur (naar keuze) om het beter zichtbaar te maken als je dat wilt.
We hebben onze rechthoek in de grotere rechthoek gemaakt, waardoor we een container hebben gekregen met (in CSS-termen) 6 mm opvulling die fungeert als onze rugmarge. We passen deze "opvulling" toe op alle containers die we met ons raster hebben gebouwd om de uniformiteit te handhaven.
Voeg wat dummy-tekst toe aan de container door het gereedschap Tekst te selecteren en op het pad van de rechthoek te klikken. Uw rechthoek verliest zijn kleur en wordt een tekstvak met vaste afmetingen; het zal niet uitbreiden of inkrimpen, ongeacht hoeveel tekst je erin plaatst.
Herhaal stap 15 en 16 om een tweede tekstvak naast uw eerste te maken. Verwijder de grootste van de twee rechthoeken en kleur de tekst anders in om een witte achtergrond toe te staan. Je zou nu echt het effect van het gebruik van "opvulling" als goot kunnen zien.
Voeg een lijn toe met het gereedschap Lijnsegment over de breedte van het raster, op een niveau met de middelste horizontale hulplijn. Kleur het volgens uw vooraf gedefinieerde palet en duw het vervolgens één keer omhoog (pijl-omhoog) om het 6 mm naar boven te verplaatsen (denk eraan het stapsgewijs instellen van het toetsenbord op 6 mm te zetten in stap 9?). Voeg een andere toe aan het bovenste deel van het raster om een gebied boven aan de pagina te maken.
De flexibiliteit om een raster te gebruiken op basis van veelvouden van 6 is dat zowel 3 als 2 mooi passen. Daarom kunnen we de breedte van het raster in 3 kolommen verdelen, dezelfde "opvulling" toepassen en het ziet er nog steeds visueel acceptabel uit. Maak zes containers, verplaats het pad om de opvulling toe te passen en breid uit zoals weergegeven.
Ondertussen heb ik ook een titel aan de bovenkant van de pagina toegevoegd.
Voeg wat tekst toe aan het onderste gedeelte van de containers die u zojuist hebt gemaakt. Dit zijn labels voor de grafieken die we in de volgende stap maken.
Maak een vierde laag, noem het "grafieken" en sluit de anderen om te voorkomen dat je ze hindert. Selecteer nu het gereedschap Cirkeldiagrammen en klik op het tekengebied. Voer de gewenste hoogte en breedte in in het dialoogvenster Graph dat verschijnt, we passen de dimensies later aan.
Er verschijnt een gegevensinvoervenster.
Ik ga niet in detail treden voor het maken van grafieken met Illustrator - dat is een hele andere tut! Ik zal echter in het kort uitleggen dat elke rij met gegevens hier een afzonderlijke taartgrafiek zal maken. Elke rij is proportioneel in grootte ten opzichte van de anderen met betrekking tot het totaal van de rijen (in dit geval is elke rij 100, dus ze hebben dezelfde afmetingen). Voer de gegevens in zoals ik heb gedaan en klik op Toepassen (de vinkje rechts bovenaan).
Sluit de dialoog en demonteer (Command + U) de grafieken. Je wordt gewaarschuwd dat je de bewerkingsfuncties van de grafieken kwijtraakt als je ze uit de groep verwijdert, maar we zijn alleen geïnteresseerd in hen als visueel fillers hier, zodat we hun dynamiek kunnen verliezen.
Je moet het hele perceel verschillende keren degraderen om de grafieken volledig te scheiden, maar als je ze eenmaal hebt, geef je ze wat kleur uit je palet, groepeer je elke individuele grafiek en pas je een 3D Extrude-effect toe. (Meer informatie over 3D-extrusie vindt u in de zelfstudie, Een blik bonen maken door Vectoren in een 3D-object te mappen.)
Plaats de resulterende grafieken boven hun labels en wees niet bang om hulplijnen te schenden wanneer u dit doet. Cirkels moeten vaak visueel worden gecorrigeerd wanneer ze op roosters worden toegepast, zoals iemand die heel slim is eens zei: 'Regels zijn gemaakt om de wijzen te leiden en dwazen te volgen.'
We hebben de meeste relevante principes met betrekking tot lay-out besproken, dus ga je gang en gebruik de concepten die we hebben behandeld om de 3e pagina met wat inhoud te vullen. Plaats opnieuw een streek bovenaan het raster, een tweede lager onder en voeg nog twee kolommen toe voor tekst, maar deze keer groter. Een groot titel- en tekstgebied dat de breedte van het raster beslaat, domineert de kop van de pagina.
De tabel aan de voet van de tweede tekstcontainer is slechts een verzameling rechthoeken, enkele tekst en een paar uitgelijnde pictogrammen. Witte strepen verdelen de gebieden voor duidelijkheid.
Laten we een vertrouwenwekkende CEO toevoegen aan onze pagina. Ik heb een gepaste afbeelding (kleur gecoördineerde stropdas!) Gedownload en op een andere laag geplaatst onder "objecten", "afbeeldingen" genaamd.
Kies uw eigen afbeelding en breng deze naar uw document door naar Bestand> Plaats te gaan. Selecteer het bestand van uw systeem en klik op OK. OPMERKING: als u Link in het dialoogvenster Bestandselectie aanvinkt, wordt de afbeelding in uw document weergegeven zonder deze in te sluiten. Als het gekoppelde bestand vervolgens buiten Illustrator wordt gewijzigd, worden wijzigingen automatisch toegepast op wat u in uw document ziet. Dit helpt de bestandsgrootte en verwerkingstijd te verminderen.
Gebruik het gereedschap Rechthoek om een rechthoek te maken binnen de hulplijnen, stop bij de slag zoals u hieronder kunt zien. Dit zal fungeren als ons masker.
Terwijl zowel de afbeelding als de rechthoek is geselecteerd, drukt u op Command + 7 om een knipmasker te maken. Gebruik het gereedschap Direct selecteren om alleen de afbeelding te selecteren en in het masker te schalen. Voel ook vrij om het masker te verhogen, opnieuw met behulp van het gereedschap Direct selecteren. Streef naar iets zoals je hieronder ziet.
Voeg meer tekstelementen toe om een offerte te voltooien, met behulp van de handleidingen om alles en kleuren in het palet te plaatsen.
Opmerking: nadat we onze laag 'afbeeldingen' onder de laag 'objecten' hebben geplaatst, hebben we de onderkant van de afbeelding verbeterd met de lijn die we eerder hadden geplaatst.
Bijna daar! Slechts een paar extra elementen en we zullen klaar zijn om onze PDF af te drukken. Eerst een titel en logo geplaatst zoals de afbeelding hieronder op de voorpagina.
Vervolgens een auteursrechtverklaring en paginanummer op de volgende twee pagina's die net onder het raster staan in onze vergrote marge. Gebruik de Glyphs (Type> Glyphs) om desgewenst een copyright-symbool in te voegen.
Verberg je handleidingen door naar Beeld> Hulplijnen> Hulplijnen verbergen (of je laag met "gidsen" te verbergen) te verbergen en de algehele esthetiek van je lay-out te bekijken. Niet slecht? Goed! Laten we het in een bestand afdrukken ...
Nadat u uw ontwerpwerk hebt voltooid, gaat u naar Bestand> Opslaan als om het dialoogvenster Opslaan als te openen. Kies de locatie waar u uw PDF wilt opslaan. Geef het een bestandsnaam (ik gebruikte "rapport") en selecteer Adobe PDF als het formaat en klik vervolgens op Opslaan.
U krijgt het dialoogvenster Adobe PDF opslaan aangeboden in de algemene instellingen. Speel met opties naar eigen wens, maar het belangrijkste is dat we het volgende instellen:
De instelling Create Multi-page PDF from Page Tiles is natuurlijk cruciaal, als u dit niet kunt controleren, maakt u een PDF-pagina die bestaat uit uw hele tekengebied. Niet het doel dat we willen bereiken.
Ga naar de beveiligingsinstellingen in het dialoogvenster Adobe PDF opslaan. De instellingen hier bepalen wat gebruikers wel of niet met uw document kunnen doen. Selecteer Een wachtwoord gebruiken om het bewerken van beveiligings- en machtigingsinstellingen te beperken. Daarbij kunt u bepaalde dingen beveiligen met een wachtwoord. Zouden gaan:
Stel deze opties in zoals u wilt en klik op 'PDF opslaan'.
Afgewerkt! Bekijk de definitieve PDF (nee, u kunt deze niet bewerken of afdrukken!) En controleren of alles naar behoren is verlopen. Een ding om op te letten is dat de inhoud niet naar andere pagina's is overgestroomd. In dit geval kan het oranje van de eerste pagina eenvoudigweg de linkerrand van de tweede pagina zijn. Breng indien nodig correcties aan en sla opnieuw op.
Op dit punt wil ik herhalen dat deze techniek geen vervanging is voor het gebruik van software die speciaal is bedoeld voor paginalay-out, zoals InDesign of QuarkXpress. Deze techniek kan effectief zijn als u echter korte documenten met meerdere pagina's moet maken.
In Illustrator hebben we een breed scala aan vaardigheden behandeld om dit document te produceren, soms uitgebreid, waarvan sommige vereisen dat je verder onderzoek gaat doen. Veel plezier ermee!
Ga naar paul-rand.com - voor meer gedachten en werk van Paul Rand.
De Grids Are Good van Mark Boulton is een uitstekend PDF-artikel voor diegenen die geïnteresseerd zijn in het bevorderen van hun kennis van op rasters gebaseerde lay-outs.
Voor een uitgebreide bronnenlijst zie Smashing Magazine's Designing met Grid Based Approach - de reden waarom deze bronnenlijst niet erg lang is; het is er allemaal!
Accentsconagua