Dirty Design: Lag en grungy Thriller Book Cover
Vi er ofte beskjed om å ikke dømme en bok av coveret, men i de fleste tilfeller vi gjøre. Hvis en bok ikke har et fint cover, det sannsynligvis ikke ville fange vår oppmerksomhet i første omgang. I denne opplæringen, vil jeg være lærer deg hvordan du oppretter en skitten grunge bok cover design komplett med blødninger!
Final Bilde Forhåndsvisning
Ta en titt på bildet vi skal opprette.
Tutorial Detaljer
Program: Adobe Photoshop CS4
Vanskelighetsgrad: Middels
Estimert Gjennomføring Tid: 2-3 timer
Jeg er en fan av skrekk, thriller og kriminalitet etterforskning romaner, som er ganske ofte knyttet med skitne og grungy dekker. To av mine favoritt ting sammen! Dette er skjønnheten vi skal jobbe mot:
Trinn 1 - Sette opp PSD fil
Et bokomslag, i de fleste tilfeller (med mindre det er en e-bok) kommer til å gå til trykk, noe som betyr at vi må sette det opp riktig. Det finnes hundrevis av forskjellige boken størrelser, men noen få som blir ofte brukt for skjønnlitterære bøker. En av dem er 108x177mm (front bare cover).
Pigger endre bredde selvsagt avhengig av lengden av boken, men i dette tilfellet vi kommer til å bruke 26mm, noe som gir oss en total dimensjon 243x180mm inkludert en 3mm utfallende.
Hvis du konfigurerer dokumentet for en ekte bok cover, uansett hva du gjør, ikke gjette bredden av ryggraden! Det er en enkel formel som kan bestemme at bredden for deg: du må ta antall sider og dividere dette tallet med din tekst papirer PPI (Pages Per Inch), som kommer an på vekten (GSM) på papiret. Du bør være i stand til å få det fra ditt tilbud ark, eller be dine skrivere for det! Du kan bruke denne awesome ryggbredde kalkulator hvis du ikke gidder å finne ut av det selv
Leder over til Photoshop og sette opp et nytt dokument!; sørge for at bredden er satt til 243mm og høyden din er satt til 180mm. Gjør oppløsning 300 piksler /tomme og sette fargemodus til CMYK. Hit OK
Sørg for at herskerne viser ved å velge Vis >!; Herskere, eller trykk Kommando + R. Mange mennesker ikke bruker herskere veldig mye, men de kan komme i svært nyttig for å dra ut guider senere i prosjektet. Gå til View > New Guide ... og med horisontal valgt innsats 3mm inn posisjonsboksen. Gjøre det samme igjen, denne gangen setter 177mm inn i stillingen boksen. Gjenta prosessen ved hjelp av målinger 3mm og 240mm, denne gangen med Vertical avkrysnings krysset. Det er vår 3mm bleed lagt til dokumentet - vår design vil gå rett opp til kanten av dokumentet, men for de som ikke vet, når dokumentet går i trykken, 3mm fra hver side av dokumentet vil bli kappet av.
Dette betyr skriverne kan forsikre deg om at det vil være noen hvite hull på noen av dokumentene dine så lenge du setter opp filen på riktig måte. Også, med alle utskrifts prosjekt, ikke bare denne ene, alltid holde teksten minst et par millimeter unna blø guide, er dette bare for å være på den sikre siden incase noen av utskrifter er ikke riktig justert når blir avkortet ned til størrelse. Du kan finne det lettere å lage et annet sett med guider for dette, eller du kan gjøre hva jeg gjør og bruker øynene dine som en guide.
Det er på tide å legge noen guider for vår ryggrad. Gå til View > New Guide ... og med Vertical avkrysnings krysset, setter 108mm og trykke OK. Gjenta forrige trinn ved hjelp av måle 134mm. Husk vi jobber i millimeter, ikke centimeter eller piksler. Du skal nå ha et pent justert PSD dokument. Husk alltid å lagre dokumentene dine regelmessig
Trinn 2 - Velge en fargevalg og legge noen Initial Bakgrunn Texture
Crime, blir Skrekk og Thriller bøker ofte forbundet med grungy dekker, noe som betyr at denne opplæringen kommer til å bruke en stor håndfull av teksturer, overgangsmodi og børster.
Jeg kommer til å gå med en blodrød farge ordningen blandet med noen varme brune, mørke appelsiner og en ren hvit, som skal brukes til flertallet av typografi i vår design - hva fargevalget du velger er helt opp til deg, foreslår jeg at du leke deg med design så lenge du har og se hva du kan komme opp med; etter alt som er den beste måten å lære og plukke opp nye teknikker.
Velg et varmt blod rød /orange (# db2900) og ved hjelp av Paint Bucket Tool fylle bakgrunnslaget. Vi kommer til å legge litt tekstur til vår design straks. Lag en ny layer og fyll den med hvitt. Gå til Filter > Noise > Legg Noise ... I det nye vinduet, setter 100% inn i feltet Beløp, og sørg for Gaussian og monokromatisk er begge valgt. Hit OK
Med det nye laget fortsatt er valgt, drar den ned til New Layer symbolet nederst på paletten -. Dette vil duplisere laget. Gjenta steg igjen. Sett alle tre lag for å overlappe og bruke en stor, myk Eraser, bli kvitt noen av de områdene på hvert lag. Navngi hvert lag fornuftig slik at du kan finne dem senere; Jeg heter mine "Noise 1", "Noise 2" og "Noise 3."
Allerede vår dekning ser ganske grungy, og så langt har vi bare brukt en bygd i Photoshop filter! Head over til Textur.es og laste ned denne herlige grunge tekstur. Sett tekstur i dokumentet ved å gå til Fil > Plass. Roter det så grungier siden av teksturen er på forsiden, og oppskalere den til samme størrelse som dokumentet. Den enkleste måten å gjøre dette på er ved å gå til Rediger > Free Transform eller ved å trykke Command + T og deretter dra i hjørnene av tekstur ut mens du holder Shift-tasten for å holde alt i proporsjon.
Endre teksturer laget til overlegg, og endre lagnavnet til "Texture 1 . " Dra lag ned til New Layer ikonet nederst i paletten å duplisere laget. Rotere den 90 grader, og juster den ved siden av ryggraden (dette bør være enkelt hvis du har Fest til hjelpelinjer valgt - hvis ikke, gå til Vis > Fest til > Guides). Grab den samme myke Eraser vi hadde et minutt siden, og slette noen få områder av vår dupliserte laget. Endre navnet på laget til "Texture 2."
Gleden av å bruke teksturer i arbeidet ditt er at du kan lage et imponerende stykke arbeid med en svært minimal mengde tid, krefter og ressurser. En tekstur kan gå en lang, lang vei
Jeg har akkurat innsett vår hele konstruksjonen er å snu litt orange -. Ikke så mye at blodrødt jeg håpet på! De overlegg på støy lagene ser ut til å ha lettet vår røde opp så mye at det har slått til oransje. For å fikse dette, gjør et nytt lag over vår opprinnelige bakgrunn og fylle den med en mørk rød /brun (# 5c0000). Endre navn på lag til Bakgrunn to og slippe Opacity til 60%
Trinn 3 -. Å gjøre ulike områder ser annerledes
Når det gjelder bøker, det er tre forskjellige områder. Fronten dekker Hovedformålet er å annonsere boken - det er behov for å skille seg ut. Ryggraden er å gjøre boken lett å finne på en hylle full av andre. Bakdekselet er å presentere en blurb - mao det skal være lett å lese. Så langt vår front, rygg og bakside ser nesten det samme. Vi trenger å fikse det!
Duplicate ditt lag "Texture 2" og velg Paint Bucket Tool. Med samme mørk rød /brun vi valgt tidligere, klikk et sted på dupliserte laget for å fylle enkelte områder. Endre navnet på laget til "Texture Blobs" eller noe av ditt eget valg. Ditt bilde må foreløpig se ut noe nedenfor.
Velg en stor, myk Eraser, og slette ut noen av de indre områder av "Texture blobs" lag. Endre Blending Mode til Multipliser, og senke opacity til noe du synes er passende for din del; Jeg brukte 20%. Dette bør gi oss en mørk, grungy frontdeksel som kommer i bakgrunnen som den når midten av siden, som er der vi vil være med en gjenstand.
Lag et nytt lag og gi den navnet "Front Border . " Vi skal gjøre litt mer mørkere områder der, senere, vil vi presentere litt tekst med en Spot UV overlegg. Velg Rectangular Marquee Tool og velg foran din dekke opp til ryggraden.
Velg en stor, myk børste og endre farge til en mørk grå eller sort. I telt utvalg, male et mørkt område på toppen og bunnen av forsiden - du kan også male et veldig lite snev av svart opp sidene av dekselet. Bruk Eraser med en myk børste til å tynne ut eventuelle områder du følte du brukt for tykk.
Endre Opacity av laget til ca 25%. Gjenta de to siste instruksjoner igjen, denne gangen gjør grensen enda tynnere - husk å lage et nytt lag! Name it "Front Border 2." Jeg brukte også en annen farge -. En mørk rød /brun (# 6f2009)
Du bør ha mer subtil grunge området øverst og nederst på forsiden nå, som er egnet til å presentere noen fine typografi senere på i opplæringen.
Nå skal vi jobbe på ryggen av omslaget på boken. Ryggen bør være svært subtile og lett å lese, særlig ettersom vi ikke har for mye plass å jobbe med. Gjør et nytt lag og gi den navnet "Spine bakgrunn." Velg Rectangular Marquee Tool og velg ryggraden - dette bør være relativt enkelt fordi, med Fest til hjelpelinjer velges, bør det automatisk koble med våre rygg guider. Grab en myk børste og bruke samme farge vi brukte i forrige instruksjon, male bunnen og toppen av ryggraden, og etterlater et lite område i midten. Senk Opacity til 70% bare så litt grunge viser gjennom!
Med frontdekslet og ryggrad nesten komplett (vi vil nok legge litt mer bakgrunn tekstur senere!), Er det på tide å gå videre til bakdekselet. Bakdekselet vil ha mye tekst og viktig informasjon om det, så det er viktig at vi ikke vise for mye tekstur og holde det ganske vanlig. Vi må vise: en blurb, et par one-linje vurderinger, en pris, en strekkode, et ISBN-nummer og kanskje et forfattere web-adresse og designere nettadresse
Dette trinnet er ganske mye. samme som sist noen: lage et nytt lag og gi den navnet "Bakside bakgrunn." Med Rectangular Marquee Tool, velg bakdekselet. Velg Brush Tool og velge en stor, myk børste - igjen ved hjelp av samme farge vi brukte i forrige trinn. Pensle over bakdekselet, og etterlater en liten, lav opasitet området i midten.
Senk opacity av laget til 85%, og deretter foreta en ny Nytt lag som heter "Back Cover Bakgrunn 2." Senk størrelsen på penselen litt (jeg senket meg til 1000px) og velg ren svart som farge. Gjenta det samme trinnet som før, denne gangen ikke kommer så langt inn i sentrum av bakdekselet som vi gjorde tidligere. Endre lagene Blending Mode til Overlay og slippe Opacity til 50%.
Med din marquee utvalget fortsatt aktiv, fyll den med ren svart på et nytt lag som heter "Back Cover Svart overlegg." Senk opacity til 15%. Dette tar bare litt farge ut av vår bakdekselet som vil gjøre det lettere å presentere lesbar tekst.
Vår bakdekselet, sammenlignet med vår ryggrad, virker litt mørkt. For å fikse dette vi kommer til å gjøre vår ryggrad litt mørkere. Reselect ryggraden med Rectangular Marquee Tool. Gjør et nytt lag og gi den navnet "Spine Mørk bakgrunn." Med samme børste som vi brukte i forrige instruksjon, penselen over den venstre halvdelen av ryggraden ved hjelp av en farge fra bakdekselet (bruk pipetteverktøyet til å velge en farge). Du bør ha noe ligne på skjermbildet under:
Senk Opacity for det nye laget til 70% - du er ryggraden skal nå flette inn litt mer mellom ryggen og forsider
<. h3> Trinn 4 - Organisere Vår Document
Jeg tar ofte noen minutter gjennom et prosjekt for å rydde opp min rotet - det tar ikke lang tid når vi har vært døpe våre lag i hele lengden av opplæringen , men nå har vi totalt 16 lag er det på tide å sette dem inn i noen mapper.
Gjør totalt fire nye mapper ved å klikke på Ny gruppe ikonet nederst i lagpaletten. Endre navn på dem til: ". Back Cover Bakgrunn" "Hovedside Bakgrunn," "Forside Bakgrunn", "Spine Bakgrunn" og Flytt alle relaterte lagene i de aktuelle gruppene.
Dette var litt av et kort skritt, men spiller en viktig rolle i å holde våre dokument organisert. Hvis du ikke er sikker på hva du gjør når det kommer til pre-press og du sender i en Photoshop-dokument, som har et godt oppkalt lag og gruppert dokumentet virkelig hjelper ut og til slutt betyr behandlingstid for utskriftsjobben vil trolig være raskere - vi alle vinne
Trinn 5 - The Typografi
Det er på tide å legge til noen typografi! Siden dette prosjektet er faktisk ikke for en ekte bok cover, kommer jeg til å gjøre noen navn opp. Jeg kommer til å bruke navnet mitt, "Callum Chapman" som forfatter, "bokomslag TUTS +" som boktittel, "A Tuts + Print Tutorial" som en mini beskrivelse av boken, og en del av teksten fra Tuts + om side som blurb. På toppen av alt dette, vil jeg være å gjøre opp noen mini én linje anmeldelser av flere gjort opp blader /aviser.
Velg tekstverktøyet, og dra en tekstboks over frontdekselet. Skriv inn ditt forfattere navn, i mitt tilfelle brukte jeg "Callum CHAPMAN." Jeg brukte to separate linjer for "Callum" og "CHAPMAN." Velg tekst og endre til en passende font - Jeg kommer til å bruke Myriad Pro for de fleste av teksten på min dekselet som den har en rekke stiler som kondenseres, halvfet, skrå, fet, og en kombinasjon av dem alle sammen . Ved utforming for utskrift, kan du prøve å holde klart fra Faux Fet og kursiv som til slutt de ikke alltid kommer ut så store som de kunne.
Endre størrelsen på forfatterne fornavnet til 45pt og størrelsen av forfatterne etternavn til 60pt - er dette tiden for å sørge for at tekstboksen er foret opp med blø på høyre side av dokumentet og høyre side av ryggraden. Åpne opp Character Palette ved å gå til Vindu > Karakter. Herfra kan vi endre den ledende og sporing, noe som alltid er viktig når det gjelder typografi - aldri omgå det! Endre Fører til 55pt - dette vil ta med forfatterens etternavn nærmere bunnen av forfatterne fornavn, men ikke for nær! Hvis du har brukt en annen skrifttype eller størrelse for meg, kan det hende du trenger for å spille rundt med disse innstillingene som de skiller seg avhengig av skriften og størrelsen som er brukt.
Med din tekst laget fortsatt er valgt, åpner opp Blending alternativer ved å gå til Layer > Lagstilen > Blending Options. Alternativt kan du Alt-klikk på teksten laget og velg Blending Options fra menyen.
Vi ønsker å legge til ulike stiler for å gjøre vår tekst virkelig sprette ut fra dekselet. Vi skal bruke følgende stiler: Skygge, Indre skygge, Skråkant og preg og hjerneslag. Skjermbildene nedenfor viser de ulike innstillingene jeg brukte for hver enkelt stil: ". Forfatter Shadow"
Lag et nytt lag under våre forfattere navn og kaller det Grab Brush Tool, og med en middels stor myk pensel, male en svart skygge under forfatternes navn.
Endre lagene Blending Mode til metning, vil dette slå alt under den til gråskala. Senk lag Opacity til 40%. Poenget med dette trinnet er å bare gjøre det litt enklere å lese, og gjør teksten pop ut enda mer!
Gjenta de forrige trinnene for å legge en boktittel. Jeg bruker følgende tekst i samme tekstområde på egne linjer: "A Tuts + Print Tutorial" og "BOOK COVER TUTS +."
Med din mini beskrivelse valgt, endre størrelsen på skriften til 15pt. Velg mini beskrivelse og boktittel sammen og endre de ledende i Tegntabell til 30pt. Velg mini beskrivelse og endre fargen til en off-white /red - Jeg brukte #ffdada
Lag et nytt lag under din boktittel lag, og bruker den samme teknikken vi brukte tidligere, pensel i en svart. skygget område med en liten, myk børste. Husk å endre navn på lag - Jeg ringte min
Gå til Filter > "Title Shadow". Blur > Motion Blur. Endre vinkelen til 90 og avstanden til 250. For å forhåndsvise ulike avstander før påføring av uskarphet, sørg forhåndsvisningsboksen er avmerket. . Hit OK for å bruke blur til vår skygge
Gå til Filter > Noise > Legg til støy. Endre Beløp 25, Distribution å Gaussian og sørg for monokromatisk er avmerket. Hit OK.
Endre lagene Blending Mode til Overlay og dens Opacity til 60%.
Med lignende stiler og skrifter, legge til et par korte vurderinger under boktittelen. Jeg kommer til å bruke "" En topp bok! ' - PSD Times "og" 'Utrolig gripende!' - Vector Mag ". Jeg kommer til å bruke Fet Condensed Myriad Pro for gjennomgangen, og Condensed Myriad Pro for lesere navn
Trinn 6:. Bakdekselet
Det er tid for Uthevet tekst på baksiden . Head over til Envato hjemmesiden og kopiere kort innføring i Tuts + Network. Velg tekstverktøyet i din Book Cover dokument og lage en ny tekstboks på baksiden; sørge for at det er sentrum! Lim innføring i til tekstboksen. Tilbake over på Envato, kopiere og lime inn informasjonen under "Om Envato overskriften, leder tilbake til dokumentet og lime dette inn, også. På toppen av tekstboksen, sette inn en linje som vil bli brukt som en åpning setning. Jeg kommer til å bruke: «Du er i ferd med å lære å lage din egen bokomslaget! '
Det er på tide å style opp vår tilbake siden! Vi ønsker vår åpning linje å skille seg ut fra resten av blurb. For å gjøre dette, kommer jeg til å bruke samme farge vi brukte for mini beskrivelsen ovenfor boktittelen vi brukte på forsiden (#ffdada). Gjøre valget fet og endre skriftstørrelsen til 15pt.
Jeg er ganske fornøyd med hvordan blurb er ute allerede! Endre dine viktigste to avsnittene skriftstørrelsen til 12 pkt. Det eneste problemet vi har nå er noen ord blir separert og delt inn i to ved hjelp av et "-" symbol. For å fikse dette, trykk enter for å sende ordet til neste linje - gjenta dette trinnet til det ikke er flere uønskede bindestrek
Pass på toppen av blurb er foret opp med toppen av forfatterne navnet på. forsiden. For å gjøre dette, drar en ny guide ned fra linjalen og line den opp med toppen av forfatterne navn. Hvis de ikke er stilt opp, bruk piltastene på tastaturet for å dytte din blurb opp eller ned til de er riktig justert.
Legg til et par flere anmeldelser på bakdekselet. Den enkleste og raskeste måten å gjøre dette på er å kopiere de to vurderinger fra tidligere og omorganisere nye lag på baksiden under vår blurb. Med Text Tool valgt, klikk på teksten og endre teksten til noe annet. Å sørge for at de to vurderingene er sentrert din kan dra tekstboksen ut til kanten av våre retningslinjer, som jeg har gjort nedenfor:
Vår bokomslaget begynner å se ut som en ekte bokomslag! Det er på tide å legge litt informasjon butikkene kommer til å kreve, for eksempel en strekkode, et ISBN-nummer, en pris og annen informasjon. Dessverre, kan strekkoder ikke leses av skannere på opptatt bakgrunn, så vi er nødt til å bruke en hvit blokk. Velg Rectangular Marquee Tool og gjøre et valg under våre to anmeldelser. Med Paint Bucket Tool, fylle markeringen med hvitt på et nytt lag som heter "ISBN bakgrunn."
Velg det Rectangular Marquee Tool og markere et område på bunnen av vår hvite ISBN bakgrunn. Fylle markeringen med off-hvite fargen vi har brukt gjennom hele opplæringen.
Grab Text Tool og grov ut noen tekst. Jeg kommer til å bruke: "USD 9.99", "GBP 5,99" og "EU 6,99", "Cover Design av Callum Chapman", "Sørg for å besøke PSDTUTS + hjemmeside http://psd.tutsplus.com/," og "ISBN 000-0-0000-0000-0." Style din tekst - du vet hva du skal gjøre! Kontroller at du bruker ren svart, selv om! I stedet for å finne en faktisk strekkode, bare bruke Rectangular Marquee Tool til å produsere et rektangel for å bruke som en plassholder
Trinn 7:. Legge noen interesse med en Stock Photo
Vi har to ting igjen: Den ryggraden, og et bilde på forsiden. Vi kommer til å forlate ryggrad til siste minutt - vi vil bare være å kopiere, endre størrelse og omorganisere noen elementer fra frontdekselet for å produsere vår pigger innhold. Head over til sxc.hu og laste ned denne flotte gratis lager bilder av en gammel ammo boks. Når du har lastet ned aksje bilde, legg det inn i dokumentet to ganger
Grab Magic Wand Tool og klikk på de hvite områdene i begge bildene -. Trykke på slettetasten for å fjerne bakgrunnen. Hvis du finner Magic Wand Tool er å velge områder av lager bilder som du ikke ønsker å fjerne, kan du prøve å senke Toleranse i Magic Wand Verktøy alternativer på toppen av skjermen.
Gi nytt navn til dine to lag til "Ammo Box 1" og "Ammo Box 2." Med "Ammo Box 1" er valgt, gå til Rediger > Free Transform eller trykk Kommando + T for å endre størrelsen på bilder. Mens du holder Skift-tasten, dra bildet rett ut av proporsjoner
Endre Blending Mode av laget til overlegg, og bruke Eraser fjerner noen av de ytre områdene av bildet -. For eksempel den delen som er overlappryggraden
Gå til Rediger >.; Free Transform eller trykk Kommando + T på "Ammo Box 2" lag og skalere det opp litt - ikke bekymre deg hvis det er litt kornete - vi går for en grunge utseende og piksele alle legger til det! Endre lagene Blending Mode til Hard Light. Duplisere lag to ganger: Senk den første som Opacity til 30%, og den andre de Opacity til 20%. Med andre duplisert ammo boks fortsatt er valgt, traff Shift + Pil ned-tasten for å flytte valg ned - flytte den litt til høyre og roter det ved å gå til Rediger > Free Transform eller ved å trykke Command + T og dra i hjørnene runde
Trinn 8:. Ryggrad
Det er vår frontdeksel komplett! Vi har nå til å flytte inn i ryggraden. Finn din forfatterne navn lag og din bok titler lag - velg dem begge og dra dem ned til "Create New Layer" -ikonet nederst i lagpaletten å kopiere dem. Omorganisere to lag, slik at de er på toppen av lagpaletten. Ordne dem slik at de sitter ved siden av hverandre, som vist i skjermbildet nedenfor:
Med forfatternes navn laget valgt, gå til Rediger > Free Transform eller trykk Command + T og skalere utvalget ned mens du holder Skift-tasten for å holde den i forhold. Rotere utvalget samtidig i Transform Mode og ordne det pent inn i ryggraden.
Gjenta forrige instruksjon igjen med boktittel lag. Når teksten er på sin side, ta tak i Text Tool og redigere den. Slett mini beskrivelse, og spre "bokomslag Tuts +" over to linjer ved å trykke på enter-tasten til å sende noen ord etter at det på en ny linje. Linje den nye teksten opp med forfatterens navn.
Forhåpentligvis har du tatt meg råd og har allerede satt våre lager bildet lag i en gruppe. Hvis ikke, gjør det nå! Når det er gjort, duplisere gruppen, gå til Edit > Free Transform eller trykk Command + T, endre størrelsen til en passende størrelse og rotere utvalget runde. Omorganisere bildet slik det pent passer midt i ryggraden.
Det er det, vi er ferdig! Hvis du følger denne opplæringen for et reelt prosjekt, må du bytte ut strekkode plassholder med en ekte strekkode, samt sette filen opp klar for print - alle skrivere krever ulike innstillinger, så det er alltid best å snakke med dem først!