Gebruik Filter Forge en Adobe Photoshop om een ​​Yellow Brick Road te maken

Wat je gaat creëren

Filter Forge is een plugin voor Photoshop waarmee je je eigen filters kunt bouwen. Ter ere van onze viering van de Tovenaar van Oz, wat is een betere manier om het uit te proberen dan door een gele steenweg te maken?

1. Verkrijg de plug-in

Filter Forge kan worden uitgevoerd als een plug-in voor Photoshop of als een stand-alone stukje software. Hoe dan ook, deze moet nog steeds worden geïnstalleerd. Er is zelfs een gratis 30-dagen proefversie dus je kunt het uitproberen om te kijken of het geschikt voor je is. Ga naar www.filterforge.com om dingen op gang te helpen.

2. Gebruik een starterbunkerfilter

Een van de meest indrukwekkende functies van Filter Forge is de mogelijkheid om aangepaste filters te maken met de Filtereditor. Deze functie is een op een knooppunt gebaseerde editor die helemaal geen codering vereist! De beschikbare knooppunten zijn logisch, intuïtief en robuust. 

Stap 1

Open Photoshop en maak een nieuw document met Bestand> Nieuw. Dit bestand bevat de basisstructuurkaarten voor onze 3D-gerenderde weg en vereist veel pixelruimte. Voer een in Breedte van 2000 pixels en een Hoogte van 2500 pixels en een Resolutie van 72 pixels / inch.

Stap 2

Open de plug-in met Filter> Filter smeden> Filter smeden 4. De plug-in wordt geopend in een eigen venster. Het hoofdgedeelte van het venster is het voorbeeldgebied. Naar links is de bibliotheek gevuld met verschillende in de fabriek vooraf ingestelde structuren en filters. Helaas is er geen Yellow Brick Road-filter inbegrepen. In plaats van er één helemaal opnieuw te maken, gebruikt u de Filterbibliotheek: download meer filters link bovenaan het venster om door de online bibliotheek te bladeren.

Stap 3

Zoeken naar de Castle Bricks filter en klik op de Open dit filter in Filter Forge om het filter automatisch te downloaden en te openen.

Stap 4

Castle Bricks is een indrukwekkende baksteentextuur en zal goed als basis dienen om de bestrating voor de favoriete weg van Oz te bouwen. Maar het zal niet werken in zijn huidige vorm, dus het vereist enkele aanpassingen. 

3. Gebruik de Filtereditor

Het is tijd om de kap op dit filter te laten vallen en te kijken hoe de dingen werken.

Stap 1

druk de Filtereditor knop en kies de Bewerk dit filter optie om te beginnen met het bewerken van het netwerk van knooppunten waaruit dit filter bestaat. Wanneer de Filtereditor opent, wordt het hoofdvenster een werkruimte voor het netwerk van knooppunten dat bepaalt hoe dit filter werkt. Het lijkt misschien intimiderend en verwarrend in het begin, maar het is echt vrij eenvoudig en opmerkelijk eenvoudig te gebruiken.

Stap 2

De kleur van de stenen is een integraal onderdeel van de Yellow Brick Road. De kleur is daar in de naam! Dus deze saaie grijze stenen doen het gewoon niet. 

Klik op de Bricks Color knooppunt en het linkerpaneel toont de instellingen voor dat knooppunt. Klik op de kleuren chip om het te veranderen in een fel geel, # FFF404 (de stenen in het voorbeeld zullen veelkleurig verschijnen, maar raak niet in paniek - die zullen snel genoeg worden veranderd).

Stap 3

Verander ook de Mortel kleur tot een donkerbruin, # 58410F.

Stap 4

Klik op de primaire Bakstenen knooppunt en stel de H bereik (Hue) voor 5, L-bereik (Lichtheid) aan 20 en S bereik (Verzadiging) tot 50.

Stap 5

Klik op de Bricks Bond knooppunt en stel de Waarde naar 4. Dit past de manier waarop het steenpatroon zich bevindt aan. Deze waarde voegt een beetje imperfectie toe, zodat het arrangement er niet zo perfect uitziet.

Stap 6

Momenteel is het Resultaat knoop toont de stenen als een schitterend blauw. Dat is het tegenovergestelde van wat nodig is! De reden hiervoor is de Omkeren knooppunt aan de bovenkant van het netwerk. Selecteer dat knooppunt en Verwijder het.

Stap 7

Wanneer het knooppunt wordt verwijderd, worden de in- en uitgangen verbroken en moeten ze opnieuw worden toegewezen. De rechterrand van de primaire Bakstenen knoop heeft een grote groene pijl-dit is de uitvoer van dat knooppunt. Klik en sleep op die pijl om het te verbinden met de invoer van de Mengsel knoop die de Omkeren knooppunt was eerder verbonden met.

Stap 8

druk de Components om een ​​bibliotheek met componentknopen te openen. Klik op de Lawaai categorie en sleep a Perlin Noise component op de hoofdwerkruimte.

Stap 9

In de Perlin Noise instellingen, stel de Ruwheid naar 75 en Contrast naar 64.

Stap 10

Breng vervolgens de uitvoer van de kaart in kaart Perlin Noise knooppunt van de Voorgrond input van de Mengsel knooppunt. Dit mengt de ruis met de baksteenkleur en zorgt voor een minder mechanisch uiterlijk door een beetje grunge in de baksteenkleur te voegen. Dit komt overeen met het gebruik van lagenovervloeimodi in Photoshop.

4. Voeg textuur en diepte toe

Het filter genereert een goede gele tint voor de weg, dus laten we wat aandacht schenken aan de ruwheid van het oppervlak. Het onderste cluster van knooppunten bepaalt de diepte en textuur van de stenen.

Stap 1

Pas de .... aan Schuifregelaar voor de Bricks Roughness naar 10.

Stap 2

Open de Components paneel opnieuw en kijk in de Lawaai categorie. Sleep een Stones component op de werkruimte en stel de Ruwheid naar 76.

Stap 3

Sleep een blending component van de Verwerken categorie op de werkruimte. Breng vervolgens de kaart in kaart Perlin Noise uitvoer naar de Blend's achtergrond invoer. Breng de kaart in kaart Stenen uitvoer naar de De voorgrondinvoer van het mengsel. Breng de kaart in kaart Meng de uitvoer naar de Bricks input. Dit combineert beide texturen tot een unieke combinatie om de stenen een ruw oppervlak te geven.

Stap 4

Voeg een ... toe Schuifregelaar component van de controls categorie. Stel de naam in Mortelbreedte en de Waarde naar 6. Breng vervolgens de kaart in kaart uitgang van deze controle aan de Mortelbreedte invoer van beide Bakstenen knooppunten. Op deze manier verandert de mortelbreedte in beide stenenknopen.

Stap 5

Op dit punt zou het netwerk er ongeveer hetzelfde uit moeten zien. Maakt u zich geen zorgen als uw knooppunten zich op verschillende plaatsen bevinden: ze zijn gemakkelijk te verplaatsen en de positie doet er niet toe. Het zijn de verbindingen die belangrijk zijn.

Stap 6

druk de Filter opslaan om terug te keren naar de primaire interface van Filter Forge. Het filtervoorbeeld wordt bijgewerkt om de nieuwe filterinstellingen weer te geven.

Stap 7

Ga naar de instellingen tab en stel de Grootte, pixels naar 500 om de fysieke grootte van de stenen in de uiteindelijke textuur te verminderen. Klik op de Naadloze tegels keuze (de grootte wordt automatisch aangepast wanneer u deze optie activeert om ervoor te zorgen dat de textuur correct kan worden geplakt).

Stap 8

De stenen lijken op het moment erg donker, dus ga naar de Verlichting tab en verander de Milieu textuur aan Bos. Stel de Helderheid naar 200 en de Oppervlak hoogte naar 35.

Stap 9

Als u op dit moment alleen een basisstructuur wilt gebruiken in Photoshop, drukt u op Van toepassing zijn knop en Filter Forge zal de textuur weergeven. Maar als u kaarten wilt genereren om te gebruiken in de 3D feature-set, ga verder met de volgende reeks stappen.

5. Gebruik 3D Texture Maps

Filter Forge kan verschillende soorten structuurkaarten genereren die kunnen worden gebruikt om specifieke eigenschappen van 3D-elementen in Photoshop en elk ander 3D-programma te definiëren.

Stap 1

Terwijl je nog in de Filter Forge interface, ga naar Filter> Render Kaarten> Diffuse kaart. Dan klikken Van toepassing zijn en het programma geeft een textuur weer die alleen voor de inkleuring van de 3D-weg moet worden gebruikt.

Stap 2

Zodra het filter klaar is met renderen Photoshop, zorg ervoor dat er geen heldere magenta gebieden zijn die moeten worden bijgesneden (dit gebeurt alleen als de documentafmetingen niet werken met de naadloze tegelparameters), en sla dit bestand op als YellowBrickColor.jpg.

Stap 3

Voer de ... uit Filter Forge opnieuw inpluggen en stel deze keer de Filter> Render Kaarten> Bump Map. Pas deze instelling toe en sla het resultaat op als YellowBrickBump.jpg.

Stap 4

Voer de ... uit Filter Forge opnieuw inpluggen en stel deze keer de Filter> Render Kaarten> Normale kaart. Pas deze instelling toe en sla het resultaat op als YellowBrickNormal.jpg.

Stap 5

Open de bijgevoegde OzLandscape.jpg bestand in Photoshop. Dit is een samengesteld landschapsbeeld dat zal dienen als basis voor ons Lemon-hued Highway-avontuur!

Stap 6

Voeg een nieuwe laag toe met Laag> Nieuw> Laag (Shift-Control-N) voor onderweg. Gebruik de Rechthoekig selectiekadergereedschap (M) om een ​​lange, smalle selectie te maken, en Vullen het met Wit.

Stap 7

Ga naar 3D> Nieuwe 3D-extrusie van geselecteerde laag. Photoshop schakelt over naar de 3D-interface en verandert de gevulde rechthoek in een 3D-kader. In de eigenschappen paneel, stel de Extrusiediepte naar 10 px om de doos erg plat te maken.

Stap 8

Gebruik de Verplaatsingsgereedschap (V) en de 3D-transformatiewidget naar Draaien en Schaal de doos totdat deze als basistraject in de scène past.

Stap 9

In de 3D-paneel vind de Weg voor inflatie materiaal. Kijk dan in de eigenschappen paneel en klik op het documentpictogram naast Diffuus. kiezen Vervang textuur en laad YellowBrickColor.jpg.

Stap 10

Klik opnieuw op het documentpictogram en selecteer UV-eigenschappen bewerken. In de Schaal sectie, stel de U / X naar 125% en de V / Y naar 20%.

Met deze instellingen wordt de schaal van de baksteenstructuur langs het 3D-object aangepast, zodat de stenen op ware grootte lijken en niet worden uitgerekt.

Stap 11

Wijs vervolgens de waarde toe YellowBrickBump.jpg bestand naar de Buil instellen en aanpassen van de Buil Schaal naar 5%. Stel de UV-eigenschappen om overeen te stemmen met de instellingen gebruikt in de Diffuse Map.

Stap 12

Eveneens de. Toewijzen YellowBrickNormal.jpg naar de normaal kaart, met behulp van hetzelfde UV-eigenschappen.

Stap 13

kiezen Oneindig Licht 1 in de 3D-paneel. Gebruik de widget voor lichtrichting op het scherm om het licht te roteren om overeen te komen met de hoek van de verlichting in de scène. In de eigenschappen paneel zet de lichten in Kleur naar een bleek geel, Intensiteit naar 110% en Schaduwzachtheid naar 10%.

Stap 14

Maak een selectie rond de 3D-weg en ga naar 3D> Renderen (Alt-Shift-Control-R).Photoshop combineert alle textuurinformatie en de verlichting tot een uiteindelijke weergave van onze Gele stenen weg!

6. Fotomanipulatie

De weergave van de 3D-weg completeert de betrokkenheid van de Filter Forge plugin voor dit project. De volgende stappen zijn traditionele Photoshop-technieken om de render in de scène samen te voegen en de uiteindelijke afbeelding te voltooien.

Stap 1

Controle klik op de 3D Weg laag om een ​​selectie te maken en ga vervolgens naar Laag> Nieuw> Nieuwe laag via kopie (Control-J) om de pixels naar een nieuwe laag te kopiëren. Hiermee wordt een gerasterde versie van de render gemaakt zonder de 3D-informatie te verliezen. Geef de nieuwe laag een naam Road Render en verberg de originele 3D-laag.


Stap 2

Maak een kopie van de Road Render laag met Laag> Nieuw> Nieuwe laag via kopie (Control-J) en verplaats het verder 'terug' in het landschap door het iets kleiner te maken en naar boven te verplaatsen. Ga dan naar Bewerken> Transformeren> Verdraaien en gebruik de kettingkooi om de weg rond de bocht in de foto vorm te geven.

Stap 3

Voor beide weglagen, ganaar Laag> Laagmasker> Alles verbergen om de hele laag te verbergen. Gebruik dan een Zachte ronde borstel met witte verf op de maskers om de stoep alleen langs de rijbaan te onthullen.

Stap 4

Open de Borstel paneel Venster> Penseel (F5) en maak de volgende penseelinstellingen.

Vorminstellingen penseeluiteinde:

  • Brush tip naar Krijt 36 pixels
  • Afstand: 33%

Shape Dynamics:

  • Grootte Jitter: 22%
  • Angle Jitter: 100%

Scattering-instellingen:

  • Verstrooien: 76%
  • Beide assen optie ingeschakeld

Stap 5

Voeg een ... toe Nieuwe laag voor de Schaduwgebied en stel de Mengmodus naar verduisteren. Gebruik de nieuw gedefinieerde borstel op 40% dekking met een donkergroene verf # 243400 om schaduwen toe te voegen aan de rand van de rijbaan.

Stap 6

Nog een toevoegen Nieuwe laag voor grassen. Gebruik de Clone Stamp Tool (S) met de Dune Brush preset om pixels te samplen van het grasveld en deze te klonen op de voorgrondrand van de rijbaan zodat de weg achter de grassprieten lijkt te zijn.

Stap 7

Voeg een ... toe Nieuwe laag voor de Verre weg en gebruik a Zachte ronde borstel tip met een zeer lage penseelgrootte, ongeveer 6 pixels, met felgele verf # ffff2a zorgvuldig langs de rijbaan in de verte volgen. Wijzig de overvloeimodus in bedekking en verminder de ondoorzichtigheid naar 74%.

Stap 8

Maak een selectie van de rijweg door Shift-Control-klikken op beide laagmaskers voor de Road Render lagen. Voeg vervolgens een toe curves aanpassingslaag en creëer een heuvelvormige curve zoals hieronder weergegeven om de gele weg op te fleuren.

Stap 9

Nog een toevoegen Nieuwe laag voor Zonnestralen. Gebruik dezelfde aangepaste penseel die is gebruikt om de schaduwen aan de rijbaan toe te voegen, maar gebruik deze nu om 100% dekking en wit verf. Maak een groot aantal penseelstrepen in het midden van het canvas.

Stap 10

Ga naar Filter> Blur> Radial Blur en stel de Vervaging methode naar Zoom en de Bedrag naar 100. Als het effect de eerste keer niet sterk genoeg is, voert u hetzelfde filter tweemaal uit.

Stap 11

Stel de Mengmodus naar Scherm en gebruiken Bewerken> Vrije transformatie (Control-T) om de lichte strepen op te schalen en het effect opnieuw in te stellen zodat het direct boven de zon op de foto komt.

Stap 12

Maak voor het eindeffect een samengevoegde laag boven aan de stapel door deze ingedrukt te houden alt en gaan naar Laag> Zichtbaar samenvoegen. Ga dan filteren> Camera Raw Filter (Control-Shift-A). In de basis- tab zet de helderheid naar +64 en de Vibrance naar +18.

Schakel over naar de Effectentab en in de Bericht bijsnijden vignet sectie instellen de hoeveelheid tot -33. Druk vervolgens op OK om het filter toe te passen.

En je bent klaar!

Klik drie keer op je hielen omdat je klaar bent! Gefeliciteerd met een mooi stuk digitale kunst. Dit stuk zou veel moeilijker zijn te bereiken zonder de hulp van de Filter Forge-plugin. De mogelijkheid om creatief je eigen filters te maken en deze als 3D-renderkaarten te gebruiken, kan nieuwe werelden van wonderlijke mogelijkheden ontgrendelen.

Hoe is uw aangepaste filter gelukt? Deel je afbeelding hieronder in de reacties!

Meer willen?

Ben je geïnspireerd om meer fotomanipulatieprojecten aan te pakken? Wil je een paar aangepaste Photoshop-penselen proberen? Bekijk mijn profiel hier op Tuts + voor mijn andere handleidingen, snelle tips en cursussen.