Share
Cosa starai creandoPer celebrare l'inizio della nostra settimana delle fiabe qui su Envato Tuts +, ti mostrerò come creare un design di copertina per un libro di fiabe dal look vintage.
Le copertine in stile vintage sono una grande novità editoriale in questo momento, e le copertine di tela si stanno godendo una meritata rinascita. Qui imparerai come ricreare il look con illustrazioni in stile xilografia e tipo di calligrafia. Vedremo come creare una copertina e un dorso decorativo passo dopo passo, usando Adobe Illustrator, Adobe Photoshop, e Adobe InDesign mettere insieme l'opera d'arte.
Stiamo anche rivisitando alcune abilità di disegno, quindi assicurati di avere anche una matita, una penna e un foglio!
Pronto? Fantastico, iniziamo ...
Per questo tutorial avrai bisogno di accedere ai seguenti programmi:
... più matita, penna e carta.
Per ricreare il design nella foto, dovrai anche scaricare le seguenti immagini, pennelli e font:
I disegni illustrativi delle copertine richiedono un po 'di lungimiranza: il design apparirà più semplice e senza cuciture se prima "mapperemo" la copertina.
In questo tutorial, ti mostrerò come ho creato il design nella foto qui sotto, ma puoi applicare le stesse tecniche al tuo design e alle tue illustrazioni se lo desideri. È una grande opportunità per flettere i tuoi muscoli creativi!
Innanzitutto, iniziamo con la mappatura della tipografia per la copertina anteriore ...
Inizieremo Adobe InDesign-apri il programma e vai a File> Nuovo> Documento.
Impostare il Intento a Stampare e Numero di pagine a 1.
Sotto Dimensioni della pagina, impostare il Larghezza a 132 mm e Altezza a 204 mm. Questo è equivalente a uno standard commerciale B-Format dimensione della copertina rigida.
Mantieni il margini al loro valore predefinito (12,7 mm) e aggiungere un Sanguinare di 5 mm.
Clic ok.
Prendi il Strumento Linea (\) e trascina sulla pagina per creare una linea corta, leggermente diagonale da sinistra a destra. L'idea è di creare diverse linee di testo in corsivo, usando le linee come percorsi di testo.
Passare al Digitare su uno strumento tracciato (Shift-T), e fai clic sulla linea (quando puoi vedere un segno "+" accanto al cursore del tipo).
Digitare 'Arioso'. Dall'alto controlli pannello, regolare il Colore tratto del percorso verso [Nessuna].
Evidenzia il testo e apri il Personaggio pannello (Finestra> Tipo e tabelle> Carattere). Impostare il Font a Adorabelle Regular, dimensioni 120 pt. Applicare a Storto (falso in corsivo) di 7 °.
Espandi il campioni pannello (Finestra> Colore> Campioni) e fare clic su Nuovo campione pulsante nella parte inferiore del pannello. Impostare il genere a Processi, Modalità a CMYK e livelli a C = 13 M = 29 Y = 66 K = 0. Rinominare il campione Oro e fare clic ok.
Applicare il nuovo campione al Colore del carattere di 'Arioso'.
Seleziona il percorso del tipo e Modifica> Copia, Modifica> Incolla, posizionandolo leggermente sotto il primo, a sinistra. Regola il testo da leggere solo 'F', e aumentare il Dimensione del font a 200 pt.
Continuare a copia e Incolla percorsi e regolarli per leggere il resto del titolo, in questo caso 'F', 'airy', 'T', 'ales', 'by', 'Brothers Grimm', impostazione del testo Adorabelle e regolando il Dimensione del font per creare una gerarchia.
Assicurati di essere completamente soddisfatto della disposizione del testo sulla pagina: una volta che inizi a illustrare il tipo, non sarai in grado di spostarlo. Una volta che sei felice, vai File> Stampa e stampare la copertina a misura su un pezzo di carta A4 o Letter.
Potresti trovare utile usare il Strumento rettangolo (M) per prima cosa, per contrassegnare il bordo di ritaglio della carta in nero, in modo da poter vedere dove finisce la copertina.
Una volta stampata la tua tipografia, sei pronto per iniziare a illustrare la tua copertina.
Per ricreare uno stile medievale di ispirazione vintage, le illustrazioni in stile xilografia, con semplici bordi spessi e sagome solide sembreranno incredibilmente affascinanti. Google "woodcut art" per sfogliare esempi dello stile e dell'ispirazione alla tua copertina. Alcuni progetti di xilografia sono molto complessi, ma miriamo a progetti più semplici e ingenui, che non solo hanno un bell'aspetto sui disegni di copertina, ma sono anche facili da creare.
Prendi la tua matita e inizia!
Inizia con le caratteristiche più grandi del design - qui volevo avere un lupo curvo attorno a un angolo della copertina e un'oca in alto a destra, entrambi soggetti popolari nelle fiabe dei Grimm.
Poi comincio a pensare ai dettagli più piccoli del design. Gli steli di rose intrecciati sono facili da disegnare e creano un bellissimo effetto di inquadratura per il resto del contenuto. Decoro le cime degli steli con semplici sagome di rosa canina e aggiungo foglie ad alcuni lati.
Continuo a costruire il disegno a matita, aggiungendo rose negli angoli e un piccolo riccio tra il testo del titolo.
Consenti ad alcuni elementi del disegno di incrociarsi davanti e dietro le curve del testo: ciò contribuirà a creare un design più unificato e fluido.
Quando hai finito il disegno a matita, devi pensare a quali aree del disegno desideri estrarre in diversi colori.
In definitiva, voglio che gli steli e le foglie delle rose siano di un colore diverso rispetto al resto del disegno. Per fare questo, ho bisogno di tirarli fuori con un colore forte a mano, quindi scansionare il disegno e modificarlo Photoshop.
Scegli la tua prima caratteristica a un colore e prendi una penna a inchiostro nero. Colorare l'intero elemento in nero, cercando di mantenere la silhouette il più solida possibile.
Esegui la scansione del disegno sul computer o scatta una foto digitale ad alta risoluzione su un telefono o una fotocamera. Apri l'immagine in Adobe Photoshop.
Duplica il sfondo livello per creare una copia dell'immagine e disattivare la visibilità del livello di sfondo.
Aggiungere un Livello di regolazione dei livelli, e trascina i cursori all'estrema destra del grafico per far risaltare il nero dell'immagine inchiostrata in alto contrasto.
Poi File> Salva come l'immagine come a PSD file. Chiamalo dopo l'elemento, ad es. 'Thorns.psd'.
Minimizzare Photoshop per ora, e apriti Adobe Illustrator. Creare un Nuovo documento, 132 mm nel Larghezza e 204 mm nel Altezza per abbinare le dimensioni della copertina.
File> Luogo l'immagine della tua immagine modificata, in questo caso 'Thorns.psd'. Ridimensiona per adattarsi alla copertina.
Vai a Finestra> Traccia immagine per aprire il Immagine traccia pannello. Seleziona l'immagine e, nel pannello, imposta il Modalità a Bianco e nero. Controlla il Anteprima casella per visualizzare il risultato.
Dal Avanzate opzioni, selezionare Aggancia curve alle linee e Ignora il bianco. Aggiusta il Soglia, Sentieri, Angoli e Rumore cursori fino a quando non sei soddisfatto del risultato.
Quindi vai a Oggetto> Traccia immagine> Espandi per trasformare l'immagine in un vettore.
Fare clic con il pulsante destro del mouse (Windows) o Ctrl-clic (Mac)> Separa per rendere tutte le parti del vettore modificabili.
Elimina eventuali sfondi rimanenti e eventuali bit extra indesiderati rilevati da Immagine traccia. Finirai con una bella versione vettoriale della tua immagine, fedele alle dimensioni.
Ora dobbiamo ripetere il processo per gli elementi rimanenti sul nostro disegno a matita. Quindi, torna al tuo progetto di carta e cerca una penna a contrasto di colore: un rosso o un blu sorprendente sarebbe l'ideale!
Colorare i restanti elementi del disegno in un colore contrastante, quindi digitalizzare l'immagine sul computer.
Apri l'immagine in Photoshop, duplicare il sfondo strato e vai a Seleziona> Intervallo colori.
Clicca sulle aree colorate per raccogliere quel colore da solo, quindi Modifica> Copia e Modifica> Incolla, spostando solo questo colore su un altro livello. L'applicazione di un rettangolo bianco su un livello sottostante ti aiuterà a vedere più chiaramente la grafica isolata.
Quindi applicare a Livello di regolazione dei livelli, come prima, tirando i cursori dall'estrema destra, trasformando i tuoi elementi in nero ad alto contrasto.
File> Salva come l'immagine come a PSD file, con un nome simile 'Animals.eps'.
Torna al tuo Illustratore file e creare a Nuovo Strato dal Livelli pannello. File> Luogo il 'Animals.eps' file su questo livello.
Traccia l'immagine e la vectorizza utilizzando il processo descritto in Passo 2, sopra.
Per dare alle illustrazioni un aspetto più accurato del legno, possiamo aggiungere i dettagli del pennello ai nostri elementi vettorizzati.
Assicurati di aver aperto il set di pennarelli Lino Illustratore, quindi sono facilmente a portata di mano.
Lavoreremo solo sugli elementi più grandi del design per ora (qui, gli animali), quindi assicurati che il livello sottostante sia bloccato o non visibile. Puoi applicare anche un bit di colore temporaneo agli elementi, se lo desideri. Questo può aiutare a rendere i tratti del pennello più visibili se impostati in nero.
Prendi il Pennello Strumento (B) e selezionare uno dei pennelli per incisione lineare. Sperimenta con pennelli diversi finché non trovi uno stile adatto a un particolare elemento del tuo disegno.
Quando sei soddisfatto del tratto del pennello, vai a Oggetto> Percorso> Corsa contorno.
Poi Fare clic con il pulsante destro del mouse (Windows) o Ctrl-clic (Mac)> Separa le diverse parti della trama, se necessario.
Seleziona sia l'immagine proiettata che gli elementi del tratto di pennello, e Fare clic con il pulsante destro del mouse (Windows) o Ctrl-clic (Mac)> Crea percorso composto. Gli elementi del tratto di pennello saranno tagliati fuori dalla silhouette per creare quell'incantevole effetto xilografia.
Ripeti il processo con gli altri elementi più grandi, come ho fatto con questa illustrazione di lupo. L'ombreggiatura tratteggiata si adatta perfettamente agli elementi più grandi per rompere una silhouette solida.
Schema il colpo; Separa gli elementi e Crea un percorso composto.
Utilizzare il Strumento Gomma (Shift-E) per separare le parti esterne delle pennellate dalla silhouette principale.
Selezionali ed elimina per creare un design pulito e ordinato.
Ripeti lo stesso processo per gli elementi sul livello sottostante, aggiungendo piccoli tratti di pennello di linoleografia a piccoli oggetti come foglie per aggiungere dettagli e interesse.
Ora abbiamo vettorializzato le illustrazioni per la copertina siamo pronti a sollevare i disegni in InDesign e finalizzare il design della copertina.
Assicurati che il livello inferiore del tuo file Illustrator sia l'unico sbloccato, quindi seleziona tutto nella pagina e Modifica> Copia.
Ritorna al tuo originale InDesign file, con il tuo design tipografico originale. Espandi il Livelli pannello (Finestra> Livelli) e fai doppio clic su Livello 1 per aprire il Opzioni di livello finestra. Rinominare il livello Tipografia di fronte.
Clicca sul Nuovo strato pulsante nella parte inferiore del pannello per creare un nuovo livello e rinominarlo Struttura. Trascinalo verso il basso per sederti sotto il Tipografia di fronte strato.
Crea un secondo nuovo livello, sopra Struttura e sotto Tipografia di fronte, e rinominalo sfondo.
Blocca entrambi Tipografia di fronte e sfondo livelli e fare clic su Struttura per attivarlo.
Prendi il Strumento cornice rettangolare (F) e trascina sulla pagina per creare una cornice immagine che si estende attraverso la pagina, fino ai bordi della pagina al vivo in alto, a destra e in basso.
File> Luogo, e scegli l'immagine della trama su tela che hai scaricato in precedenza. Posizionalo in modo che riempia completamente la cornice dell'immagine.
Espandi il campioni pannello e creane uno nuovo Processo CMYK swatch. Nominalo Sfondo viola e impostare i valori su C = 95 M = 100 Y = 59 K = 24.
Blocca il Struttura livello e sblocca il livello successivo, sfondo. Seleziona il Strumento rettangolo (M) e trascina per creare un rettangolo che corrisponda alle dimensioni della cornice dell'immagine della tela sottostante. Impostare il Colore di riempimento a Sfondo viola. Vai a Oggetto> Effetti> Trasparenza e impostare il Modalità a Moltiplicare e Opacità a 90% per trascinare alcune delle texture della tela qui sotto.
Crea un nuovo Processo CMYK swatch. Nominalo verde e impostare i valori su C = 74 M = 37 Y = 57 K = 15.
Blocca il sfondo livello, quindi creare un nuovo livello chiamato Thorns sedersi sopra sfondo e sotto Tipografia di fronte. Modifica> Incolla per rilasciare il vettore di spine copiate sulla pagina. Puoi ridimensionarlo se necessario, quindi saltare fino a Oggetto> Effetti> Trasparenza, riducendo il Opacità a 70%.
Crea un nuovo livello, Tipografia dietro, e posizionalo sopra Thorns e sotto Tipografia di fronte. Se si desidera che uno qualsiasi degli elementi di testo si sieda dietro elementi più grandi del disegno, come animali o rose, trascinare i percorsi di testo dal Tipografia di fronte strato su questo strato sotto. Questo è completamente opzionale, ma può aiutare il tuo design a sentirsi più stratificato e 3D.
Ho anche estratto il titolo principale in un bianco brillante a contrasto Colore del carattere (scegliere [Carta] dal campioni pannello).
Torna al tuo Illustratore documento e blocca il livello inferiore. Sblocca il livello superiore, contenente la versione vettoriale degli elementi più grandi sul tuo progetto e passa il mouse sulla pagina per selezionare tutto. Modifica> Copia.
Torna al tuo InDesign documenta e crea un nuovo livello, Animali e rose, e posto questo tra il Tipografia di fronte e Tipografia dietro strati.
Modifica> Incolla far cadere gli animali e le rose vettorizzati sulla pagina. Riaggiustare la posizione e le dimensioni se necessario.
Crea un nuovo Processo CMYK swatch, C = 33 M = 42 Y = 38 K = 33, e nominalo Riccio marrone.
Crea un secondo nuovo Processo CMYK swatch, C = 12 M = 65 Y = 64 K = 0, e nominalo arancia.
Crea un terzo nuovo Processo CMYK swatch, C = 47 M = 88 Y = 49 K = 0, e nominalo Rosa scuro.
Crea un nuovo finale Processo CMYK swatch, C = 21 M = 88 Y = 49 K = 0, e nominalo Rosa.
Puoi utilizzare questi colori come desideri applicare ai tuoi disegni, oppure se stai ricreando il design qui raffigurato, puoi applicare il Riccio marrone al vettore di riccio, arancia al lupo, e Rosa scuro e Rosa alle rose, variando i due toni per creare profondità.
Alcune delle sagome più grandi trarranno beneficio dall'avere una parte della trama sugli strati al di sotto di essere più visibili attraverso di esse. Per fare ciò, seleziona una forma vettoriale, quindi Oggetto> Effetti> Trasparenza e impostare il Opacità a 90%.
Sentiti libero di aggiungere ulteriori dettagli al design se ritieni che abbia bisogno di qualcosa in più. Qui, ho aggiunto alcune piccole rose extra Rosa e Rosa scuro per aggiungere più dettagli sul lato sinistro della copertina.
Il tuo design della copertina è finito, ottimo lavoro! Se hai in programma di utilizzare la copertina digitalmente per un EPUB, il tuo lavoro è praticamente finito, puoi farlo File> Esporta l'opera d'arte come un PDF interattivo.
Se vuoi scoprire come creare una colonna vertebrale decorativa per la tua copertina ed espandere il design in una copertina completamente avvolgente, continua a leggere ...
Questo è un buon momento per File> Salva il tuo InDesign artwork, quindi assicurati di farlo ora prima di procedere.
Espandi il pagine pannello e fare clic su Crea nuova pagina pulsante nella parte inferiore del pannello.
Questa pagina sarà il nostro design completo di copertina in tessuto e includerà lo spazio per una copertina posteriore, una colonna vertebrale e una copertina anteriore.
Per calcolare la larghezza corretta della pagina, è necessario conoscere la larghezza della colonna vertebrale corretta per il libro. Diciamo che lavoreremo con 500 pagine su carta patinata 130 gsm. Usando questo utile calcolatore online della colonna vertebrale, puoi capire che questo significa che dobbiamo accomodare per una colonna vertebrale da 36 mm, oltre a aggiungere 3 mm in più per consentire l'avvolgimento extra richiesto sulla colonna vertebrale di un hardback.
Una volta che hai capito la larghezza della colonna vertebrale, puoi calcolare l'intera larghezza della tua copertina:
Copertina anteriore Larghezza + Copertina posteriore + Spina + 3 mm (per cartonato) = Larghezza totale della copertina
Quindi per questa copertina questo significherà ...
132 mm + 132 mm + 36 mm + 3 mm = 303 mm
Seleziona il Strumento Pagina (Shift-P) e fare clic su Pagina 2 del tuo documento per selezionarlo. genere 303 mm nel Larghezza casella di testo nell'angolo in alto a sinistra del controlli pannello.
Assicurati che i righelli siano visibili (Visualizza> Mostra righelli) ed estrai una guida verticale dal righello a sinistra a 151,5 mm, per marcare il punto centrale della colonna vertebrale.
Estrarre le guide per 133,5 mm e 169,5 mm segnare i bordi del 36 mm colonna vertebrale.
Infine, estrai le guide a 132 mm e 171 mm per evidenziare lo spazio extra necessario attorno al bordo del dorso per la piegatura.
Sblocca solo il Struttura strato, mantenendo gli altri livelli bloccati, e Modifica> Copia la cornice dell'immagine della trama su tela Pagina 1. Modifica> Incolla in posizione su Pagina 2.
Incolla di nuovo, posizionandolo sul lato sinistro della pagina.
Incolla un'ultima volta, ridimensionando la larghezza per adattarsi alla restante distanza della colonna vertebrale.
Blocca il Struttura livello e sblocca tutti gli altri livelli. Trascina il mouse sull'intero Pagina 1 per selezionare tutte le illustrazioni della copertina anteriore e Modifica> Copia.
Scorri fino a Pagina 2 e Modifica> Incolla. Posizionarlo sul lato destro, assicurandosi che si adatti perfettamente ai bordi del bordo.
Quindi selezionare solo il rettangolo di colore di sfondo ed estendere la larghezza in modo che raggiunga il margine sinistro del margine al vivo.
Ingrandire la spina dorsale della copertina, usando le guide come riferimento. Blocca tutti i livelli tranne il Tipografia di fronte strato. Prendi il Tipo Strumento (T) e creare un gruppo sfalsato di cornici di testo. Digitare le parole del titolo e dei nomi dell'autore, in una disposizione simile a quella mostrata. Impostare il Font a Adorabelle, e abbinare i colori alla copertina anteriore.
Blocca il Tipografia di fronte strato e sblocca il Thorns strato.
Utilizzare il Strumento rettangolo (M) per creare un rettangolo sottile 36 mm nel Larghezza. Impostare il Colore di riempimento a Oro, e vai a Oggetto> Opzioni angolo. Aggiungere un Rotondo da 5 mm forma su tutti gli angoli e clicca ok.
Sposta la barra sopra il titolo sulla colonna vertebrale, e copia e Incolla per creare una copia direttamente sotto, che puoi inserire in un colore diverso, come verde.
copia e Incolla la coppia e la posizione sotto il nome dell'autore, come mostrato. Questo conferisce alla copertina un autentico look da copertina rigida.
Seleziona tutte le barre e vai a Oggetto> Effetti> Trasparenza, riducendo il Opacità a 80%.
Ora puoi aggiungere ulteriori dettagli creativi alla colonna vertebrale. Puoi creare un design personalizzato per la colonna vertebrale, come abbiamo fatto per la copertina anteriore, o semplicemente prendere in prestito singoli elementi vettoriali dalla copertina e dar loro una nuova svolta.
Qui, ho preso la punta sinuosa di uno dei gambi di rosa, l'ho separata e l'ho posizionata nella parte superiore e inferiore della colonna vertebrale.
Ho anche preso i singoli vettori di rose e li ho sistemati, insieme ad alcune foglie, sopra e sotto 'dal' al centro della colonna vertebrale.
Finirai con una copertina completa di dorso decorativo e design della copertina anteriore!
In questo tutorial, abbiamo visto come creare una copertina di ispirazione vintage per un libro di fiabe. Usando illustrazioni disegnate a mano e poi modificandole in Photoshop e Illustrator, siamo stati in grado di ricreare uno splendido stile di xilografia che sembra davvero affascinante e bello.
Puoi anche essere creativo come vuoi con la copertina posteriore: perché non creare un disegno illustrato per circondare una stampa o dare un tocco decorativo ai bordi di un codice a barre? Gli unici limiti sono la tua immaginazione, quindi crea! Puoi condividere i tuoi risultati finali nei commenti qui sotto.
Una volta completata la copertina, puoi esportarla come PDF di qualità stampa andando a File> Esporta. Assicurati di includere l'emorragia se la stai spedendo per stampa professionale e rilegatura.
Abbiamo coperto una serie di competenze in questo tutorial, applicabile all'editoria professionale e al design di auto-pubblicazione. Ora dovresti sentirti più sicuro in:
È un lavoro fantastico, congratulazioni! Se desideri condividere la copertina con i commenti qui sotto, mi piacer
Accentsconagua