Share
In het tweede deel van deze tweedelige zelfstudie leert u hoe u de binnenpagina's ontwerpt voor een illustratieportfolioboek dat is bedoeld om te worden afgedrukt in Adobe InDesign. We zullen een aantal verschillende pagina-indelingen maken en onderzoeken hoe lay-outstijlen uw werk optimaal kunnen presenteren.
In deze tutorial zal ik vector-items van andere Tuts + tutorials gebruiken, maar de tutorial is zo ontworpen dat je deze kunt uitwisselen met je eigen illustratiewerk om je persoonlijke portfolio te maken. Raadpleeg deel één voor het maken van de portfoliobedekking.
In deel een creëerden we een dekking voor het portfolio boek. Het is veel eenvoudiger als dit wordt bewaard als een afzonderlijk InDesign-bestand en de hoes en de binnenpagina's worden geëxporteerd als afzonderlijke PDF-bestanden voordat ze worden verzonden om af te drukken. We zullen het InDesign-document voor de interieurpagina's instellen met dezelfde afmetingen en afloopinstellingen als het omslagdocument.
Open InDesign en ga naar het dossier > Nieuw document, om het venster Nieuw document te openen. kiezen gewoonte van de Documentvoorinstelling vervolgkeuzemenu en zorgen ervoor voornemen ingesteld op Afdrukken. Stel de Aantal van pagina's naar 12 en selecteer Tegenoverliggende pagina's. Van de Pagina grootte vervolgkeuzemenu selecteren Aangepast ... om de te openen Aangepast paginaformaat venster. Typ 'Portfolio-pagina's' onder Naam, stel de Breedte naar 241.3mm en de Hoogte naar 203,2 mm. Klik OK.
Terug in de Nieuw document venster, stel de marges naar 20mm en de Ontluchting boven, onder en buiten naar 9mm. Houd de Inside Bleed op 0mm. Klik OK.
U hebt nu een lay-out van 12 pagina's voor uw pagina's. De eerste en laatste pagina's zijn de enige pagina's die geen deel uitmaken van een spread van twee pagina's. U moet uw boek altijd beginnen en eindigen met een enkele pagina, ongeacht of deze inhoud bevat of niet.
We gaan vier verschillende Masters instellen om vier iets verschillende sjabloonlooks voor verschillende spreads te maken. Als uw portfolio langer is dan 12 pagina's, zijn vier masters een verstandig aantal sjablonen om te onderhouden. Voorlopig is dit een demonstratie van hoe je Masters kunt toepassen om tegelijkertijd verschil en consistentie in je boek te creëren.
Ga naar de Pages paneel (Venster > Pages, indien niet reeds geopend). U zult zien dat er al een standaardmaster in het document 'A-Master' staat. Control-klik (Mac) of klik met de rechtermuisknop (pc) op het A-Master pictogram of de naam en selecteer Masteropties voor A-Master ... . Behoud de prefix 'A' en de Aantal pagina's op 2. Hernoem deze 'Spread Master 1'. Klik OK.
Maak een nieuwe master spread door naar de Pages vervolgkeuzemenu (toegankelijk in de rechterbovenhoek van de Pages paneel) en klik op Nieuwe meester. Noem deze meester 'Spread Master 2'. Klik OK. Herhaal deze stap twee keer en maak een extra twee Masters - noem deze 'Spread Master 3' en 'Spread Master 4'.
Het is verstandig om richtlijnen toe te voegen aan uw Masters om het middelpunt van de pagina's te markeren en handleidingen te bieden voor het plaatsen van tekst en afbeeldingen.
Dubbelklik op het pagina-pictogram voor 'Spread Master 1' om de master rechtstreeks te bewerken.
We willen op elke pagina een verticale hulplijn invoegen om het middelpunt van de inhoud van de pagina te markeren. Aangezien de portfolio als een boek wordt afgedrukt, zal er wat zichtbaarheid verloren gaan van de binnenmarges richting het binded-midden van het boek. We kunnen dit compenseren door de inhoud van pagina's een beetje uit het midden te duwen. De werkelijke middellijn van een pagina in het boek is 120,65 mm, precies de helft van de breedte van één pagina. We trekken 3 mm van deze waarde af voor een linkerpagina en voegen 3 mm toe voor een rechterpagina.
Ga naar Uitzicht > heersers, als ze niet al zichtbaar zijn. Sleep een hulplijn naar X-positie 117,65 mm. Sleep een tweede richtlijn naar X-positie 364,95 mm.
We zullen ook aanvullende richtlijnen opstellen voor het markeren van de grenzen van tekst- en afbeeldingskaders op een bepaalde pagina. Sleep een hulplijn naar beneden van de horizontale liniaal naar Y-positie 29,6 mm. Sleep een tweede richtlijn naar beneden Y-positie 173,6 mm. Herhaal voor de tegenovergestelde pagina.
Klik en sleep om alle richtlijnen voor de master en te selecteren Control-klik (Mac) of klik met de rechtermuisknop (pc), Kopiëren. Dubbelklik op 'Spread Master 2' en selecteer Bewerken> Plakken op zijn plaats. Herhaal dit voor alle Masters.
We kunnen paginanummers toevoegen aan een Master om uw portfolio orde te geven. U hebt op elke pagina geen nummers nodig, maar sommige spreads kunnen er baat bij hebben helemaal vrij van rommel te zijn.
Selecteer de 'Spread Master 1' nog steeds op het scherm Type Tool (T) en maak een tekstkader met een Breedte van 4mm en Hoogte van 2.5mm. Plaats dit frame in de linkerbenedenhoek van de linkerpagina, rustend op de linkermarge bij Y-positie 181,5 mm. Klik binnen het kader en ga naar Type in het bovenste menu. kiezen Speciaal teken invoegen, markeringen en selecteer Huidig paginanummer. Een 'A' wordt automatisch in het frame ingevoerd. Stel de doopvont naar "Web Serveroff Regular", Grootte 9 pt, Links uitlijnen en de Kleur naar Zwart, Tint 75%.
Met het tekstkader geselecteerd, Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Kopiëren. Pasta, en verplaats het nieuwe frame naar de rechterhoek van de rechterpagina, rustend tegen de rechtermarge bij Y-positie 181,5 mm. Stel de tekstuitlijning in op Rechts uitlijnen.
We zullen ook de Lijntool om een kader voor de paginanummers te maken, wat consistent is met de stijl van de omslag die we in Deel Een hebben gemaakt. Selecteer de Lijngereedschap (\) en, vasthouden Verschuiving, sleep een horizontale lijn van links naar rechts. Pas de .... aan lengte tot 217 mm, de X-positie tot 24 mm en de Y-positie tot 182,5 mm. De lijn rust nu op de onderste marge rechts van het linker paginanummer.
Ga naar Venster > Beroerte om de te openen Beroerte paneel. Stel de regel in met de geselecteerde regel Gewicht tot 0,75 pt, Type naar Dik dun, en de Begin waarde voor Bar. Stel in het bovenste bedieningspaneel de Lijnkleur naar Zwart, Tint 75%.
Terwijl de lijn nog steeds is geselecteerd, gaat u naar Voorwerp > Bijwerkingen > Verloopveren. Onder opties, stel de Hoek naar 0 graden en onderhoud de Type zoals Lineair. Verplaats de Zwarte verloopstop ongeveer een kwart weg naar rechts, en de Witte verloopstop ongeveer een kwart weg naar links.
Met de lijn geselecteerd, Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Kopiëren. Ga naar Bewerk > Plak op zijn plek. Control-klik (Mac) of klik met de rechtermuisknop (pc) en klik Transformeren > Draai horizontaal. Pas de .... aan X-positie tot 459 mm.
Zoom uit, zodat u de hele spread kunt bekijken. Selecteer de paginanummers en -regels van beide pagina's en Kopiëren. Dubbelklik het 'Spread Master 2' paginapictogram en ga naar Bewerken> Plakken op zijn plaats. De paginanummers verschijnen nu standaard als 'B'.
We kunnen een zwart-witthema maken op de pagina's van ons boek. Laat de 'Spread Master 1' zoals het is en blijf met 'Spread Master 2' geselecteerd op het scherm.
Selecteer de paginanummertekstkaders op beide pagina's en stel de Letterkleur naar wit. Selecteer beide lijnen en stel de Lijnkleur naar Wit.
Selecteer de Rechthoekgereedschap (M) en sleep om een kader te maken dat zich over de hele spread uitstrekt, tot aan de afloop. Stel de vulling in op zwart. Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Regelen en Verzenden naar terug. De witte paginanummers en de lijnen worden naar voren gebracht.
Selecteer alleen het zwarte kader Rechthoek en Kopiëren. Dubbelklik het 'Spread Master 3' paginapictogram en selecteer Bewerk > Plak op zijn plek.
Op alle pagina's wordt standaard de 'A'-master (' Spread Master 1 ') toegepast. In de Pages paneel klik en sleep het hoofdpictogram met het label als Geen en ga naar de paginapictogrammen voor Pages 1 en 12.
Click-drag het pictogram 'Spread Master 2' pagina's en klik op de paginapictogrammen voor Pages 8 en 9.
Click-drag het pictogram 'Spread Master 3' pagina's en klik op de paginapictogrammen voor Pages 4 en 5.
Click-drag het pictogram 'Spread Master 4' pagina's en klik op de paginapictogrammen voor Pages 10 en 11.
Je masters zijn nu aangepast en toegepast op de pagina's van je boek. U kunt dit afwisselende patroon van herhalen A, C, B, C, D Master-sjablonen in uw hele boek, ongeacht het laatste aantal pagina's. De zwart / wit wisselende sjabloon wordt herhaald.
In deel een plaatsen we een omslag compleet met gekleurde oppervlakken voor de binnenkant van de voor- en achterkant. Om een professionele naadloze look te creëren, passen we dezelfde kleur toe op de eerste en laatste pagina's van het boek.
Ga naar Venster, kleur, stalen om het deelvenster Stalen te openen. In de Stalen Menu, gevonden in de rechterbovenhoek van het paneel, selecteer Nieuw kleurenstaal. Met Kleur mode ingesteld op CMYK, stel de Cyan waarde voor 69%, Magenta 0%, geel 26% en Zwart 0%. Klik Toevoegen en dan OK.
Ga naar pagina 1 van het document en selecteer de Rechthoekgereedschap (M). Versleep om een kader te maken dat zich uitstrekt over de hele pagina, tot het einde. Stel de Vul naar C = 69 M = 0 Y = 26 K = 0. Herhaal dit voor pagina 12.
Terug naar pagina 1 van het document. Hier is een goede plek om een minimale pagina in te voegen met een titel, naam en misschien een logo als je die hebt.
Ten eerste zult u merken dat deze pagina geen richtlijnen heeft zoals de Master is ingesteld Geen. Dubbelklik op een van de Masters en markeer de richtlijnen van een rechterpagina. Kopiëren en keer terug naar pagina 1. Klik Bewerk > Plak op zijn plek. U kunt nu de middelste hulplijn zien.
Voeg een tekstvak in met behulp van de Type Tool (T). Stel de Breedte naar 65mm en de Hoogte naar 22mm. Laat het frame rusten in het midden van de verticale richtlijn en de Y-positie tot 79 mm. Typ 'ILLUSTRATION (paragraph break) PORTFOLIO'. Stel de tekstuitlijning in op Centre uitlijnen.
Markeer 'ILLUSTRATION', stel de doopvont naar "Web Serveroff Regular", Grootte naar 39.5 pt, Tracking naar 20 en Kleur naar Wit. Markeer 'PORTFOLIO', stel de doopvont naar "Varela Regular", Grootte 25 pt, Toonaangevende 28 pt, Tracking naar 120 en Kleur naar Wit.
Maak een ander tekstkader en pas het aan Breedte naar 64 mm en Hoogte naar 7 mm. Plaats het direct onder het eerste tekstkader op Y-positie 164 mm. Typ 'UW NAAM HIER' in het kader, stel de doopvont bij Varela Regular, Grootte 18 pt, Volgen tot 50, Kleur naar wit en Centre uitlijnen.
Je kunt ook extra details toevoegen, zoals lijnen en logo's, het is echt aan jou om je titelpagina te personaliseren! Hier gebruikte ik de Lijngereedschap (/) om een kaderlijn te maken met begin- en eindpunten van het streepeffect. Ik heb het logo ingevoegd met behulp van de Rechthoekkadergereedschap (F) en het plaatsen van een EPS-logo in het wit.
Op pagina 12, of je laatste pagina, je kunt een website of andere contactgegevens toevoegen in een passend lettertype en stijl om een blijvende indruk achter te laten bij de lezer.
Houd bij het ontwerpen van de pagina's van uw boek rekening met de visuele indruk die een volledige spread op de lezer heeft. Een handige manier om ervoor te zorgen dat uw lay-outs visueel aantrekkelijk zijn, is om de "Rule of Thirds" te gebruiken.
De regel stelt dat lay-outs automatisch aantrekkelijker lijken wanneer prominente elementen van je ontwerp in het bovenste of onderste derde deel van een portretpagina vallen, of in het uiterste linker- of rechterdeel van een landschapspagina.
Hier is een voorbeeld van een van de lay-outstijlen die we zullen bekijken bij het creëren met een "Rule of Thirds" -raster bovenop de spread. Op een landschapspreiding zijn afbeeldingen aantrekkelijker wanneer het belangrijkste element van een ontwerp in de uiterst rechtse derde wordt gedrukt, omdat we in de Engelssprekende wereld gepredisponeerd zijn om een pagina van links naar rechts te lezen. In deze spreiding erkennen we het bijschrift voordat het oog naar het hoofdbeeld wordt verplaatst.
We zullen doorlopen hoe je een voorbeeldspreiding kunt maken met behulp van de "Rule of Thirds". Klik op de verspreiding van Pagina's 8 en 9 om de verspreiding op het scherm te brengen. Maak eerst een tekstvak met behulp van de Tekstgereedschap (T). Stel de Breedte naar 48mm en de Hoogte naar 3.5mm. Laat de bovenkant van het frame rusten tegen de horizontale toprichtlijn en stel de X-positie tot 26 mm.
Typ 'Author Name Title' in het frame. Stel de doopvont naar "Varela Regular", Grootte naar 9 pt en Tracking naar 10. Markeer 'Naam auteur' en stel de Kleur naar wit. Markeer 'Titel' en stel de Kleur naar zwart, Tint 60%.
Selecteer de Lijngereedschap (/) en, vasthouden Verschuiving, sleep van links naar rechts om een te maken 4 mm lengte lijn. Stel de Lijnkleur naar wit en in de Beroerte paneel (Venster> Stroke) stel de Gewicht naar 0.75 pt, en de Einde waarde voor Bar. Laat de linkerrand tegen de linker marge rusten en verplaats de X-positie tot 31 mm.
Selecteer de Rechthoekkadergereedschap (M) en sleep een kader om aan de rechterkant van de spread te zitten. Ga naar Bestand> Plaats en selecteer je afbeeldingbestand. In dit voorbeeld heb ik een illustratie met donkere kleuren geselecteerd die er mooi omlijst tegen een zwarte achtergrond, Asher Benson's Romantic Scene. Door uw afbeeldingen zorgvuldig te selecteren om de kleur of lay-out van een spread te 'matchen', kunt u een meer geïntegreerde, op design gebaseerde look voor uw portfolio creëren. Klik Open, en gebruik de Vul het frame proportioneel optie in het bovenste bedieningspaneel om de grootte van de afbeelding aan te passen. Gebruik de optie Streek in het bovenste bedieningspaneel om de afbeelding een kader te geven; stel de Lijnkleur naar wit en de Gewicht naar 2 pt.
Mooi werk - je hebt nu een prachtige spread-layout gebaseerd op de verhoudingen van de "Rule of Thirds".
De "Rule of Thirds" is niet de enige techniek voor het maken van prachtige pagina-ontwerpen. Onderzoek naar het potentieel van symmetrie in je werk kan ook een visueel aantrekkelijke lay-out lenen. Laten we een nieuwe spread voor je boek maken, deze keer met symmetrische effecten die centraal staan.
Ga naar pagina 8 en selecteer het tekstkader en de aangrenzende regel. kiezen Kopiëren. Ga naar pagina 10 en Bewerken> Plakken op zijn plaats. Verander de Lijnkleur van de lijn naar zwart, Tint 60%. Markeer 'Naam auteur' en wijzig de Letterkleur naar zwart, Tint 60%.
Selecteer de Rechthoekkadergereedschap (F) en sleep om een frame te maken 221mm in Hoogte, die zich uitstrekt van de bovenkant van de afloop tot de onderkant. Laat de rechterrand van het frame in het midden van de spread rusten. Ga naar Bestand> Plaats en selecteer een geschikt afbeeldingsbestand.
Hier heb ik het mooie regenboogportret van Sharon Milne gebruikt, dat net zo goed werkt wanneer het wordt omgedraaid (alle afbeeldingen die tekstelementen bevatten zouden niet geschikt zijn voor dit soort spreadlay-out).
Klik Open. Als u tevreden bent met de positie van de afbeelding, selecteert u het kader en Kopiëren plakken. Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Transformeren, en Draai horizontaal. Verplaats dit nieuwe afbeeldingsframe naar de tegenoverliggende pagina (pagina 11), opnieuw de linkerzijde naar boven tegen het midden van de spread.
Deze spread ziet er geweldig uit wanneer deze is uitgeklapt!
Als u een reeks vergelijkbare afbeeldingen hebt, wilt u deze misschien samen op dezelfde pagina weergeven. Laat je niet verleiden om de pagina's te vol te maken met afbeeldingen - kies je twee beste illustraties uit de serie en laat ze elk een hele pagina zien.
Terug naar pagina 8 waarin het beeld van de romantische scène van Asher in dit voorbeeld is weergegeven. Selecteer het tekstkader en de aangrenzende regel en Kopiëren. Ga naar pagina 4 en klik Bewerken> Plakken op zijn plaats. Zowel de lijn als het tekstkader selecteren, Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Transformeren, en Draai 90 CCW. Verplaats de twee elementen zodat de onderste rand van de lijn op de onderste marge in de linkerhoek van de pagina rust. De linkerrand van het tekstkader moet op de linker marge staan. Bewerk de tekstbijschrift indien nodig.
De ... gebruiken Rechthoekkadergereedschap (F) teken een kader dat is gecentreerd langs de verticale hulplijn in het midden van de pagina 4. Ga naar Bestand> Plaats en selecteer je afbeelding. Hier heb ik Mary Winkler's Disco Skull gebruikt. Het werkt het beste als deze afbeelding een transparante achtergrond heeft, zodat de zwarte achtergrond naadloos omhoog gaat naar de randen van de afbeelding.
Selecteer het tekstkader en de regel eronder op pagina 4 en Kopiëren en Pasta. Control-klik (Mac) of klik met de rechtermuisknop (pc), en klik Transformeren, en 180 roteren. Het kan verstandig zijn om de twee elementen samen te voegen voordat u dit doet. Verplaats het gekopieerde tekstkader en regel naar de tegenoverliggende pagina, tegen de marges in de rechterhoek van Page 9.
Terug naar pagina 8 en selecteer het afbeeldingskader. Kopiëren, Pasta en ga naar de tegenoverliggende pagina in dezelfde positie. Ga naar de Links paneel (Venster> Koppelingen, indien niet reeds getoond) en klik met de nieuwe afbeelding geselecteerd op Opnieuw koppelen symbool (te vinden net onder de lijst met links). Selecteer je nieuwe afbeelding (in dit voorbeeld heb ik Chris Carey's Sugar Skull gebruikt) en klik Open.
Nu heb je een spreiding gebaseerd op het principe van herhaalde soortgelijke elementen. Elke afbeelding heeft veel ruimte eromheen en de felle kleuren springen echt tegen de zwarte achtergrond.
Wees niet bang om een afbeelding in het midden van een spread te plaatsen. Nog beter, als het beeld symmetrisch is, kan dit een geweldige manier zijn om extra impact aan uw portfolio toe te voegen.
Ga naar pagina 10 en selecteer het tekstkader en de aangrenzende regel, en Kopiëren. Ga naar pagina 6, en selecteer Bewerken> Plakken op zijn plaats. Bewerk de tekstbijschrift indien nodig.
De ... gebruiken Rechthoekkadergereedschap (F) maak een kader dat de hele hoogte van de pagina verlengt, van de bovenste afloop tot de onderste afloop en lijn het uit in het midden van de spread. Ga naar Bestand> Plaats en voeg je geselecteerde afbeelding in. In dit voorbeeld heb ik Beto Garza's Deer-illustratie gebruikt, die volledig symmetrisch is. Klik Open.
Misschien wil je een meer substantieel stuk tekst toevoegen aan de verspreiding naar deze pagina om de opdracht van de klant of de inspiratie achter de tekening uit te leggen. Maak een tekstkader met behulp van de Tekstgereedschap (T), Breedte 144 mm en Hoogte 125 mm. Typ 'TEXT (alinea-einde) Uw tekst hier ... etc' of selecteer als alternatief Type in het bovenste menu en klik Vul met de tekst van de tijdelijke aanduiding voor nu.
We willen dat de tekst strak tegen de afbeelding aanloopt, maar deze afbeelding heeft een stevige achtergrond. Dit betekent dat als we selecteren Wikkel rond de vorm van het object van de Tekstomslag paneel (ga naar Venster> Tekstomloop om te openen) tijdens het selecteren van het afbeeldingskader, zal de tekst zich alleen rond de grenzen van het kader wikkelen, en niet de afbeelding.
Het maakt niet uit, we kunnen het gewenste effect rechtstreeks in InDesign maken, zonder terug te gaan en de afbeeldingsachtergrond in Illustrator of Photoshop te verwijderen. Selecteer de Ellipse Tool (L) (gevonden door te klikken op het pictogram Rechthoekige tool in het linkergereedschapspaneel) en sleep om een kleine ellips te maken. Draai hem totdat hij op de rechterflank van het hert staat. In de Tekstomslag paneel, met de ellipsvorm nog steeds geselecteerd, selecteer Wikkel rond de vorm van het object en stel de compenseren naar 10mm.
Herhaal de bovenstaande stap en maak nog een ellips die iets kleiner is. Manoeuvreer deze nieuwe vorm om op de rechterzijde van het hoofd van het hert te staan, tot aan het puntje van zijn oor. Pas dezelfde tekstomloopwaarden toe als voor de eerste vorm.
Selecteer beide ellipsvormen en stel de Vullen en Beroerte naar Geen. De tekst zou nu elegant rond de rechterkant van het hert moeten worden ingepakt.
Afhankelijk van uw persoonlijke voorkeur kunt u uw boek eenvoudig vullen met voorbeelden van uw werk. In dit voorbeeld heb ik een inleidende spread opgenomen op pagina 2 en 3 die u kunt aanpassen om een algemene inleiding op uw werk- of loopbaanachtergrond in te vullen.
Ga naar pagina 10 en selecteer het tekstkader en de aangrenzende regel, Kopiëren. Ga naar pagina 3 en Pasta. Bewerk de tekstbijschrift als dat nodig is - we kunnen een stuk werk laten zien aan de bovenkant van deze inleidende spread. Verplaats de twee geplakte elementen naar de linkerbenedenhoek van Page 3, rust de onderkant van het tekstkader op de onderste horizontale richtlijn.
Ga naar de tegenovergestelde pagina 2. Gebruik de Tekstgereedschap (T) om een tekstkader met een te maken Breedte van 96mm en een Hoogte van 59mm. Leg de onderkant van het frame tegen de onderste horizontale geleiding en de linkerkant van het frame tegen de linker marge.
Kopiëren, en Pasta dit tekstkader en verminder het Hoogte naar
Accentsconagua