Creați un puzzle 3D sferic cu Photoshop

Astăzi vom demonstra cum să creați un puzzle frumos 3D sferic utilizând instrumentele 3D ale Photoshop CS5 Extended. Să începem!


Tutorial Active

Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.

  • Nori și apă
  • Mâna 32
  • Default Textul puzzle-ului Photoshop (în cazul în care nu îl aveți, puteți căuta ceva similar)

Pasul 1 - Crearea unui nou document

Mergeți la File> New și creați un nou document gol, pe setul de dialog Lățime și Valoare înălțime la 600px și Rezoluție la 72. Setați culoarea de fundal în alb și apăsați OK.


Pasul 2 - Stratul de umplere a culorii

În partea de jos a panoului de straturi, dați clic pe pictograma Creare umplere nouă sau ajustare strat și selectați Solid Color ... din selectorul de culori setați culoarea la: # C7C7C7 care este un frumos gri și a lovit ok, acum aveți un strat de umplere lucreaza cu.


Pasul 3 - Creați o sferă 3D dintr-un strat

Acum, să începem cu elementul principal al acestui tutorial: sfera reală. Selectați etapa precedentă "Fill Layer" din panoul Straturi, apoi pe bara de meniu faceți clic pe 3D> New Shape From Layer> Sphere. Acest proces va crea o sferă gri pe documentul dvs., îl puteți edita ca un obiect 3D, îl puteți roti, îl veți putea scala și multe altele ... vom vedea cum să procedăm înainte. Modificați numele stratului 3D în "Sphere" în panoul Straturi.


Pasul 4 - Scalați obiectul 3D

Acum o să alunecăm puțin sfera pentru a ne arăta mai aproape de noi folosind Slide Tool sub uneltele 3D. În bara de instrumente, căutați secțiunea instrumente 3D, în mod prestabilit, instrumentul activ este instrumentul de rotire a obiectului 3D, faceți clic și țineți apăsat pe el pentru a vedea diferitele opțiuni, pe care le puteți vedea și în panoul Opțiuni aflat pe partea de sus spațiul de lucru Photoshop. Selectați instrumentul 3D Object Slide, faceți clic și trageți acoperirea sferei pentru ao glisa din față și din spate, încercați să obțineți ceva asemănător cu partea de jos a imaginii următoare.

Dacă doriți să vă grăbiți în 3D Tools, puteți să vă uitați la acest Ghid de bază, care descrie toate opțiunile diferite ale instrumentelor Photoshop CS4 3D.


Pasul 5

Vom adăuga o textura reflectată în sfera noastră, dar mai întâi trebuie să editați textura pentru ao avea pregătită. Deschideți imaginea "Nori și apă". Vom edita această imagine pentru ao lăsa pregătită pentru a fi aplicată ca o textură, aceasta este o etapă opțională, o puteți sări peste ea și să trecem la pasul 8 și să aplicăm imaginea texturii așa cum este.

Mai degrabă prefer să fac următoarea ediție înainte de a crea o textură pentru a evita zonele ascuțite nedorite cu "linii" pe textura. Utilizând instrumentul Margine rectangulară, selectați un pătrat perfect din imagine (puteți ține apăsată tasta Shift în timp ce trageți pentru a avea o selecție pătrată), apoi Copiați (Command / Ctrl + C) selecția.


Pasul 6

Creați un document nou, setați valorile Lățime și Înălțime la 1200px și Rezoluția la 72 de pixeli pe inch. Inserați imaginea copiată și utilizând Instrumentul de mutare (selectați caseta de selectare Afișați controalele transfrontaliere din panoul Opțiuni de top) scalați imaginea lipită pentru a se potrivi exact cu limitele noi ale documentului.

Apoi, mergeți la Filtrare> Altele> Offset, în fereastra de dialog schimbați valoarea orizontală între 500 și 600. Ar trebui să aveți ceva de genul partea de jos a imaginii de mai jos.


Pasul 7

Apoi trebuie să ascundem linia care împarte imaginea, pe bara de instrumente, să selectezi instrumentul de clonare, să țineți apăsată tasta Option / Alt, să faceți clic pe un punct care va fi sursa clonării, apoi să pictați ca și cum ați folosi peria Unelte în întreaga linie de fuziune. Încercați să obțineți ceva asemănător imaginii de mai jos. În cele din urmă, salvați documentul cu un nume descriptiv, precum "sky texture.psd".


Pasul 8 - Reflecție

Selectați "Sphere" din panoul Straturi, deschideți Panoul 3D (Fereastră> 3D). Faceți clic pe cele trei pictograme din partea de sus pentru a afișa numai opțiunile Material, din lista de mai jos selectați Materialul Sphere, în opțiunile din partea inferioară a panoului, setați următoarele valori: Reflecție: 50, Gloss: 80% și Shine: 50 %. Acum sfera arată mai strălucitoare.


Pasul 9 - Textură de ciocănitură

Încă sub opțiunea Materiale, dați clic pe folderul minus lângă valoarea Bump, selectați Încărcare textură și navigați la directorul de texturi din instalarea Photoshop (presetări / texturi). În cazul în care nu aveți, aveți posibilitatea să aveți orice alt model de puzzle Google, asigurați-vă că modelul este alb-negru. Când selectați modelul, apăsați OK și vedeți rezultatul, puteți utiliza instrumentul de rotire a obiectelor 3D pentru a vizualiza textura bruta aplicată.


Pasul 10 - Polizarea texturii puzzle-ului

Dați clic din nou pe dosarul mic alături de valoarea Bump, faceți clic pe Open Texture ... va fi deschisă o nouă fereastră cu textură simplă. În noua fereastră, ajustați nivelurile (Command / Ctrl + L) și setați valorile așa cum arată imaginea de mai jos, salvați documentul texturii și salvați-l, apoi înapoi la documentul principal veți vedea schimbarea.


Pasul 11 ​​- Scalarea texturii Bump

Piesele sunt în căutarea unui pic mai mare, vom scalni textura puțin, pe pictograma miniatură a folderului Bump Texture, selectați Editați proprietățile. În dialogul de deschidere, setați valorile U și V Scale la 1,2. Acest lucru va reduce dimensiunea modelului un pic. Arată bine până acum, să adăugăm mai multe detalii materialului Sphere.


Pasul 12 - Lumina imaginii

În panoul 3D, faceți clic pe pictograma a patra din partea de sus pentru a afișa opțiunile Luminile, apoi, în partea de jos a panoului, dați clic pe butonul Luminozitate nouă și selectați Luminozitate nouă pe bază de imagini. Pe arborele din partea de sus a panoului de lumini, faceți clic pe lumina de imagine nouă și pe opțiunile sale faceți clic pe dosarul mic de lângă Imagine, selectați opțiunea Load Texture și încărcați textul "sky texture.psd" pe care l-am creat înainte . Setați intensitatea la 0,5.

Dacă doriți, reveniți la panoul de materiale și reduceți intensitatea reflecției la 30.


Pasul 13 - Setați dimensiunea și poziția finală

Rotiți și micșorați sfera utilizând instrumentele 3D. În panoul 3D, faceți clic pe prima pictogramă din partea de sus, veți vedea opțiunile de scenă, faceți clic pe Scena din lista de sus și, mai jos, setați valoarea Calitate la Ray Traced Final, această opțiune va face imaginea cu cea mai înaltă calitate posibilă și acolo veți vedea dacă textura și reflecția arată bine.


Pasul 14 - Adăugați mâinile

Deschideți imaginea "Hands" din active, copiați-o și lipiți-o pe un strat peste sfera 3D (Sfat: puteți glisa imaginea peste document și un obiect inteligent al acestuia va fi creat automat). Redimensionați-l folosind Instrumentul de mutare și comenzile de transformare care încearcă să se potrivească concavității mâinilor cu raza sferei.

Asigurați-vă că stratul "Hands" se află deasupra stratului 3D "Sphere", selectați stratul și pe Panoul straturilor, setați valoarea opacității la 50%, astfel veți avea o imagine mai bună a poziției mâinilor.


Pasul 15 - Cercul Marquee

Întoarceți opacitatea stratului "Hands" la 100%, cu acel Layer selectat, Command / Ctrl + faceți clic pe stratul 3D "Sphere". Acest proces va crea o selecție circulară activă pe stratul "Hands".


Pasul 16 - Zonele de scădere ale selecției circulare

Fără deselectarea marcării circulare, în josul opacității stratului "Hands" la aproximativ 50%. Apoi, în panoul Instrumente, selectați Lasso Tool, din panoul Opțiuni din partea de sus faceți clic pe opțiunea Extragere din selecție. Apoi trageți o selecție care acoperă degetul mare, partea din palmă și degetul din față, închideți selecția și această zonă va fi scăzută din selecția circulară. În cele din urmă, transformați opacitatea la 100% din nou.


Pasul 17 - Mascarea mâinilor

Întotdeauna cu stratul "Hands" selectat în panoul Straturi, accesați Layer> Mask Layer> Hide Selection. Dacă faceți bine, sfera va apărea bine așezată pe mâini. Apoi apăsați Command / Ctrl + D pentru a elimina selecția.


Pasul 18 - Reglați saturația mâinilor

Acum, faceți dublu clic pe stratul de mâini, deoarece acesta este adăugat ca un obiect inteligent, nu îl putem edita direct, dacă îl copiați și îl lipiți, nu este nevoie să faceți dublu clic. Fie pe o fereastră nouă, fie pe același document, apăsați Command / Ctrl + U pentru a deschide dialogul de Hue Saturation Adjustments, setați valorile afișate în ecranul de mai jos și apăsați OK, apăsați Command / Ctrl + L pentru a deschide Levels Adjustment fereastra, setați valorile afișate mai jos și apăsați Ok. În cele din urmă, salvați documentul și închideți-l (în cazul în care lucrați asupra unui obiect inteligent).


Pasul 19 - Mascarea fundalului alb

Încă o dată, selectați Hands Layer, apoi utilizați instrumentul Magic Wand Tool și setați valoarea toleranței la 16 din panoul Opțiuni, faceți clic pe zona Albă a imaginii. Acest proces va crea o selecție rapidă în jurul mâinilor. Apoi, opțiunea / Alt - Faceți clic pe miniatură Mască straturi din panoul Straturi pentru a afișa masca reală, utilizând funcția Bucket Paint Tool umple selecția cu negru (# 000000) și eliminați selecția (Command / Ctrl + D). Apoi, faceți clic pe miniatura stratului "Hands" pentru a vedea cum arată, cel mai bun mod de a verifica dacă extragerea este bună este prin schimbarea culorii de fundal pentru o clipă pentru o variantă mai închisă, cum ar fi gri închis sau alb, din nou, după cum arată partea de jos a imaginii de mai jos.


Pasul 20 - Reglarea luminilor

Selectați din nou 3D "Sphere", în panoul 3D, selectați Opțiuni scenă și găsiți sub elementele Scene Infinit Lights, în mod implicit sunt adăugate două lumini. Selectați prima lumină și pe opțiunile acesteia setați intensitatea la 0,9. Dacă aveți nevoie, puteți deplasa Poziția Luminii utilizând instrumentele speciale pentru acest element, făcând clic pe instrumentul Rotate, dar nu pe cel din bara de instrumente, ci pe instrumentul mic din panoul Opțiuni din fereastra 3D.

Pentru Lumina Infinită 2, setați intensitatea la 0,4 și rotiți poziția sa în spatele mâinilor.


Pasul 21 - Rasterizeaza sfera

Faceți clic pe Scene, iar sub Render Settings selectați Ray Traced Final. Apoi duplicați stratul 3D prin tragerea lui pe panoul Straturi la pictograma Noul Layer mic din partea de jos, apoi selectați copia, opțiunea faceți clic pe acesta și selectați Rasterize, apoi ascundeți stratul 3D original.


Pasul 22 - Îndepărtați câteva bucăți

Lucrul cu copia rasterizată a sferei 3D, selectați Lasso Tool din panoul Instrumente și desenați o selecție în jurul unei bucăți din puzzle (poate fi orice piesă). Apoi, Cut (Command / Ctrl + X) selectați și lipiți (Command + V) piesa de deasupra stratului "Sphere copy", repetați acest pas cu câte bucăți vreți.


Pasul 23 - Umpleți interiorul sferei

Command / Ctrl + Faceți clic pe stratul 3D "Sphere" ascuns pentru a crea o selecție circulară. Apoi, creați un strat nou în spatele stratului "Sphere Copiere" și numiți-l "Sphere BG", utilizând Instrumentul Bucket Paint completează selecția cu următoarea culoare: # 292929 și apăsați Command / Ctrl + D pentru a elimina selecția.


Pasul 24 - Poloneză Cut

Selectați instrumentul Eraser și pe panoul de opțiuni setați o dimensiune a vârfului periei de aproximativ 2 px, apoi pe stratul "Sphere Copiere" ștergeți toate imperfecțiunile posibile ale găurilor pieselor lipsă.


Pasul 25 - Creați o umbră pentru piesele plutitoare

Selectați una din piesele extrase, pe Panoul straturilor, glisați stratul piesei peste pictograma nouă din partea de jos pentru ao duplica, apoi utilizați instrumentul de mutare, mutați copia câțiva pixeli în jos și stânga (sau dreapta, dacă este cazul). Apoi, încă cu stratul "Piece Copy" selectat mergeți la Layer> Layer Style> Color Overlay și setați această culoare: # 262B2F. Acum repetați această acțiune cu toate piesele extrase.


Pasul 26 - Dodge și Burn

Lucrați peste bucăți, selectați instrumentul Dodge și setați un vârf de perie moale pe panoul de opțiuni, apoi începeți să evidențiați unele zone ale piesei extrase, repetați acest proces ori de câte ori considerați necesar.


Pasul 27 - Adăugați un efect la interiorul sferei

Selectați stratul "Sphere Bg" și mergeți la Layer> Layer Style> Gradient Overlay, setați un Gradient Radial folosind următoarele culori: # 2C2D31 și # 606165.


Pasul 28 - Puzzle Umbre interioare

Uneori, folosirea unui filtru simplu nu este suficient pentru a crea un efect determinat, adăugând în acest caz o umbră interioară în găurile pieselor lipsă. Folosind instrumentul Magic Wand faceți o selecție a găurii pe stratul "Sphere copy", apoi selectați stratul "Sphere bg" și copiați selecția și inserați-o chiar deasupra stratului "Sphere bg". Apoi, faceți clic pe butonul Command / Ctrl peste miniatura stratului lipit recent pe panoul straturilor, selectați Marquee Tool pe panoul de instrumente și mutați selecția cu câțiva pixeli în stânga (sau dreapta, dacă este cazul) și ștergeți selecția. Repetați acest proces cu toate găurile pieselor plutitoare.


Pasul 29 - Umbrele mâinilor

Să adăugăm umbrele mâinilor, să creăm un nou strat denumit "Umbrele de mână" deasupra stratului "Sphere copy". Utilizarea unui instrument de perie 40px (Duritate 0%) Culoare: # 292929 și opacitate și flux la 50% pictează umbrele peste sferă așa cum arată imaginea de mai jos.


Pasul 30 - Dodge și Burn the Hands

Selectați stratul "Hands" și utilizați atât funcțiile Dodge, cât și Burn Tools pentru a regla luminile și umbrele încercând să se potrivească scenei globale.


Pasul 31 - Contextul gradientului

Mergeți la Layer> New Layer Layer> Gradient ... în spatele tuturor celorlalte straturi. Setați culorile gradientului la #FFFFFF și # D8DCDF și Style: Radial. Deplasați poziția gradientului așa cum preferați.


Pasul 32 - Curbe

Deschideți panoul Ajustări (Windows> Ajustări) și adăugați mai întâi un strat de ajustare a curbelor peste toate celelalte straturi ale designului. Utilizați valorile afișate în imaginile de mai jos, ajustăm culorile RGB generale și o corecție specială atât pentru canalele roșii cât și pentru cele albastre.


Pasul 33 - Niveluri

Acum, să adăugăm un nivel de ajustare a nivelurilor pentru a crește intensitatea culorilor închise. Utilizați valorile afișate în imaginea următoare.


Pasul 34 - Saturație nuanță

Apoi, adăugați un strat de ajustare Hue / Saturation, selectați culorile Reds și ajustați valorile așa cum arată imaginea de mai jos.


Pasul 35 - Harta de gradienți

În cele din urmă, pentru a da imaginii un aspect dramatic, adăugați un strat de ajustare a hărții pentru gradienți, setați un gradient alb-negru. În panoul Straturi, selectați ajustarea hărții Gradient, setați Modul de amestecare la Overlay și opacitatea la 50%.


Concluzie

La sfarsit ar trebui sa ai ceva de genul asta, acum e randul tau pentru a crea ceva nou jucat cu diferite forme si culori.

.