Maak typografie die door de afvoer gaat

Wat je gaat creëren
Deze tutorial is oorspronkelijk gepubliceerd in februari 2011 als een tutorial voor Tuts + Premium. Het is nu gratis te bekijken. Hoewel deze zelfstudie niet de nieuwste versie van Adobe Illustrator en Photoshop gebruikt, zijn de technieken en het proces nog steeds relevant.

Vandaag ga ik je laten zien hoe je een nieuwe typografische behandeling helemaal opnieuw kunt maken met behulp van buizen en slangen voor letters. In deze tutorial leer je hoe je paden in plant Illustrator, modelleer ze in Cinema 4D en breng ze tot leven Photoshop.

Je zult de basis van Cinema 4D voor deze moeten kennen, omdat de focus van vandaag op Photoshop ligt. Laten we beginnen!

Maak verbazingwekkende teksteffecten in minder tijd! Blader door onze ongelooflijke selectie van Photoshop-teksteffecten die beschikbaar zijn via GraphicRiver om uw ontwerpen direct te transformeren. Of schakel de hulp in van een ontwerpspecialist van Envato Studio voor al uw typografische behoeften.


1. Hoe de tekst in te stellen

Stap 1

Voordat ik aan de slag ga, moet ik een waarschuwing geven. De focus van deze tutorial ligt op Photoshop, niet zozeer op Illustrator en C4D. Ik heb de techniek al gebruikt om 3D-objecten te maken van paden die in Illustrator zijn gemaakt. Zie mijn andere zelfstudie Create a Delicious Type Treat voor meer informatie over dit onderwerp. Het proces lijkt erg op elkaar, maar als je van plan bent om vertrouwd te raken met basismodelleringstechnieken in C4D, is vertrouwen op één zelfstudie zelden genoeg. Dus in het eerste deel zal ik in het kort uitleggen hoe je de uiteindelijke render maakt, en dan onze focus verleggen naar waar Envato Tuts + over gaat - Photoshop.

Nu, hieronder heb je een afbeelding van mijn Illustrator-scène. U kunt het ook openen vanuit de downloadmap om precies te zien hoe het is gemaakt. Ik begon met de basisletters en werkte me een weg door het dossier door meer pijpen en slangen toe te voegen. Het gewicht bepaald in het bestand is belangrijk, omdat het de diameter wordt in C4D. Dus zorgvuldig gebruiken gewichten die uniek zijn voor elk type pijp. De zwarte pijpen zijn 30 pt, de witte PVC's zijn 20 en de slangen zijn 15. Door de gewichten te onderscheiden en verschillende kleuren te kiezen, wordt verwarring voorkomen bij het importeren van de paden naar C4D. Onthoud om Opslaan uw bestand in Illustrator als een oudere versie 8 of ouder, anders zal C4D het niet importeren.



Stap 2

Nadat u de volledige scène in Illustrator hebt gemaakt, Kopiëren en Pasta op zijn plaats (Control-F) het eerste gewicht in een nieuwe scène.



Stap 3

Kopiëren en Pasta op zijn plaats een van de verticale lijnen van de woorden. Ga naar Object> Uitbreiden. Met Slimme gidsen ingeschakeld, maak een Cirkel van de ene naar de andere kant van de paden. Kopiëren en Pasta op zijn plaats, maak de cirkel kleiner en maak hem kleiner. Gebruik de verkenner om de kleine cirkel uit de grotere te verwijderen. We gebruiken dit als een diameter voor de pijp, die we langs de woordpaden vegen. Verwijder het grote pad dat je hebt uitgevouwen als de haakjes van de letter "d".



Stap 4

breuk de diametercirkel naar de linkerbenedenhoek van de scène en Opslaan het als een Illustrator 8-bestand, of lager.



2. Hoe 3D-tekst te maken

Stap 1

Open C4D en ga naar Bestand> Samenvoegen. Selecteer alles de paden binnen de groep, behalve de cirkel (cirkels) die is gebruikt om de diameter te maken. Klik met de rechtermuisknop op een van de geselecteerde paden en ga naar Aansluiten. Verwijder de extra paden, zodat je alleen met één type pad en de diameter achterblijft.



Stap 2

Slepen het pad en de diameter onder a SweepNURBS om een ​​soortgelijk effect te bereiken. Gebruik de pet instellingen gevonden in de tweede screenshot.




Stap 3

Herhaal dit proces voor elk van de leidingen. Vergeet niet dat de slang op een puntbasis moet worden bewerkt, zodat deze tussen de pijpen door loopt, niet er doorheen. Bewerk en Draaien elk punt tot je een vloeiend, niet-kruisend pad krijgt.



Stap 4

Gebruik basisvormen om een ​​peilstok te maken, een zelflossend drukluik, kranen enz. Veel plezier ermee!



3. Hoe de verlichting aan te passen

Stap 1

Voor de verlichting, een eenvoudig Area Light (50% intensiteit) linksvoor en a Sky Object met Nee Materiaal zal het goed doen.



Stap 2

Globale verlichting inschakelen, verander de Anti-aliasing optie om Het beste, grootte naar 3500 x 2500 px en druk op de geven knop. Zorg ervoor dat u de Alpha Mask optie onder Opslaan om het gemakkelijk uit de achtergrond in Photoshop te kunnen knippen. Opslaan het als een .PSD-bestand.



Stap 3

Open de nieuw gemaakte Photoshop-render, ga naar de Masker paneel. Controle-Click de Alpha ChanneIk ga naar de Lagen paneel. Druk op de Laagmasker knop om de rest te verbergen.



4. Hoe het schuim toe te voegen

Stap 1

Tijd om wat schuim toe te voegen. Maak een Nieuwe laag en pak je tablet. Je zult het voor dit deel nodig hebben. Sleept de Vullen optie om 20% en begin met tekenen met 35% zwart, zachte kwast.



Stap 2

Naarmate je zwaarder wordt met het middengrijs Borstel, Houd in gedachten dat dit schuim is dat je aan het tekenen bent. Houd het zacht!



Stap 3

Swatch de Achtergrond kleur en begin te tekenen op de lichtbronzijde van het schuim.



Stap 4

Verander de Voorgrondkleur naar wit en begin meer contrast toe te voegen.



Stap 5

Met wit kun je nu uit het grijze gebied stappen en het schuim een ​​meer uitgesproken vorm geven.



Stap 6

Verander naar een kleinere Penseelgrootte en voeg hagelslag toe over de nabije objecten.



Stap 7

Gebruik een 5 px penseel om details toe te voegen. Verander de Vullen naar 50% op deze.



Stap 8

Gebruik tot slot zwart en a 20% vullen om nog meer contrast toe te voegen over de donkere gebieden.



Stap 9

Herhaal dit proces op de bovenste slang.



5. Hoe de pijpen te verouderen

Stap 1

We gaan nu de pijpen verouderen. Gebruik hetzelfde Borstel instellingen aan de uiteinden van de pijpen met een donkerbruine kleur. Ik heb het met rood gemarkeerd in het eerste screenshot voor eenvoudige spotting.




Stap 2

Dan Swatch een cyaankleur van de slang en begint te oxideren!



Stap 3

Herhaal dit proces overal op het canvas waar er koperen leidingen zijn.



Stap 4

Verander de kleur in een middelgrijs en haal de witte pijpen net een beetje vies.



Stap 5

Swatch het donkerste deel van de zwarte pijpen en sommige van die schittering afschaven.




6. Hoe de manometer toe te voegen

Stap 1

In dit volgende deel heeft u deze afbeelding van de manometer nodig. Pasta het in je scène.



Stap 2

Transformeren het en Draaien zodat de woorden 80 en psi in lijn liggen met de rand van het canvas. Dit is alleen om de afbeelding recht te trekken.



Stap 3

Gebruik de Elliptical Marquee Tool om alleen het witte gedeelte van de gaudge te selecteren.



Stap 4

Krimpen het past in de behuizing van de meter die we in C4D hebben gemaakt en plaats deze zoals hieronder te zien is.



Stap 5

Verander de ondoorzichtigheid ongeveer 60% dus het lijkt erop dat het achter glas ligt.



7. Hoe het water te creëren

Stap 1

Het is nu tijd om wat water te putten. Grijp een heel Kleine borstel ingesteld op 20% vullen. Volg de algemene contouren van water dat uit de leidingring stroomt.



Stap 2

Pak a Groter penseel met een kleinere Vullen bereik en teken binnen de contour.



Stap 3

Draai aan Vullen een back-up maken en de contour voortzetten terwijl druppels water naar buiten gutsen.



Stap 4

Voeg meer water toe als minuscule streams.



Stap 5

Speel rond met verschillende niveaus van Vullen en Grootte om een ​​patroon te krijgen dat rond de ring rapt.



Stap 6

Laat het water er warm uitzien door wat stoom toe te voegen. Gebruik een Grote maat met heel laag Vullen om dit te behalen.



Stap 7

Zoals met het schuim, geef het een beetje detail met een Kleine borstel.



Stap 8

Herhaal dit proces over de hele scène.



8. Hoe de kleuren aan te passen

Stap 1

En als laatste zullen we de kleuren en het contrast een beetje veranderen. Voeg een ... toe Aanpassing voor tint en verzadiging laag en van de Drop-down menu Kiezen Cyaan tinten. Sleept de Verzadigingsniveau naar +30.



Stap 2

Voeg vervolgens een toe Zwart en wit verloopkaart en verander de Overvloeimodus naar Zacht licht en ondoorzichtigheid naar 70%.



Stap 3

Laten we tot slot een subtiel cross-process-effect toevoegen door a te gebruiken Curven aanpassingslaag. Wijzig de instellingen zoals hieronder weergegeven.





Laatste afbeelding

En we zijn eindelijk daar. Op het eerste gezicht lijkt dit beeld op moeizaam 3D-werk, maar het geheim ligt in Illustrator. De tijd nemen om een ​​goede lay-out te creëren is van cruciaal belang. Loop niet vooruit op je werk, focus op details en vooruit plannen is altijd de moeite waard.

Ongelooflijke teksteffecten van GraphicRiver

Maak verbluffende teksteffecten in seconden! Blader door onze geweldige selectie van Photoshop-teksteffectacties die beschikbaar zijn via GraphicRiver. Download deze acties om uw ontwerpen te transformeren en bekijk een van onze onderstaande favorieten!

3D-teksteffecten Vol.2

Ontwerp indrukwekkende typografische posters met deze geweldige Photoshop-teksteffecten. Dit pakket bevat 10 Photoshop-bestanden die volledig bewerkbaar en gebruiksvriendelijk zijn. Kies eenvoudig de stijl die u wilt gebruiken en vervang de tekst voor direct geweldige ontwerpen!