Creëer een out of the box steen en concreet 3D-teksteffect

In deze zelfstudie mengen we de 3D-gereedschappen van Photoshop CS6 met Filter Forge om een ​​"uit de doos" steen en concreet 3D-teksteffect te maken. Laten we beginnen!


Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Chivo Black-lettertype.
  • Travertijn door funk24.
  • Wall Distressed Section 01 door angelboiii.
  • Rusted Metal van futuremotion.
  • Bonez van Rawn (RawArt).

Filter Forge downloaden

Eerst moet je Filter Forge downloaden van de website van de plug-in. Zodra u het hebt gedownload, voert u het installatiebestand uit, en dat is het! Het wordt toegevoegd in Photoshop onder het menu Filter. Super eenvoudig te installeren.

Om de plug-in te starten en filters toe te voegen, ga je naar Filter> Filter Forge> Filter Forge 3. Je vindt een aantal reeds bestaande filters onder een aantal categorieën. Je vindt ook de link "Filterbibliotheek: meer filters downloaden" in de rechterbovenhoek van het venster van de invoegtoepassing. Klik op de link om het downloaden van filters te starten.

De link brengt u naar de pagina Filters op de website van de plug-in. U kunt zoeken naar bijna elk filter uit de verbazingwekkende 9000+ beschikbare filters. Typ gewoon de zoekwoorden waar u de filters voor wilt zoeken en klik op de knop Zoeken.

Zodra u uw zoekresultaten heeft ontvangen, klikt u op de naam van het filter.

Dit opent de filterpagina. Klik op de knop "Open dit filter in Filter Forge" om het filter te installeren. Als u een bericht krijgt met de vraag om te bevestigen, klikt u gewoon op Ja of OK. Het filter wordt vervolgens toegevoegd aan de andere filters die u heeft.

U kunt zoeken naar de gedownloade filters door hun naam of een gerelateerd trefwoord in het zoekvak van de plug-in te typen. Zorg ervoor dat u alle filters in het gedeelte Lesvoorbereidingsactiva downloadt voordat u doorgaat met de zelfstudie.


Stap 1

Maak een nieuw document van 1152 x 864 px en vul de achtergrond met de kleur # c2c2c2.

Maak de tekst in Alle hoofdletters met het lettertype Chivo (de letterkleur is wit) en typ elk woord in een aparte regel. Vervolgens gaan we de waarden voor Grootte en Waarden van de woorden aanpassen.

Houd er rekening mee dat u mogelijk verschillende waarden moet gebruiken als u een andere tekst gebruikt of als u een ander lettertype gebruikt. De hier weergegeven waarden werken voor de specifieke tekst die in de zelfstudie wordt gebruikt.

Open het deelvenster Teken (Venster> Teken) en gebruik vervolgens het gereedschap Tekst om elke regel (woord) te selecteren door erop te dubbelklikken. Het woord "THINK" wordt hier eerst geselecteerd, vervolgens wordt de grootte ingesteld op 175 en de beginwaarde op 100.

"BUITEN": lettertypegrootte is 126 en de nummering is 110.

"DE": tekengrootte is 295 en de invoer is 230.

"BOX": lettertypegrootte is 275 en de nummering is 220.

De tekstzijden moeten worden uitgelijnd en de afstand tussen de lijnen moet zo veel mogelijk gelijk zijn.


Stap 2

Dupliceer de tekstlaag en maak de originele laag onzichtbaar door op het oogpictogram ernaast te klikken. Dit is eenvoudigweg om een ​​kopie van de tekstlaag te bewaren voor het geval u deze later opnieuw nodig heeft.

Klik met de rechtermuisknop op de gedupliceerde tekstlaag en kies "Converteren naar vorm", dupliceer vervolgens de vormlaag en maak de kopie onzichtbaar.

Kies het gereedschap Afgeronde rechthoek. Kies op de optiebalk de optie Vorm, klik op het pictogram 'Overlappende vormen uitsluiten' en stel de straal in op 10. Klik en sleep een vak rond de letters, houd Shift ingedrukt terwijl u dit doet om een ​​perfecte vierkant.

Zodra u de muisknop loslaat, worden de letters uitgesloten van de vierkante vorm. Maak deze laag onzichtbaar.


Stap 3

Maak de tekstvormlaag zichtbaar en dupliceer deze, selecteer de originele laag zodat deze de actieve laag is en beslis welke letter u buiten de box wilt trekken. We zullen de letter X gebruiken.

Kies het gereedschap Direct selecteren, klik en sleep om de letter te selecteren die u buiten de box wilt trekken. U hoeft niet alle ankerpunten te kiezen, omdat de letters vrij dicht bij elkaar staan, maar selecteer zoveel mogelijk ankerpunten.

Vervolgens kunt u de Shift-toets ingedrukt houden en klikken op resterende ankerpunten (degene die niet zijn geselecteerd met de klik en sleep).

Zorg dat er geen andere punten zijn geselecteerd en druk op de Delete-toets om de geselecteerde letter te verwijderen.

Selecteer de gedupliceerde tekstvormlaag en selecteer vervolgens de letters die u in de box wilt behouden. Houd nogmaals de Shift-toets ingedrukt en klik vervolgens om de ankerpunten toe te voegen of te verwijderen wanneer nodig.

Verwijder de geselecteerde letters.

Maak de drie vormlagen zichtbaar.


Stap 4

Selecteer de vakvormlaag en ga vervolgens naar 3D> Nieuwe 3D-extrusie van geselecteerd pad.

Selecteer de binnenste laag met de vorm van de doosletters en extrudeer ze op dezelfde manier.

Herhaal dezelfde stap voor de buitenkant van de vaklettervormlaag.

Selecteer alle 3D-lagen (Command / Ctrl + klik op elke laag) en ga vervolgens naar 3D> 3D lagen samenvoegen. Hierdoor worden alle mazen in één laag geplaatst, wat ook één scène betekent.

Dit is een belangrijke stap om alles overzichtelijk te houden: bewaar het document waaraan je werkt in een aparte map, omdat we later nog wat andere bestanden zullen opslaan en het is beter ze allemaal in dezelfde map te bewaren.


Stap 5

Voor toegang tot de instellingen en eigenschappen van 3D-netten moet u twee deelvensters openen: het 3D-deelvenster en het venster Eigenschappen (beide te vinden onder het menu Venster).

Het 3D-paneel bevat alle componenten van de 3D-scène en wanneer u op de naam van een van deze instellingen klikt, krijgt u toegang tot de instellingen in het paneel Eigenschappen..

Een ding dat u vaak moet doen terwijl u in een 3D-scène werkt, is de camerahoek veranderen (weergave). Dus klik op de "Huidige weergave" in het 3D-paneel en kies vervolgens het verplaatsgereedschap.

In Photoshop CS6 zijn er geen speciale 3D-gereedschappen meer. Als u nu de optiebalk van het verplaatsingsgereedschap aanvinkt, vindt u een reeks 3D-modi voor het hulpmiddel rechts van de balk. U kunt een modus kiezen en vervolgens klikken en slepen in een leeg gebied om de scène te verplaatsen.


Stap 6

De 3D-modi van het verplaatsingsgereedschap kunnen ook voor netten worden gebruikt. Maar een eenvoudigere optie is het gebruik van de 3D-as. U kunt de 3D-as verkrijgen door op een net (of de naam ervan in het 3D-deelvenster) te klikken, terwijl het verplaatsgereedschap actief is.

De pijlen aan de uiteinden van de as verplaatsen het net, het gedeelte eronder wordt gebruikt voor rotatie en de kubussen worden gebruikt voor schalen. De kubus in het midden wordt gebruikt om het object gelijkmatig te schalen. Het enige dat u hoeft te doen, is op het gewenste onderdeel klikken en slepen.

Verplaats de mazen alleen als u er wijzigingen in wilt aanbrengen. Als u ze in verschillende hoeken wilt bekijken of plaatsen, wijzigt u in plaats daarvan de cameraweergave.

Selecteer de letters die je in de doos wilt bewaren en verplaats ze langs de Z-as om ze een beetje buiten de doos te laten vallen.

Klik op de letter die u buiten de doos wilt plaatsen en trek deze vervolgens helemaal uit.

Roteer de letter en verplaats deze naar wens.

Command / Ctrl + klik op alle nettengroepen in het 3D-paneel en ga vervolgens naar 3D> Object naar grondvlak verschuiven, selecteer de letter buiten en doe hetzelfde om ervoor te zorgen dat er niets boven het grondvlak zweeft.

(Elke mesh wordt in een groep geplaatst die kan worden uitgevouwen of samengevouwen door op de kleine pijl ernaast te klikken).


Stap 7

Selecteer de vakrasternaam (binnen de groep) in het 3D-deelvenster en wijzig vervolgens in het venster Eigenschappen de structuurtoewijzing in tegel en de diepte in 750.

Klik op het pictogram Kap boven in het venster Eigenschappen en wijzig de breedte in 3% en de contour in Halve ronde.

Klik op de mesh-naam van de eerste tekstlaag en wijzig vervolgens de textuurtoewijzing in Tile en de diepte in 350.

Wijzig onder Cap de breedte in 5% en de contour in de halve ronde.

Pas dezelfde instellingen toe voor de mesh van de tweede tekstlaag.


Stap 8

Maak een nieuw document van 1024 x 1024 px. Het zal worden gebruikt om twee texturen te maken, omdat de gebruikte texturen behoorlijk lang duren om te worden weergegeven. Dus in plaats van ze elke keer opnieuw te maken, bewaren we ze als afbeeldingen.

Vul de achtergrond met de kleur # a1a1a1.

Maak een nieuwe laag en noem deze "Travertijn".

Ga naar Filter> Filter Forge> Filter Forge 3 en kies het filter "Travertine" onder de categorie Stone. Gebruik de standaardvoorinstelling en klik op Toepassen.

Wacht tot de textuur is aangebracht.

Ga naar Afbeelding> Aanpassingen> Tint / verzadiging. Wijzig de verzadiging in -100 en de helderheid in -5 en klik vervolgens op OK. Sla (Bestand> Opslaan als ...) het bestand op als een JPG-afbeelding in de map die u eerder hebt gemaakt en noem de afbeelding "Travertijn".

Maak een nieuwe laag en noem deze "Wall Distressed".

Ga naar Filter> Filter Forge> Filter Forge 3 en kies het filter "Wall Distressed Section 1" onder de categorie Gebouw. Gebruik de laatste preset en klik op Toepassen.

Dit filter kan enige tijd duren, maar het is een gedetailleerd detail. Eenmaal toegepast, sla het op als een .jpg-afbeelding en ook met de naam "Wall Distressed".

U kunt het psd-bestand van de texturen opslaan als u dat wilt, en vervolgens sluiten (Bestand> Sluiten).


Stap 9

Maak een nieuw document van 500 x 500 px.

Ga naar Filter> Filter Forge> Filter Forge 3 en kies het filter "Rusted Metal" onder de Techno-categorie. Gebruik de laatste voorinstelling en vink vervolgens onder het tabblad Instellingen het vakje Naadloze herhaling aan en verander de waarde Grootte, pixels in 166.67. Klik op Toepassen.

Ga naar Afbeelding> Aanpassingen> Ontzadigd. Ga vervolgens naar Bewerken> Patroon definiëren en typ "Rusted Metal".


Stap 10

Alvorens verder te gaan, is het een goed idee om de groepen te hernoemen, zodat het gemakkelijker is om ze te identificeren.

Hiertoe dubbelklikt u op de naam van de groep, wijzigt u deze en drukt u op Enter / Return.

Vervolgens is het toepassen van texturen. Begin met het "vak" -gaas en klik op het "voorste inflatie-materiaal" in het 3D-paneel. Klik vervolgens op het pictogram Diffuse textuur in het venster Eigenschappen en kies Structuur bewerken.

Als u een bericht ontvangt waarin u wordt gewaarschuwd dat de textuur op meerdere plaatsen in de scène wordt gebruikt, klikt u op OK en gaat u verder.

Hierdoor wordt het textuurbestand geopend. Omdat het gaas oorspronkelijk is gemaakt op basis van een vormlaag, is de structuur aan de voorzijde gebaseerd op die oorspronkelijke vorm.

Command / Ctrl + klik op de miniatuur van de vormlaag om een ​​selectie te maken. Kies vervolgens het gereedschap Paint Bucket Tool en kies in de optiebalk de patroonvulling en kies het patroon "Rusted Metal".

Maak een nieuwe laag en klik in de selectie om deze met het patroon te vullen. Bewaar dit document.

We zullen dit bestand ook gebruiken om de Bump-textuur te maken. Ga dus naar Bestand> Opslaan als ... en sla het bestand op in de map die u hebt gemaakt. Bel het bestand "Box - Front Bump". Sluit het bestand na het opslaan.


Stap 11

Klik met het "Voorblad-materiaal" nog steeds op het mappictogram naast de bump in het paneel Properties en kies vervolgens Texture laden en laad het "Box - Front Bump" -bestand.

Klik op het Bump-structuurpictogram en kies Textuur bewerken.

Wanneer het textuurbestand wordt geopend, verwijdert u de structuurlaag bovenaan en maakt u vervolgens een selectie en een nieuwe laag.

Ga naar Filter> Filter Forge> Filter Forge 3 en kies het filter "Bonez" onder de categorie Organic. Gebruik de standaardvoorinstelling en wijzig de waarde Grootte, pixels onder het tabblad Instellingen in 500. Zorg ervoor dat het vak Naadloze herhaling is uitgeschakeld en klik op Toepassen.

Dit zorgt voor wat scheuren in de textuur, doordat de lichtere gebieden verhoogde oppervlakken creëren en de donkere gebieden vlakkere oppervlakken creëren. Sla het bestand op en sluit het.

Je kunt nu zien hoe beide texturen samenwerken op de voorkant van de doos.

Klik op het "Front Bevel Material" en laad het "Box - Front Bump" bestand nogmaals voor de Bump. Het diffuse materiaal wordt al samen met het voorste inflatiemateriaal aangebracht.


Stap 12

Klik op het "Extrusiemateriaal" in het 3D-deelvenster, klik vervolgens op het pictogram Diffuse in het paneel Properties en kies Structuur bewerken.

Wanneer de textuur wordt geopend, gaat u naar Afbeelding> Canvasgrootte en typt u 2000 voor zowel de waarden Breedte als Hoogte.

Vul de laag met het patroon "Rusted Metal", sla het bestand op en sluit het.

Je zult merken dat de textuur er vervormd uitziet. Om dit op te lossen, klikt u op het pictogram Diffuse textuur en kiest u UV-eigenschappen bewerken.

Verander de U-schaal in 1000%, de V-schaal in 100% en de U-offset en V-offset-waarden in op 0.

Klik op het bump-mappictogram en kies Nieuwe textuur.

Maak een bestand van 2000 x 2000 px en klik op OK. Klik vervolgens op het Bump-structuurpictogram, kies Textuur bewerken, vul de textuur met het patroon "Rusted Metal", sla het bestand op en sluit het. Terug naar het originele document, klik op het Bump-textuurpictogram, kies UV-eigenschappen bewerken en pas dezelfde waarden toe als de Diffuse-textuur en klik op OK.

De zijkanten van de doos zijn nu gestructureerd. Vergeet niet om je werk te bewaren.


Stap 13

Open de groep "Tekst", selecteer het "Materiaal voorste inflatie", klik vervolgens op het pictogram Diffuse textuur en kies Textuur bewerken.

Open de afbeelding "Travertijn" en plaats deze vervolgens bovenop de diffuse textuur.

Klik met de rechtermuisknop op de gedupliceerde laag en kies "Creëer knipmasker". Hiermee worden de texturen toegepast op de onderstaande letters. U kunt het gereedschap Verplaatsen gebruiken om op de textuur te klikken en deze te slepen als u deze wilt verplaatsen. Bewaar dit bestand.

Ga naar Bestand> Opslaan als ..., sla het bestand op in de map die u hebt gemaakt en noem het "Tekst - Voorkant". Verwijder de texture-laag, open de afbeelding "Distressed Wall" en plaats deze boven alle lagen. Maak een knipmasker, verplaats de textuur rond en wijzig het formaat indien nodig (Bewerken> Vrije transformatie). Sla vervolgens dit bestand op en sluit het.

Terug naar het originele document, klik op het Bump-structuurpictogram van het "Voorste Inflatiemateriaal", kies Structuur laden en laad het "Tekst - Voorste Bump" -bestand.

Laad hetzelfde bestand voor de Bump-textuur van de "Front Bevel Material".


Stap 14

Klik op het "Extrusiemateriaal" en vervolgens op het pictogram Diffuse textuur, kies "Textuur vervangen" en laad de afbeelding "Travertine.jpg".

Klik nogmaals op het pictogram Diffuse textuur en kies vervolgens UV-eigenschappen bewerken. Stel de U-schaal in op 1000%, de V-schaal op 100% en beide offsetwaarden op 0.

Klik op het Bump-mappictogram "Front Bevel Material", kies Structuur laden en kies de afbeelding "Distressed Wall.jpg". Klik vervolgens op het Bump-structuurpictogram, kies UV-eigenschappen bewerken en gebruik dezelfde UV-waarden voor diffuse textuur.


Stap 15

Herhaal de exacte stappen om het resterende net (van de letter buiten) te structureren. Het enige verschil is de UV-waarden van het "Extrusiemateriaal". Stel voor diffuus de U-schaal en V-schaal in op 100%.

Stel voor de Bump de U-schaal en V-schaal in op 250%.

Die waarden zijn afhankelijk van het overdekte gebied en de diepte. Dus voel je vrij om eventuele waarden aan te passen.


Stap 16

Tijd om de huidige weergave of de camerahoek aan te passen. Klik op de "Huidige weergave" in het 3D-paneel, kies het gereedschap Verplaatsen en gebruik vervolgens de 3D-standen om de cameraweergave te wijzigen totdat u het leuk vindt.

Als u de weergave leuk vindt en wilt opslaan, kunt u klikken op het dropdown-menu Weergeven in het paneel Eigenschappen en Opslaan kiezen.

Voer een naam in voor de weergave en klik op OK.

De weergave wordt toegevoegd aan het vervolgkeuzemenu en aan de onderkant van het 3D-venster. Dus wanneer u de weergave wijzigt terwijl u aan de 3D-objecten werkt, kunt u teruggaan naar de opgeslagen weergave door op de naam in het 3D-venster te klikken of door deze te kiezen in het menu Beeld in het paneel Eigenschappen..


Stap 17

Maak een nieuwe laag bovenop de 3D-laag en vul deze vervolgens met de kleur # beb8b2.

Ga naar 3D> Nieuwe mesh van laag> Briefkaart. Hiermee wordt een eenvoudig vlak gemaakt.

Dupliceer de laag van het vlak.

Selecteer de gedupliceerde plane Mesh-naam, klik vervolgens op het pictogram Coordinates en stel de X-rotatiehoek in op 90 °.

Selecteer de lagen van beide vlakken en ga vervolgens naar 3D> 3D lagen samenvoegen.


Stap 18

Selecteer "Huidige weergave" en kies vervolgens de hoofdnaam van de 3D-laag uit het vervolgkeuzemenu Beeld in het paneel Eigenschappen. Dit zorgt ervoor dat beide scènes hetzelfde camerabeeld hebben.

Selecteer beide 3D-lagen en ga vervolgens naar 3D> 3D lagen samenvoegen.

Selecteer de vlakgroepen in het 3D-paneel en schaal ze vervolgens gelijkmatig. Verplaats en schaal daarna elk afzonderlijk om de scène te vullen. Zorg ervoor dat u werkt aan de weergave Definitieve camera. Je kunt de camera ronddraaien om te controleren hoe de scène er uitziet, maar zorg ervoor dat je teruggaat naar de laatste weergave om te zien of alles er goed uitziet.

Terwijl je de vlakken schaalt en verplaatst, moet je elke vlak selecteren en het vervolgens op het grondvlak klikken (3D> Snap-object op grondvlak).

Selecteer de mesh-naam van het eerste vlak en schakel het selectievakje "Catch Shadows" uit.

Doe hetzelfde voor het gaas van het andere vlak.

Selecteer het tweede (grond) gaasmateriaal en verander de reflectiewaarde in 10.


Stap 19

Selecteer het "Oneindig Licht 1" en verander de Schaduwzachtheid in 30%.

Klik op het pictogram "Nieuw licht toevoegen aan scène" in het 3D-venster en kies vervolgens New Point Light.

Wijzig de kleur van het Licht in # fff8ed en schakel het vakje Schaduw uit. Als u het licht in de scène niet kunt zien, klikt u op het pictogram "Verplaatsen om te bekijken" in het paneel Eigenschappen om het licht naar het midden van de scène te verplaatsen.

Klik op het pictogram Coördinaten en stel de waarden in op 1600, 600, 500.

Klik op het "Oneindige Licht 1", kies het gereedschap Verplaatsen en verplaats het licht totdat je het resultaat leuk vindt.

U kunt een bepaald gebied renderen door het te selecteren, met behulp van een selectiegereedschap en vervolgens naar 3D> Render te gaan. U kunt de weergave stoppen door ergens in het document te klikken.

U hoeft niet dezelfde exacte waarden te gebruiken die hier worden weergegeven, vooral als u een andere camerahoek hebt. Blijf de lichten aanpassen totdat je het resultaat leuk vindt.


Stap 20

Als je wilt hoe de scène eruitziet, zorg dan dat er geen selecties zijn en ga dan verder en render deze (3D> Render). Dit kan enige tijd duren, maar als het klaar is, sla het bestand dan op.

Maak een nieuwe laag bovenop alle lagen en noem het "Smoke", verander de mengmodus in Hard Light, zet de voorgrondkleur op #bcbcbc en kies het penseel. Kies een van de eerste drie penselen uit het pakket "Fog Grunge" en wijzig het formaat naar een waarde van ongeveer 250 px.

Voeg wat rook toe in de X-lege ruimte en rond een paar andere letters ook.

Het effect is misschien niet zo vanzelfsprekend buiten het X-gebied, maar het voegt een mooie wazige aanraking toe.

Maak een nieuwe laag, noem het "vuil", verander de mengmodus in vermenigvuldigen en verander de voorgrondkleur in # bdb8b2. Gebruik dezelfde penselen om vuil aan de letters toe te voegen.

Gebruik het gummetje met een zachte ronde borstel om ongewenste delen te verwijderen.


Laatste afbeelding

En dit is het eindresultaat. Je kunt altijd je eigen aanraking toevoegen door wat meer mazen te maken of de gebruikte kleuren en structuren te wijzigen. Laat hieronder uw opmerkingen en suggesties achter.