Share
Anni fa, quando per la prima volta decisi che mi sarebbe piaciuto provare il design della stampa (il mio background è nel web e sullo schermo), ho avuto l'impressione che ci fossero alcune cose magicamente difficili da sapere per ottenere stampati. La realtà è che per i progetti semplici è in realtà molto semplice. In questo tutorial ti guiderò attraverso l'intero processo di progettazione di una semplice brochure, preparandola per la stampa e poi caricandola su una stampante commerciale online, verificando la prova e visualizzando il prodotto finito.
Questo post è il 15 ° giorno della nostra sessione di Graphic Design. Sessioni creative "Session Day 14Session Day 16"Prima di iniziare qualsiasi progetto di stampa dovresti sempre fare un po 'di pianificazione Questo perché il formato finale, le dimensioni e la scelta della stampante influenzeranno tutte le modalità di progettazione.
La prima cosa che faresti normalmente è ottenere il brief del progetto. Nel mio caso non c'è un cliente, quindi ho intenzione di inventare un progetto. Da questa settimana stiamo promuovendo GraphicRiver, ho intenzione di creare una brochure sul sito, come se fosse rivolto a un designer che non sa cosa offre il sito. Quindi sarà davvero una sorta di catalogo di base.
Quindi la prima cosa che faremo è selezionare una stampante. Non è una cattiva idea avere diverse stampanti con le quali sei abituato a lavorare. Suggerirei che nel tempo dovresti avere:
Per i nostri scopi utilizzeremo una stampante online chiamata UPrinting. Sono una stampante statunitense e consegnano ovunque nel paese. Puoi fare assolutamente tutto, dal pagamento al caricamento fino alla correzione tramite il loro sito web, e le tariffe che offrono sono molto competitive.
Non li avevo mai usati prima di questo tutorial e nel complesso sono rimasto molto impressionato dal servizio.
Quindi eccoci al sito Web di UPrinting. Il primo passo è selezionare un prodotto. Vogliamo fare alcuni opuscoli.
Il prossimo passo è specificare quale tipo di brochure ci interessa:
Ho scelto un titolo pesante. Il peso è un po 'estraneo a me, come qui in Australia che usiamo gsm invece di lbs. Puoi trovare un grafico di conversione qui.
Ora che sappiamo cosa stiamo progettando è una buona idea fare un mockup di carta molto veloce. Trovo che questo sia utile per gli articoli che includeranno la piegatura perché aiuta a essere sicuro di mettere le cose giuste nei posti giusti.
Quindi qui ho appena preso un pezzo di carta dal mio quaderno, l'ho piegato come una brochure a tre punte e poi scarabocchiato più o meno in modo approssimativo su ciò che inserirò in ogni pagina.
Poi, quando lo spieghi, puoi vedere come sistemare i diversi pannelli sulla pagina. Quindi, ad esempio, la copertina anteriore della brochure appare in realtà sul pannello più a destra della pagina esterna. Questo ha senso quando lo vedi in realtà, ma se apri Photoshop e inizi a disegnare, c'è la tentazione di pensare che la prima pagina debba essere la prima e quindi a sinistra.
L'altro vantaggio di creare un mockup di carta è che hai un'idea di come la persona leggerà la brochure e che sarà utile per il prossimo passo.
Quindi nel mio modello di carta ho trovato un layout di base di come voglio organizzare le cose nella brochure. La prima pagina avrà solo un titolo - "1000 di file grafici da solo $ 1" - e il logo. Quindi le pagine interne avranno tutti i nostri vari tipi di prodotto: Photoshop, Illustrator e Altro. La pagina esterna che vedi quando apri per la prima di copertina avrà un'istruzione passo passo "Come funziona" sul sito, e la quarta di copertina parlerà dei nostri mercati gemelli.
L'ho spiegato in questo modo per cercare di presentare le informazioni in un modo facilmente digeribile:
Il passaggio successivo consiste nell'impostare un documento in Photoshop per la progettazione. Alcune stampanti ti forniranno solo una serie di informazioni e specifiche e dovrai impostare il tuo documento.
Avvertimento: Se non si è abituati a stampare il disegno, c'è la tentazione di presumere che le linee di piegatura per il documento saranno semplicemente posizionate a 1/3 intervalli del documento - dal momento che sarà piegato in tre. Questo non è il caso. Così, ad esempio, per la nostra brochure a tre ante le dimensioni dei pannelli sono 3.625 ", 3.6875" e 3.6875 "- vale a dire una di esse è" .06 "più piccola delle altre due. Inoltre, quando si gira verso l'altro lato, il pannello più piccolo si trova in un punto diverso. All'esterno è il pannello più a sinistra, all'interno è il pannello più a destra.
Fortunatamente UPrinting offre una sezione modelli in cui è possibile ottenere un documento completo di guide posizionate correttamente che è possibile attivare e disattivare durante la progettazione.
Puoi vedere i due modelli qui sotto.
Le cose importanti da notare sono:
Quindi, con il nostro documento tutto pronto e il nostro preplanning fatto, è il momento di fare alcuni grafici. Quindi lavoreremo direttamente nei file modello PSD forniti da UPrinting perché non è necessario procedere al ridisegno delle guide.
Quello che faremo è fare una semplice panoramica delle miniature di tutti i molti file disponibili su GraphicRiver. Così ho passato e ho preso screenshot di circa 35 articoli e li ho ritagliati 375 px x 375 px, poi li ha disposti in una griglia come potete vedere qui sotto. Quando ho finito ho iniziato a ripetere di nuovo le stesse miniature (perché ero un po 'pigro per renderne più!)
Successivamente passeremo a dissolvere quelli verso il nero creando un nuovo livello sopra, riempiendolo con il nero e impostando la trasparenza su 85%.
Poi sono andato a Visualizza> Mostra> Guide per far apparire le guide di UPrinting. Quindi creiamo un nuovo livello sopra e riempiamo un rettangolo con le dimensioni di uno dei pannelli con il nero come mostrato di seguito.
Ora mentre il pannello è selezionato, vai a Seleziona> Modifica> Sfuma e usa un valore di 150 px.
Quindi colpisci Elimina e dovresti essere lasciato con una dissolvenza scura ai bordi.
Ora segui la stessa procedura per aggiungere la dissolvenza scura su tutti e tre i pannelli. Una volta che hai tutti e tre, probabilmente vale la pena duplicare i livelli per raddoppiare l'effetto e renderlo un po 'più pronunciato.
E lì abbiamo il nostro background! Ho ripetuto questa stessa procedura su entrambi i file PSD interni ed esterni.
Ora creeremo un testo di intestazione usando il carattere Agenda-Black che è bello, rotondo e grasso. Ho digitato il mio titolo principale ("1000's of Graphic Files") impostato in maiuscolo.
Ora aggiungeremo uno stile di livello al testo, perché funzioni, anche se abbiamo bisogno che ogni riga di testo sia separata come se fosse un proprio livello. Questo avrà più senso in un momento. Quindi dovresti avere un livello con la parola "1000" e un altro livello con le parole "dei file grafici".
Quindi fare clic con il tasto destro su uno dei due livelli e selezionare Opzioni di fusione per far apparire la finestra di dialogo dello stile di livello. Ora aggiungi un Sovrapposizione sfumatura e impostare il gradiente da bianco a grigio molto tenue (C: 0, M: 0, Y: 0, K: 12). Quindi aggiungere un 2px Stroke interno di bianco.
Il motivo per cui abbiamo bisogno di avere ogni riga di testo sul proprio livello è che altrimenti il gradiente si estenderà su entrambe le righe di testo, mentre vogliamo un gradiente su ogni riga.
Questa combinazione di font e stili è ovviamente il solito modo in cui modifico il testo sui marketplace di Envato per annunci e grafica generale. Questo è importante perché vogliamo mantenere un marchio coerente del marchio attraverso la brochure.
Successivamente ho semplicemente esposto tutti i diversi elementi della pagina. È principalmente testo e loghi, quindi non c'è molta tecnica di Photoshop per così dire.
Per i passaggi ho aggiunto alcuni pulsanti numerati. I numeri sono lo stesso tipo di carattere Agenda-Nero con lo stesso stile di livello aggiunto. I cerchi dall'aspetto brillante che puoi creare con un vecchio tutorial di Psdtuts + chiamato Photoshop Button Maker.
Le cose da notare su come ho disposto tutto qui sono:
Sul pannello "Come funziona" dovrebbero prima vedere i quattro pulsanti numerati che ho reso grandi e in grassetto, quindi è subito chiaro che, sebbene ci sia molto testo su questo pannello, sarà facile da leggere e digerire . Poi abbiamo un titolo di grande passo in modo che anche se non leggono mai il piccolo testo un lettore può ancora digerire l'essenza della pagina.
Avanti, stenderemo l'interno. Quindi apri l'altro modello di file PSD e segui la stessa procedura per rendere il nostro background. Nota che non puoi semplicemente copiare e incollare lo sfondo in un colpo solo perché le dimensioni del pannello sono diverse su questo lato.
Successivamente ho inserito tre titoli per i tre pannelli. Il mio scopo qui era di creare un po 'di interesse visivo facendoli andare in diagonale su e giù per la pagina. Ho anche aggiunto le icone di Photoshop e Illustrator con un'ombreggiatura pesante e inclinato di un angolo per dare alla pagina un tocco di schiaffo.
Poi ho passato e ho pensato a tutti i diversi tipi di file che abbiamo su GraphicRiver e scegliere i rappresentanti da mostrare. Per ognuno di essi ho realizzato una piccola immagine, solitamente uno screenshot con qualche ombra esterna, e ho inserito un titolo di due righe accanto ad esso in Agenda Semibold.
Quindi qui puoi vedere le tre pagine disposte con oggetti che si incrociano avanti e indietro. Questa pagina è un po 'caotica, ma in realtà non è poi così male e una volta piegata la brochure sembrerà che abbia un po' più di struttura. In tutti i casi è una buona idea allineare i blocchi di testo in modo che siano centrati e allineati verticalmente con altri blocchi di testo sui loro assi.
Qui puoi vedere entrambe le pagine una accanto all'altra. E con questo abbiamo finito con Photoshop!
Ora, dato che il nostro file è stato salvato a 300 dpi e ha una risoluzione piuttosto elevata, in teoria potremmo semplicemente salvare un PDF da Photoshop e caricarlo per la stampa.
In passato Photoshop avrebbe appiattito tutto e il testo non sarebbe stato mantenuto come vettori. In questi giorni puoi salvare un PDF di Photoshop e memorizzerà il testo e tutti gli altri oggetti vettoriali (come gli oggetti intelligenti) come vettori.
Tuttavia in molte situazioni è una buona idea creare documenti InDesign per la stampa perché InDesign ti dà accesso ad alcuni strumenti utili per il layout di pagina come fogli di stile, la possibilità di creare PDF multipagina, la possibilità di aggiungere marcatori di stampa davvero facilmente, e così via.
Per questo tutorial ora utilizzeremo la grafica di Photoshop e inseriremo tutto in InDesign, quindi da InDesign creare il PDF finale.
Quindi, dopo passare entrambi i PSD e disattivare tutto il testo normale (non i titoli con gli stili di livello) in modo che non siano visibili. Quindi vai a File> Salva come ... e scegli TIFF. Deseleziona la casella che ti chiede se vuoi mantenere i livelli e poi crea semplicemente un file TIFF grande e piatto dei lati della brochure.
Per finire questo tutorial, vai su Vectortuts + dove porteremo il nostro lavoro Photoshop su InDesign e da lì lo invieremo per stamparlo!
Questo post è il 15 ° giorno della nostra sessione di Graphic Design. Sessioni creative "Session Day 14Session Day 16"
Accentsconagua