Bruk Photo Manipulation og 3D Layers til å designe en Surreal Cover Art Illustration

Mine klienter spør meg ofte om å skape umulige scenarier, rare landskap og surrealistiske bilder for sine prosjekter; bilder som ikke ville være mulige i det virkelige liv. Det er situasjoner som disse, hvor foto manipulering blir et kraftig designverktøy. I dagens veiledning vil jeg vise deg hvordan du utformer et CD-deksel ved hjelp av flere fotografiske manipulasjonsteknikker, hvordan du holder kritiske tekstlag redigerbare for fremtidig endring og hvordan du gjør en rask mockup ved hjelp av Vanishing Point-filteret. La oss få det i gang!


Tutorial Assets

For å spare tid, kan du laste ned alle de følgende bildene før du begynner.

  • Tomt rom takket være medialab
  • En sittende fyr takket være kristtina
  • krakk
  • Crow 1 takk til Lip Kee
  • Crow 2 takk til MShades
  • Bunke av bøker
  • Åpen bok
  • Flere bøker
  • Papirbit
  • CD-boks
  • Papir tekstur

Trinn 1 - Sette opp dokumentet

Denne gangen vil vi skape en foto manipulasjon inspirert fra det klassiske diktet til Edgar Allan Poe, "The Raven". Dette bør ikke tolkes som en grafisk representasjon av diktet, bare en vridet tilpasning som skildrer ensomheten til mannen som mistet sin kjære Lenore. Tenk deg dette som et lydbokprosjekt, eller et rockebandalbum.

Start å lage dokumentet; et vanlig CD-deksel er 4,75 x 4,75 tommer. Så opprett et dokument i disse dimensjonene. Hvis du faktisk vil skrive ut dette, bør du jobbe med en oppløsning på 300 + piksler per tomme, men denne gangen setter jeg dokumentet til 200 dpi på grunn av bildestørrelsene.

Når du har innstillet bildeoppløsning, vis linjalene dine (Command + R) og legg til noen guider i dokumentets grenser. Siden dette vil være et utskriftsdesign, bør du legge til en margin for sikkerhet, så gå til Bilde> Lerrets størrelse og endre dimensjonen til 4,85 x 4,85 inches Anker: Senter.


Trinn 2 - The Room

Hele diktet finner sted i fortellerens rom, åpner bildet "Tomt rom" i Photoshop og lagrer det med et beskrivende navn som "Room.psd". Dette bildet er bredt og vårt design bør være et perfekt firkant. Vi må strekke det uten å forvride det. Er det ganske enkelt faktisk, først trekk en guide som prøver å avgrense et firkant på venstre side, og bruk deretter Rectangular Marquee Selection Tool (M) til å velge høyre side av bildet, kopiere det og lim det som passer til høyre side av segmentet med guiden. Deretter bruker du Free Transform Control (V) og holder kommandoen (Ctrl) -tasten for å forvrengte det limte området og matche romets horisontale vegglinjer.


Trinn 3 - Bli med

For å gjøre reduksjonen så polert som mulig, juster nivåene av "Layer 2" som vist på bildet nedenfor. Jeg gjorde det i 2 runder, men du kan prøve å få det gjort i bare ett. Deretter legger du til en lagmaske> Skjul alt og fyll masken med en horisontal gradient (Hvit - Sort). Dette trinnet vil gjøre reduksjonsarbeidet nesten perfekt.


Trinn 4 - Legg rommet inn i hoveddokumentet

I ruten "Room.psd" ved hjelp av Rectangular Marquee Tool (M), velg høyre side av bildet, og trykk på Command (Ctrl) + Shift + C for å kopiere alle lagene i utvalget (dette er for å unngå flattoppetrinnet bildet og hjelper deg med å holde denne delen av jobben redigerbar for videre endringer bare i tilfelle). Lim deretter det inn i hoveddokumentet i et nytt lag kalt "Rom".


Trinn 5 - Legg til fyren

Nå er det på tide å legge til en av hovedpersonene, fyren. For dette, ta tak i sittende bilde og åpne det i Photoshop, bruk deretter noen teknikk til å velge fyrens form (jeg bruker Polygonal Lasso Tool). Kopier valget og lim det inn i hoveddokumentet. Deretter går du til Rediger> Transform> Vend horisontal for å gjøre det i samsvar med belysningen på scenen. Dette er veldig viktig fordi alt for ofte har du ikke nok penger til å faktisk ta dine egne skudd, og du må bruke lager og å velge bare det riktige bildet er ikke lett. Bruk Free Transform Tool til å redusere fyrens størrelse. Navn laget "Guy".


Trinn 6 - Samlet skygge

Siden jeg ikke vil ha en 100% bilderealistisk scene, men en dramatisk en; Vi vil legge til flere nivåer av skygger, den første er rommets skygge. Opprett et nytt lag kalt "Room Shadow"; Bruk en stor, myk børste (Farge: # 151610, Størrelse: 300px Opacity and Flow 50%), maling hele høyre side av scenen, og endre blandingsmodus til Multiply, og opaciteten til 75%.


Trinn 7 - Legge til flere objekter: en krakk

Åpne avføringen bildet, velg form og lim inn det i hoveddokumentet; navn det laget "stol". Igjen må du vende det horisontalt for å matche lysene.


Trinn 8 - Brenn og desaturat

Ta tak i Burn-verktøyet, velg "Guy" og brenne hele sin høyre side for å øke intensiteten på skyggene. Deretter tar du standard svampverktøy og desaturerer de lysere områdene. Gjør det samme med "Chair" -laget.


Trinn 9 - Her kommer raven

Åpne "Crow1" -bildet fra eiendelene og velg form med en hvilken som helst teknikk (jeg gjorde det med Polygonal Lasso Tool), kopier det og lim det inn i et lag med navnet "Raven". Vend det horisontalt og resize det litt, gjør kråken større enn fyren. Plasser den ved siden av rommet døren.

Deretter legger du til en lagmaske i "Raven" -laget ved hjelp av Rectangular Marquee Tool. Gjør dette ved å tegne et rektangel over dørens form og ved å fylle området med svart. På den måten vil vi skape illusjonen om en ravn som kommer inn i døren uten å være ødeleggende for bildet.


Trinn 10 - Noen bøker

Åpne "Bunke av bøker" -filen, velg formen og lim den inn i et nytt lag kalt "Bøker", endre størrelsen på den og plasser den rett over "Chair" -laget, og brenne dess høyre side også.


Trinn 11 - Kombiner krager

Vår kråke er ganske fin, men det er ikke helt riktig. For å fikse dette, må vi manipulere det litt ved å gi det et nytt hode. Åpne "Crow 2" -bildet fra eiendelene og velg bare hodet. Lim inn den, flip den og endre den til et nytt lag kalt "Head" over "Crow lag" og bruk samme teknikk som ble vist i trinn 3 i denne opplæringen, slå sammen hodet med kroppen. men i stedet for å bruke en gradient, bruk en svart pensel. Hvis nødvendig, slett noen områder av "Crow" lagets hode.


Trinn 12 - Flere bøker

Siden fuglvingene gjør luften blåser, legger vi til en bok åpnet på grunn av brisen. Åpne "Open Book" -bildet fra eiendelene, kun uttrekk den øverste åpne boken og lim den inn i et nytt lag i hoveddokumentet "Open Book". Til slutt legg til så mange flere bøker som du vil. Husk alltid å brenne høyre side av dem.


Trinn 13 - Skygger

Dupliser "Raven" laget ved hjelp av Free Transform verktøyet for å forvride det; gjør den bredere. Deretter bringer du lysstyrkeverdien til -100 i Hue / Saturation (Command (Ctrl) + U). Gå til Filter> Uklarhet> Gaussisk uskarphet, radius 8px for å uklare skyggen og bringe lagets opasitet ned til 50%.


Trinn 14 - Flere skygger

Vi vil bruke denne teknikken på nesten alle gjenstander i scenen, er ganske enkelt. Lag et lag bak det relaterte objektet, i dette tilfellet "Raven" Layer og navnet "Raven Shadow" (vi gjorde det i forrige trinn), og bruk en stor, myk, mørk børste (# 110C06) til å male en skygge der. Deretter lager et nytt lag med navnet "Front Shadow" og malingsskygger over det tilhørende objektet, i dette tilfellet raven. Ved å bruke en stor og myk Eraser (E) Opacity og Flow 50% slett noen områder av frontskyggen der du tror det burde være mer lys. Prøv å gruppere skyggelagene og hovedobjektet i en mappe for å holde lagene organisert.


Trinn 15 - Skygger og flere skygger

Gjenta den forrige skyggeteknikken, men denne gangen med "Open Book" -laget. Hvis du vil, kan du bruke Smudge-verktøyet på skyggelaget for å fusjonere det bedre med bakgrunnen.


Trinn 16 - Guy skygge

På samme måte som med "Raven" -laget i trinn 14, dupliserer du "Guy" -laget, bringer ned lysheten og opaciteten og maler både front- og ryggskyggene, bare vær sikker på å ta spesielt vare på skyggen under hans joggesko.


Trinn 17 - Stoler og bøker 'skygger

Ved å bruke samme teknikk, maler skyggene til "Chair" -laget og de ekstra bøkene på gulvet, ikke engang å skape et bilderealistisk utfall, men en dramatisk, så vær så snill å legge til så mange skygger du vil men prøv alltid å ikke gjøre bildet for mørkt.


Trinn 18 - Roms skygger

Bruk en større mørk børste (# 110C06) til å maling rundt romets grenser til et nytt lag kalt "Front skygger" et sted over "Room" laget. Endelig bringe ned dens opasitet til 50%.


Trinn 19 - Ord på veggen

Denne fyren er virkelig besatt av sin tapte kjærlighet Lenore, hvordan kan du skildre en følelse som det til et stumt bilde? Det er ganske vanskelig, ikke sant? Derfor bestemte jeg meg for å legge til ordet "Lenore" malt flere ganger på veggen. For dette, opprett et nytt dokument (hvilken som helst størrelse er ok) med en nøytral grå bakgrunn (# A0A0A0) og bruk noen håndskrevne fonter (du kan finne flere gratis skrifter i dafont.com) skrive ordet "Lenore" overalt. Deretter trykker du på Command (Ctrl) + A for å velge alt og Command (Ctrl) + Shift + C for å kopiere en flatt versjon av bildet.


Trinn 20 - Bruk forsvinnerpunktfilteret til å lime inn ordene på veggene og taket.

Lag et nytt lag med navnet "Wall words" over "Room" lag eller "Room" mappen. Deretter går du til Filter> Vanishing Point. På vinduet for forsinkelsessted tegner du de nødvendige flyene for å sette ordene på veggen. Hvis du ikke er kjent med forsvinnerpunktsfilteret, bør du først lese følgende tutene først: Bruke Vanishing Point-filteret til å oppheve et visittkort eller opprett en imponerende mock-up av en Grunge-boks.

Når du har opprettet flyene, lim inn utklippstavlen der, dra den og endre størrelsen til den ser bra ut. Dette er ikke en enkel prosess, så vær så snill å prøve så mange ganger du trenger før du går videre.

Når du har plassert teksten på riktig måte, endrer du "Wall words" -lagets blandingstilstand til Overlay.

Tips: Windows 7 og vanishing Point-filteret fungerer ikke godt sammen, for en eller annen grunn har Windows 'Aero en konflikt med Vanishing Point-motoren, så hvis du jobber med W7 og systemet ditt plutselig krasjer mens du bruker dette filteret, prøv å bytte skrivebordet utseende til "Windows 7 Basic".


Trinn 21 - Slett de ekstra ordene

Ved hjelp av Polygonal Lasso Tool velg områdene uten vegger (dør og vindu) med "Wall words" laget valgt, og slett deretter valget. Endre deretter Opacity til 50%.


Trinn 22 - Raven's motion blur

Siden vår kråke flyr, må vi legge til en bevegelseseffekt, det er ganske enkelt. Dupliser "Raven" laget og legg det over originalen. Gå til Filter> Uklarhet> Bevegelsesskarphet, angi Angle: 0º og Distance 20px og trykk OK, deretter med Eraser Tool eller ved hjelp av en lagmaske, slett noen deler av uskarpt lag som vist bildene nedenfor.


Trinn 23 - Noen stykker av flygende papir

Ta tak i papiret fra eiendelene, trekk det fra den hvite bakgrunnen og lim det inn i et nytt lag over alle de andre i hoveddokumentet. Ved hjelp av Krypverktøyet (Rediger> Transform> Kryp) forvrenger du papiret som vist på bildet nedenfor. Gjenta dette trinnet så mange ganger du vil med forskjellige stykker flypapir. Sett alle dem inn i en mappe.


Trinn 24 - Legg til skygger til flygende papirene

Slå sammen flygende papirmappen og desaturer det resulterende laget. Bruke Burn-verktøyet for å mørke noen skygger over selve papiret. Deretter bruker du den samme gamle teknikken til skygging, legg til to skyggelag, en på forsiden og andre på baksiden, maler noen skygger med en mørk børste. Til slutt kan du gjenta Step 22nd prosess for å legge til en Motion Blur-effekt.

Sett alle lagene inn i en mappe med navnet "Art".


Trinn 25 - Legg til tittelen

Bruk "Trajan" -typen, legg til titteltekstens tittel, sett all tittelen Lagre i en mappe og navnet "Tittel", deretter Alternativ (Høyre), klikk på lagminaturen og velg Konverter til Smartobjekt. Deretter klikker du på Smart Object og går til 3D> New 3D Postcard From Layer, og "Tittel" smart objekt blir til et 3D-lag med all teksten som kan redigeres. På denne måten, uansett hvor mange endringer du gjør i perspektivet, rotasjon og dybde, kan du til enhver tid endre teksten.

Legg til en kommando og Emboss og en Gradient Overlay-effekt til 3D-laget, som vist på bunnen av bildet nedenfor. Ikke bekymre deg for mye om lysposisjonen og skyggen akkurat nå; Vi vil jobbe det på neste trinn.


Trinn 26 - Forvandle 3D-postkortet

Bruke 3D-transformeringsverktøyet Roter, flytt og dra laget for å gjøre det i samsvar med veggens perspektiv. Når du har lagt laget riktig, legger du til Drop Shadow Style-innstillingen Light-vinkelen til 30% og en stor avstand mellom skygge og tekst (32px i dette eksemplet).


Trinn 27 - Rediger teksten

Ofte endrer kundene sine sinn midt i prosjektet, derfor er det veldig viktig å holde lagene redigerbare hele tiden. I dette eksemplet vil vi legge til noen manglende ord i tittelen: Forfatterens navn. For dette må du grave gjennom de nestede dokumentene i objektene, først dobbeltklikk over Diffus Texture på 3D-laget ("Tittel" tekstur), en ny fil med tittelen "Title.psd", i dette nye dokumentet vil du finn Smart Object-laget, dobbeltklikk på det, og til slutt vil du se tekstlagene i et dokument med tittelen "Title2.psd", der du kan utvide lerretens størrelse og legge til den tredje linjen med tekst. For å forandre endringene bør du lagre hvert dokument bakover, først "Text2.psd" og deretter "Text.psd", så ser du 3D-laget oppdatert på hoveddokumentet.


Trinn 28 - Legg til litt grungestøy

Som en grungy detalj vil vi legge litt støy til kompositten. Trykk D på tastaturet for å laste standardfarger, opprett et nytt lag med navnet "Støy" over "Tekst" -objektet og gå til Filter> Render Clouds. Deretter går du til Filter> Støy> Legg til støy (angi verdiene som vises nedenfor). Endelig endret lagets blandemodus til overlegg og opasitet til 35%.


Trinn 29 - Justere nivåene

På dette punktet vil du vite om designet er for mørkt eller for lys, derfor må vi legge til et nivåjusteringslag for å lette bildet. Nå Velg Alt (Kommando (Ctrl) + A) og Kommando (Ctrl) + Skift + C for å flate og kopiere designet.


The Mock-Up

Trinn 30 - CD-sak

Noen ganger ønsker kunder å se et reelt eksempel på deres produkt. Det er veldig vanskelig å sende en trykt versjon av en cover art-fil, spesielt hvis kundene dine er langt borte fra deg, men du kan sende dem et bilde. Denne gangen vil vi mocke opp vår coverkunst i et CD-tilfelle. Åpne "CD-saken" -bildet i et nytt dokument kalt "mockup.psd" og kasser et nytt lag over det flate laget. Velg det nye laget og gå til Filter> Vanishing Point, der, male et fly som matcher saksformen og lim inn utklippstavlen der.


Trinn 31 - polsk mockup

Siden Cover art ligger bak CD-platen, trenger vi å slette noen områder av cover art laget. For dette legger du til en lagmaske på den og bruker Polygonal lasso-verktøyet, velg de små hakkene på plastdekselet, og fyll deretter utvalget med svart på lagmasken. Du kan ta ned den skjulte kunstens opasitet for å faktisk se hakkene.

Deretter velger du en halvcirkel av hakk ved hjelp av Polygonal Lasso-verktøyet, hvor papiret vil være tydelig synlig og fylle det med svart eller grått.


Trinn 32 - Plast

Vi vil bruke et overtoningsoverlegg på kunstlaget for å skape den 'skinnende plast'-effekten, dette er ganske enkelt, bare legg til flere svarte overganger på effekten, og bytt blendmodus til skjerm og dens opakthet til under 20%. I tillegg legger jeg til en innerskygge for å forbedre dybdeoppfattelsen.


Trinn 33 - Endelig berøring

Som noen siste berører legger jeg "Paper Texture" -laget fra eiendelene til et nytt lag bak "CD" -laget. Endring av "CD" -lagets blendmodus til Multiply fungerer perfekt i dette tilfellet. Så bare spill med teksturlaget, jeg la et mørkt (# 36312D) Solid Color-lag bak teksturen; pluss jeg økte teksturens mørke nivåer ved å legge til en lagmaske fylt med en hvit - svart radial gradient; skaper en mørk vignett på denne måten.


Endelig bilde

Ta en titt på den endelige versjonen av vår omslagskunst.