Share
Ontwerpers gebruiken vaak verschillende apps om hun werk te maken. Wat geweldig is aan Adobe-producten, is dat je gemakkelijk kunt schakelen tussen verschillende producten om verschillende taken uit te voeren. In deze zelfstudie laten we u zien hoe u een tijdschriftlay-out ontwerpt met Adobe InDesign. Vervolgens laten we u zien hoe u een realistisch en herbruikbaar tijdschriftmockup van dat ontwerp in Photoshop kunt maken dat u aan uw klanten kunt presenteren. Laten we beginnen!
De volgende activa zijn gebruikt tijdens de productie van dit project.
Open InDesign. Voordat we iets beginnen, laten we het apparaat instellen op millimeters. Klik op Bewerken> Voorkeuren en stel de liniaaleenheden in op millimeters.
Klik op Bestand> Nieuw om een nieuw bestand te maken. Stel het paginaformaat in op Letter. Klik op de knop Meer opties.
Voeg Bleed 2 mm toe. We gebruiken bloeden om extra canvas aan het document toe te voegen. Dit afloopgebied wordt niet afgedrukt.
Voeg in het paneel Pagina's een nieuwe pagina toe. Nu hebben we twee pagina's.
Dubbelklik op basispagina.
Druk op Command / Ctrl + R om de liniaal zichtbaar te maken. Command / Ctrl-sleep om een nieuwe gids bovenaan beide pagina's te maken.
Voeg een andere gids toe aan de onderkant van de pagina.
Voeg nog een horizontale gids toe om 4 en 3 kolommen op elke pagina toe te voegen.
Klik en sleep met het gereedschap Tekst om een tekstvak te tekenen. Type Pagina dan ruimte. Selecteer Type> Speciaal teken invoegen> Markering> Huidig paginanummer.
Open het paneel Alineastijlen en maak een nieuwe stijl.
Dubbelklik op de stijlen en stel de uitlijning in op Away from Spine. Pas deze stijl toe op de huidige pagina van het tekstvak.
Sleep met Alt het tekstvak om het te dupliceren. Plaats het aan de andere kant van de pagina
Hieronder ziet u het resultaat op de pagina. Het A-teken verandert automatisch, op basis van het huidige paginanummer.
Voeg een foto toe op de bovenste helft van de pagina. Zorg ervoor dat u het op het bloedingsgebied klikt.
We willen niet dat de afbeelding per ongeluk wordt verplaatst of bewerkt. Klik met de rechtermuisknop en selecteer Vergrendelen.
Voeg de ondertitel toe door een tekstvak rechtsonder in de afbeelding toe te voegen.
Voeg nog een afbeelding en de ondertitel toe in de laatste kolom.
Voeg tekstvak toe in eerste kolom en vul het met een artikel. Klik op Type> Vullen met tijdelijke tekst om dit te vullen met dummy-tekst.
Pas alineastijl toe op de titel.
Pas tekenstijlen toe op een deel van de titel. Dit overschrijft de tekstinstelling.
Pas alineastijl toe op de hoofdtekst van het artikel. Zet in de optiebalk de eerste regel inspringing: 4 mm.
Selecteer de eerste alinea en vervang de instelling van de optiebalk door de inspringing van de eerste regel naar 0 mm te verwijderen.
Teken een rechthoek en plaats een driehoek in het midden.
Selecteer beide vormen. Klik met de rechtermuisknop en selecteer Groep om ze als een groep te combineren.
Open het paneel Text Wrap en stel de volgende wrap-instelling in.
Plaats het bovenop het artikel.
Voeg een ander artikel toe. Draai deze keer de pijl zodat deze naar het kleine beeld wijst.
Ga naar de volgende pagina. Voeg een foto toe bovenaan de pagina.
Voeg een rechthoek toe die de onderste pagina en foto bedekt.
Pas lineair verloop toe van wit naar zwart.
Vanuit het paneel Effecten zet je de mengmodus op vermenigvuldigen.
Teken een grijze rechthoek op het onderste deel van de pagina.
Voeg de titel van het bericht toe. Plaats enkele rechthoekige vormen achter de tekst.
Voeg de hoofdtekst van het artikel toe aan een afzonderlijk tekstvak.
Voeg een citaat toe op de laatste kolom gemaakt van een combinatie van alineastijlen en tekenstijlen.
Voeg een kleiner artikel en afbeeldingen toe aan de onderkant van de pagina.
We zijn klaar met werken op de pagina. Hieronder is het resultaat.
We zullen deze pagina exporteren naar Photoshop. We willen het INDD-bestand niet importeren, maar we kiezen voor JPEG omdat het veel eenvoudiger is. Laten we dus eerst de pagina naar JPEG-formaat exporteren. Klik op Bestand> Exporteren.
Stel in het dialoogvenster Exporteren het bestandstype in op JPEG.
Het is een stuk eenvoudiger om echte foto's met tijdschriftreferenties te gebruiken dan om het alleen vanuit de verbeelding te tekenen. Pak je camera en maak een foto van je tijdschrift. We willen er ook voor zorgen dat het tijdschrift even groot is als ons tijdschriftontwerp. Voor mockup is het beter om foto met perspectief te gebruiken. Dit resulteert in een meer realistisch uiterlijk.
Voor dit project gebruik ik deze fotoreferentie. Volg de eerste pagina met het gereedschap Pen in de vormmodus.
Voeg lijn toe en verminder de opvullaag om ons te helpen de referentie te zien.
Trek de rest van de pagina over en zorg ervoor dat deze achter de vorige pagina blijft.
Verwijder de lijn en verander de vullaag terug naar 100%. Breng deze keer Inner Shadow en Gradient Overlay aan.
Voeg een nieuwe laag toe bovenaan de pagina. Stel het in als Knipmasker (Command / Ctrl + Alt + G). Op deze manier gaat alles wat we hier plaatsen in de pagina. Gebruik het gereedschap Pen om een witte lijn te tekenen als markering op de pagina.
Verzacht de markering door het Gaussian Blur-filter toe te passen.
Laagdekking verminderen.
Herhaal deze stap om meer hoogtepunten toe te voegen aan de pagina.
Herhaal hetzelfde proces, maar schilder deze keer zwart om schaduw toe te voegen.
Verf wit in het midden van de pagina.
Verzacht het door een zeer grote Gaussiaanse vervaging toe te passen.
Laagdekking verminderen.
Command / Ctrl-klik op de eerste pagina om deze te selecteren. Nieuwe laag achter de eerste pagina toevoegen. Vul selectie met zwart.
Maak de schaduw van de pagina zachter door het filter Gaussiaans vervagen toe te passen.
Laag omzetten in knipmasker. Op deze manier gaat de schaduw naar de pagina erachter.
Blijf deze stap herhalen om de schaduw van de andere pagina's toe te voegen.
Voeg handmatig schaduw toe op de hoofdmagazijnomslag.
Maak een nieuwe laag tussen elke pagina en verf subtiele willekeurige schaduw om een realistisch uiterlijk te creëren.
Klik op Bestand> Plaatsen en selecteer onze InDesign-pagina in JPEG-indeling. Het JPEG-bestand wordt in de PSD ingevoegd als een slim object. We kunnen deze afbeelding transformeren zonder een pixel te bewerken.
Dupliceer het slimme paginakenster door op Command / Ctrl + J te tikken. Klik op het oogpictogram aan de voorkant van de originele paginalaag om het te verbergen. Druk op Command / Ctrl + T en transformeer de pagina.
Command / Ctrl - sleep de hoek totdat deze overeenkomt met de pagina-vorm.
Blijf deze stap herhalen.
Een eenvoudige transformatie zal niet genoeg zijn. Klik met de rechtermuisknop en kies Verdraaien.
Teken de hendel en de warp-vakken totdat deze overeenkomt met de kromming van de pagina.
Zet de laag op het knipmasker en plaats deze onder alle hooglichten en schaduwen.
Dupliceer deze slimme objectpagina en plaats deze op de rest van de pagina erachter.
Herhaal dit proces voor elke pagina.
Teken de rest van de pagina en pas deze keer de volgende InDesign-pagina toe.
Tot nu toe is dit ons resultaat.
Command / Ctrl-klik op alle pagina's om het hele tijdschrift te selecteren. Verf zwart op het midden van het tijdschrift.
Vul de achtergrond met zwart. Selecteer tijdschrift. Maak een nieuwe laag en plaats deze onder alle lagen. Vul selectie met zwart.
Zacht tijdschriftschaduw verzachten door Gaussian Blur-filter toe te passen.
Wis onnodige schaduw.
Command / Ctrl-klik op linkerklep.
Maak een nieuwe laag opnieuw en vul hem met zwart. Verzacht het opnieuw door Gaussian Blur toe te passen, maar gebruik dit keer een kleinere straal.
Voeg nog een schaduw toe achter de rechterklep. Onze mockup is nu klaar voor gebruik.
Dubbelklik op slim objectpagina-ontwerp om de inhoud ervan te bewerken.
Plak een ander paginaontwerp in het bestand. Sla het bestand op en sluit het.
Afhankelijk van de bestandsgrootte en de conditie van uw computer, moet u mogelijk enkele seconden of minuten wachten om de Smart Object-inhoud bij te werken
In het mockup-bestand wordt de pagina-inhoud automatisch bijgewerkt. Geen handmatige transformatie nodig. Herhaal dit proces naar de andere pagina.
Deze keer proberen we dit ontwerp te plakken.
Wacht even.
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.
Vrouw die een Tijdschriftmalplaatje op de Achterbank van een Auto leest
Outside Reading a Magazine Mockup van jonge man met bril
Accentsconagua