Share
I progettisti utilizzano spesso diverse app per creare il proprio lavoro. Ciò che è bello dei prodotti Adobe è che puoi passare facilmente da una all'altra per eseguire varie attività. In questo tutorial, ti mostreremo come progettare un layout di una rivista utilizzando Adobe InDesign. Ti mostreremo quindi come creare un modello di rivista realistico e riutilizzabile di quel design in Photoshop che puoi presentare ai tuoi clienti. Iniziamo!
Le seguenti risorse sono state utilizzate durante la produzione di questo progetto.
Apri InDesign. Prima di iniziare qualsiasi cosa, impostiamo l'unità in millimetri. Fai clic su Modifica> Preferenze e imposta le sue unità di righello su Millimetri.
Fai clic su File> Nuovo per creare un nuovo file. Imposta le dimensioni della pagina su Lettera. Fai clic sul pulsante Altre opzioni.
Aggiungi Bleed 2 mm. Usiamo il margine al vivo per aggiungere un'area extra al documento. Questa area al vivo non verrà stampata.
Nel pannello Pagine, aggiungi una nuova pagina. Ora abbiamo due pagine.
Doppio clic sulla pagina principale.
Premi Comando / Ctrl + R per rivelare il righello. Comando / Ctrl-trascinamento per creare una nuova guida in cima a entrambe le pagine.
Aggiungi un'altra guida nella parte inferiore della pagina.
Aggiungi un'altra guida orizzontale per aggiungere 4 e 3 colonne in ogni pagina.
Fare clic e trascinare usando lo strumento testo per disegnare una casella di testo. genere Pagina poi spazio. Seleziona Tipo> Inserisci carattere speciale> Indicatore> Numero pagina corrente.
Apri il pannello Stili di paragrafo e crea un nuovo stile.
Fai doppio clic sugli stili e imposta il suo allineamento su Fuori da Spine. Applica questo stile alla pagina corrente della casella di testo.
Alt-trascina la casella di testo per duplicarla. Posizionalo sull'altro lato della pagina
Sotto, puoi vedere il risultato sulla pagina. Il carattere A cambia automaticamente, in base al numero di pagina corrente.
Aggiungi una foto nella metà superiore della pagina. Assicurati di farlo scattare sull'area al vivo.
Non vogliamo che l'immagine venga spostata o modificata accidentalmente. Fare clic con il tasto destro sull'immagine e selezionare Blocca.
Aggiungi il sottotitolo dell'immagine aggiungendo una casella di testo nell'angolo in basso a destra dell'immagine.
Aggiungi un'altra immagine e il suo sottotitolo sull'ultima colonna.
Aggiungi la casella di testo sulla prima colonna e riempila con un articolo. Per riempirlo con un testo fittizio, fare clic su Tipo> Riempi con testo segnaposto.
Applica lo stile di paragrafo al titolo.
Applicare stili di carattere su parte del titolo. Questo sostituirà l'impostazione del testo.
Applica lo stile di paragrafo al corpo dell'articolo. Dalla barra delle opzioni, imposta il rientro della prima riga: 4 mm.
Seleziona il primo paragrafo e sostituiscilo con la barra delle opzioni rimuovendo il suo Rientro della prima riga a 0 mm.
Disegna il rettangolo e metti un triangolo al centro.
Seleziona entrambe le forme. Fare clic con il pulsante destro del mouse e selezionare Raggruppa per unirli in gruppo.
Aprire il pannello A capo di testo e impostare le seguenti impostazioni di avvolgimento.
Mettilo sopra l'articolo.
Aggiungi un altro articolo. Questa volta, ruota la freccia in modo che indichi la piccola immagine.
Vai alla pagina successiva. Aggiungi foto in cima alla pagina.
Aggiungi il rettangolo che copre la pagina inferiore e la foto.
Applica il gradiente lineare dal bianco al nero.
Dal pannello Effetti, impostare la modalità di fusione su Moltiplica.
Disegna un rettangolo grigio nella parte inferiore della pagina.
Aggiungi il titolo del post. Posiziona alcune forme rettangolari dietro il testo.
Aggiungi il corpo dell'articolo sulla casella di testo separata.
Aggiungi la quotazione sull'ultima colonna creata dalla combinazione di stili di paragrafo e stili di carattere.
Aggiungi articoli e immagini più piccoli nella parte inferiore della pagina.
Abbiamo finito di lavorare sulla pagina. Di seguito è il risultato.
Esporremo questa pagina su Photoshop. Non vogliamo importare il file INDD, ma scegliamo JPEG perché è molto più semplice. Quindi, per prima cosa esportiamo la pagina in formato JPEG. Fai clic su File> Esporta.
Dalla finestra di dialogo Esporta, impostare il tipo di file su JPEG.
È molto più facile usare le foto di riviste reali che disegnarle solo dall'immaginazione. Prendi la tua macchina fotografica e scatta una foto della tua rivista. Vogliamo anche assicurarci che la rivista abbia le stesse dimensioni del design della nostra rivista. Per il mockup, è meglio usare la foto con la prospettiva. Ciò si traduce in un aspetto più realistico.
Per questo progetto uso questo riferimento fotografico. Traccia la prima pagina usando lo strumento Penna in modalità Forma.
Aggiungi tratto e riduci il livello di riempimento per aiutarci a vedere il riferimento.
Traccia il resto della pagina e assicurati di posizionarlo dietro la pagina precedente.
Rimuovi tratto e cambia il livello di riempimento di nuovo al 100%. Questa volta applicate Shadow interno e Sovrapposizione sfumatura.
Aggiungi un nuovo livello nella parte superiore della pagina. Impostalo come maschera di ritaglio (comando / Ctrl + Alt + G). In questo modo, tutto ciò che inseriamo sarà all'interno della pagina. Usa lo strumento Penna per disegnare una linea bianca come evidenziazione sulla pagina.
Ammorbidisci l'evidenziazione applicando il filtro Sfocatura gaussiana.
Riduci l'opacità del livello.
Ripeti questo passaggio per aggiungere altri punti salienti alla pagina.
Ripeti lo stesso processo ma questa volta dipingi nero per aggiungere ombra.
Dipingi il bianco al centro della pagina.
Ammorbidilo applicando un grande sfocatura gaussiana.
Riduci l'opacità del livello.
Comando / Ctrl-clic sulla prima pagina per selezionarlo. Aggiungi un nuovo livello dietro la prima pagina. Riempi la selezione con il nero.
Ammorbidisci l'ombreggiatura della pagina applicando il filtro Sfocatura gaussiana.
Converti livello in maschera di ritaglio. In questo modo, l'ombra entrerà nella pagina dietro di essa.
Continua a ripetere questo passaggio per aggiungere l'ombra alle altre pagine.
Aggiungi manualmente l'ombra della pagina sulla copertina principale della rivista.
Crea un nuovo livello tra ogni pagina e dipingi un'ombra casuale sottile per aggiungere un aspetto realistico.
Fai clic su File> Inserisci e seleziona la nostra pagina InDesign in formato JPEG. Il file JPEG verrà inserito nel PSD come oggetto avanzato. Possiamo trasformare questa immagine senza modificare nessuno dei suoi pixel.
Duplica l'oggetto smart della pagina premendo Command / Ctrl + J. Fai clic sull'icona a forma di occhio sulla parte anteriore del livello di pagina originale per nasconderla. Premi Comando / Ctrl + T e trasforma la pagina.
Comando / Ctrl-trascina l'angolo finché non corrisponde alla forma della pagina.
Continua a ripetere questo passaggio.
Una semplice trasformazione non basterà. Fai clic con il tasto destro e scegli Warp.
Disegna la sua maniglia e le sue caselle di curvatura fino a quando non corrisponde alla curvatura della pagina.
Converti il livello in Maschera di ritaglio e posizionalo sotto tutte le luci e le ombre.
Duplica questa pagina di oggetto intelligente e posizionala sul resto della pagina dietro di essa.
Ripeti questo processo in ogni pagina.
Disegna il resto della pagina e questa volta applica la prossima pagina InDesign.
Finora, ecco il nostro risultato.
Comando / Ctrl-clic su tutte le pagine per selezionare l'intera rivista. Dipingi nero al centro della rivista.
Riempi lo sfondo con il nero. Seleziona la rivista. Crea un nuovo livello e posizionalo sotto tutti i livelli. Riempi la selezione con il nero.
Ammorbidisci l'ombra della rivista applicando il filtro Sfocatura gaussiana.
Cancella l'ombra non necessaria.
Comando / Ctrl-clic sinistro.
Rendi di nuovo il nuovo livello e riempilo di nero. Ammorbidilo nuovamente applicando Gaussian Blur, ma questa volta usa Raggio più piccolo.
Aggiungi un'altra ombra dietro la copertina destra. Il nostro mockup è ora pronto per l'uso.
Fare doppio clic sulla struttura della pagina dell'oggetto intelligente per modificarne il contenuto.
Incolla un altro design di pagina sul file. Salva il file e chiudilo.
A seconda delle dimensioni del file e delle condizioni del computer, potrebbe essere necessario attendere alcuni secondi o minuti per aggiornare il contenuto dell'oggetto Smart
Nel file mockup, il contenuto della pagina viene automaticamente aggiornato. Non è necessaria alcuna trasformazione manuale. Ripeti questo processo sull'altra pagina.
Questa volta, proviamo a incollare questo disegno.
Aspettare per un po.
Placeit è uno strumento generatore di mockup online che è semplice e facile da usare. Non sono richieste competenze di Photoshop o Adobe perché è fatto tutto online. Basta selezionare un modello dal loro 11.000 modelli SMART, inserisci il tuo disegno e sei a posto.
Donna che legge un modello di rivista sul sedile posteriore di un'auto
Al di fuori della lettura di una rivista Mockup di giovane con gli occhiali
Accentsconagua