Ontwerp opvallende lay-outs voor uw eigen kookboek met behulp van InDesign

Wat je gaat creëren

In deze zelfstudie maken we een verscheidenheid aan lay-outs voor een kookboek dat is bedoeld voor zelfpublicatie, hetzij in gedrukte vorm of als een eBoek, met Adobe InDesign. Ik laat je zien hoe je eenvoudige, opvallende foto's kunt presenteren om minimale, kleurrijke ontwerpen voor je pagina's te maken. Laten we koken!

Veel dank aan Cameron Knight voor de prachtige foto's die in deze tutorial worden gebruikt. Je kunt de tutorial van Cameron lezen om deze hier bij elkaar te zetten.

1. Stel de lay-out van het document in

Stap 1

Open InDesign en selecteer Bestand> Nieuw document. In de Nieuw document venster stel de voornemen naar Afdrukken en stel de Aantal pagina's naar 9. Houden Tegenoverliggende pagina's gekozen. Onder Pagina grootte kiezen Aangepast ... in het vervolgkeuzemenu om de. te openen Aangepast paginaformaat venster. Onder naam typ 'Kookboek' en stel in Breedte naar 170 mm en Hoogte naar 270 mm. Klik Toevoegen, en dan OK

Stel de Topmarge naar 18 mm, De ondergrens naar 23 mm, Binnenmarge naar 21,5 mm en Buitenmarge naar 15,5 mm. Stel de bloeden naar 3 mm, maar houd de Binnen waarde op 0 mm. Klik OK.

2. Selecteer lettertypen voor gebruik in uw lay-outs

Stap 1

Voor een kookboek is het een geweldig idee om te hebben twee verschillende lettertypen bij de hand om een ​​scheiding aan te brengen tussen de receptkoptekst en / of de methode en de ingrediëntenlijst. 

In deze tutorial gebruik ik een klassiek schreeflettertype, Calluna voor de receptkoppen en elke bulktekst. Ik zal een rustiek, typ geschreven lettertype gebruiken, Speciale Elite om hiertegen te contrasteren in de ingrediëntenlijsten en paginavoettekens.

3. Stel een meester in voor uw boek

Stap 1

Zorg ervoor dat de Pages paneel is open door naar Venster> Pagina's. Je zult zien dat een Een meester bestaande uit twee pagina's gecombineerd als spread is automatisch toegevoegd in InDesign.

Dubbelklik de Een meester verspreid om het op het scherm te brengen. Sleep een verticale hulplijn van de liniaal naar links naar 13 mm  op de eerste pagina van de meester en sleep een seconde naar 137 mm op de tweede pagina van de meester.

Zoom in naar de linkerbenedenhoek van de spread en selecteer de Type Tool (T) via het bedieningspaneel van het hulpprogramma. Sleep om een ​​klein tekstkader te maken 3 mm in Breedte en 3 mm in Hoogte. Plaats deze tegen de linkergeleider die u zojuist hebt geplaatst en onder de ondermarge en ga naar Typ> Speciaal teken invoegen> Markeringen> Huidig ​​paginanummer. Zet de tekst op Links uitlijnen, doopvont naar Special Elite Regular, en Grootte naar 9 pt.

Ga met de 'A' gemarkeerd naar de Vullen vervolgkeuzemenu in de Tekenopmaakbesturingselementen en stel de tint van de Black Fill naar 80%.

Stap 2

Ga naar met het tekstkader geselecteerd Bewerken> Kopiëren en Pasta op de tegenoverliggende pagina van de A-Master. Plaats dit nieuwe tekstkader tegen de rechterrichtlijn die u in stap 1 hebt gemaakt met dezelfde horizontale uitlijning (rond Y-positie 226 mm). Wijzig de tekstuitlijning in Rechts uitlijnen.

Stap 3

Gebruik de Type Tool (T) om een ​​nieuw tekstkader te maken 133 mm breedte en 3 mm hoogte. Typ 'mijn kookboek' in het kader en stel de tekst in Centre uitlijnen. Stel de doopvont naar Special Elite Regular, Grootte 9 pt, en de Zwarte tint naar 80% zoals eerder. 

Plaats deze onderaan de linkerpagina van de A-Master, opgesteld tegen het paginanummerkader en gecentreerd tussen de buiten- en binnenmarges.

Met het frame geselecteerd, Bewerken> Kopiëren> Plakken en verplaats dit nieuwe frame naar een identieke positie op de rechterpagina van de Master.

U zult zien dat de master automatisch is toegepast op alle pagina's in het document.

4. Maak een opvallende openingspagina

Stap 1

Dubbelklik het paginapictogram voor Pagina 1 om de pagina op het scherm te brengen.

Gebruik de Rechthoekkadergereedschap (F) om een ​​groot frame te maken, dat zich over de hele pagina uitstrekt, tot aan de afloop. Stel de Vullen van het frame naar [Papier]

Voor sommige van de pagina's kunnen we afbeeldingen gebruiken die zijn ingesteld tegen een witte of bleke achtergrond om contrast te bieden en afbeeldingen van eenvoudige ingrediënten toe te staan ​​om echt op te vallen. U kunt de levels filter in Photoshop om het wit in een bepaalde foto te vergroten voordat u de afbeelding in InDesign plaatst.

Ga naar Bestand> Plaats en selecteer uw afbeelding, klik Open. Dubbelklik in het kader om het beeld direct te selecteren en ingedrukt te houden Verschuiving om het beeld te schalen zonder te vervormen.

Stap 2

Gebruik de Type Tool (T) om een ​​nieuw tekstkader te maken 134 mm breedte en 58 mm hoogte. Typ 'My (paragraph break) CookBook' en stel de doopvont naar Calluna Regular. Stel de Lettertypegrootte naar 80 pt en leidend naar 80 pt

Markeer 'M' en 'C' afzonderlijk en stel de Grootte naar 90 pt om de nadruk te leggen. 

Markeer 'Cook' en stel de Kleur tot een vurig rood, C = 8, M = 95, Y = 100, K = 1 om de kleur van de kruiden in de foto naar voren te brengen.

5. Ontwerp een levendige introductiespread

Stap 1

Dubbelklik op het paginapictogram voor Pagina 3 in het paneelvenster Pagina's brengt u de pagina op het scherm. Gebruik de Type Tool (T) om een ​​nieuw frame te maken 133 mm in Breedte en 48 mm in Hoogte. Typ tekst voor een koptekst, 'Het belang (alinea-einde) van ingrediënten ...'  

Voeg na een volgende pauze een korte inleidende paragraaf in, hier heb ik gebruikt 'Probeer biologisch geproduceerde, verse ingrediënten in uw kookkunsten te gebruiken. (alinea-einde) Je proeft het verschil! '.

Markeer de koptekst en stel de doopvont naar Calluna Regular, Grootte naar 49 pt, leidend naar 53 pt. Handhaaf de Kleur als standaard Zwart voor nu.

Markeer de resterende tekst; stel de doopvont naar Calluna Regular, Grootte naar 12 pt en leidend naar 14.4 pt

Stap 2

Verdelen Pagina 2 in een eenvoudig raster door een verticale hulplijn van de linkerliniaal naar te slepen 65 mm en sleep een horizontale richtlijn naar 80 mm.

Stap 3

Gebruik de Rechthoekkadergereedschap (F) om een ​​kader te maken 68 mm in Breedte en 246 mm in Hoogte. Plaats dit tegen de linkse afloop aan Pagina 2 van het document, zich uitstrekkend tot aan de bovenste afloop en tot aan de onderste afloop. Het moet ongeveer tegen uw nieuwe verticale richtlijn rusten.

Geef het kader een stevige lijn in [Papier] met een Gewicht van 1 mm. Ga naar Bestand> Plaats en selecteer een gekleurde foto waarvan u denkt dat deze kan worden bijgesneden en ingezoomd zonder de helderheid van het onderwerp te verliezen. Gebruik de Vul het frame proportioneel optie in het bovenste bedieningspaneel om het te schikken totdat u tevreden bent.

Stap 4

Introduceer nog een paar afbeeldingsframes, zoals hierboven, die elkaar ontmoeten bij de horizontale richtlijn (U kunt Kopiëren> Plakken het bestaande afbeeldingsframe en bewerk de dimensies). 

Plaats afbeeldingen hierin met contrasterende, maar complementaire kleuren. In dit voorbeeld kun je zien dat ik in het algemeen een pittig, zomers kleurenpalet heb gekozen, waardoor het eten echt popt!

Introduceer een extra afbeeldingframe op de tegenovergestelde pagina, het voldoen aan de horizontale richtlijn.

Stap 5

Selecteer de Pipetgereedschap (I) en beweeg over de achtergrondkleur van een van de foto's. Klik eenmaal en Dubbelklik het resulterende staal dat verschijnt onderaan de Hulpmiddelen paneel. kiezen CMYK-staal toevoegen en klik OK.

Keer terug naar het tekstkader bovenaan Pagina 3 en markeer 'Ingrediënten ...' Stel de Tekstkleur naar je nieuwe staal (de staal die ik hier heb gebruikt is C = 0, M = 88, Y = 73, K = 0), die is verschenen in de vervolgkeuzelijst Vullen menu in het bovenste bedieningspaneel. U kunt dit ook toepassen op delen van de hoofdtekst die u wilt opvallen.

Stap 6

Dubbelklik op de Een meester verspreid om de Master op het scherm te brengen. Versleep en selecteer de twee paginanummerframes en de twee voettekaders op de spread en Bewerken> Kopiëren. Ga terug naar de Pagina's 2 en 3 verspreiden en Bewerken> Plakken op zijn plaats. Stel de Tekstkleur voor al deze items om [Papier].

Fantastisch werk - je hebt een prachtige, kleurrijke intro-spread!

6. Creëer een High-Contrast Receptspreiding

Stap 1

Dubbelklik de Pagina 4-5 pictogrammen om de verspreiding te verhogen. Ga naar Beeld> Verspreid in venster passen.

Introduceer enkele verticale richtlijnen op Pagina 4 om ons in staat te stellen kolommen met gelijke afmetingen te maken. Sleep een hulplijn naar 130 mm, een seconde voor 76 mm, en een derde voor 69 mm

Stap 2

Gebruik de Type Tool (T) om een ​​tekstkader te maken 133 mm breedte en 53 mm hoogte. Typ 'Romige zalm' (alinea-interval x 2) met Deens (alinea-einde) Suikerbruin (alinea-einde) Aardappelen '. 

Stel de doopvont naar Calluna Regular. Markeer 'Romige Zalm' en zet de Lettertypegrootte naar 49 pt en de Kleur naar een neutraal mosterdmonster, C = 12, M = 51, Y = 100, K = 1. Markeer de resterende tekst en stel de Grootte naar 30 pt en leidend naar 32 pt. Behoud de standaard Zwarte kleur.

Stap 3

Introduceer een nieuw tekst montuur 53,5 mm breedte en 122 mm hoogte. Voeg een kop 'Ingrediënten' toe gevolgd door de lijst met ingrediënten. Stel de doopvont van de koptekst en eventuele subkopjes voor Calluna Regular, Grootte naar 21 pt, leidend naar 25.2, en stel de Kleur naar een tint van 80% zwart.

Stel de doopvont van de resterende lijst met ingrediënten voor Special Elite Regular, Grootte 10 pt, Toonaangevende 10 pt; een alinea-einde tussen elk ingrediënt laten voor de duidelijkheid. Trek belangrijke informatie uit het mosterdmonster, C = 12, M = 51, Y = 100, K = 1, maar houd de rest van de lijst als Zwart

Stap 4

Maak een nieuwe kolom om de tekst erin te laten stromen. Maak een tekstkader en plaats dit tussen de twee verticale richtlijnen naast de eerste kolom. Klik op de kleine witte doos rechtsonder in de eerste kolom en Klik opnieuw in dit nieuwe frame om de twee te verbinden. 

U kunt een horizontale hulplijn naar beneden slepen Pagina 4 om ervoor te zorgen dat de tekst exact overeenkomt met de eerste kolom.

Stap 5

Gebruik de Lijngereedschap (\) om een ​​streek in te voeren 106 mm in Lengte en plaats dit onder de kop 'Ingrediënten' om het in te kaderen. Ga naar Venster> Lijn om de te openen Lijnpaneel. Stel de Gewicht naar 0,35 mm, de Type naar Dik dun en de Lijnkleur naar een tint van 60% zwart.

Stap 6

Ga naar de tegenovergestelde pagina, Pagina 5. Sleep een verticale hulplijn naar ongeveer het middelpunt van de pagina en sleep twee horizontale hulplijnen omlaag om de pagina ruwweg op te splitsen 6 secties.

Gebruik de Rechthoekkadergereedschap (F) om een ​​kader in te voegen 70 mm bij 70 mm, stel de Vullen naar [Papier] en plaats dit in de linkerbovenhoek van de pagina, rustend op het raster gevormd door de richtlijnen. Ga naar Bestand> Plaats en kies een afbeelding met een witte achtergrond. Klik Open. Gebruik de Vul het frame proportioneel optie in het bovenste bedieningspaneel om de afbeelding centraal in het frame te rangschikken.

Stap 7

Bewerken> Kopiëren> Plakken het afbeeldingsframe 5 meer tijden en Bestand> Plaats of Opnieuw koppelen (Venster> Koppelingen) om nieuwe afbeeldingen in te voegen om een ​​geordend, geruit effect te creëren.

Fantastisch - deze spread ziet er echt leuk uit. 

7. Ontwerp een spannende methode verspreid

Stap 1

Dubbelklik op de Pagina 6 paginapictogram in de Pages paneel om het op het scherm te brengen. Sleep vanuit de bovenste liniaal een horizontale hulplijn naar beneden 122 mm. Sleep vanuit de liniaal aan de linkerkant een verticale hulplijn naar 86 mm.

Stap 2

Gebruik de Rechthoekkadergereedschap (F) om een ​​frame te maken dat past in de linkerbenedenhoek van Pagina 6, de grenzen waarvan je hebt gemaakt met de richtlijnen. Verleng het naar de randen van de afloop. 

Geef voor pagina's 2 en 3 het kader op stevige lijn in [Papier] met een Gewicht van 1 mm

Ga naar Bestand> Plaats en selecteer een van uw Method-afbeeldingen, klik Open. Gebruik de Vul het frame proportioneel optie om de afbeelding in het frame te schikken, hoewel een ingezoomd beeld hier heel goed zou werken.

Stap 3

Sleep een andere verticale richtlijn naar 232 mm op de tegenovergestelde pagina, Pagina 7

Selecteer het afbeeldingskader dat u in stap 2, hierboven en. Hebt gemaakt Bewerken> Kopiëren> Plakken. Herhaling om een ​​derde afbeeldingskader te maken. 

Schik deze in het rooster dat u met uw richtlijnen hebt gemaakt, zoals in de afbeelding hieronder. Vervangen de twee nieuwe afbeeldingskaders met je andere Method-foto's en rangschik hun schaal en verhoudingen totdat je tevreden bent met het resultaat.

Stap 4

U zult zien dat de foto's die u op de pagina hebt geïntroduceerd de voettekst doorsnijden, wat er niet geweldig uitziet. Ga naar de Pages-paneel en sleep de Master [Geen] en laat maar aan Pagina 7.

Ga naar de Een meester en sleep om de te selecteren paginanummer tekstframes (niet de voettekstframes); Bewerken> Kopiëren

Terug keren naar Page 6 and 7 en Bewerken> Plakken op zijn plaats. Markeer het paginanummerkader Page 6 alleen en stel de Tekstkleur naar [Papier].

Stap 5

Voer de tekst van uw methode op de pagina in door twee tekstkaders linksboven in te voegen Pagina 6 en aan de rechterkant van Pagina 7. Jij kan Bewerken> Kopiëren> Plakken de tekst en lijn die u al hebt gemaakt voor de vorige spread (pagina 4 en 5) om de opmaak na te bootsen die u al hebt ingesteld voor die pagina's. 

Zorg ervoor dat de stappen duidelijk zijn aangegeven, met voldoende ruimte tussen elke stap van de methode. Geef voldoende ruimte tussen de randen van de tekst en de afbeeldingen (ik liet een gat van 17 mm) om een ​​professionele uitstraling te geven.

Uitstekend werk - u hebt een mooie, minimale methodepagina gemaakt.

8. Een samenvoeging van een laatste pagina

Stap 1

Nu je klaar bent met koken, wil je de mooie resultaten zien! We hebben tot nu toe een eenvoudig wit met fel kleurenpalet gebruikt voor de pagina's. Voor contrast gaan we een donkere, humeurige pagina maken voor de voltooide receptfoto.

Dubbelklik de Pagina 8-9 paginapictogrammen om de verspreiding op de pagina te brengen. Gebruik de Rechthoekkadergereedschap (F) om een ​​kader te maken dat zich uitstrekt over de hele spreiding, reikend tot aan de rand van de afloop aan alle kanten. Ga naar Bestand> Plaats en selecteer een afbeelding met een donkere achtergrond. Het hoeft niet zwart te zijn, maar iets dat goed contrasteert met een bleker tekst. Klik Open.

Dubbelklik in het kader om de afbeelding te rangschikken. Probeer een afbeelding van zeer hoge kwaliteit te gebruiken waarmee u gemakkelijk kunt inzoomen. Probeer de afbeelding een pientere, bijgesneden hoek te geven om interesse toe te voegen.

Stap 2

Introduceer een tekstkader met behulp van de Tekstgereedschap (T) 61 mm breedte en 35 mm hoogte. Typ 'Bon (alinea-einde) Appétit!' en stel de doopvont naar Calluna Regular, Grootte naar 51 pt, leidend naar 55 pt, en Tekstkleur naar [Papier].

Plaats het frame in de linkerbenedenhoek van Pagina 8, of waar op je pagina dat de donkere achtergrond van de foto doorkomt.

Stap 3

Introduceer een inlijsting Beroerte onder de tekst met behulp van de Lijngereedschap (\). Stel de Lengte naar 84 mm (in dit voorbeeld wordt het samengevoegd met de witte rand van de plaat), Kleur naar [Papier], Gewicht naar 1 mm en de Type naar Dik dun.

Stap 4

Dubbelklik op de Een meester om de Meester verspreid op het scherm te brengen. Sleep over de onderkant van de spread om te selecteren beide paginanummertekstkaders en zowel de footer-tekstframes. Bewerken> Kopiëren en keer terug naar Pagina 8-9. Bewerken> Plakken op zijn plaats

Stel de Tekstkleur van beide paginanummer en footer op Pagina 8 naar [Papier].

Fantastisch werk - je hebt een laatste pagina die er goed uitziet om te eten!

9. Bereid uw boek voor op afdrukken of digitaal

Stap 1

Het doel van deze tutorial was om u enkele manieren te tonen om opvallende, eigentijdse en minimale lay-outs voor een kookboek te maken. U kunt de hier gepresenteerde ideeën gebruiken om uw eigen spannende lay-outs te maken. 

Nadat u uw hele boek hebt samengesteld, wilt u dit misschien exporteren als een Interactieve PDF voor online delen (ga naar Bestand> Exporteren> en selecteer Adobe PDF (interactief) van de Formaat menu; en selecteer spreads uit het volgende menu). 

U kunt ook een gedrukt boek maken door naar Bestand> Exporteren> en selecteren Adobe PDF (afdrukken) uit het vervolgkeuzemenu. kiezen Perskwaliteit van de Adobe PDF Preset vervolgkeuzemenu en vink aan Alle drukkersmerken van de Marks and Bleeds menu.

Geweldig werk, nu wanneer eten we?! 

Veel succes met het visualiseren van je eigen prachtige gastronomische ontwerpen!