Maak een sferische 3D-puzzel met Photoshop

Vandaag zullen we laten zien hoe je een mooie bolvormige 3D-puzzel maakt met de 3D-gereedschappen van Photoshop CS5 Extended. Laten we beginnen!


Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Wolken en water
  • Hand 32
  • Standaard puzzelstructuur van Photoshop (voor het geval je het niet hebt, kun je naar iets soortgelijks zoeken)

Stap 1 - Een nieuw document maken

Ga naar Bestand> Nieuw en maak een nieuw leeg document, in het dialoogvenster Breedte- en hoogte-waarden op 600px en Resolutie op 72. Zet de achtergrondkleur op Wit en druk op OK.


Stap 2 - Kleurvullaag

Klik onder aan het deelvenster Lagen op het pictogram Nieuwe opvul- of aanpassingslaag maken en selecteer Effen kleur ... op de kleurkiezer om de kleur in te stellen op: # C7C7C7 wat een mooi grijs is en klik op OK, nu hebt u een opvullaag om werk met.


Stap 3 - Maak een 3D-bol vanuit een laag

Laten we nu beginnen met het belangrijkste element van deze tutorial: de feitelijke bol. Selecteer de vorige 'stap Fill Filler' in het Lagenpaneel en klik vervolgens in de menubalk op 3D> New Shape From Layer> Sphere. Dit proces zal een mooie grijze bol op uw document creëren, u kunt deze laag als een 3D-object bewerken, roteren, schalen en meer ... we zullen zien hoe het verder moet. Wijzig de naam van de 3D-laag in "Bol" in het Lagenpaneel.


Stap 4 - schaal het 3D-object

Nu zullen we de bol een beetje verschuiven om hem dichterbij te laten lijken met behulp van het gereedschap Schuiven onder de 3D-gereedschappen. Zoek in de werkbalk naar het gedeelte met 3D-gereedschappen, standaard is het actieve gereedschap het 3D-gereedschap Object roteren, houd de muisknop ingedrukt om de verschillende opties te bekijken. U kunt ze ook bekijken in het Optiepaneel dat zich bovenaan bevindt. de Photoshop-werkruimte. Selecteer het 3D-object-schuifgereedschap, klik en sleep om de bol te bedekken om hem voor en achter te schuiven, probeer iets van de onderkant van de volgende afbeelding te krijgen.

Als u in de 3D-gereedschappen wilt graven, kunt u deze eenvoudige gids bekijken, waarin alle verschillende opties van CS4 3D-gereedschappen van Photoshop worden beschreven.


Stap 5

We voegen een gereflecteerde textuur toe aan onze bol, maar eerst moeten we de textuur bewerken om deze klaar te maken. Open de afbeelding "Wolken en water". We zullen deze afbeelding bewerken om het klaar te laten om als een textuur te worden toegepast, dit is een optionele stap, je kunt het overslaan en naar stap 8 gaan en de textuurafbeelding toepassen zoals deze is.

Ik verkies liever de volgende editie voordat ik een textuur maak om ongewenste verscherpingsgebieden met 'lijnen' in de textuur te voorkomen. Gebruik het gereedschap Rechthoekig selectiekader om een ​​perfect vierkant uit de afbeelding te selecteren (u kunt de Shift-toets ingedrukt houden tijdens het slepen om een ​​vierkante selectie te maken) en vervolgens kopiëren (Command / Ctrl + C) de selectie.


Stap 6

Maak een nieuw document, stel de waarden voor Breedte en Hoogte in op 1200 px en de resolutie op 72 pixels per inch. Plak de gekopieerde afbeelding en gebruik het verplaatsgereedschap (selecteer het selectievakje Transformatiestructuren weergeven in het bovenste deelvenster Opties) schaal de geplakte afbeelding om exact overeen te komen met de nieuwe documentgrenzen.

Ga vervolgens naar Filter> Overig> Offset, in het dialoogvenster wijzigt u de horizontale waarde tussen 500 en 600. U moet zoiets als de onderkant van de afbeelding hieronder hebben.


Stap 7

Vervolgens moeten we de lijn verbergen die het beeld verdeelt, op de werkbalk, het gereedschap Klonen selecteren, de optie / alt-toets vasthouden, klikken op een plek die de bron van het klonen is en vervolgens schilderen alsof u het penseel gebruikt Gereedschap overal op de samenvoeglijn. Probeer zoiets als de afbeelding hieronder te krijgen. Sla tot slot het document op met een beschrijvende naam zoals "sky texture.psd".


Stap 8 - Reflectie

Selecteer de "Sphere" in het Lagenpaneel, open het 3D-paneel (Venster> 3D). Klik op het pictogram drie bovenaan om alleen de opties Materiaal weer te geven, selecteer in de onderstaande lijst het Sphere_Material, stel de volgende waarden in op de opties onderaan het paneel: Reflectie: 50, Glans: 80% en Glans: 50 %. Nu ziet de bol er glanzender uit.


Stap 9 - Bump Texture

Klik nog steeds onder de optie Materialen op de kleine map naast de Bump-waarde, selecteer Structuur laden en blader naar de textuurmap op uw Photoshop-installatie, (Voorinstellingen / Texturen). In het geval dat je het niet hebt, kun je Google elk ander puzzelpatroon gebruiken, zorg er gewoon voor dat het patroon zwart-wit is. Wanneer u het patroon selecteert, op OK drukt en het resultaat ziet, kunt u het 3D Object Rotate Tool gebruiken om te kijken hoe de Bump Texture wordt toegepast.


Stap 10 - De puzzelstructuur polijsten

Klik nogmaals op de kleine map naast de Bump-waarde, klik daar op Open Texture ... een nieuw venster wordt geopend met de effen textuur. Pas in het nieuwe venster de niveaus aan (Command / Ctrl + L) en stel de waarden in zoals de onderstaande schermafbeelding laat zien, sla het texture-document op en sla het op. Ga terug naar het hoofddocument en zie de wijziging.


Stap 11 - De bump-structuur schalen

De stukjes zien er een beetje groot uit, we zullen de textuur een beetje schalen, op het kleine mappictogram van Bump Texture selecteer je Eigenschappen bewerken. Stel in het openingsdialoogvenster de U- en V-schaalwaarden in op 1,2. Hierdoor wordt de patroongrootte enigszins verkleind. Het ziet er tot nu toe goed uit, laten we meer details toevoegen aan ons Sphere-materiaal.


Stap 12 - Image Light

Klik in het 3D-paneel op het vierde kleine pictogram vanaf de bovenkant om de verlichtingsopties weer te geven. Klik vervolgens onderaan het paneel op de knop Nieuw licht en selecteer Nieuw beeldgebaseerd licht. Klik in de boom boven in het deelvenster Verlichting op het gloednieuwe afbeeldingslampje en klik op de kleine map naast Afbeelding op de optie Textuur laden en laad de textuur "sky texture.psd" die we eerder hebben gemaakt . Stel de Intensity in op 0,5.

Als u dat wilt, ga terug naar het Materiaalpaneel en verminder de intensiteit van de Reflectie naar 30.


Stap 13 - Stel de definitieve grootte en positie in

Roteer en schaal de bol met behulp van de 3D-gereedschappen. Klik in het 3D-venster op het eerste pictogram bovenaan, u ziet de opties voor Scènes, daar klikt u op de scène in de bovenste lijst en hieronder stelt u de kwaliteitswaarde in op Ray Traced Final, deze optie maakt de afbeelding met de hoogst mogelijke kwaliteit, en daar zul je zien of de textuur en de reflectie er goed uitziet.


Stap 14 - Voeg de handen toe

Open de "Handen" -afbeelding van de elementen, kopieer deze en plak deze op een Laag boven de 3D-bol (Tip: u kunt de afbeelding over het document slepen en er wordt automatisch een slim object van gemaakt). Pas het formaat aan met behulp van de verplaatsingstool en de transformatiebesturingselementen om de concaviteit van de handen met de bolstraal overeen te laten komen.

Zorg ervoor dat de "Handen" Laag zich boven de 3D "Sphere" Layer bevindt, selecteer de laag en zet in het Lagenpaneel de Dekkingswaarde op 50%, zodat je de positie van de handen beter kunt zien.


Stap 15 - Cirkel selectiekader

Zet de dekking van de "Hands" -laag terug op 100%, met die laag geselecteerd, Command / Ctrl + klik op de 3D "Sphere" -laag. Met dit proces wordt een cirkelvormige selectie gemaakt die actief is over de laag 'Handen'.


Stap 16 - Aftrekken van gebieden van de circulaire selectie

Zet de laagdekking van de "handen" laag op ongeveer 50%, zonder de circulaire selectiekader te deselecteren. Selecteer vervolgens in het deelvenster Gereedschappen het gereedschap Lasso, klik in het Optiepaneel bovenaan op de optie Aftrekken van selectie. Teken vervolgens een selectie met de duim van de rechterhand, een deel van de palm en de voorvinger, sluit de selectie en dit gebied wordt afgetrokken van de cirkelvormige selectie. Draai de dekking vervolgens weer 100% open.


Stap 17 - De handen maskeren

Altijd met de laag "Handen" geselecteerd in het Lagenpaneel, ga naar Laag> Laagmasker> Selectie verbergen. Als je het goed doet, verschijnt de bol mooi geplaatst over de handen. Druk vervolgens op Command / Ctrl + D om de selectie te verwijderen.


Stap 18 - Pas de handverzadiging aan

Dubbelklik nu op de handen-laag, want deze is toegevoegd als een slim object. We kunnen het niet direct bewerken, als u het gewoon kopieert en plakt, hoeft u niet te dubbelklikken. Ofwel in een nieuw venster, of op hetzelfde document, druk op Command / Ctrl + U om het de kleurtoonverzadigingsaanpassingsdialoogvenster te openen, stel daar de waarden in die op de onderstaande schermafdruk worden getoond en druk op OK, druk op Command / Ctrl + L om de Niveaus aanpassen venster, stel de hieronder getoonde waarden in en druk op OK. Sla tot slot het document op en sluit het (voor het geval u met een slim object werkt).


Stap 19 - De witte achtergrond maskeren

Selecteer nogmaals de Handen Laag, gebruik dan het Toverstaf-gereedschap en stel de Tolerantiewaarde in op 16 op het Optiepaneel, klik dan op het Witte gedeelte van de afbeelding. Dit proces zorgt voor een snelle selectie rondom de wijzers. Vervolgens Optie / Alt - Klik op het miniatuur van het Laagmasker in het deelvenster Lagen om het eigenlijke masker weer te geven. Vul hier met het gereedschap Verfemmer de selectie met Zwart (# 000000) en verwijder de selectie (Command / Ctrl + D). Klik vervolgens op het miniatuurminiaturen "Handen" om te zien hoe het eruit ziet, de beste manier om te controleren of het extraheren goed is, is door de achtergrondkleur een moment te wijzigen voor een donkerdere variant, zoals donkergrijs of wit, en dan te schakelen het opnieuw, zoals de onderkant van de onderstaande afbeelding laat zien.


Stap 20 - De lichten aanpassen

Selecteer nogmaals de 3D "Sphere" op het 3D-paneel, selecteer de Scene Options en zoek onder de Scene-elementen de Infinite Lights, standaard worden twee lichten toegevoegd. Selecteer het eerste licht en stel op de bijbehorende opties de intensiteit in op 0,9. Als dat nodig is, kun je de lichtpositie verplaatsen met de specifieke hulpmiddelen voor dit element, door op het gereedschap Roteren te klikken, maar niet op het gereedschap op de werkbalk, maar op het kleine gereedschap in het deelvenster Opties van het 3D-venster..

Stel voor Infinite Light 2 de Intensity in op 0,4 en roteer de positie achter de wijzers.


Stap 21 - Rasteriseer de bol

Klik op de scène en selecteer onder Render-instellingen Ray Traced Final. Dupliceer vervolgens de 3D-laag door deze in het deelvenster Lagen te slepen naar het kleine pictogram Nieuwe laag onderin en selecteer vervolgens de kopie, Optie Klik eroverheen en selecteer Rasteren en verberg de oorspronkelijke 3D-laag.


Stap 22 - Verwijder enkele stukjes

Werk met de gerasterde kopie van de 3D-bol, selecteer het gereedschap Lasso in het deelvenster Gereedschappen en teken een selectie rond een stukje van de puzzel (het kan elk willekeurig stuk zijn). Knip vervolgens (Command / Ctrl + X) de selectie en plak (Command + V) het stuk boven de laag "Bolkopie", herhaal deze stap met zoveel stukjes als je wilt.


Stap 23 - Vul de binnenkant van de bol

Command / Ctrl + klik op de verborgen 3D "Sphere" Layer om een ​​circulaire selectie te maken. Maak vervolgens een nieuwe laag achter de laag "Sphere Copy" en noem deze "Sphere BG". Gebruik de Paint Bucket Tool om de selectie met de volgende kleur te vullen: # 292929 en druk op Command / Ctrl + D om de selectie te verwijderen.


Stap 24 - Poets de snede

Selecteer het gereedschap Wisser en stel in het optiescherm een ​​penseelpunt in van ongeveer 2 px en verwijder vervolgens op de laag "Sphere Copy" alle mogelijke onvolkomenheden in de gaten van de ontbrekende stukjes.


Stap 25 - Maak een schaduw voor de drijvende stukken

Selecteer een van de geëxtraheerde stukken, sleep in het deelvenster Lagen de stuklaag over het nieuwe pictogram onderaan om het te dupliceren. Gebruik vervolgens het verplaatsgereedschap en verplaats de kopie een paar pixels naar beneden en naar links (of naar rechts als dit van toepassing is). Ga dan, met de laag "Stuk kopie" geselecteerd, naar Laag> Laagstijl> Kleuroverlay en stel deze kleur in: # 262B2F. Herhaal deze actie nu met alle andere geëxtraheerde stukken.


Stap 26 - Dodge en Burn

Werk over de stukjes, selecteer het gereedschap Ontwijken en stel een zachte penseeluiteinde in op het optiescherm, markeer vervolgens enkele gebieden op het geëxtraheerde stuk, herhaal dit proces waar u het nodig vindt.


Stap 27 - Voeg een effect toe aan de bol binnenin

Selecteer de "Sphere Bg" -laag en ga naar Laag> Laagstijl> Verloop overlay, stel een radiaal verloop in met de volgende kleuren: # 2C2D31 en # 606165.


Stap 28 - Puzzel innerlijke schaduwen

Soms is het gebruik van een gewoon filter niet genoeg om een ​​bepaald effect te creëren, voeg in dit geval een innerlijke schaduw toe aan de gaten van de ontbrekende stukjes. Gebruik het gereedschap Toverstaf om een ​​selectie te maken van het gat in de laag "Bolkopie", selecteer vervolgens de laag "Bol bol" en kopieer de selectie en plak deze net boven de laag "Bol bol". Klik vervolgens op Command / Ctrl, klik op de recent geplakte laagminiatuur in het deelvenster Lagen, selecteer het selectiekader in het gereedschapspaneel en verplaats de selectie een paar pixels naar links (of naar rechts indien van toepassing) en verwijder de selectie. Herhaal dit proces met alle gaten van de zwevende stukken.


Stap 29 - Schaduwen van handen

Laten we de schaduwen van de handen toevoegen, een nieuwe laag maken met de naam "Handschaduwen" boven de laag "Bolkopie". Een 40px-penseel gebruiken (hardheid 0%) Kleur: # 292929 en dekkend en vloeiend tot 50% beschilderen de schaduwen over de bol, zoals de onderstaande afbeelding laat zien.


Stap 30 - Ontwijk en verbrand de handen

Selecteer de laag 'Handen' en gebruik zowel het gereedschap Dodge and Burn als om de lichten en schaduwen aan te passen die proberen de algehele scène te evenaren.


Stap 31 - Verloop achtergrond

Ga naar Laag> Nieuwe vullaag> Verloop ... achter alle andere lagen. Stel de verloopkleuren in op #FFFFFF en # D8DCDF en Style: Radial. Verplaats de positie van het verloop naar wens.


Stap 32 - Curven

Open het aanpassingsvenster (Windows> Aanpassingen) en voeg eerst een curvenaanpassingslaag toe boven alle andere lagen in het ontwerp. Gebruik de waarden die worden weergegeven op de volgende schermafbeeldingen, we passen de algemene RGB-kleuren en een specifieke oplossing op zowel het rode als het blauwe kanaal aan.


Stap 33 - Niveaus

Laten we nu een niveausaanpassingslaag toevoegen om de intensiteit van de donkere kleuren te verhogen. Gebruik de waarden die worden weergegeven in de volgende afbeelding.


Stap 34 - Tint Verzadiging

Voeg vervolgens een aanpassingslaag Kleurtoon / verzadiging toe, selecteer de kleuren in rood en pas de waarden aan zoals de onderstaande afbeelding laat zien.


Stap 35 - Verloopkaart

Om de afbeelding een dramatisch uiterlijk te geven, voegt u een aanpassingslaag voor de verloopkaart toe en stelt u een zwart - wit verloop in. Selecteer in het deelvenster Lagen de aanpassing van de verloopkaart, stel de overvloeimodus in op Overlay en de dekking in op 50%.


Conclusie

Aan het eind zou je zoiets moeten hebben, nu is het jouw beurt om iets nieuws te creëren met verschillende vormen en kleuren.

.