Lag 3D-forskyvningseffekter

I dag går jeg gjennom den kreative prosessen med å bruke noen kule halvtoner og 3D-forskyvningseffekter. Hovedfokuset i denne opplæringen er å utforske Photoshops ofte misforståtte Displace Filter og hvordan det kan utnyttes for å gjenskape en populær illustrasjonsstil.


Tutorial Assets

Du finner noen filer i mappen "kilde". Du trenger også følgende lagerbilder og skrifter for å fullføre denne opplæringen.

  • Tekstur pakke en
  • Tekstur pakke to
  • Den mellomstore versjonen av denne modellen
  • Wireframe pakke
  • Knust 3D-font
  • LOT skrift

En kort sammenbrudd

Her er et raskt sammendrag av hvordan det endelige bildet ble opprettet. Jeg begynner vanligvis ved å legge til flere teksturer med forskjellige blandingstilstander for å produsere en interessant bakgrunn (A). Neste trinn er å legge til hovedfokuspunktet - i dette tilfellet modellen (B), og deretter bruke halvtonseffekter. Da brukte jeg 3D til å forflytte flere dupliserte modelllag, som også ble maskert for å lage abstrakte fragmenter (C og D).


Å lage dine egne børster kan være både morsomt og givende. Penslene som ble brukt i dette prosjektet ble opprettet ved å bruke cellulose bilspray og vannbasert plakatmaling på patronpapir. Jeg eksperimenterte også med å bruke samme teknikk på papir som hadde blitt gjennomvåt i vann, noe som ga en interessant marmor effekt.



Trinn 1

Trykk på D på tastaturet for å tilbakestille forgrunns- / bakgrunnsfarger til svart og hvitt, og trykk deretter X for å bytte dem, så svart blir bakgrunnsfargen. Opprett et nytt RGB-lerret 21 cm x 27,7 cm og velg bakgrunnsfarge fra rullegardinmenyen Bakgrunnsinnhold.



Steg 2

Først bruker vi noen teksturer for å bygge opp bakgrunnen. Åpne "colorfulgrunge5.jpg" fra denne teksturpakken, og velg deretter Image> Image Rotation> 90 grader CCW. Plasser som et nytt lag, og klikk deretter Cmd / Ctrl + T for å få tilgang til Transform og forstørr for å fylle lerretet. Navn dette laget "Texture 1".



Trinn 3

Legg til "stainedpaper9.jpg" fra denne teksturpakken som et annet lag. Forstørre, endre blandemodus for å multiplisere og merk det "Texture 2".



Trinn 4

Legg "colorfulgrunge7.jpg" fra den første teksturpakken som et nytt lag. Forstørre, endre blandemodus for å multiplisere igjen og merk det "Texture 3".



Trinn 5

Legg til "colorfulgrunge6.jpg", igjen med en Blend-modus for Multiply og navnet "Texture 4". Nå importerer du "stainedpaper1.jpg" fra den andre teksturpakken og trykker Cmd / Ctrl + I til Inverter til negativ, og deretter endrer du blendmodus til farge og reduserer opaciteten til 15%. Navn dette laget "Texture 5".



Trinn 6

Velg Fargebalanse fra Opprett ny justeringslagsmeny ved foten av Lag-fanen (1). I det neste vinduet klikker du på den doble sirkelikonet for å fjerne koblingen (for å påvirke alle lagene) og kopiere disse innstillingene.



Trinn 7

Legg til "colorfulgrunge3.jpg" fra den første teksturpakken, øverst på lagstakken, forstørre for å dekke lerretet ditt. Endre blandemodus til overlegg og merk det "Texture 6". Ta tak i Gradient Tool (G) og velg Forgrunn (hvit) til Transparent forhåndsinnstilt og marker Radial-innstillingen i Alternativ-feltet. Legg nå en lagmaske og dra en rekke gradienter fra midten ut (masken min vises til høyre).



Trinn 8

Plasser et ujevnt nivåjusteringslag øverst på stabelen og sett det hvite punktet Utgangsklippen til 169 for å mørke alle lag.



Trinn 9

Fremhev det øverste Justeringslag-miniatyrbildet, hold nede Skift og marker miniatyrbildet for første tekstur (dette fremhever også lagene i mellom). Velg nå Ny gruppe fra Lag fra den øverste høyre fly-ut-menyen på kategorien Lag. I det følgende vinduet skriv inn "TEXTURES" i feltet Navn og trykk OK.



Trinn 10

Neste trinn innebærer å isolere modellen fra bakgrunnen. Photoshop har mange verktøy som tillater oss å oppnå dette, men i dette tilfellet bruker vi en kanal eller tett maske.

Velg først Image> Image Rotation> Flip Canvas Horizontal. Gå nå til Bilde> Beregninger, i det neste vinduet kopier disse innstillingene for å lage en komposittkanal som inneholder mest kontrast mellom motivet og bakgrunnen og klikk OK.



Trinn 11

Bytt til Kanal-fanen, og du vil se den nye kanalen ("Alpha 1") sitter nederst. Mål det, trykk deretter Cmd / Ctrl + L og bruk følgende nivåjustering for å øke kontrasten.



Trinn 12

Tanken er å lage en ren hvit silhuett av modellen, så sett Dodge Tool (O) til: Eksponering: 50% / Område: Høydepunkter og bruk en middels mykkantet børste for å bleke kanten piksler som angitt i rødt.



Trinn 13

Ta tak i penselen (B) og bruk et utvalg av hardkanter med forskjellige størrelser for å fylle alle resterende grå områder med hvitt. Som standard virker hvite som selektive områder, så Cmd / Ctrl-klikk "Alpha 1" for å lage et valg, og målrett deretter den øverste RGB komposittkanalen.



Trinn 14

Gå til fanen Lag. Velg et hvilket som helst utvalgsverktøy, og klikk på knappen Endre kant i Alternativer-feltet. I det neste vinduet velger du På svart (B) fra rullegardinmenyen Visningsmodus, kopier disse innstillingene og klikk OK.



Trinn 15

Du vil nå se et nytt maskert lag vises og synligheten til det opprinnelige laget deaktivert. Slå på synligheten til det opprinnelige laget og fyll det med svart. Zoom inn og sjekk at du er fornøyd med resultatene fra kommandoen Endre kant. På dette punktet kan du endre masken ved å male med enten hvitt (for å avsløre) eller svart (å skjule) med en liten, mykkantet børste om nødvendig.

Når du er glad, drar du maskerminiaturen i søppelikonet ved foten av Lag-fanen og klikker Bruk på i det følgende vinduet.



Trinn 16

Endelig Cmd / Ctrl-klikk på topplaget for å laste det som et utvalg, og bruk en liten, svart, mykkantet pensel for å male over høydepunktene i modellens øyenvippe.



Trinn 17

Plasser den isolerte modellen som et nytt lag i prosjektfilen din. Legg til et lag under det og fyll med hvitt. Målmodellaget og trykk Cmd / Ctrl + E for å slå sammen.



Trinn 18

Velg Alle (Cmd / Ctrl + A) og Kopier til utklippstavlen. Opprett et nytt dokument i gråskala-modus og navngi det "Displacement.psd"



Trinn 19

Endre prosjektfilen din og klikk tilbake i historikkpanelet til når du la til modellen som et nytt lag. Bytt nå tilbake til den nye filen og flatt den.



Trinn 20

Gå til Filter> Blur> Gaussian Blur og skriv inn 30 px.



Trinn 21

Velg nå Bilde> Modus> Bitmap, sørg for at Output er satt til 300 piksler / tommer, velg Halvtonskjerm fra Bruk-rullegardinmenyen, og trykk OK. I følgende vindu sett frekvensen til 15 linjer / tommer, vinkelen ved 45 grader og rund under form, og trykk deretter på OK igjen. Velg nå Bilde> Modus> Gråskala, hold størrelsesforhold 1, klikk OK og lagre (med .psd-suffikset) til et praktisk sted.



Trinn 22

Tilbake i prosjektfilnavnet ditt, modelllaget "Modell". Dupliser det og gi nytt navn til "Modell halvton".



Trinn 23

Sørg for at "Modell halvtonen" er mållaget, og gå deretter til Filter> Distort> Displace. I det neste vinduet angir du begge Skalafeltene til 10, og deretter velger du alternativene Stretch to Fit og Repeat Edge Pixels og trykker OK. Du blir nå bedt om å finne og laste inn filen "Displacement.psd".



Trinn 24

I de følgende trinnene bruker vi forskjellige kildefiler med Displace Filter, og endrer innstillingene radikalt for å lage noen abstrakte 3d-effekter.

Åpen karakter X fra dette alfabetet og lagre som en .psd-fil. Dupliserer det opprinnelige "Model" -laget igjen og omdøft det til "Modellbrudd 1" Trykk nå Alt + Cmd / Ctrl + F for å åpne dialogboksen Displace, kopier disse innstillingene og naviger / velg din karakter .psd-fil.



Trinn 25

Gjenta det forrige trinnet ved hjelp av tegn S og bruk disse innstillingene med Displace Filter på et annet duplikat lag merket "Model Shatter 2".



Trinn 26

Bruk samme teknikk ved hjelp av tegn Z som forskyvningskartet med følgende innstillinger på en endelig "Model" duplikat og kaller den "Modellbrudd 3".



Trinn 27

Endre blendmodusen til "Modell" -laget til Overlegg, flytt deretter det opp lagstakken over "Modellbrudd 1".

Legg til en maske i "Modell halvtonen" laget. Legg nå "PSDTUTS_grunge_brushes.abr" børster fra "kilde" mappen og bruk dem på en stempling måte, så bare selektive kanter forblir rundt modellen. Når du maler, åpner børstepanelet (fra Alternativer-linjen) og vri / roter børstespissformen for å unngå repeterende slag.>

Hvis du fjerner mer enn du trenger, må du gjenopprette områder med en hvit grunge eller grunnbørste. Min maske er også vist på bunnen av screengrab for klarhet.



Trinn 28

Nå maskerer "Model" laget med et utvalg av grunge børster også.



Trinn 29

Fortsett å maskere de gjenværende forskyvningene. Her er masken for "Model shatter 1" -laget.



Trinn 30

Det maskerte "Model shatter 2" -laget.



Trinn 31

Og til slutt, det maskerte "Model shatter 3" -laget.



Trinn 32

Kopiere det opprinnelige "Model" -laget igjen. Tilbakestill blandingsmodus til Normal og modifiser masken, avslør modellens ansikt.



Trinn 33

Dupliser "Modell halvtonen" -laget, endre blandemodus til mykt lys. Nå forstørre lagets innhold slik at prikkene strekker seg litt og modifiser masken som vist.



Trinn 34

For å øke modellens kontrast, legg til et nivåjusteringslag til "Modellkopi" og bruk disse innstillingene. For å begrense (klipp) justeringen til mållaget klikker du på den doble sirkelikonet.



Trinn 35

For å holde filen organisert, plasser hele modellen og knusse lagene i en mappe som heter "MODEL". Legg til "Paint_1.png" som et nytt lag over mappen "TEXTURES", endre blandemodus til Multiply og navnet "Splat 1". Gjenta med "Paint_2.png" og "Paint_3.png". Merk disse lagene tilsvarende og plasser rundt modellen.



Trinn 36

Legg til tegn O fra 3d-bokstaven nedlastning over ditt forrige lag. Sett blandemodus for å multiplisere og merk det "3D 1". Transform / posisjon sentralt bak modellens hode, masker deretter som vist.



Trinn 37

Dupliser dette laget, endre navn på det "3D 2" og plasser nederst til høyre. Endre blendmodus til mykt lys og juster masken tilsvarende.



Trinn 38

For å holde prosjektfilen ryddig, legg til alle de flytende lagene i en mappe som heter "ELEMENTS 1". Legg nå en maske i mappen "TEXTURES" og bruk et utvalg av grunge børster for å avdekke områder fra det svarte "Bakgrunn" laget.



Trinn 39

Plasser "media-milits-wireframes-03.png" fra denne wireframe-pakken som nytt lag i Multiple Mode ved 50% Opacity over "MODEL" -mappen. Transform / posisjon på undersiden av lerretet ditt for å dekke modellens arm og navnet "Wireframe 1".

Cmd / Ctrl-klikk på miniatyrbildet "Modell halvton" for å lage et lagbasert utvalg. Kontroller at "Wireframe 1" er mållaget, og gå til Lag> Lagermask> Skjul utvalg. Avmarker og bruk en hvit til gjennomsiktig vinklet linjær gradient nederst til venstre, deretter en svart til gjennomsiktig radialgradiient over modellens skulder for å avdekke linjearbeidet.



Trinn 40

Plasser "media-milits-wireframes-12.png" fra samme pakke, Transform / posisjon nederst til høyre og kaller den "Wireframe 2". Trykk Cmd / Ctrl + I for å omverte laget til negativt og angi blandemodus til mykt lys, men la opasiteten være 100%. Nå maske med et utvalg fra "Modell halvtonen" laget.



Trinn 41

Legg til "Paint_4.jpg" øverst på lagstakken og roter, endre størrelsen, posisjon over modellens venstre øye og betegne det "Eye splash". Endre blandemodus for å multiplisere og senke opaciteten rundt 60-70% for å blande seg med modellens hud. Bruk nå en liten, myk til middels hard børste for å maskere den.



Trinn 42

Disse følgende trinnene vil fungere mye bedre med en nettbrett. Legg til et nytt toppslag kalt "Linje 1". Ta en hardkanten 7 px hvit pensel og doodle over modellens ansikt og skulder. Prøv å følge de naturlige konturene, men vær ikke bekymret for å være for presis da mye vil bli skjult i neste trinn.



Trinn 43

Bytt blandemodus til mykt lys for å redusere effekten, bruk deretter en stor, mykkantet børste med lav oppasitet for å maskere som vist.



Trinn 44

Legg til et annet lag og bruk et litt større hardt tips for å spore over modellens hovedfunksjoner. Navn dette laget "Linework 2" og masken er som påkrevd. Legg nå disse to lagene sammen med de underliggende i en mappe som heter "ELEMENTS 2".



Trinn 45

Før du legger til tekst og logo, lene deg tilbake og gå gjennom komposisjonen, og utfør eventuelle endringer. Jeg brukte en kombinasjon av Patch Tool (J) og Clone Stamp Tool (S) på enkelte forskyvningslag for å fjerne ubehagelige lette former som overlapper modellens skulder. Deretter reduserte jeg opaktheten av visse teksturlag som angitt og endelig finjusterte et par masker.



Trinn 46

Ta tak i tekstverktøyet (T) og legg til bokstavene CRE bruker denne skrifttypen. Åpne tegn- og paragrafpanelene (fra Alternativer-linjen) og sett punktstørrelsen til rundt 89, og juster den riktig. Dupliser tekstlaget, deretter Shift-dra ned og skriv inn bokstavene JAE.

Du må nå manuelt redusere mellomrommet mellom EN og E. For å gjøre dette, plasser tekstmarkøren mellom de to tegnene og sett kerningsverdien til -100. Legg nå begge tekstlagene i en mappe med etiketten "GRAPHICS".



Trinn 47

Åpne "Logo.pdf" fra "kilde" -mappen direkte fra Photoshop, eller via Illustrator, og klikk deretter Kopier> Lim inn som et smart objekt, og legg nederst til høyre i samme mappe.

Legg til en mappemask og slå opp teksten med et utvalg av grunge børster. Sett igjen masken med hvitt som angitt for å holde logoen intakt.



Trinn 48

For å tone ned den overordnede fargen, legg til et ikke-klipet fargetone / Saturation Adjustment Layer øverst i stabelen og sett glidebryteren til -36.



Trinn 49

Lag et lagbasert utvalg fra logoen og fyll med svart på justeringsmasken. Til slutt, maling med en myk børste i et utvalg laget av "Model" -laget for å få tilbake fargestyrken i øynene og leppene.



Konklusjon og omfang

Som du har oppdaget, kan Displace Filter være morsomt å jobbe med og også produsere noen fantastiske resultater. Det er verdt å huske at Displace-filteret fungerer ved å tilpasse de øverste venstre kantene på både mållaget og forskyvningsfilen, slik at for forutsigbare resultater alltid slå sammen mållaget eller beskjære bildet slik at begge filene deler de eksakte pixeldimensjonene.

Lykkelige ulykker kan skje ved å bruke forskyvningskart med forskjellige dimensjoner til målfilen din og eksperimentere med innstillingene i filtervinduet.