Hoe om 'n 3D -boks in Photoshop te skep (met foto's)

INHOUDSOPGAWE:

Hoe om 'n 3D -boks in Photoshop te skep (met foto's)
Hoe om 'n 3D -boks in Photoshop te skep (met foto's)
Anonim

Dink uit die boks! Lees hierdie stap-vir-stap handleiding om 'n driedimensionele boks met Adobe Photoshop te skep.

Stappe

Skep 'n 3D -boks in Photoshop Stap 1
Skep 'n 3D -boks in Photoshop Stap 1

Stap 1. Skep 'n nuwe dokument

Om dit te doen, gaan na die lêer en kies "Nuut" of Ctrl + N. Maak dan 'n nuwe dokument met 'n breedte en hoogte van 1500 x 1500 pixels.

Skep 'n 3D -boks in Photoshop Stap 2
Skep 'n 3D -boks in Photoshop Stap 2

Stap 2. Maak 'n vierkant met behulp van die Rectangle Tool

Vul dit in met die kleur: #bf9271.

Skep 'n 3D -boks in Photoshop Stap 3
Skep 'n 3D -boks in Photoshop Stap 3

Stap 3. Wysig die vorm met die hulpmiddel vir direkte seleksie

Wysig die vorm en skuif dit opwaarts aan die linkerkant.

Skep 'n 3D -boks in Photoshop Stap 4
Skep 'n 3D -boks in Photoshop Stap 4

Stap 4. Kopieer die laag en draai dit horisontaal

Om te draai, gaan na Edit> Free Transform of druk Ctrl + T op u sleutelbord om Free Transform op te tel.

Skep 'n 3D -boks in Photoshop Stap 5
Skep 'n 3D -boks in Photoshop Stap 5

Stap 5. Hernoem die lae

Dit kan alles wees wat u wil; die punt van hierdie stap is om u te help onthou watter. Beweeg ook die prentjie omlaag om u ruimte te gee vir die volgende stap.

Skep 'n 3D -boks in Photoshop Stap 6
Skep 'n 3D -boks in Photoshop Stap 6

Stap 6. Begin om die binnekant van die boks te teken

Om die binnekant te skep, kopieer u die eerste twee lae en draai dit vertikaal. Verander hul kleure in donkerbruin (gebruik die kleur: #b07d5b.)

Skep 'n 3D -boks in Photoshop Stap 7
Skep 'n 3D -boks in Photoshop Stap 7

Stap 7. Teken die flappe van die boks

Teken die eerste klep deur 'n reghoek langs die diagonale rand van die boks te skep. Vul dan die vorm met 'n ligter bruin kleur (gebruik die kleur: #cfa98d).

Skep 'n 3D -boks in Photoshop Stap 8
Skep 'n 3D -boks in Photoshop Stap 8

Stap 8. Herhaal vir die tweede klep

Hierdie keer, vul dit egter met dieselfde bruin kleur wat op die boks gebruik word.

Skep 'n 3D -boks in Photoshop Stap 9
Skep 'n 3D -boks in Photoshop Stap 9

Stap 9. Maak die boks af deur die res van die kleppe te teken

Kleur die laaste twee kleppe in, vul hulle met dieselfde kleur as die eerste klep.

Skep 'n 3D -boks in Photoshop Stap 10
Skep 'n 3D -boks in Photoshop Stap 10

Stap 10. Groepeer lae om u werk te organiseer en voordat u na die volgende stap gaan

Doen dit deur die lae wat u wil groepeer, te kies en na Laag> Groeplae te gaan of deur Ctrl + G in te tik.

Skep 'n 3D -boks in Photoshop Stap 11
Skep 'n 3D -boks in Photoshop Stap 11

Stap 11. Voeg skaduwees by vir 'n 3D -effek

Doen dit deur 'n gradient -overlay op die mengopsies van elke laag te voeg. U kan u eie kombinasies probeer, of u kan ook die onderstaande besonderhede oor die gradiënt -overlay vir elke laag volg:

  1. 1: Mengmodus: vermenigvuldig; Ondeursigtigheid: 44%; Gradiënt: omgekeerd; Styl: Lineêr, in lyn met laag; Hoek: 90o; Skaal: 100%
  2. 2: Mengmodus: vermenigvuldig; Ondeursigtigheid: 44%; Gradiënt: omgekeerd; Styl: Lineêr, in lyn met laag; Hoek: 147o; Skaal: 100%
  3. 1 Kopie: Mengmodus: Vermenigvuldig; Ondeursigtigheid: 44%; Gradiënt: omgekeerd; Styl: Lineêr, in lyn met laag; Hoek: -90o; Skaal: 90%
  4. 2 Kopieer: Mengmodus: Vermenigvuldig; Ondeursigtigheid: 54%; Gradiënt: Ontmerk die omgekeerde; Styl: Lineêr, in lyn met laag; Hoek: 133o; Skaal: 100%

    Skep 'n 3D -boks in Photoshop Stap 12
    Skep 'n 3D -boks in Photoshop Stap 12

    Stap 12. Pas dan vir die kleppe eers 'n swart helling op een klep toe

    Hier is ook detail oor die hellingoverleg:

    Mengmodus: vermenigvuldig; Ondeursigtigheid: 44%; Gradiënt: Ontmerk die omgekeerde; Styl: Lineêr, in lyn met laag; Hoek: 90o; Skaal: 100%

    Skep 'n 3D -boks in Photoshop Stap 13
    Skep 'n 3D -boks in Photoshop Stap 13

    Stap 13. Skep 'n nuwe laag

    Dien 'n wit deursigtige gradiënt toe bo -op die oorblywende kleppe.

    Skep 'n 3D -boks in Photoshop Stap 14
    Skep 'n 3D -boks in Photoshop Stap 14

    Stap 14. Voeg 'n hoogtepunt of 'n klein wit spasie bo-op 'n klep links voor

    Om die wit spasie te skep, teken 'n klein reghoek bo -op die klep met die penhulpmiddel. Gaan dan na die venster met u paaie en klik Ctrl op u pad sodat die marsmiere kan verskyn of om die keuse te maak. Voeg 'n nuwe laag by en vul die seleksie met wit.

    Maak seker dat u, toe u u penhulpmiddel gebruik het, op die pad geklik het en nie lae gevorm het om paaie te kan teken nie

    Skep 'n 3D -boks in Photoshop Stap 15
    Skep 'n 3D -boks in Photoshop Stap 15

    Stap 15. Beweeg die vorige laag onder die kleplaag

    Skep 'n 3D -boks in Photoshop Stap 16
    Skep 'n 3D -boks in Photoshop Stap 16

    Stap 16. Teken weer klein reghoekies op die flappe van u boks deur u penhulpmiddel te gebruik om die drie afmetings van die kassies te illustreer

    Voeg 'n nuwe laag by en klik dan Ctrl op u paaie om die keuse te maak. Vul die seleksie dan met 'n donkerbruin kleur en skuif die laag onder die kleppe.

    Skep 'n 3D -boks in Photoshop Stap 17
    Skep 'n 3D -boks in Photoshop Stap 17

    Stap 17. Skep die boks se skaduwee

    Skep die skaduwee deur 'n nuwe laag te skep en 'n swart deursigtige gradiënt op die laag aan te bring. Die skaduwee moet ook aan die regterkant van die boks geleë wees.

    Skep 'n 3D -boks in Photoshop Stap 18
    Skep 'n 3D -boks in Photoshop Stap 18

    Stap 18. Voeg 'n agtergrond by

    Om die agtergrond te skep, voeg 'n nuwe laag by en vul dit met 'n donker kleur of gebruik die kleur: #61351d

Aanbeveel: