Använd Filter Forge och Adobe Photoshop för att skapa en gul tegelväg

Vad du ska skapa

Filtrera smedja är ett plugin för Photoshop som låter dig bygga dina egna filter. För att hedra vår Wizard of Oz-fest, vilket bättre sätt att köra det genom sina steg än genom att skapa en gul tegelväg?

1. Hämta plugin

Filtrera smedja kan köras som antingen ett plugin för Photoshop eller en fristående programvara. Hur som helst måste det fortfarande installeras. Det finns även en gratis 30-dagars provversion så du kan prova att se om det är rätt för dig. Gå vidare till www.filterforge.com för att få saker påbörjade.

2. Använd ett Startbrickfilter

En av de mest imponerande funktionerna i Filter Forge är möjligheten att skapa anpassade filter med Filter Editor. Den här funktionen är en nodbaserad redaktör som inte behöver någon kodning alls! De tillgängliga noderna är logiska, intuitiva och robusta. 

Steg 1

Öppna Photoshop och skapa ett nytt dokument med Fil> Ny. Den här filen kommer att hålla bastexturkartorna för vår 3D-gjorda väg och kommer att kräva mycket pixelområde. Ange en Bredd av 2000 pixlar och a Höjd av 2500 pixlar och a Upplösning av 72 pixlar / tum.

Steg 2

Öppna plugin med Filtrera> Filtrera smältare> Filter smida 4. Pluggen öppnas i sitt eget fönster. Huvuddelen av fönstret är förhandsgranskningsområde. Till vänster är biblioteket fylld med flera fabriksinställda texturer och filter. Tyvärr finns det inget Yellow Brick Road-filter som ingår. I stället för att skapa en från början, använd Filtrera bibliotek: Hämta fler filter länken längst upp i fönstret för att bläddra i webbbiblioteket.

Steg 3

Sök efter Slottstenar filtrera och klicka på Öppna detta filter i Filter Forge knappen för att automatiskt ladda ner och öppna filtret.

Steg 4

Slottstenar är en imponerande tegelstensteknik och kommer att tjäna som grund för att bygga trottoaren till Ozs favoriserade motorväg. Men det kommer inte fungera i sin nuvarande form, så det kommer att kräva några ändringar. 

3. Använd filterredigeraren

Det är dags att popa huven på det här filtret och titta på hur sakerna fungerar.

Steg 1

tryck på Filtreringsredigerare knappen och välj Redigera detta filter möjlighet att börja redigera nätverket av noder som utgör detta filter. När Filtreringsredigerare öppnas, blir huvudfönstret ett arbetsområde för nätverket av noder som styr hur filtret fungerar. Det kan verka skrämmande och förvirrande först, men det är verkligen ganska enkelt och anmärkningsvärt lätt att använda.

Steg 2

Tegelens färg är en integrerad del av Yellow Brick Road. Färgen är precis där i namnet! Så dessa tråkiga gråstenar kommer inte bara att göra. 

Klicka på Tegelfärg noden och den vänstra panelen visar inställningarna för den noden. Klicka på färgchip att ändra den till en ljusgul, # FFF404 (tegelstenarna i förhandsvisningen kommer att visas i flera färger, men inte panik - de kommer att ändras tillräckligt snart).

Steg 3

På samma sätt ändra Mörkfärg till en mörkbrun, # 58410F.

Steg 4

Klicka på den primära Tegelstenar nod och ställ in H-räckvidd (Nyans) till 5, L-området (Lätthet) till 20 och S-räckvidd (Mättnad) till 50.

Steg 5

Klicka på Brick Bond nod och ställ in Värde till 4. Detta justerar hur murstensmönstret ligger. Detta värde lägger till i lite ofullkomlighet så arrangemanget ser inte ut så mycket så mekaniskt perfekt.

Steg 6

För närvarande Resultat nod visar tegelstenen som en lysande blå. Det är det direkta motsatsen till vad som behövs! Anledningen till detta är Invertera nod nära toppen av nätverket. Välj den noden och Radera Det.

Steg 7

När noden raderas, är ingångarna och utgångarna brutna och måste omfördelas. Den högra kanten av primären Tegelstenar nod har a stor grön pil-det här är utgången från den noden. Klicka och dra på den pilen för att ansluta den till inmatning av Blandning nod som Invertera noden var tidigare ansluten till.

Steg 8

tryck på Komponenter knappen för att öppna ett bibliotek med komponentnoder. Klicka på Ljud kategori och dra a Perlin Noise komponent på huvud arbetsytan.

Steg 9

I Perlin Noise inställningar, ställ in Grovhet till 75 och Kontrast till 64.

Steg 10

Därefter kartlägger du outputen från Perlin Noise nod till Förgrund inmatning av Blandning nod. Detta blandar bruset med tegelfärgen och ger ett mindre mekaniskt utseende genom att lägga lite grunge in i tegelfärgen. Detta motsvarar att använda lagringsblandningslägen i Photoshop.

4. Lägg till textur och djup

Filtret genererar en god gul nyans för vägen, så låt oss vara uppmärksam på ytans grovhet. Den undre klustret av noder styr djupet och strukturen för tegelstenarna.

Steg 1

Justera Skjutreglaget för Tegelstenhet till 10.

Steg 2

Öppna Komponenter panel igen och titta in på Ljud kategori. Dra a Stones komponenten på arbetsutrymmet och ställa in Grovhet till 76.

Steg 3

Dra a blandning komponent från bearbetning kategori på arbetsutrymmet. Sedan kartlägger Perlin Noise utgång till Blandningens bakgrund inmatning. Karta på Stones output till Blandningens förgrundsinmatning. Karta på Blandningsutgång till Tegelstenar. Detta blandar båda texturerna samman i en unik kombination för att ge tegelstenen en grov yta.

Steg 4

Lägg till en Skjutreglaget komponent från kontroller kategori. Ange namnet på Mortel bredd och den Värde till 6. Sedan kartlägger produktion av denna kontroll till Inmatning av murbrukets bredd av båda Tegelstenar noder. På så sätt ändras mortelbredden uppdateras i båda tegelstenarna.

Steg 5

Vid denna tidpunkt bör nätverket se något liknande det här. Oroa dig inte om dina noder är på olika ställen-de är lätta att flytta runt, och positionen spelar ingen roll. Det är de anslutningar som är viktiga.

Steg 6

tryck på Spara filter knappen för att återgå till det primära gränssnittet för Filtrera smedja. Filterförhandsgranskningen uppdateras för att återspegla de nya filterinställningarna.

Steg 7

Gå till inställningar fliken och ställa in Storlek, pixlar till 500 för att minska den fysiska storleken hos tegelstenarna i den slutliga texturen. Klicka på Seamless Tiling alternativ (storleken kommer automatiskt att justeras när du ansluter det här alternativet för att se till att texturen kan kakel ordentligt).

Steg 8

Tegelstenarna verkar vara mycket mörka just nu, så gå till Belysning fliken och ändra Miljö konsistens till Skog. Ställ in ljusstyrka till 200 och den Ytahöjd till 35.

Steg 9

Om du bara vill ha en grundläggande textur att arbeta med i Photoshop trycker du på Tillämpa knapp och Filtrera smedja kommer att återställa texturen. Men om du vill skapa kartor att använda i 3D funktion-set, fortsätt till nästa serie steg.

5. Använd 3D Texture Maps

Filter Forge kan generera flera olika typer av texturskartor som kan användas för att definiera specifika egenskaper för 3D-element i Photoshop och något annat 3D-program.

Steg 1

Medan du fortfarande är i Filtrera smedja gränssnitt, gå till Filtrera> Render Maps> Diffus karta. Klicka sedan Tillämpa och programmet visar en textur som bara kan användas för att färga 3D-vägen.

Steg 2

När filtret är klart återges Photoshop, se till att det inte finns några ljusa magenta områden som behöver beskäras (det här händer bara om dokumentdimensionerna inte fungerar med de sömlösa kakelparametrarna) och spara den här filen som YellowBrickColor.jpg.

Steg 3

Springa det Filtrera smedja plugin igen och den här gången ställer du in Filtrera> Render Maps> Bump Map. Använd denna inställning och spara resultatet som YellowBrickBump.jpg.

Steg 4

Springa det Filtrera smedja plugin igen och den här gången ställer du in Filtrera> Render Maps> Normal Map. Använd denna inställning och spara resultatet som YellowBrickNormal.jpg.

Steg 5

Öppna den bifogade OzLandscape.jpg filen i Photoshop. Detta är en sammansatt landskapsbild som kommer att fungera som grund för vårt Lemon-hued Highway-äventyr!

Steg 6

Lägg till ett nytt lager med Layer> New> Layer (Shift-Control-N) för vägen. Använd Rektangulärt markeringsverktyg (M) för att skapa ett långt, smalt urval och Fylla det med Vit.

Steg 7

Gå till 3D> Ny 3D-extrudering från valt lag. Photoshop växlar till 3D-gränssnittet och gör den fyllda rektangeln till en 3D-låda. I Egenskaper panel, ställ in Extruderingsdjup till 10 px för att göra lådan väldigt platt.

Steg 8

Använd Flytta verktyget (V) och den 3D transform widget till Rotera och Skala lådan tills den passar in i scenen som en grundväg.

Steg 9

I 3D-panel hitta Road Front Inflation Material. Titta sedan i Egenskaper panelen och klicka på dokumentikonen bredvid Diffus. Välj Byt textur och ladda YellowBrickColor.jpg.

Steg 10

Klicka på dokumentikonen igen och välj Redigera UV-egenskaper. I Skala avsnitt, ställa in U / X till 125% och den V / Y till 20%.

Dessa inställningar justerar skalan på tegelstrukturen längs 3D-objektet så att tegelstenarna verkar vara levnadsstorlek och inte utsträckta.

Steg 11

Därefter tilldela YellowBrickBump.jpg fil till Stöta inställning och justering av Stöta Skala till 5%. Ställ in UV-egenskaper för att matcha de inställningar som används i den diffusa kartan.

Steg 12

På samma sätt tilldela YellowBrickNormal.jpg till Vanligt karta, med samma UV-egenskaper.

Steg 13

Välj Oändligt ljus 1 i 3D-panel. Använd skärm ljusriktning widget för att rotera ljuset för att matcha ljusets vinkel i scenen. I Egenskaper panelen ställer in ljuset Färg till a ljus gul, Intensitet till 110% och Skuggmjukhet till 10%.

Steg 14

Skapa ett urval runt 3D-vägen och gå till 3D> Render (Alt-Shift-Control-R).Photoshop kombinerar all texturinformation och belysningen i en slutgiltig av vår Yellow Brick Road!

6. Foto manipulation

3D-vägens återgivning kompletterar medverkan av Filtrera smedja plugin för detta projekt. Följande steg är traditionella Photoshop-tekniker för att komposera renderingen till scenen och slutföra den slutliga bilden.

Steg 1

Kontroll klicka på 3D Väg lager för att skapa ett urval och gå sedan till Layer> New> New Layer Via Copy (Control-J) för att kopiera bildpunkterna till ett nytt lager. Detta skapar en rasteriserad version av renderingen utan att förlora 3D-informationen. Namn det nya lagret Road Render och göm det ursprungliga 3D-lagret.


Steg 2

Skapa en kopia av Road Render skikt med Layer> New> New Layer Via Copy (Control-J) och flytta den vidare "tillbaka" till landskapet genom att skala den lite mindre och flytta den uppåt. Gå sedan till Redigera> Transformera> Warp och använd varpburen för att forma vägen runt kurvan i bilden.

Steg 3

För båda vägarna, gåtill Layer> Layer Mask> Hide All att dölja hela skiktet. Använd sedan a Mjuk rund pensel med vit färg på maskerna för att avslöja trottoaren bara längs vägen.

Steg 4

Öppna Borsta panel Fönster> Pensel (F5) och gör följande penselinställningar.

Pensel Tips Form Inställningar:

  • Borsta spetsen till Krita 36 pixlar
  • Mellanrum: 33%

Form Dynamics:

  • Storlek Jitter: 22%
  • Vinkel jitter: 100%

Spridningsinställningar:

  • Sprida ut: 76%
  • Båda axlarna alternativet aktiverat

Steg 5

Lägg till en Nytt lager för Skuggområde och ställa in Blandningsläge till Mörkna. Använd den nyligen definierade borsten på 40% opacitet med en mörkgrön färg # 243400 att lägga till skuggor i kanten av korsbanan.

Steg 6

Lägg till en till Nytt lager för gräs. Använd Klonstämpelverktyg (S) med Dune Brush förinställd för att prova pixlar från gräsbevuxen fält och klonera dem på förgrundsbanans förgrunds kant så vägen verkar vara bakom gräsblad.

Steg 7

Lägg till en Nytt lager för Distant Road och använd a Mjuk rund pensel tips i mycket liten borst storlek, cirka 6 pixlar, med ljusgul färg # ffff2a att noggrant spåra längs vägen i avståndet. Ändra blandningsläge till Täcka över och minska Opacitet till 74%.

Steg 8

Skapa en urval av körbanan vid Shift-Control-klicka på båda lagermaskerna för Road Render skikten. Lägg sedan till en kurvor justeringslager och skapa en kulleformad kurva som visas nedan för att lysa upp den gula vägen.

Steg 9

Lägg till en till Nytt lager för Solstrålar. Använd samma anpassade borste som användes för att lägga till skuggorna till vägen, men den här gången använder den på 100% opacitet och vit måla. Skapa en massa penselmärken i mitten av duken.

Steg 10

Gå till Filter> Blur> Radial Blur och ställa in Blurmetod till Zoom och den Belopp till 100. Om effekten inte är tillräckligt stark första gången, kör samma filter två gånger.

Steg 11

Ställ in Blandningsläge till Skärm och använda Redigera> Gratis omvandling (Control-T) att skala ljusstrålarna upp och placera effekten så att den ligger direkt över solen i bilden.

Steg 12

För efterbehandlingseffekten skapar du ett sammanslagna lager överst i stapeln genom att hålla nere Alt och går till Lag> Sammanfoga Synligt. Gå då att filtrera> Camera Raw Filter (Control-Shift-A). I Grundläggande fliken ställer in Klarhet till +64 och den Vibrance till +18.

Byt till Fliken Effekter och i Post Crop Vignette sektionsuppsättning mängden till -33. Tryck sedan på ok att applicera filtret.

Och du är klar!

Klicka på dina klackar tre gånger eftersom du är klar! Grattis på en fin bit digital konstverk. Denna bit skulle ha varit mycket svårare att åstadkomma utan hjälp av Filter Forge-plugin. Möjligheten att kreativt skapa egna filter och använda dem som 3D-återställningskartor kan låsa upp nya världar av underbara möjligheter.

Hur visade ditt anpassade filter ut? Dela din bild nedan i kommentarerna!

Vill ha mer?

Är du inspirerad att ta itu med fler foto manipuleringsprojekt? Vill du prova med några speciella Photoshop-borstar? Kolla in min profil här på Tuts + för mina andra handledning, snabba tips och kurser.