Share
In de tweede van onze tweedelige tutorial ga ik je laten zien hoe je onze kunt gebruiken stadsgrafiek om een tijdschriftomslag te maken en vervolgens twee versies van een binnenste spread in Adobe InDesign. Ik ga vervolgens door met het maken van een mock-up in Photoshop.
Ok moment om naar InDesign te gaan. Open een nieuwe A4, verspreid document.
Ga naar je Pages paneel en maak een extra spread (dubbele pagina). Selecteer de hoofdpagina met dubbelklikken ben ermee bezig. We werken nu alleen aan deze pagina.
Ga naar Bewerken> Voorkeuren en bewerk de basislijn naar de juiste instellingen.
We gaan nu een modulair raster maken dat past bij de basislijn. Dit is vrij gemakkelijk te doen met een juridische / letterpagina waarbij de basislijn een evenredige fractie is van de totale paginahoogte. Op een A4 past de divisie niet perfect. De laatste basislijn wordt altijd bijgesneden, waardoor het moeilijk is om een modulair raster te maken op een A4 met een uitgelijnde basislijn.
Hier is een truc die je kunt proberen. Ga eerst naar Lay-out> Handleidingen maken en voeg de volgende instellingen toe. Gebruik 12pt voor goten, hetzelfde als de basislijn.
Maak een vorm die het nieuw gecreëerde modulaire raster volgt. De basislijn en nieuwe hulplijnen passen niet perfect, dus teken de vorm zodat deze past ongeveer in een modulaire cel. Zie de linkerkant van de pagina voor referentie. Verberg vervolgens de modulaire hulplijnen en begin de vorm naar beneden te vermenigvuldigen met een 12pt-goot - zie de rechterpagina voor meer informatie. Het past niet perfect op je pagina, wat goed is.
Groep de vormen samen (Controle-G) en centreer ze op de pagina met behulp van de align-gereedschappen. Dit wordt in feite uw nieuwe modulaire grid dat ook op een basislijnraster past, op een A4. Sleep nu een gids en klik deze op de top van de rij met vakken.
Maak een vorm die zich uitstrekt van de nieuw gemaakte gids tot de bovenkant van de pagina. Dit wordt uw nieuwe papiermarge, dus kopieer de hoogtemeting vanuit het hoofdmenu.
Ga naar Lay-out> Marges en kolommen en plak deze meting in de boven- en ondermarge. Houd een 1,5 marge aan de zijkanten en binnenkant van de spread.
Geweldig, teken nu de hulplijnen en snijd ze naar de vakken op elke pagina om dat nieuwe modulaire raster te krijgen. Uw verspreiding zou er nu zo uit moeten zien. Als u uw basislijnraster hebt behouden om vanuit de bovenmarge te beginnen en niet de bovenkant van de pagina, hebt u nu een modulair basislijnraster. Stop met werken op de hoofdpagina en ga naar pagina 1 of de omslag. Laten we de afbeelding als achtergrond toevoegen.
Ga naar Bestand> Plaats en selecteer de geëxporteerde illustratie. Plaats het als een volledige pagina door de vorm van de ene naar de andere hoek te slepen.
In InDesign wordt het plaatsen van een afbeelding gedaan in een vorm die werkt als een masker in Photoshop. Als u de afbeelding wilt bijsnijden, hoeft u alleen maar de doos kleiner te maken. Als u de afmetingen wilt wijzigen of de afbeelding zelf wilt verplaatsen, gebruikt u de Direct selectie gereedschap en bewerk het nadat je erop hebt geklikt.
Nu inhoud toevoegen zou gemakkelijk moeten zijn, omdat je de handleidingen hebt waarop je kunt vertrouwen. Laten we beginnen met het maken van een tijdschrifttitel en aanvullende informatie. Ik zal alleen de technische aspecten hiervan behandelen, aangezien het bepalen van de plaats waar je inhoud plaatst echt aan jou is.
Gebruik de Type Tool (T) om een vak in de eerste kolom in de linkerbovenhoek te slepen en de volgende instellingen te gebruiken. In de paragraaf paneel, vergeet niet te activeren 'snappen naar basislijnraster', het is de rechter benedenhoek box in de paragraaf paneel en het maakt alle tekst naar de basislijn.
Geweldig, voeg de rest van de inhoud op dezelfde manier toe, gebruikmakend van dezelfde techniek als hierboven. Voor de PSD-titel heb ik de tekst gewoon 'uitgebreid' door naar Typ> Contouren maken en strekte het proportioneel uit om in de vereiste vakken van het rooster te passen.
Laatste aanpassingen aan de hoes: een ondertitel en een nep streepjescodevakje en een dummy-logo toevoegen.
Nu, hoe tekstkleur veranderen. Als u een tekstvak hebt geselecteerd, gaat u naar Venster> stalen. Alle kleuren die worden toegeschreven aan vormen, tekst enz. Moeten hier worden gepickt. Klik op het kleine T-pictogram en verander de tekstkleur naar wit. Het T-pictogram is tekstkleur, in tegenstelling tot de vormkleur die links is geplaatst.
Op naar de volgende pagina, de verspreiding.
Ik heb besloten om de spread voornamelijk fotografisch te maken, dus ik heb een vorm gemaakt voor waar mijn illustratie is die de volledige linkerpagina is en 1,25 kolommen van rechts. Ik heb ook een geplaatst 6PT streep bovenaan om te beginnen met het maken van de kop.
De grijze vorm is eigenlijk een tijdelijke aanduiding die ik later zal gebruiken om hem te vullen met de afbeelding door hem te gebruiken Bestand> Plaats. Je kunt het al plaatsen als je wilt, maar ik raad aan om eenvoudige niet-gekleurde vormen te gebruiken om de compositie te plannen en de rest aan het einde toe te voegen.
Maak vervolgens het paginanummer op de linkerpagina. Gebruik de volgende instellingen en maak het bijbehorende tekstvak zodat het een hele kolom vult. Lijn de tekst uit met het midden van het tekstvak (rood omcirkeld pictogram) en vergeet niet om het naar de basislijn in het midden te laten klikken paragraaf instellingen.
Hetzelfde geldt voor de andere kant. Voeg het paginanummer en de hoofdstuktitel op de juiste pagina toe.
Voeg de rest van de info toe: Artikel titel ingesteld in "Akzidenz Grotesk BQ Condensed", 96pt grootte, 84pt spatiëring. Waarom deze maat? Eenvoudig, ik heb de tekstafstand en -grootte zo gemaakt dat het in verhouding staat tot een rijgrootte. Merk op dat de tekst naar de onderkant van twee verticale rijen uit mijn modulaire raster klikt.
Hieronder heb ik de zogenaamde auteurstitel geplaatst en een dummy tekstinleidende alinea gezet in "Vrachttekst Vet cursief".
Plaats de illustratie gewoon in de plaatsingsdoos en u bent klaar met uw eerste verspreiding.
Ik heb een toevoegingsspreiding gemaakt die alleen op tekst is gericht. Bepalen welke kolommen moeten worden gebruikt voor hoofdtekst en welke niet moeten worden gebruikt, is een kwestie van de compositie plannen terwijl inhoudruimte door de witte ruimte kan ademen (inactieve gebieden).
Wat u wilt doen is de hoofdtekst en de kop toevoegen om mee te beginnen. Langzaam zullen we citaten, inleidende alinea's, afbeeldingen toevoegen (misschien niet in dit geval) ...
Laten we nu een intro-paragraaf toevoegen.
Je kunt de onderstaande instellingen voor de tekst zien, maar laat me wat informatie doornemen over hoe je kunt beslissen welke lettergrootte je op je pagina wilt gebruiken. Een basislijn van 12 punten is in het algemeen zeer compatibel met uw standaardlettergroottes in het vervolgkeuzemenu voor de tekengrootte.
Als uw rijafstand 12pt is, moet uw lettergrootte 9 of 12 zijn, zodat ruimte tussen elke rij mogelijk is. Met een tussenruimte van 12 pt / 12 pt verstikt u het en wordt het lezen iets moeilijker en wordt de alinea te zwaar en te intimiderend. Laat uw rijen ruimte om te ademen.
Een 12pt-basislijn betekent dat uw spatiëring altijd een veelvoud van 12 punten is. 12 pt, 24pt, 48 pt etc. Dat betekent dat het kiezen van een grotere lettergrootte ook eenvoudig is. 24 pt rijafstand? Gebruik een lettergrootte van 18pt. 48 rijafstand? Gebruik een lettergrootte van 36 pt. De lijst gaat verder.
Een ander mooi voorbeeld van waarom je een baseline zou moeten gebruiken, is te zien in de screenshot. Let op hoe de grotere en kleinere lettertypen worden uitgelijnd. Dit is moeilijker om te doen zonder een baseline. Als u problemen ondervindt bij het uitlijnen van de bovenkant van de alinea's met een afbeeldingsframe, zou u uw basislijn kunnen wijzigen in 6pt, wat de basislay-out van niets verandert, omdat het een opsplitsing is van uw bestaande 12 pt-basislijn. Het laat echter verdere verfijning toe voor uitlijning en een meer flexibele rijafstand. Misschien wilt u dit alleen doen nadat u enige ervaring hebt opgedaan met het combineren van lettertypegrootte en rijafstand.
Ik heb ook titels toegevoegd en secties op mijn pagina geciteerd met dezelfde technieken.
Oké, tijd om een mock-up van onze cover en spreads te maken. Exporteer elke spread als een jpeg door Bestand> Exporteren. Gebruik de onderstaande instellingen. We gaan aan de eerste spread werken en je kunt de cover doen en jezelf voor het laatst verspreiden.
Verklein je afbeelding in Photoshop naar 2000 pixels. Als je het op het originele 4500px-formaat wilt houden, is dat prima. Ik maak deze mock-up voor schermformaten en verander de grootte van InDesign en Illustrator exporteert naar kleinere formaten is beter omdat het de anti-aliasing op tekst en afbeeldingen verzacht, wat een meer fotografisch uiterlijk creëert.
Geef je achtergrondlaag een naam en snijd het canvas opnieuw bij zodat het extra ruimte biedt. Vul de achtergrond met een grijstint waarmee u vertrouwd bent.
Maak een nieuwe laag en maak er een Knipmasker voor de verspreidingslaag. Versleep een hulplijn in het midden van het canvas (moet automatisch in het midden klikken met Slimme gidsen ingeschakeld).
Gebruik de Gradient Tool (G) om een zwart naar transparant verloop op de juiste pagina te maken. Gebruik het selectiekader om het verloop te beperken tot de rechterpagina (met de middelste hulplijn als middelste limiet). Als het te donker is, kunt u de transparantie van de laag wijzigen.
Doe dit keer hetzelfde voor de linkerkant en vervaag de verlooplaag met 1px (Filter> Blur> Gaussiaans vervagen). Hierdoor ziet de middenlijn er meer uit als een realistische vouw.
Maak een nieuwe laag onder de laag van het tijdschrift. Vul het met zwart en zorg ervoor dat het net zo past als de linkerpagina. Gebruik de Warp Tool om het te vervormen zoals hieronder te zien is. Doe hetzelfde voor de bodem (kromtrekken).
invoeren Snelle maskermodus (Q) en maak een verloop met zwart zoals in de onderstaande afbeelding. We gaan een selectie maken met behulp van verlopen.
Uitgang Snelle maskermodus (Q) en keer je selectie om (Ctrl-Shift-I). Ga naar Filter> Blur> Gaussiaans vervagen. Vervaag de selectie met 6.5px.
Deselecteer en vervaag de hele laag nu door 1px.
Laat de laag vallen ondoorzichtigheid naar 20%. Het zou nauwelijks zichtbaar moeten zijn. Dupliceer het en sleep het ook naar de juiste pagina.
Gum een beetje van de bovenkant weg met een verloopmasker zodat het zwaarder is aan de onderkant en lichter aan de bovenkant. Nu Dubbelklik de spreidingslaag en voeg een toe slagschaduw.
Dat is het! Hier zijn de laatste mock-ups en cover van ons project. Ik hoop dat je onderweg een aantal goede tips hebt opgedaan.
Placeit is een online mockup-generator die eenvoudig en gebruiksvriendelijk is. Geen Photoshop- of Adobe-vaardigheden vereist omdat het allemaal online is gedaan. Selecteer gewoon een sjabloon van hun 11.000 SMART-sjablonen, steek je ontwerp in en je bent klaar om te gaan.
Een tijdschrift lezen in de Garden Mockup
Jonge vrouw een kijkje nemen op een tijdschrift terwijl in een winkel Mockup
Accentsconagua