Bruk Filter Forge og Adobe Photoshop til å lage en gul murvei

Hva du skal skape

Filter Forge er et plugin for Photoshop som lar deg bygge dine egne filtre. Til ære for vår Trollkarl av Oz-fest, hvilken bedre måte å kjøre den gjennom sine skritt enn ved å lage en gul murvei?

1. Hent pluggen

Filter Forge kan kjøre som enten et plugin for Photoshop eller et frittstående stykke programvare. Uansett vil den fortsatt være installert. Det er enda en gratis 30-dagers prøveversjon så du kan prøve det for å se om det passer deg. Gå videre til www.filterforge.com for å få ting startet.

2. Bruk et Starter Brick Filter

En av de mest imponerende funksjonene i Filter Forge er evnen til å lage egendefinerte filtre med Filter Editor. Denne funksjonen er et node-basert redigeringsverktøy som ikke krever noen koding i det hele tatt! De tilgjengelige nodene er logiske, intuitive og robuste. 

Trinn 1

Åpen Photoshop og opprett et nytt dokument med Fil> Ny. Denne filen vil holde grunnteksturkartene for vår 3D-gjengitte vei og vil kreve mye pikselområde. Skriv inn en Bredde av 2000 piksler og a Høyde av 2500 piksler og a Vedtak av 72 piksler / tommer.

Steg 2

Åpne plugin med Filter> Filter Forge> Filter Forge 4. Pluggen åpnes i sitt eget vindu. Hoveddelen av vinduet er forhåndsvisning område. Til venstre er biblioteket fylt med flere fabrikkinnstilte teksturer og filtre. Dessverre er det ingen Yellow Brick Road-filter inkludert. I stedet for å lage en fra begynnelsen, bruk Filtrer bibliotek: Last ned flere filtre lenke øverst i vinduet for å bla gjennom nettbiblioteket.

Trinn 3

Søk etter Castle Bricks filter og klikk på Åpne dette filteret i Filter Forge knappen for automatisk å laste ned og åpne filteret.

Trinn 4

Castle Bricks er en imponerende murstein tekstur og vil tjene godt som grunnlag for å bygge fortauet for den favoriserte motorveien til Oz. Men det vil ikke fungere i sin nåværende form, så det vil kreve noen modifikasjoner. 

3. Bruk Filter Editor

Det er på tide å pope hetten på dette filteret og se på hvordan det fungerer.

Trinn 1

trykk Filtreringsredigerer knappen og velg Rediger dette filteret mulighet til å begynne å redigere nettverket av noder som utgjør dette filteret. Når Filtreringsredigerer åpnes, blir hovedvinduet et arbeidsområde for nettverket av noder som styrer hvordan dette filteret fungerer. Det kan se skremmende og forvirrende først, men det er egentlig ganske enkelt og utrolig enkelt å bruke.

Steg 2

Fargene til mursteinene er en integrert del av Yellow Brick Road. Fargen er der i navnet! Så disse kjedelige gråsteinene vil bare ikke gjøre. 

Klikk på Murstein farge node og venstre panel vil vise innstillingene for den noden. Klikk på fargechip å bytte den til en lys gul, # FFF404 (mursteinene i forhåndsvisningen vil vises i flere farger, men ikke panikk - de vil bli endret snart nok).

Trinn 3

På samme måte endrer du Mørtelfarge til en mørk brun, # 58410F.

Trinn 4

Klikk på den primære murstein knutepunkt og sett H rekkevidde (Hue) til 5, L Range (Lyshet) til 20 og S Range (Metning) til 50.

Trinn 5

Klikk på Murstein Bond knutepunkt og sett Verdi til 4. Dette justerer hvordan mursteinmønsteret ligger. Denne verdien legger til litt ufullkommenhet, slik at arrangementet ikke ser ganske så mekanisk perfekt ut.

Trinn 6

Foreløpig Resultat nod viser mursteinene som en briljant blå. Det er det direkte motsatte av det som trengs! Årsaken til dette er Inverter knutepunkt nær toppen av nettverket. Velg den node og Slett den.

Trinn 7

Når noden slettes, er inngangene og utgangene brutt og må remapped. Den høyre kanten av primæren murstein node har a stor grønn pil-dette er utgangen av den noden. Klikk og dra på den pilen for å koble den til inngang av Blanding node som Inverter noden var tidligere koblet til.

Trinn 8

trykk komponenter knappen for å åpne et bibliotek med komponentnoder. Klikk på Bråk kategori, og dra a Perlin Noise komponent på hoved arbeidsområdet.

Trinn 9

I Perlin Noise innstillinger, sett inn ruhet til 75 og Kontrast til 64.

Trinn 10

Deretter kartlegger utgangen av Perlin Noise node til forgrunnen input av Blanding node. Dette blander støyen med mursteinens farge og gir et mindre mekanisk utseende ved å legge litt grunge inn i mursteinens farge. Dette er ekvivalent med å bruke lagblandingsmodus i Photoshop.

4. Legg til tekstur og dybde

Filteret genererer en god gul nyanse for veien, så la oss være oppmerksom på overflatenes grovhet. Den nederste klyngen av noder styrer dybden og tekstur for mursteinene.

Trinn 1

Juster Skyvekontroll for Murstein grovhet til 10.

Steg 2

Åpne komponenter panel igjen og se på Bråk kategori. Dra a Stones komponent på arbeidsplassen og sett inn ruhet til 76.

Trinn 3

Dra a blending komponent fra Behandling kategori på arbeidsplassen. Deretter kartlegger Perlin Noise utdata til Blend Bakgrunn input. Kart på Stones output til Blend's Foreground-inngang. Kart på Blend utgang til Mursteininngang. Dette blander begge teksturer sammen til en unik kombinasjon for å gi mursteinene en grov overflate.

Trinn 4

Legg til en Skyvekontroll komponent fra kontroller kategori. Angi navnet til Mørtelbredde og Verdi til 6. Deretter kartlegger produksjon av denne kontrollen til Mørtelbreddeinngang av begge murstein noder. På denne måten endres Mørtelbredden vil bli oppdatert i begge mursteinsknuter.

Trinn 5

På dette tidspunktet må nettverket se noe som ligner på dette. Ikke bekymre deg om at noderne er på forskjellige steder - de er enkle å bevege seg rundt, og stillingen spiller ingen rolle. Det er forbindelsene som er viktige.

Trinn 6

trykk Lagre filter knappen for å gå tilbake til det primære grensesnittet til Filter Forge. Filterforhåndsvisning oppdateres for å gjenspeile de nye filterinnstillingene.

Trinn 7

Gå til innstillinger kategorien og sett inn Størrelse, piksler til 500 å redusere den fysiske størrelsen av mursteinene i den endelige tekstur. Klikk på Sømløs flislegging alternativ (Størrelsen vil automatisk justere når du bruker dette alternativet for å sikre at tekstur kan fliser riktig).

Trinn 8

Teglene virker veldig mørke for øyeblikket, så gå til Lighting fanen og endre Miljø tekstur til skog. Sett lysstyrke til 200 og Overflatehøyde til 35.

Trinn 9

På dette punktet, hvis du bare vil ha en grunnleggende tekstur for å jobbe med i Photoshop, trykker du på Søke om knapp og Filter Forge vil gjengi tekstur. Men hvis du vil generere kart til bruk i 3D funksjonssett, fortsett til neste serie av trinn.

5. Bruk 3D Texture Maps

Filter Forge kan generere flere forskjellige typer teksturkart som kan brukes til å definere spesifikke egenskaper for 3D-elementer i Photoshop og et hvilket som helst annet 3D-program.

Trinn 1

Mens du fortsatt er i Filter Forge grensesnitt, gå til Filter> Render Maps> Diffuse Kart. Klikk deretter Søke om og programmet utgjør en tekstur som bare skal brukes til å fargelegge 3D-veien.

Steg 2

Når filteret er ferdig gjengitt inn Photoshop, sørg for at det ikke er noen lyse magenta områder som må beskjæres (dette skjer bare hvis dokumentdimensjonene ikke fungerer med de sømløse fliseparametrene), og lagre denne filen som YellowBrickColor.jpg.

Trinn 3

Kjør Filter Forge Plugin igjen og denne gangen satte du Filter> Render Maps> Bump Map. Bruk denne innstillingen og lagre resultatet som YellowBrickBump.jpg.

Trinn 4

Kjør Filter Forge Plugin igjen og denne gangen satte du Filter> Render Maps> Normal Map. Bruk denne innstillingen og lagre resultatet som YellowBrickNormal.jpg.

Trinn 5

Åpne vedlegget OzLandscape.jpg fil i Photoshop. Dette er et sammensatt landskapsbilde som skal fungere som grunnlag for vår Lemon-hued Highway-eventyr!

Trinn 6

Legg til et nytt lag med Lag> Nytt> Lag (Shift-Control-N) til veien. Bruke Rektangulært markeringsverktøy (M) å lage et høyt, smalt utvalg, og Fylle det med Hvit.

Trinn 7

Gå til 3D> Ny 3D Ekstrudering fra valgt lag. Photoshop bytter til 3D-grensesnittet og gjør det fylte rektangelet til en 3D-boks. I Eiendommer panel, sett inn Ekstruderingsdybde til 10 px å gjøre boksen veldig flatt.

Trinn 8

Bruke Flytt verktøyet (V) og 3D transform widget til Rotere og Scale boksen til den passer inn i scenen som en grunnvei.

Trinn 9

I 3D-panel Finn Inngangsmateriale for vei. Så se i Eiendommer panelet og klikk på dokumentikonet ved siden av diffuse. Å velge Erstatt tekstur og last YellowBrickColor.jpg.

Trinn 10

Klikk på dokumentikonet igjen og velg Rediger UV-egenskaper. I Scale seksjonen, sett inn U / X til 125% og V / Y til 20%.

Disse innstillingene justerer skalaen av mursteintekstur langs 3D-objektet slik at mursteinene ser ut til å være livsstørrelse og ikke strukket.

Trinn 11

Deretter tildeler du YellowBrickBump.jpg fil til Dunke innstill og juster Dunke Scale til 5%. Sett UV egenskaper for å matche innstillingene som brukes i Diffus kart.

Trinn 12

Tilsvarende tilordne YellowBrickNormal.jpg til Normal kart, bruker det samme UV egenskaper.

Trinn 13

Å velge Uendelig Lys 1 i 3D-panel. Bruke skjerm lysretning widget for å rotere lyset for å matche belysningsvinkelen i scenen. I Eiendommer panelet angir lyset Farge til en lys gul, Intensitet til 110% og Skygge mykhet til 10%.

Trinn 14

Lag et utvalg rundt 3D-veien og gå til 3D> Render (Alt-Shift-Control-R).Photoshop kombinerer all teksturinformasjon og belysningen i en endelig gjengivelse av vår Gul Brick Road!

6. Foto manipulering

Gjenvinningen av 3D-veien fullfører engasjementet av Filter Forge plugin for dette prosjektet. Følgende trinn er tradisjonelle Photoshop-teknikker for å komposere gjengivelsen til scenen og fullføre det endelige bildet.

Trinn 1

Kontroll klikk på 3D Vei lag for å lage et utvalg, og deretter gå til Lag> Nytt> Nytt lag via kopi (Control-J) å kopiere piksler til et nytt lag. Dette skaper en rasterisert versjon av gjengivelsen uten å miste 3D-informasjonen. Gi det nye laget et navn Road Render og skjul det originale 3D-laget.


Steg 2

Lag en kopi av Road Render lag med Lag> Nytt> Nytt lag via kopi (Control-J) og flytte den videre "tilbake" inn i naturen ved å skalere den litt mindre og flytte den oppover. Så gå til Rediger> Transform> Varsel og bruk vridningsburet til å forme veien rundt kurven på bildet.

Trinn 3

For begge veilagene, gåtil Lag> Lagermask> Skjul alt å skjule hele laget. Bruk deretter a Myk rund pensel med hvit maling på masker for å avsløre fortauet bare langs kjørebanen.

Trinn 4

Åpne Børste panel Vindu> Pensel (F5) og gjør følgende penselinnstillinger.

Pensel Tips Form Innstillinger:

  • Pensel tips til Kritt 36 piksler
  • Spacing: 33%

Form Dynamikk:

  • Størrelse Jitter: 22%
  • Vinkeljitter: 100%

Spredningsinnstillinger:

  • Spre: 76%
  • Begge akse alternativet aktivert

Trinn 5

Legg til en Nytt lag for Skyggeområde og sett Blend Mode til mørkere. Bruk den nylig definerte børsten på 40% Opacity med en mørkegrønn maling # 243400 å legge til skygger i kanten av veibanen.

Trinn 6

Legg til en annen Nytt lag til gress. Bruke Klonstempelverktøy (S) med Dune Brush Forhåndsinnstilt for å prøve piksler fra grøntfeltet og klone dem på forkanten av veien, slik at veien ser ut til å ligge bak gressblad.

Trinn 7

Legg til en Nytt lag for Distant Road og bruk a Myk rund pensel Tips i svært lav børstestørrelse, rundt 6 piksler, med lysegul maling # ffff2a å nøye spore langs veibanen i det fjerne. Endre blandemodus til overlegg og redusere opacity til 74%.

Trinn 8

Lage en utvalg av veibanen ved Shift-Control-klikke på begge lag masker for Road Render lag. Legg deretter til en Curves justeringslag og lag en bakkeformet kurve som vist nedenfor for å lyse opp den gule veien.

Trinn 9

Legg til en annen Nytt lag til Solstråler. Bruk samme tilpassede børste som ble brukt til å legge til skyggene til veibanen, men denne gangen bruker den på 100% Opacity og hvit maling. Lag en masse penselmerker i midten av lerretet.

Trinn 10

Gå til Filter> Uklarhet> Radial uskarphet og sett Uskarphet til Zoom og Beløp til 100. Hvis effekten ikke er sterk nok første gang, kjør det samme filteret to ganger.

Trinn 11

Sett Blend Mode til Skjerm og bruk Rediger> Gratis Transform (Control-T) å skala lysstråene opp og plassere effekten slik at den er rett over solen på bildet.

Trinn 12

For ferdigvirkningen oppretter du et flettet lag øverst i stabelen ved å holde nede alt og går til Lag> Flett Synlig. Så gå å filtrere> Camera Raw Filter (Control-Shift-A). I grunn~~POS=TRUNC fanen angir Klarhet til +64 og Vibrance til +18.

Bytt til Effekt-fanen og i Post Crop Vignette seksjonssett mengden til -33. Trykk deretter på OK å bruke filteret.

Og du er ferdig!

Klikk dine hæler sammen tre ganger fordi du er ferdig! Gratulerer med et fint stykke digital kunstverk. Dette stykket ville vært mye vanskeligere å oppnå uten hjelp av Filter Forge-plugin. Evnen til kreativt å lage dine egne filtre og bruke dem som 3D gjengivelse kart, kan låse opp nye verdener av fantastiske muligheter.

Hvordan ble det egendefinerte filteret ditt? Del bildet ditt nedenfor i kommentarene!

Ønsker mer?

Er du inspirert til å takle flere foto manipulasjonsprosjekter? Vil du prøve deg på noen tilpassede Photoshop-børster? Sjekk ut min profil her på Tuts + for mine andre opplæringsprogrammer, raske tips og kurs.