Create en Magazine mockup Bruke InDesign og Photoshop
Designere bruker ofte flere apps å skape sitt arbeid. Hva er flott om Adobe-produkter er at du enkelt kan bytte mellom dem for å utføre forskjellige oppgaver. I denne opplæringen vil vi vise deg hvordan å designe et magasin layout med Adobe InDesign. Vi vil da vise deg hvordan du oppretter en realistisk og gjenbruk magasinet mockup av at design i Photoshop som du kan presentere for dine kunder. La oss komme i gang!
Instruksjons Eiendeler
Følgende eiendeler ble brukt under produksjonen av dette prosjektet.
Middle of the Road
Indigenous People
Dirty Tilbake smug forespørsel
Runners - Møte
Namibia - Namib-ørkenen - døde vlei
Trinn 1: Prosjektering Page i InDesign
Åpne opp InDesign. Før startet noe, la oss sette enheten til millimeter. Klikk Rediger > Preferanser og satt sine linjal Units til Millimeter
Trinn 2
Klikk på Fil >.; Ny for å opprette ny fil. Still sidestørrelsen til Letter. Klikk Flere innstillinger knappen.
Trinn 3
Legg Bleed 2 mm. Vi bruker blø å legge ekstra lerret på dokumentet. Dette blø området vil ikke bli skrevet ut.
Trinn 4
I Sider-panelet, legge ny side. Nå har vi to sider.
Trinn 5
Dobbelklikk malside.
Trinn 6
Hit Kommando /Ctrl + R for å avsløre linjal. Kommando /Ctrl-dra for å lage ny guide på toppen av begge sider.
Trinn 7
Legg til en annen guide på nedre del av siden.
Trinn 8
Legg til en horisontal guide for å legge 4 og 3 kolonner på hver side
Trinn 9:. Legg Page Number
Klikk og dra hjelp tekstverktøyet å tegne en tekstboks. Type Page Åpne Avsnittsmaler-panelet og skape ny stil. Dobbeltklikk på stiler og sette justering til Borte fra Spine. Bruk denne stilen til tekstboksen gjeldende side. Alt-dra tekstboksen for å kopiere det. Plasser den på andre siden av siden Nedenfor kan du se resultatet på siden. A tegnet skifter automatisk, basert på gjeldende sidetall. Legg til et bilde på øverste halvdel av siden. Sørg for å knipse det på lufteområdet. Vi vil ikke at bildet tilfeldigvis blir flyttet eller endret. Høyre klikk på bildet og velg Lås. Legg et annet bilde og dens undertittel på den siste kolonnen. Legg til tekstboks på første kolonnen, og fyll den med en artikkel. Å fylle det med dummy tekst, klikker Type > Fyll med eksempeltekst. Bruk avsnittsstilen til sin tittel. Bruk tegnstiler på del av den i overskriften. Dette vil overstyre teksten innstillingen. Bruk avsnittsstilen til artikkelen kroppen. Fra Option Bar, satt første linje innrykk: 4 mm Velg første ledd og overstyre innstillingen fra Option Bar ved å fjerne sin første linje Innrykk til 0 mm <.. br> Tegn rektangel og sette en trekant på midten. Velg begge former. Høyreklikk dem og velger konsernet å kombinere dem som en gruppe. Open Text Wrap panel og angi følgende wrap setting. Plasser den på toppen av artikkelen. Legg til en annen artikkel. Denne gangen dreier pilen så itis peke lite bilde. Gå videre til neste side. Legg bildet på toppen av siden. Legg rektangel som dekker nedre side og foto. Påfør lineær gradient fra hvitt til svart. Fra Effects panel, setter sin Blend modus til Multipliser. Tegn en grå firkant på nedre del av siden. Legg til tittelen. Plassere noen rektangel figurer bak teksten. Legg til artikkelteksten på egen tekstboks. Legg overslag på siste kolonnen laget av kombinasjon av Avsnittsmaler og tegnmaler. Legg mindre artikkel og bilder på nedre del av siden. Vi har avsluttet arbeidet på siden. Nedenfor er resultatet Vi vil eksportere denne siden til Photoshop. Vi ønsker ikke å importere INDD filen, men vi velger JPEG fordi det mye enklere. Så, først la oss eksportere siden til JPEG format. Klikk Fil > Eksport Fra dialogboksen Eksporter satt sin filtype til JPEG Det er mye enklere å bruke ekte magasin referanser bilde enn å tegne den bare fra fantasi. Grip kameraet og ta et bilde av bladet. Vi ønsker også å sørge for at bladet har samme størrelse som vår magasindesign. For mockup, er det bedre å bruke bilder med perspektiv. Dette resulterer i en mer realistisk utseende. For dette prosjektet bruker jeg dette bildet som referanse. Spore første siden ved hjelp av penneverktøyet i Shape-modus. Trace resten av siden og sørg for å plassere den bak den forrige siden. Fjern Stroke og endring Fyll lag tilbake til 100%. Denne gangen gjelder Indre skygge og Gradient Overlay. Legg til nytt lag på toppen av siden. Angi det som Klipping Mask (Kommando /Ctrl + Alt + G). På denne måten vil alt vi satt her går inne på siden. Bruk penneverktøyet til å tegne en hvit linje som høydepunkt på siden. Bløthøydepunktet ved å bruke Gaussian Blur filteret. Reduser lag Opacity. Gjenta dette trinnet for å legge til flere høydepunkter på siden. Gjenta den samme prosessen, men denne gangen maling svart for å legge skygge. Paint hvitt på midten av siden. Bløt det ved å bruke veldig stor Gaussian Blur. Reduser lag Opacity. Kommando /Ctrl-klikk første side for å velge det. Legg nytt lag bak den første siden. Fyll utvalg med svart. Bløt siden skyggen ved å bruke Gaussian Blur filteret. Convert Laget til klipping maske. På denne måten vil skyggen gå inn på siden bak. Hold gjenta dette trinnet for å legge til andre sider skyggen. manuelt legge side skygge på hoved magazine cover. Gjør nytt lag mellom hver sider og male subtil tilfeldig skygge å legge realitic utseende . Klikk på Fil > Plassere og velge vår InDesign side i JPEG format. JPEG-filen vil bli satt inn i PSD som et smart objekt. Vi kan forandre dette bildet uten å redigere noe av sin pixel. Duplicate siden smart objekt ved å trykke Kommando /Ctrl + J. Klikk øyeikonet på forsiden av den opprinnelige side laget for å skjule det. Hit Kommando /Ctrl + T og forvandle siden. Kommando /Ctrl-dra hjørnet til den samsvarer siden formen. Hold gjenta dette trinnet. En enkel transformasjon vil ikke nok. Høyreklikk og velg Warp. Tegn i håndtaket og varp bokser til den samsvarer siden kurvatur. Konverter lag til Clipping Mask og plassere det under alle høylys og skygger. Duplicate denne smarte objektet side og plassere den på resten av siden bak it. Gjenta denne prosessen på hver side. Tegn resten av siden og denne gangen gjelder det neste InDesign side Så langt, her er vår resultat Kommando /Ctrl-klikk alle sidene for å velge hele magasinet. Male svart på midten av bladet. Fyll bakgrunn med svart. Velg magasin. Gjør nytt lag og plassere det under alle lagene. Fyll utvalg med svart. Bløt magasinet skygge ved å bruke Gaussian Blur filteret. Slett unødvendige skygge. Kommando /Ctrl-klikk venstre dekselet. Gjør nytt lag igjen og fylle den med svart. Mildne den igjen ved å bruke Gaussian Blur, men denne gangen bruker mindre radius. Legg til en skygge bak høyre dekselet. Vår mockup er nå klar til bruk. Dobbelklikk smart objekt side design for å redigere innholdet. Lim annen side design på filen. Lagre filen og lukk den. Avhengig av filstørrelse og datamaskinens tilstand, må du kanskje vente noen sekunder eller minutter å oppdatere Smart Object innhold I mockup filen, er innholdet på siden automatisk oppdatert. Ingen manuell transformasjon nødvendig. Gjenta denne prosessen til den andre siden. Denne gangen prøver vi å lime dette design.
deretter plass
. Velg type > Sett inn spesialtegn > Marker > Gjeldende sidetall.
Step 10
Trinn 11
Step 12
Step 13
Trinn 14
Step 15
Step 16
Legg til bilde undertittel ved å legge til en tekstboks på nedre høyre hjørne av bildet.
Trinn 17
Step 18
Step 19
Step 20
Step 21
Step 22
Step 23
Step 24
Trinn 25
Trinn 26
Step 27
Trinn 28
Step 29
Step 30
Step 31
Trinn 32 Anmeldelser
Step 33
Step 34
Step 35
Step 36
Trinn 37
Trinn 38:. Eksportere Page til JPEG
Trinn 39:.. Mockup Referanser
Step 40
Step 41
Legg Stroke og redusere sin Fill lag for å hjelpe oss å se referansen.
Trinn 42
Trinn 43
Step 44
Trinn 45
Trinn 46
Step 47
Trinn 48
Step 49
Step 50
Step 51
Trinn 52
Step 53
Trinn 54
Trinn 55
trinn 56
Step 57
Step 58
Step 59
Step 60
Trinn 61
Step 62
Step 63
Trinn 64 Anmeldelser
Step 65
Step 66
Trinn 67
Trinn 68:.. Legg Shadow
Step 69
Step 70
Step 71
Trinn 72
Trinn 73
Step 74
Trinn 75
Trinn 76 Anmeldelser
Step 77
Step 78
Step 79
Trinn 80
< p> Vent en stund.
Final Bildeanmeldelser