Share
Ce veți creaPentru a sărbători începutul Săptămânii Fairy Tale aici, la Envato Tuts +, vă voi arăta cum să creați un design de copertă pentru o carte de basme cu un aspect inspirat de epocă.
Învelișurile în stil vintage sunt o veste mare în publicarea chiar acum, iar coperțile de îmbrăcăminte din cârpă se bucură de o renaștere bine meritată. Aici veți învăța cum să recreați aspectul cu ilustrații în stil de lemn și tip caligrafie. Vom analiza cum să creați o copertă frontală și o coloană vertebrală decorativă, pas cu pas, folosind Adobe Illustrator, Adobe Photoshop, și Adobe InDesign pentru a pune arta împreună.
De asemenea, vom revedea unele abilități de desen, așa că asigurați-vă că aveți și un creion, stilou și hârtie!
Gata? Fantastic, să începem ...
Pentru acest tutorial aveți nevoie de acces la următoarele programe:
... plus creion, stilou și hârtie.
Pentru a recrea designul imaginat, va trebui să descărcați și următoarele imagini, perii și fonturi:
Desenele ilustrative de acoperire necesită un pic de gândire înainte - design-ul va arăta mai mult fără sudură și frumos dacă "cartuim" primul copertă.
În acest tutorial, vă voi arăta cum am creat designul prezentat mai jos, dar puteți aplica aceleași tehnici designului și ilustrațiilor proprii dacă doriți. Este o ocazie excelentă de a-ți flexa mușchii creativi!
În primul rând, să începem cu cartografierea tipografiei pentru coperta din față ...
Vom începe Adobe InDesign-deschideți programul și mergeți la Fișier> Nou> Document.
Seteaza scop la Imprimare și Număr de pagini la 1.
Sub Mărimea paginii, Seteaza Lăţime la 132 mm și Înălţime la 204 mm. Aceasta este echivalentă cu un standard comercial B-Format greutate redusă.
Păstrează Margini la valoarea lor implicită (12,7 mm) și adăugați a Sângera de 5 mm.
Clic O.K.
Luați Instrumentul pentru linii (\) și trageți pe pagină pentru a crea o linie scurtă, ușor diagonală de la stânga la dreapta. Ideea este să creați mai multe linii de text italic, folosind liniile ca căi de text.
Treceți la Tastați un instrument de cale (Shift-T), și faceți clic pe linia (atunci când vedeți un semn "+" apărut lângă cursorul de tip).
Introduceți 'aerisit'. Din partea de sus Controale panou, ajustați Culoarea accidentului a căii spre [Nici unul].
Evidențiați textul și deschideți Caracter panou (Fereastră> Tip și tabele> Caracter). Seteaza Font la Adorabelle Regular, Dimensiune 120 pt. Aplicați a Oblic (italic fals) din 7 °.
Extindeți Specimene panou (Fereastră> Culoare> Swatches) și faceți clic pe Noul Swatch butonul din partea inferioară a panoului. Seteaza Tip la Proces, mod la CMYK și nivelurile pentru C = 13 M = 29 Y = 66 K = 0. Redenumiți modelul Aur și faceți clic pe O.K.
Aplicați noul eșantion la Culoare font de 'aerisit'.
Selectați calea de tip și Editați> Copiere, Editare> Lipire, poziționându-l puțin sub prima, pe partea stângă. Ajustați textul pentru a citi doar 'F', și să crească Marimea fontului la 200 pt.
Continuă să Copie și Pastă și ajustați-le pentru a citi restul titlului, în acest caz 'F', 'aerisit', 'T', 'ales', 'de', 'Brothers Grimm', setarea textului în Adorabelle și ajustarea Marimea fontului pentru a crea o ierarhie.
Asigurați-vă că sunteți complet mulțumiți de aranjamentul textului de pe pagină - odată ce începeți să ilustrați în jurul tipului, nu veți putea să-l mișcați. Odată ce ești fericit, du-te la Fișier> Imprimare și imprimați capacul de dimensiune pe o bucată de hârtie format A4 sau Letter.
S-ar putea să fiți de ajutor să utilizați Instrumentul dreptunghiular (M) mai întâi, pentru a marca marginile hârtiei în negru, astfel încât să puteți vedea unde se termină capacul.
Odată ce ați tipărit tipografia dvs., sunteți gata să începeți să ilustrați coperta.
Pentru a recrea un stil medieval, inspirat de epocă, ilustrațiile într-un stil de lemn, cu marginile simple și cu siluete solide, vor arăta incredibil de fermecătoare. Google "woodcut art" pentru a căuta exemple de inspirație de stil și sursă pentru coperta ta. Unele modele de lemn sunt foarte complexe, dar ne propunem pentru modele mai simpliste, naive, care nu numai că arata grozav pe desene, dar sunt și ușor de creat.
Luați-vă creionul și începeți!
Începeți cu caracteristicile mai mari ale designului - aici vroiam să avem un lup curbat în jurul unui colț al capacului și o gâscă în partea dreaptă sus, ambele subiecte populare din basmele Grimm.
Apoi încep să mă gândesc la detaliile mai mici ale designului. Întinzând tulpini de trandafir sunt ușor de desenat și de a crea un efect de încadrare frumos pentru restul conținutului. Decorez vârfurile tulpinilor cu siluete simple de trandafir și adaugă frunze în unele părți.
Am continuat să construiesc designul în creion, adăugând trandafiri în colțuri și un arici mic între textul titlului.
Permiteți ca o parte din design să traverseze în fața și în spatele curbelor textului - aceasta va ajuta la crearea unui design fluid mai unificat.
Când ați terminat designul creionului, trebuie să vă gândiți la domeniile de design pe care doriți să le scoateți în culori diferite.
În cele din urmă, vreau ca trandafirul și frunzele să aibă o culoare diferită față de restul designului. Pentru a face acest lucru, va trebui să le trag cu o culoare puternică cu mâna, apoi să scanez designul și să îl editez Photoshop.
Alegeți prima dvs. caracteristică de o singură culoare și luați un stilou de cerneală neagră. Culoarea în întregul element în negru, încercând să mențină silueta cât mai solidă posibil.
Scanați desenul în computer sau faceți o fotografie digitală de înaltă rezoluție pe un telefon sau o cameră foto. Deschideți imaginea în Adobe Photoshop.
Duplicați fundal strat pentru a crea o copie a imaginii și a opri vizibilitatea stratului de fundal.
Adauga o Nivelul de ajustare a nivelurilor, și trageți glisoarele la extrema dreaptă a graficului pentru a scoate negrul imaginii imprimate cu contrast ridicat.
Atunci Fișier> Salvare ca imaginea ca a PSD fişier. Denumiți-l după element, de ex. 'Thorns.psd'.
minimaliza Photoshop pentru moment, și deschide-te Adobe Illustrator. Creeaza o Document nou, 132 mm în Lăţime și 204 mm în Înălţime pentru a se potrivi cu dimensiunile capacului.
Fișier> Locul imaginea imaginii dvs. editate, în acest caz 'Thorns.psd'. Redimensionați pentru a se potrivi cu capacul.
Mergi la Fereastră> Trasare imagine pentru a deschide Urmărirea imaginilor panou. Selectați imaginea și, din panou, setați mod la Alb-negru. Verifică previzualizare pentru a vedea rezultatul.
De la Avansat opțiuni, selectați Curbe Snap la linii și Ignorați albul. Ajustează Prag, căi, colțuri și Zgomot până când sunteți mulțumit de rezultat.
Apoi du-te la Obiect> Trasare imagine> Extindeți pentru a transforma imaginea într-un vector.
Faceți clic dreapta (Windows) sau Control-Click (Mac)> Ungroup pentru a face toate părțile vectorului editabile.
Ștergeți orice fundal rămas și orice biți suplimentari nedorite capturate de Urmărirea imaginilor. Veți termina cu o frumoasă versiune vectorică a imaginii dvs., de dimensiuni adevărate.
Acum trebuie să repetăm procesul pentru elementele rămase pe designul nostru cu creion. Deci, îndreptați-vă spre designul hârtiei și căutați un stilou colorant contrastant - un roșu sau un albastru ar fi ideal!
Culoarea în elementele rămase de pe designul dvs. într-o culoare contrastantă și apoi scanarea imaginii în computer.
Deschideți imaginea în Photoshop, duplicați fundal strat și du-te la Selectați> Gama de culori.
Faceți clic pe zonele colorate pentru a ridica numai culoarea Editați> Copiere și Editați> Lipire, deplasând doar această culoare pe un alt strat. Aplicând un dreptunghi alb pe un strat de dedesubt, vă veți ajuta să vedeți lucrarea de artă mai izolată.
Apoi aplicați a Nivelul de ajustare a nivelurilor, ca și mai înainte, trăgând glisierele spre extrema dreaptă, transformând elementele în negru cu contrast ridicat.
Fișier> Salvare ca imaginea ca a PSD fișier, cu un nume de genul 'Animals.eps'.
Întoarce-te la tine Ilustrator fișier și creați un Nou Strat de la straturi panou. Fișier> Locul 'Animals.eps' fișier pe acest strat.
Traceți imaginea și vectorizați-o folosind procesul descris în Pasul 2, de mai sus.
Pentru a oferi ilustrațiilor un aspect mai precis al lemnului, putem adăuga detaliile periei elementelor noastre vectorizate.
Asigurați-vă că ați deschis periile de tăiat Lino setate în Ilustrator, astfel încât acestea sunt ușor de manevrat.
Vom lucra doar pe elementele mai mari ale designului pentru moment (aici animalele), asa ca asigurati-va ca stratul de mai jos este blocat sau nu este vizibil. Puteți aplica și un element temporar de culoare elementelor, dacă doriți. Acest lucru vă poate ajuta să faceți ca curbele dvs. perie să apară mai vizibile dacă sunt setate în negru.
Luați Instrumentul pentru pensula (B) și selectați una dintre periile de linocut. Experimentați cu diferite perii până când găsiți un stil care se potrivește unui anumit element al designului dvs..
Când sunteți mulțumit de accident vascular cerebral, mergeți la Obiect> Cale> Accident vascular cerebral.
Atunci Faceți clic dreapta (Windows) sau Control-Click (Mac)> Ungroup diferite părți ale texturii, dacă este necesar.
Selectați atât imaginea siluetă, cât și elementele curburii pensulei și Faceți clic dreapta (Windows) sau Control-Click (Mac)> Faceți calea compusă. Elementele curbelor periei vor fi decupate din siluetă pentru a crea acel efect minunat de lemn.
Repetați procesul cu celelalte elemente mai mari, așa cum am făcut cu această ilustrație a lupilor. Spațiile umbrite arată foarte bine pe elementele mai mari pentru a rupe o siluetă solidă.
Contur accident vascular cerebral; Degrupeaza elementele și Faceți calea compusă.
Folosește Instrumentul de ștergere (Shift-E) pentru a separa părțile periferice ale loviturilor pensulei de silueta principală.
Selectați-le și ștergeți pentru a crea un design elegant și curat.
Repetați același proces pentru elementele de pe stratul de mai jos, adăugând lovituri mici de perie de linocut la obiecte mici, cum ar fi frunze, pentru a adăuga detalii și interes.
Acum am vectorizat ilustrațiile pentru coperta pe care suntem gata să ridicăm modelele în InDesign și să finalizăm designul coperții.
Asigurați-vă că stratul inferior al fișierului dvs. Illustrator este singurul deblocat și apoi selectați tot pe pagină și Editați> Copiere.
Reveniți la original InDesign fișier, cu designul dvs. tipografic original. Extindeți straturi panou (Fereastră> Straturi) și faceți dublu clic pe Stratul 1 pentru a deschide Opțiunile pentru straturi fereastră. Redenumiți stratul Tipografie în față.
Faceți clic pe Strat nou butonul din partea de jos a panoului pentru a crea un strat nou și pentru a redenumi acest lucru Textură. Trageți-l jos pentru a sta jos Tipografie în față strat.
Creați un al doilea strat nou, deasupra Textură si sub Tipografie în față, și redenumiți-o fundal.
Blocați ambele Tipografie în față și fundal straturi și faceți clic pe Textură pentru ao activa.
Luați Instrument cadru dreptunghi (F) și trageți în pagină pentru a crea un cadru de imagine care se extinde pe pagină, până la marginile sângerării de pe partea superioară, dreaptă și inferioară.
Fișier> Locul, și alegeți imaginea texturii de pânză descărcată mai devreme. Poziționați-l astfel încât să umple complet cadrul imaginii.
Extindeți Specimene și creați un nou Procesul CMYK Swatch. Numeste Fundal Purple și setați valorile la C = 95 M = 100 Y = 59 K = 24.
Blocați Textură layer și deblocați următorul strat, fundal. Selectează Instrumentul dreptunghiular (M) și trageți pentru a crea un dreptunghi care se potrivește cu dimensiunile ramei imaginii de pânză de mai jos. Seteaza Umpleți culoarea la Fundal Purple. Mergi la Obiect> Efecte> Transparență și setați mod la Multiplica și Opacitate la 90% pentru a trage prin câteva texturi de pânză de mai jos.
Creaza un nou Procesul CMYK Swatch. Numeste Verde și setați valorile la C = 74 M = 37 Y = 57 K = 15.
Blocați fundal strat, apoi creați un nou layer numit spini să stați deasupra fundal si sub Tipografie în față. Editați> Lipire pentru a lăsa vectorul copiilor copiate pe pagină. Poți să-l redimensionezi dacă e nevoie și apoi să-ți faci saltul Obiect> Efecte> Transparență, reducerea Opacitate la 70%.
Creați un nou strat, Tipografie În spatele, și poziționați acest lucru mai sus spini si sub Tipografie în față. Dacă vreți ca vreunul din elementele de text să stea în spatele elementelor mai mari ale designului, cum ar fi animalele sau trandafirii, trageți căile de text din Tipografie în față strat pe acest strat mai jos. Acest lucru este complet opțional, dar vă poate ajuta designul să se simtă mai stratificat și 3D.
Am scos și titlul principal într-un alb strălucitor Culoare font (alege [Hârtie] de la Specimene panou).
Întoarce-te la tine Ilustrator documentați și blocați stratul inferior. Deblocați stratul superior, conținând versiunea vectorizată a elementelor mai mari pe designul dvs. și mătuiți mouse-ul peste pagină pentru a selecta tot. Editați> Copiere.
Întoarce-te la tine InDesign documentați și creați un nou strat, Animale și trandafiri, și puneți acest lucru între Tipografie în față și Tipografie În spatele straturi.
Editați> Lipire pentru a lasa animalele vectorizate si trandafirii pe pagina. Ajustați poziția și mărimea dacă este necesar.
Creaza un nou Procesul CMYK specimenului, C = 33 M = 42 Y = 38 K = 33, și numește-o Ariciul Brown.
Creați un al doilea nou Procesul CMYK specimenului, C = 12 M = 65 Y = 64 K = 0, și numește-o portocale.
Creați un al treilea nou Procesul CMYK specimenului, C = 47 M = 88 Y = 49 K = 0, și numește-o Roz închis.
Creați un nou nou Procesul CMYK specimenului, C = 21 M = 88 Y = 49 K = 0, și numește-o Roz.
Puteți utiliza aceste culori după cum doriți să aplicați propriilor desene sau dacă recreați designul prezentat aici, puteți aplica Ariciul Brown la vectorul de arici, portocale la lup, și Roz închis și Roz la trandafiri, variind cele două tonuri pentru a crea adâncime.
Unele dintre siluetele mai mari vor beneficia de faptul că unele texturi pe straturi sunt mai vizibile prin ele. Pentru aceasta, selectați o formă de vector, apoi Obiect> Efecte> Transparență și setați Opacitate la 90%.
Simțiți-vă liber să adăugați detalii suplimentare designului, dacă simțiți că are nevoie de ceva mai mult. Aici am adăugat câteva trandafiri în plus Roz și Roz închis pentru a adăuga mai multe detalii în partea stângă a capacului.
Design-ul capacului frontal este finisat - o treabă excelentă! Dacă intenționați să utilizați capacul digital pentru un EPUB, munca dvs. este destul de mult făcută - puteți Fișier> Exportați lucrarea de artă ca un Interactive PDF.
Dacă doriți să aflați cum să creați o coloană decorativă pentru acoperirea și să extindeți designul într-o copertă completă, citiți mai departe ...
Acesta este un moment bun pentru Fișier> Salvare ta InDesign artwork, deci asigurați-vă că faceți acest lucru acum înainte de a continua.
Extindeți Pagini panou și faceți clic pe Creați o pagină nouă butonul din partea inferioară a panoului.
Această pagină va fi designul complet al căptușelii și va include spațiu pentru un capac din spate, coloană vertebrală și capac frontal.
Pentru a determina lățimea corectă a paginii, trebuie să cunoaștem lățimea corectă a coloanei pentru carte. Să presupunem că vom lucra cu 500 de pagini pe hârtie cretată de 130 gsm. Folosind acest calculator de ajutorare a coloanei vertebrale online, puteți constata că acest lucru va însemna că trebuie să se acomodeze pentru o coloană vertebrală de 36 mm plus adăugați un extra 3 mm pentru a permite o suplimentare suplimentară necesară pe coloana vertebrală a unui hardback.
Odată ce ați dat seama la lățimea coloanei, puteți calcula lățimea completă a copertei:
Lățime copertă față + Lățime copertă spate + Spate + 3 mm (pentru hardback) = Lățimea totală a capacului
Deci, pentru această acoperire care va însemna ...
132 mm + 132 mm + 36 mm + 3 mm = 303 mm
Selectează Instrumentul Pagină (Shift-P) și faceți clic pe Pagina 2 din documentul dvs. pentru ao selecta. Tip 303 mm în Lăţime casetă text în colțul din stânga sus al paginii Controale panou.
Asigurați-vă că riglele sunt vizibile (Vizualizare> Afișare rigle) și trageți un ghidaj vertical de la rigla stângă până la 151,5 mm, pentru a marca punctul central al coloanei vertebrale.
Trageți ghidajele spre 133,5 mm și 169,5 mm pentru a marca margini 36 mm coloană vertebrală.
În cele din urmă, scoateți ghidajele 132 mm și 171 mm pentru a marca spațiul suplimentar necesar în jurul marginii coloanei vertebrale pentru pliere.
Deblocați numai Textură strat, păstrând celelalte straturi blocate și Editați> Copiere conturul imaginii texturii panza Pagina 1. Editați> Lipire pe loc pe Pagina 2.
Pastă din nou, poziționându-l în partea stângă a paginii.
Pastă o ultimă perioadă, redimensionarea lățimii pentru a se potrivi cu diferența de coloană rămasă.
Blocați Textură strat și debloca toate celelalte straturi. Glisați mouse-ul peste tot Pagina 1 pentru a selecta toate lucrările de față și Editați> Copiere.
Derulați în jos până la Pagina 2 și Editați> Lipire. Poziționați-o în partea dreaptă, asigurându-vă că se potrivește perfect marginilor de sângerare.
Apoi selectați doar dreptunghiul culorii de fundal și extindeți lățimea astfel încât să atingă marginea din stânga extremă a sângerării.
Măriți-vă pe coloana vertebrală a capacului, utilizând ghidajele ca referință. Bloca toate straturile, cu excepția Tipografie în față strat. Luați Instrumentul tip (T) și să creați un grup eșalonat de cadre de text. Introduceți cuvintele titlului și numele autorului, într-un aranjament similar cu cel prezentat. Seteaza Font la Adorabelle, și potriviți culorile cu capacul frontal.
Blocați Tipografie în față strat și debloca spini strat.
Folosește Instrumentul dreptunghiular (M) pentru a crea un dreptunghi subțire 36 mm în Lăţime. Seteaza Umpleți culoarea la Aur, și du-te la Obiect> Opțiuni colț. Adauga o 5 mm rotund forma pe toate colțurile și faceți clic pe O.K.
Deplasați bara deasupra titlului pe coloana vertebrală și Copie și Pastă pentru a crea o copie direct mai jos, pe care o puteți pune într-o culoare diferită, cum ar fi Verde.
Copie și Pastă perechea și poziția de sub numele autorului, după cum se arată. Aceasta oferă o acoperire autentică.
Selectați toate barele și mergeți la Obiect> Efecte> Transparență, reducerea Opacitate la 80%.
Acum puteți adăuga mai multe detalii creative la nivelul coloanei vertebrale. Puteți crea fie un design personalizat pentru coloana vertebrală, așa cum am făcut-o pentru capacul frontal, fie pur și simplu împrumuta elemente vectoriale individuale de pe capacul frontal și le dau un nou răsucire.
Aici, am luat vârful curbat al uneia dintre tulpinile de trandafir, l-am despărțit și l-am așezat în partea de sus și de jos a coloanei vertebrale.
De asemenea, am luat vectori de trandafiri individuali și i-am așezat, alături de niște frunze, deasupra și dedesubt 'langa' în centrul coloanei vertebrale.
Veți termina cu un capac complet, cu design decorativ al coloanei vertebrale și capacul frontal!
În acest tutorial, ne-am uitat cum să creați o copertă inspirată de epocă pentru o carte de basme. Folosind ilustrații desenate manual și apoi editându-le în Photoshop și Illustrator, am reușit să recreăm un superb stil de lemn care arată foarte fermecător și frumos.
Puteți fi la fel de creativ pe cât vă place și cu capacul din spate - de ce nu creați un design ilustrat pentru a înconjura o blur sau pentru a da un pic de decorație înfloritoare pe marginile unui cod de bare? Singurele limite sunt imaginația ta, așa că creați-vă! Puteți distribui rezultatele dvs. finale în comentariile de mai jos.
După ce ați terminat coperta, puteți să-l exportați ca o PDF de calitate a presei prin a merge la Fișier> Exportați. Asigurați-vă că includeți sângerarea dacă îl trimiteți pentru imprimare și legare profesională.
Am acoperit o serie de aptitudini în acest tutorial, aplicabil publicării profesionale și designului auto-publicării. Acum ar trebui să vă simțiți mai încrezători în:
Asta-i fantastice felicitări! Dacă doriți să distribuiți operele de artă în comentariile de mai jos, mi-ar plăcea să le văd!
Accentsconagua