Ontwerp een retro typografische poster met 3D-elementen in Photoshop

Voordat we beginnen, moet ik een eerlijke waarschuwing geven. Als ik uitvoerig zou ingaan, zou deze tutorial bestaan ​​uit 3, misschien vier lange delen. Ik heb het deel 3D-creatie gecomprimeerd, zodat het meer een hint is van hoe de objecten te maken, en niet zozeer een gedetailleerde beschrijving van de gereedschappen..

De inspiratiebron voor deze poster is het bedrijf Envato zelf, en met name de video / audio-kant van het Tutsplus-netwerk. Om dit te illustreren, heb ik letters gemaakt als muziekinstrumenten en videoapparatuur.


Stap 1

Het eerste dat u hoeft te doen, is een nieuwe scène maken in C4D. Schakel over naar je vooraanzicht en teken een profiellijn voor de trompet. We gaan dit langs zijn eigen as roteren met het Lathe NURBS-effect. Dit zal ons het einde van de bazuin geven.



Stap 2

Gebruik zoals hierboven vermeld de draaibank NURBS om de volgende vorm te maken.



Stap 3

Het is nu tijd om het tweede deel van de trompet te maken. Teken nog een spline.



Stap 4

Gebruik deze keer het Sweep NURBS-effect met een grote cirkelvormige spline. Veeg de cirkel langs het pad. Om het einde kleiner te maken, gaat u naar het tabblad Object en klikt u op de pijl naast 'Details'. Vouw het uit en sleep een van de uiteinden naar een vergelijkbare grootte.



Stap 5

Gebruik dezelfde techniek om het volgende deel van de trompet te vegen, maar in een andere richting.



Stap 6

Vergeet niet om details toe te voegen die de pijpen op hun plaats houden. Ik gebruikte 'Tubes' en 'Cillinders'.



Stap 7

Vergeet niet dat terwijl u deze vormen aan het maken bent, u de gelijkenis van een letter moet behouden. Maak het volgende gedeelte met dezelfde technieken.



Stap 8

Om het interessant te houden, gebruik ik een 'Helix'-spline om een ​​draaiende pijp te maken. Gebruik de volgende instellingen.



Stap 9

Veeg de helix met een NURBS-effect en gebruik hetzelfde gedeelte als aan de onderkant, maar 180 graden gedraaid.



Stap 10

Dupliceer de trompet en maak een kleinere, gedraaide versie voor de onderkant van de brief.



Stap 11

Het is nu tijd om de volgende letter te maken. Ik gebruik Illustrator voor dit onderdeel. Wanneer u paden rechtstreeks in C4D als splines importeert, moet u ze opslaan in Illustrator versie 8 of lager, anders zal C4D ze niet importeren.

Maak een grote (ik gebruik 200 pt, maar je moet het een beetje kleiner maken in C4D) Helvetica 55 Romeinse letter 'N'. Breid het uit.



Stap 12

Geef het een 20-punts omtrek en rond de hoeken af.



Stap 13

Breid het uiterlijk uit, maak de groepering ongedaan en combineer met het hulpmiddel Pathfinder de samengestelde contour en de hoofdtekst samen.

Op dit punt heb ik de achtergrondkleur ook veranderd in rood, zodat de lijnen zichtbaar blijven.



Stap 14

Maak net als eerder een omtrek maar maak deze keer de helft van de vorige dikte (10 pt) en haal de omtrek van de body in plaats van de twee objecten samen te voegen. Dit zou ons een mooie afgeronde look moeten geven voor ons lettertype.



Stap 15

Maak een cirkel van zijkant naar zijkant van de plaat en voeg deze samen met het lichaam.



Stap 16

De brief die we nu maken speelt op oude cassettebandjes, dus nu gaan we de spinners en wat tape maken. Maak een soortgelijk padenpatroon dat u kunt extruderen en vegen in C4D om deze objecten te maken.



Stap 17

rab het lichaam van de brief, plaats het in een bestand apart van andere elementen en sla het op als een Legacy-indeling. Importeer het pad naar C4D en extrudeer het.



Stap 18

Doe hetzelfde voor de rest van de paden.



Stap 19

Voeg een paar elementen toe voor meer realisme, zoals tanden en randen.



Stap 20

Tijd om verder te gaan met de letter 'V'. Gebruik dezelfde techniek als bij de 'N' voor het lichaam. Maak een Spline-masker met behulp van de Mograph en knip twee verbonden cirkels uit het lichaam. Extrusie vervolgens het resulterende masker.



Stap 21

Als u de uitzendversie van C4D hebt, kunt u de lens van een HD-camera in de scène importeren. Importeer eenvoudig de camera die je hebt gevonden onder 3D-objecten (toegankelijk via de inhoudsbrowser) en verwijder alles behalve de lens en de behuizing. Wis ook alle materialen.



Stap 22

Plaats de lenzen en een opnameknop onderaan in het midden.



Stap 23

De volgende is letter A. Voor deze brief maak ik een netwerk van stroomkabels. Creëer de spline in welk programma je ook prettiger vindt. Ik heb ze in Illustrator gemaakt.



Stap 24

Gebruik de punt-voor-punt modus om punten naar boven en beneden te verplaatsen, zodat ze elkaar niet snijden.



Stap 25

Veeg ze met een spie van 1m cirkel.



Stap 26

Vergeet niet om de aansluitingen te maken.



Stap 27

Dupliceer deze elementen, draai ze 180 graden en plaats ze achter.



Stap 28

Op naar letter 'T'. Gebruik componenten van een tv, die ook te vinden zijn in de inhoudsbrowser onder Broadcasteditie.



Stap 29

Om de behuizing te maken, plaatst u 4 rechthoekige splines met afgeronde hoeken zoals hieronder te zien is.



Stap 30

Gebruik de Loft NURBS om deze splines samen te voegen.



Stap 31

Gebruik dezelfde rechthoeken met verschillende verhoudingen en extrudeer ze om het gezicht van de T.V te creëren.



Stap 32

Gebruik de kooi die je hebt gemaakt voor de letter 'E' en voeg wat kabels aan elke kant van het scherm toe.



Stap 33

Gebruik de originele knoppen van de T.V en plaats ze op de voorkant.



Stap 34

En tot slot, brief 'O'. Dit is het gemakkelijkst. Gebruik dezelfde techniek als bij de letters 'N' en 'V, maar maak ook een extra omtrek. Deze wordt een trommel.



Stap 35

Extrudeer elk van deze afzonderlijk en maak een paar drumsticks met behulp van een profielspline en de draaibank NURBS.



Stap 36

Het is nu tijd om de scène voor te bereiden. Plaats alle letters zoals hieronder te zien en maak een groot vlak erachter. Plaats ook een camera aan de voorkant.



Stap 37

Om de scène te verlichten, gebruik ik de Greyscale Gorilla Light Kit Pro. Als u deze kit niet hebt, werkt het gebruik van normale lampen op dezelfde manier, het bespaart u tijd. Plaats een grote overhead softbox bovenop en twee kleinere aan elke kant.



Stap 38

Maak een nieuw materiaal en schakel alle behalve kleur uit. Kies een vergelijkbare kleur en plaats het materiaal op het achtergrondvlak.



Stap 39

Maak een nieuw materiaal en verander de kleur in wit.



Stap 40

Voeg een 10% heldere reflectie toe.



Stap 41

Zorg ervoor dat Specularity ook is ingeschakeld.



Stap 42

Zoek in de Broadcast Edition Content Browser het Chrome2-materiaal onder Resources> Materialen> Natuurlijk.



Stap 43

Verhoog de kleurhelderheid.



Stap 44

Wijzig de specular zoals hieronder getoond.



Stap 45

Breng het witte materiaal aan op de letters en Chrome op specifieke details.



Stap 46

Tijd om de Render-instellingen in te stellen. Ik gebruik een kleine resolutie voor deze zelfstudie, maar dat houdt een A4-verhouding.



Stap 47

Schakel Ambient Occlusion in en kies deze instellingen.



Stap 48

Schakel Globale verlichting in en verander de Diepte naar twee.



Stap 49

Voeg een kleurcorrectie-effect toe en verander het gamma in 1.8.



Stap 50

Render! :)



Stap 51

We hebben ook een paar verschillende versies nodig. Voeg nu een Cel Render-effect toe.



Stap 52

Render opnieuw en sla dit apart op.



Stap 53

Nadat u het tweede bestand hebt gerenderd, maakt u zich klaar voor een derde. Schakel het achtergrondvlak uit, schakel alle effecten uit en verwijder alle lichtbronnen. We hebben een alpha-maskerversie nodig die we kunnen gebruiken om de elementen snel van de achtergrond te isoleren. Zelfs als niets zichtbaar is in de uiteindelijke render, zal het Alpha Channel daar zijn als u het opslaat als een Photoshop-bestand en de optie Alpha Channel aanvinkt.



Stap 54

En tot slot, het vierde bestand dat slechts een overlay is van harde schaduwen. Zorg ervoor dat er geen andere lichten in de scène zijn en plaats een enkel licht in de rechterbovenhoek. Verander de schaduwen in 'Hard'.



Stap 55

Geef deze ook weer.



Stap 56

Ga naar Photoshop en isoleer de letters van de achtergrond. Open hiervoor het Alfakanaal-bestand en ga naar het Alfa-paneel. Command / Ctrl + klik op het alfakanaal om een ​​selectie te maken. Ga naar Selecteren> Selectie opslaan en sla het op in het document met de originele, gekleurde weergave. Schakel over naar de kleurweergave en laad de selectie. Voeg een laagmasker toe, maar elke letter afzonderlijk.



Stap 57

Plaats de laag Shadows als een masker voor elke letter. Verander de overvloeimodus in Mulitiply en Opacity in 50%.



Stap 58

Voeg de Cel Render op dezelfde manier toe, maar houd de dekking op 100%.



Stap 59

Maak een nieuwe laag als een masker en vul deze met een grijswaarde van 50%.



Stap 60

Ga naar Filter> Ruis> Ruis toevoegen.



Stap 61

Ga naar Filter> Vervagen> Gaussiaans vervagen.



Stap 62

Verander de Layer Style naar Overlay en Dekking naar 50%.



Stap 63

Voeg een verloopoverlay toe als masker en verander de linkerkleur in # 282828 en rechts in # cb5050.



Stap 64

Afwisselende letters met een dambordpatroon van rode en cyaan kleuren.



Stap 65

Wijzig de achtergrondkleur in # 282828 en herhaal het ruisproces om het een beetje grunge te geven. Plaats dit onder alle letterlagen.



Laatste afbeelding

Helemaal klaar! Als je dit op een of andere manier nuttig hebt gevonden, laat het me dan weten op twitter.