Maak een realistische Blueprint-afbeelding van een 3D-object

In deze zelfstudie maken we een snelle mock-up van een 3D-autoblauwdruk. Daarna plaatsen we het op een afbeelding van een tekentafel. Deze keer gebruiken we een bepaalde Photoshop 3D Render-modus om dit geweldige effect te creëren. Laten we beginnen!


Noot van de redacteur: deze tutorial is oorspronkelijk gepubliceerd in Psdtuts in juli 2008.

Stap 1

Weken geleden, toen ik mijn tutorial publiceerde over het 3D-vliegtuig, zocht ik overal naar een gratis 3D-model met een Creative Commons-licentie. In mijn zoektocht om het te vinden, merk ik enkele coole websites met absoluut geweldige 3D-objecten om mee te spelen. Voor deze zelfstudie gebruiken we een mooie 3D-auto die is gedownload van CGIndia.org. Toen ik de auto in Photoshop opende, zag ik dat de asvlakken (X, Y, Z) ook onderdeel van het model waren. Dit inspireerde het idee om een ​​blauwdruk te maken van de verschillende weergaven van de auto.

Na het downloaden van het automodel, maakt u een nieuw leeg document van 1024 bij 768 pixels. Selecteer vervolgens een witte achtergrond. Maak vervolgens een blauw vierkant (# 094464) over de witte laag. Dit creëert een witte marge.


Stap 2

Maak een nieuwe 3D-laag door naar Lagen> 3D-lagen> Nieuwe laag uit 3D-bestand te gaan. Zoek vervolgens het "3D-auto" -bestand en druk op OK.


Stap 3

Dubbelklik op de 3D-laag om deze te bewerken. Wijzig de grootte van de auto door deze groter te maken. Wijzig vervolgens de weergave naar links of rechts (afhankelijk van u en het model dat u gebruikt). Ik weet niet waarom, maar op mijn pc is dit het vooraanzicht. De truc om de blauwdruk te maken is om de Render-modus van Standaard in Wireframe te veranderen.


Stap 4

Nu Alt + slepen om de 3D-laag te dupliceren. Verander dan de weergave van de kopie naar Top. Plaats de kopie onder de eerste weergave. Voeg ook enkele hulplijnen toe om ervoor te zorgen dat de breedte van de auto in beide lagen gelijk is.


Stap 5

Rasteer beide 3D-lagen door naar Laag> Rasteren> 3D te gaan. Pas vervolgens elke laagniveau aan om het wit van de lijnen met deze waarden te vergroten.


Stap 6

Verwijder alle extra regels met behulp van de Lasso-tool.


Stap 7

Verander nu de grootte van beide lagen, door de manier waarop ik ze 'Car Side' en 'Car Top' heb genoemd. Voeg ook wat ruimte tussen hen toe.


Stap 8

Vervolgens maken we enkele regels om een ​​realistischer blauwdrukresultaat te krijgen. Laat eerst de liniaal CTRL + R zien. Klik vervolgens op de liniaal en sleep de cursor om een ​​hulplijn te tekenen. Zorg ervoor dat de hulplijnen de kritieke punten van uw weergaven raken, zoals de diameter van het wiel of de breedte en hoogte van de auto. Probeer zoiets als de afbeelding hieronder te krijgen.


Stap 9

Gebruik de hulplijnen om enkele lijnen te tekenen. Pak het lijngereedschap en selecteer een witte voorgrond en 1 px-gewicht. Vervolgens Shift + klik en sleep om de lijnen te tekenen (met shift en sleep tekent u perfecte horizontale, verticale of 45-inch lijnen).

Trek eerst een lijn en vervolgens Shift + klik om de tweede te starten. Hiermee wordt Add to Shape geactiveerd om de tweede regel toe te voegen aan een uniek laagmasker. Gebruik deze stap om zoveel lijnen te tekenen als je wilt, niet te veel maar ook niet te weinig lijnen. Zet de laagdekking op 50%.


Stap 10

Maak met dezelfde stappen een nieuwe laag en teken er witte lijnen op. Deze lijnen tonen enkele dimensies van de auto. Maak een aantal van deze lijnen tussen twee van de eerder getekende lijnen. Gebruik opnieuw de Add to Shape-optie om alle lijnen in één Vectormasker toe te voegen. Wijzig vervolgens de laagdekking in 50%.


Stap 11

Voeg nu enkele metingen toe. Je kunt enkele willekeurige getallen gebruiken, maar stel je voor dat dit een mock-up is van een echt 3D-model, zoals een huis. Dus, je moet de juiste dimensies transcriberen om de klant tevreden te stellen. Gebruik hiervoor het gereedschap Liniaal en selecteer pixels als maateenheid. Typ ten slotte de dimensie; Ik heb dit lettertype gebruikt om de tekst te maken.


Stap 12

Laten we de lagen een beetje organiseren. Maak een Lagengroep en noem deze "Blueprint." Leg vervolgens alle lagen erin, maak ook een map voor de nummers, lijnen en alle extra tekst. Dupliceer vervolgens de groep "Blueprint". Raak vervolgens Ctrl + E aan om het samen te voegen. Maak een nieuwe groep buiten en noem deze "Mockup." Plaats vervolgens de "Blueprint-kopie" erin en verberg de "Blueprint" -groep.


Stap 13

Plak deze afbeelding in een nieuwe laag. Het is een foto van een mooie tekentafel. Verklein de "Blueprint-kopie" om deze kleiner te maken. Gebruik vervolgens het gereedschap Warp om het een beetje te vervormen, met name de linkerbenedenhoek. Selecteer ten slotte Alles selecteren (Command + A) en Knip (CTRL + X) de laag "Blauwdrukkopie".


Stap 14

Selecteer de lege laag "Blueprint copy". Ga vervolgens naar Filter> Perspectiefpunt en teken een vlak boven de tafel. Breid het dan een beetje uit en plak de "Blauwdruk" zoals getoond in de afbeelding hieronder. Probeer de linkerkant van de tekening uit de begrenzing van de tekentafel te halen. Klik vervolgens op OK.


Stap 15

Dupliceer de "Blueprint" -laag en vul deze met zwart. Breng vervolgens een Gaussiaans vervagen met een straal van 2px aan. Dupliceer vervolgens de laag "schaduw" en pas deze keer toe op nog een Gaussiaans vervagen met een straal van 10 px. Voeg beide "schaduw" -lagen samen en pas de tint / verzadiging aan met de waarden die onderaan deze afbeelding worden weergegeven.


Stap 16

Selecteer al het extra papier uit de linker tabelgrenzen. Vervorm het met behulp van de Warp-tool, slechts een klein beetje; zorg dat de witte rand hetzelfde blijft.


Stap 17

Voeg met behulp van het gereedschap Branden enkele schaduwen toe aan de gevouwen blauwdruk. Voeg ook enkele willekeurige schaduwen toe over het gehele oppervlak van de blauwdruk.


Stap 18

Voeg met het gereedschap Dodge enkele hoogtepunten toe.


Stap 19

Dupliceer de laag "Schaduw". Druk vervolgens op Ctrl + F om het laatste filter opnieuw opnieuw toe te passen (Gaussiaanse vervaging met een straal van 10 px). Gebruik vervolgens het hulpmiddel Gum om enkele delen van de nieuwe schaduw te verwijderen. Verwijder ook alle gebieden buiten de tabel.


Stap 20

Gebruik het vervagingstool om de afbeelding een klein beetje te vervagen aan de boven- en rechterkant van de blauwdruk. Overdrijf dit niet, gebruik liever alleen de benodigde hoeveelheid onscherpte.


Stap 21

Selecteer de "Blueprint" -laag van onze mock-up. Klik vervolgens op Filters> Uitvloeien. Selecteer het Turbulence-hulpmiddel in het venster Filter filteren. Stel vervolgens de waarden in zoals hieronder wordt getoond; gewoon een paar keer klikken en slepen om meer rimpels over het vlak te creëren. Klik vervolgens op OK. U kunt de hulpprogramma's Dodge en Burn opnieuw gebruiken om een ​​beter resultaat te krijgen.


Conclusie

Dit is het! een eenvoudige en snelle techniek om blauwdrukken van echte objecten te maken met de 3D-gereedschappen van Photoshop Extended CS3. Probeer het met behulp van een aantal architectonische modellen zoals een huis of een gebouw. Als je met dit soort ontwerp werkt, kun je de geest van je klanten pijpen.