Maak een glanzende aarde met Photoshop 3D-lagen

In deze zelfstudie laat ik je zien hoe je een glanzend planeeticoon maakt met behulp van de 3D-functies van Photoshop CS4 Extended. Dit omvat basisinformatie over 3D-lagen en structuurmappen. Laten we beginnen!

Video-instructies

Onze video-editor Gavin Steele heeft deze video-tutorial gemaakt om deze tutorial voor tekst en beeld te complimenteren.

Stap 1

Maak een nieuw document van 1000 pixels breed en 500 pixels hoog met een resolutie van 300 pixels / inch, met de naam 'Home'.

Stap 2

We zullen wat textuur voor onze planeet gebruiken. Je kunt de diffuse textuur van planetpixelemporium.com krijgen. Download de afbeelding "kleurkaart" van de site en plaats deze als een nieuwe laag in uw document. Hernoem deze laag als 'Aarde'.

Stap 3

Ga nu naar 3D> Nieuwe vorm van laag> Bol. Dit wikkelt de laag rond een bol en dit wordt de basislaag van onze planeetillustratie.

Stap 4

De laag "Aarde" is nu een 3D-laag en een kubuspictogram wordt weergegeven in het lagenpalet. U kunt interactief werken met een 3D-model in een 3D-laag in Photoshop. U kunt het model draaien en verplaatsen of de positie van de camera in 3D-ruimte wijzigen met behulp van de 3D-gereedschappen in de Toolbox.

Stap 5

Grijp het 3D-rotatiegereedschap, klik op het canvas, houd vast en sleep om de bol te draaien en aan te passen zoals je wilt. Als u de toetsen Alt of Shift ingedrukt houdt, wordt de rotatie-as beperkt.

Stap 6

De randen van de bol zien er op dit moment aliased uit. Eerst gaan we het repareren. Ga naar het palet Lagen en dubbelklik op het pictogram van de kleine kubus in de laag "Aarde" om het 3D-palet te openen. Hier kunt u verschillende aanpassingen aanbrengen aan de 3D-laag. Zorg ervoor dat de "scène" is geselecteerd in de bovenste lijst en stel Anti-alias in op Beste. Hiermee worden de randen gefixeerd.

Stap 7

Klik nu op het vak Globale omgevingskleur en stel de kleur in op R: 100, G: 100, B: 100 en druk op OK. Hierdoor wordt de omgevingskleur gewijzigd in een helderdere.

Stap 8

We voegen nu een bump map toe aan onze planeet. Download eerst de "bump map" van planetpixelemporium.com en sla de afbeelding op uw bureaublad op. Ga nu naar het 3D-palet. Ga naar Sphere_Material en klik op de knop Bump Texture bewerken en kies Structuur laden. Selecteer het bestand dat u zojuist hebt gedownload. Het bestand "earthbump1k.jpg" is een bestand in grijstinten en de lichtere gebieden in deze afbeelding worden in onze 3D-bol gestoten. We willen ook dat onze planeet glanzend is, dus zet de glans op 100%.

Stap 9

In het 3D-palet ziet u dat er drie lichten zijn. Dit zijn de standaard Photoshop-scènelichten. Nu zullen we hun typen, kleuren en posities veranderen. Selecteer eerst het "Oneindige Licht 1" en verander de kleur in R: 150, G: 150 en B: 150. Selecteer nu het "Oneindige Licht 2" en stel het type in op Punt, zodat we de positie kunnen veranderen. Verander van kleur naar r: 180, G: 180 en B: 180.

U kunt de positie van het licht in de 3D-scène wijzigen met de functie Schuif het licht en sleep de lichthulpmiddelen in het 3D-palet. Plaats het glanseffect op de bol met behulp van deze gereedschappen. Selecteer nu 'Infinite Light 3', stel het type in op Point en stel het in op Color to R: 130, G: 130 en B: 130.

Stap 10

"Infinite Light 3" wordt ergens onder de bol geplaatst. Omdat we de bol later op een oppervlak plaatsen en wat slagschaduw toevoegen, willen we gewoon geen lichten eronder. Plaats het licht dus boven de bol met behulp van de hulpmiddelen Schuiven en slepen.

Stap 11

Nu zullen we de wolken rond de planeet maken. Ga naar het lagenpalet, dupliceer de laag "aarde" en noem deze "wolken". Open het paneel 3D-eigenschappen voor de laag "Wolken". Selecteer Sphere_Material in de bovenste lijst. Klik op de knop Diffuse structuur bewerken en selecteer Textuur verwijderen. Hiermee wordt de bestaande structuurkaart verwijderd en bepaalt de diffuse kleur hoe deze eruit zal zien. Stel de diffuse kleur in op wit.

Klik op de knop Bump Texture bewerken en kies Texture verwijderen om de bump map te ontladen. Nu hebben we een witte bol. We gebruiken een andere textuurkaart voor de wolken. Eigenlijk gebruiken we de witte kleur van het diffuse voor de wolken en deze textuurkaart voor de dekking. U kunt de afbeelding "wolkentransparantie" downloaden van planetpixelemporium.com. Klik op de knop Dekking opaciteit bewerken en kies Structuur laden. Zoek het bestand "earthcloudmaptrans.jpg" dat u zojuist hebt gedownload.

De dekkingsstructuur maakte sommige delen van de bol onzichtbaar, maar duidelijk de verkeerde delen. Klik nogmaals op de knop Dekking ondoorzichtigheid bewerken en kies deze keer Openen Textuur. Hierdoor wordt de textuur in een nieuw documentvenster geopend. Ga naar Afbeelding> Aanpassingen> Omkeren. Sla het document op en sluit het. Ga terug naar het "Home.PSD" -document, je zult zien dat de dekkingskaart is bijgewerkt.

Het weer lijkt te bewolkt, omdat we de wolken aan de andere kant kunnen zien door de transparante gebieden. Door het materiaal eenzijdig te maken, wordt dit probleem opgelost. Verwijder het vinkje bij Dubbelzijdig. Om de wolken een beetje witter te maken, stelt u de Ambient- en Specular-kleuren in op wit. U kunt het 3D Rotate Tool uit de Toolbox halen en de oriëntatie van de wolken aanpassen als u dat wilt.

Stap 12

Om de wolken iets meer naar voren te laten komen, stelt u de kleur van de drie licht in op wit.

Stap 13

Pas een Slagschaduw Laagstijl toe op de laag "Wolken" en gebruik deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Kleur ingesteld op zwart, Dekking ingesteld op 75%, Afstand ingesteld op 1px en Grootte ingesteld op 3px.

Stap 14

Nu hebben we onze planeet gedaan. Omdat we onze twee 3D-lagen zullen samenvoegen voordat we verder gaan, kan dit je laatste kans zijn om de rotatie van de aarde en de wolken te veranderen. Versleep een horizontale en een verticale gids en knip ze naar het midden van de aarde. Ga naar het lagenpalet, selecteer zowel de lagen "Aarde" en "Wolken", voeg ze samen door naar Laag> Lagen samenvoegen te gaan. Geef de samengevoegde laag "Aarde" een naam.

Grijp nu het Elliptical Marque Tool, houd Alt + Shift ingedrukt en maak een cirkelvormige selectie vanuit het midden van de aarde waar de twee hulplijnen elkaar kruisen. Maak een selectie zoals hieronder weergegeven, die ongeveer één pixel kleiner is dan de aarde. Ga naar Selecteren> Omgekeerd en druk op Verwijderen om te wissen. Hiermee wordt de slagschaduw van de wolken gewist en worden de randen vloeiender. Druk op Command + D om de selectie ongedaan te maken.

Stap 15

Gebruik het gereedschap Verplaatsen om de aarde omhoog te bewegen om ruimte te maken voor de schaduw en de reflectie. Pas een Inner Shadow-laagstijl toe met deze instellingen: Mengmodus ingesteld op Vermenigvuldigen, Kleur ingesteld op zwart, Dekking ingesteld op 100%, Hoek ingesteld op -90 graden, Afstand ingesteld op 25px en Grootte ingesteld op 46px. Hierdoor wordt het onderste gedeelte donkerder.

Stap 16

Maak een nieuwe laag met de naam "Schaduw" boven de laag "Achtergrond". Grijp het Elliptical Marquee Tool en maak een selectie zoals getoond in de afbeelding hieronder. Vul de selectie met zwart en deselecteer. Ga naar Filter> Blur> Gaussian Blur en pas het toe met een straal van 7px. Ga naar Filter> Vervagen> Bewegingsonscherpte, stel de hoek in op 0 en Afstand op 150 px en pas toe.

Stap 17

Dupliceer de laag "Schaduw". Raak Command + T, stel zowel de verticale als de horizontale schaal in op 60% en pas toe. Dit maakt een donkerdere schaduw waar de bol de grond raakt.

Stap 18

Ga naar de laag "Earth" in het lagenpalet, dupliceer het en noem het "reflectie". Verwijder de Inner Shadow-laagstijl door de effecten naar de prullenbak te slepen. Ga naar Bewerken> Transformeren> Verticaal spiegelen om de afbeelding te spiegelen. Pak de laag "Reflectie" onder de laag "Schaduw" en plaats deze zoals hieronder getoond.

Stap 19

Ga naar het lagenpalet en voeg een laagmasker toe aan de laag "Reflectie". Pak het verloopgereedschap, open de Verloopkiezer en selecteer Zwart, Wit. Teken een verloop op het laagmasker zoals hieronder wordt weergegeven. Hierdoor zal de reflectie vervagen.

Conclusie

Klik in het lagenpalet op de laag "Reflectie" Laag om de laag zelf te selecteren. Ga naar Filter> Vervagen> Gaussiaans vervagen en pas het toe met een straal van 2 pixels. Zet de laagdekking op 75%. Pak het gereedschap Verloop en vul de laag "Achtergrond" met een lichtblauw tot wit verloop.

Nou, dat is het dan! Ik hoop dat je hebt genoten en iets nieuws hebt geleerd over de 3D-mogelijkheden van Photoshop!