Folosiți manipularea fotografiilor și straturile 3D pentru a proiecta o ilustrație de copertă suprarealistă

Clienții mei mă roagă de multe ori să creez scenarii imposibile, peisaje ciudate și imagini suprarealiste pentru proiectele lor; imagini care nu ar fi posibile în viața reală. Situațiile de genul în care manipularea fotografiilor devine un instrument de proiectare puternic. În tutorialul de astăzi vă voi arăta cum să creați o acoperire a CD-urilor utilizând mai multe tehnici de manipulare a fotografiilor, cum să păstrați straturile de text critice editabile pentru orice schimbare viitoare și cum să faceți o machetă rapidă utilizând filtrul Point Vanishing. Hai sa incepem!


Tutorial Active

Pentru a economisi timp, puteți descărca toate imaginile următoare înainte de a începe.

  • Sala goală datorită medialabului
  • Un tip șezând mulțumită lui Kristina
  • Scaun
  • Crow 1 datorită lui Lip Kee
  • Crow 2 mulțumită lui MShades
  • Grămadă de cărți
  • Carte deschisă
  • Mai multe cărți
  • Foaie de hârtie
  • Cazul CD
  • Textura hârtiei

Pasul 1 - Configurarea documentului

De data aceasta vom crea o manipulare foto inspirată din poemul clasic al lui Edgar Allan Poe, "The Raven". Aceasta nu ar trebui interpretată ca o reprezentare grafică a poeziei, doar o adaptare răsucită reprezentând singurătatea omului care și-a pierdut iubitul său Lenore. Imaginați-vă acest lucru ca un proiect de carte audio sau un album de muzică rock.

Începeți să creați documentul; un capac standard al CD-ului este de 4,75 x 4,75 țoli. Creați astfel un document în aceste dimensiuni. Dacă doriți să imprimați acest lucru, ar trebui să lucrați la o rezoluție de 300+ pixeli pe inch, dar de această dată am setat documentul la 200 dpi din cauza dimensiunilor fotografiilor.

După ce setați rezoluția imaginii, arătați conducătorii dvs. (Command + R) și adăugați niște ghiduri la marginea documentului. Deoarece acesta va fi un tipar de imprimare, ar trebui să adăugați o marjă pentru securitate, așa că du-te la Image> Canvas size și schimbați dimensiunea la 4.85 x 4.85 inches Anchor: Center.


Pasul 2 - Camera

Întreaga poezie are loc în camera naratorului, deschide imaginea "Empty Room" în Photoshop și salvează-o cu un nume descriptiv precum "Room.psd". Această imagine este largă și designul nostru ar trebui să fie un pătrat perfect. Va trebui să o întindem fără să o distorsionăm. Este destul de simplu de fapt, în primul rând să desenați un Ghid care încearcă să delimiteze un pătrat pe partea stângă, apoi utilizând Instrumentul de selecție a marcajelor dreptunghiulare (M) selectați partea dreaptă a imaginii, copiați-o și lipiți-o în partea dreaptă a segmentului cu Ghidul. Apoi folosiți Free Transform Control (V) și țineți apăsată tasta Command (Ctrl) pentru a distorsiona zona lipită și pentru a se potrivi liniilor orizontale ale camerei.


Pasul 3 - Alăturați-vă

Pentru a face reducerea cât mai lustruită, ajustați nivelele "Layer 2" așa cum se arată în imaginea de mai jos. Am facut-o in 2 runde, dar poti incerca sa o faci intr-o singura. Apoi, adăugați o mască de strat> Ascundeți toate și umpleți masca cu un gradient orizontal (alb - negru). Acest pas va face munca de reducere aproape perfect.


Pasul 4 - Adăugați camera în documentul principal

În fișierul "Room.psd", utilizând instrumentul Rectangular Marquee (M), selectați partea dreaptă a imaginii și apăsați Command (Ctrl) + Shift + C pentru a copia toate straturile selecției (aceasta pentru a evita etapa de aplatizare imaginea și vă ajută să păstrați această parte a locului de muncă editabil pentru modificări ulterioare doar în caz). Apoi inserați-l în documentul principal într-un nou strat numit "Cameră".


Pasul 5 - Adăugați tipul

Acum este timpul să adăugați unul dintre personajele principale, tipul. Pentru aceasta, apucați imaginea de tip șezut și deschideți-o în Photoshop, apoi folosiți orice tehnică selectați forma tipului (folosesc instrumentul Poligonal Lasso Tool). Copiați selecția și inserați-o în documentul principal. Apoi, mergeți la Editare> Transformare> Flip orizontal pentru a se potrivi cu iluminarea scenei. Acest lucru este cu adevărat important, deoarece prea des nu veți avea suficienți bani pentru a vă lua propriile fotografii și va trebui să utilizați stocul și alegeți doar imaginea corectă nu este ușor. Utilizați Free Transform Tool pentru a reduce dimensiunea tipului. Denumiți stratul "Guy".


Pasul 6 - Umbra generală

Din moment ce nu vreau o scenă foto realistă de 100%, dar una dramatică; vom adăuga mai multe niveluri de umbre, prima este umbra camerei. Creați un nou strat denumit "Shadow Room"; folosind o perie mare moale (Culoare: # 151610, Dimensiune: 300px Opacity and Flow 50%) vopsi toate partea dreaptă a scenei, apoi schimbați Modul de amestecare pentru a Multiplica și opacitatea la 75%.


Pasul 7 - Adăugarea mai multor obiecte: un scaun

Deschideți imaginea scaunului, selectați forma acestuia și lipiți-o în documentul principal; numele stratului "scaun". Încă o dată, trebuie să o răsturnați orizontal pentru a se potrivi cu luminile.


Pasul 8 - Ardeți și desaturați

Prindeți instrumentul Burn, selectați "Guy" și ardeți toată partea dreaptă pentru a mări intensitatea umbrelor. Apoi apucați instrumentul Burete implicit și desaturați zonele mai luminoase. Faceți același lucru cu stratul "scaun".


Pasul 9 - Aici vine corbul

Deschideți imaginea "Crow1" din active și selectați forma folosind orice tehnică (am făcut-o cu Polygonal Lasso Tool), copiați-o și lipiți-o într-un strat numit "Raven". Răsturnați-l pe orizontală și redimensionați-l puțin, faceți cioara mai mare decât tipul. Așezați-l lângă ușa camerei.

Apoi, adăugați o mască Layer la stratul "Raven" folosind Instrumentul Rectangular Marquee. Faceți acest lucru prin tragerea unui dreptunghi peste forma ușii și prin umplerea zonei cu negru. În acest fel, vom crea iluzia unui barbar care intră în ușă, fără a fi distrugătoare imaginea.


Pasul 10 - Unele cărți

Deschideți fișierul "Pile de cărți", selectați forma și inserați-l într-un nou strat numit "Cărți", redimensionați-l și plasați-l chiar peste stratul "Catedra", apoi ardeți și partea dreaptă.


Pasul 11 ​​- Combinați ciorile

Cioara noastră este destul de drăguță, dar nu este corect. Pentru a rezolva aceasta, va trebui să o manipulăm puțin, dându-i un nou cap. Deschideți imaginea "Crow 2" din active și selectați numai capul. Inserați-l, răsturnați-l și redimensionați-l într-un nou strat denumit "Head" deasupra stratului "Crow", folosind aceeași tehnică prezentată în pasul 3 al acestui tutorial, îmbinând capul cu corpul; dar în loc să utilizați un gradient, utilizați o pensulă neagră. Dacă este necesar, ștergeți unele zone ale capului stratului "Crow".


Pasul 12 - Mai multe cărți

Deoarece aripile de păsări fac lovitura de aer, vom adăuga o carte deschisă din cauza brizei. Deschideți imaginea "Deschideți cartea" din active, extrageți numai cartea deschisă deschisă și inserați-o într-un nou strat în documentul principal numit "Deschideți carte". În cele din urmă, adăugați cât mai multe cărți doriți. Întotdeauna amintiți-vă să ardeți partea dreaptă a acestora.


Pasul 13 - Umbre

Duplicați stratul "Raven" utilizând instrumentul Transformare liberă pentru ao distorsiona; făcându-l mai larg. Apoi, în Hue / Saturation (Command (Ctrl) + U) aduceți valoarea Lightness la -100. Mergeți la Filter> Blur> Blur Gaussian, rază de 8px pentru a estompa umbra și a reduce opacitatea stratului la 50%.


Pasul 14 - Mai multe umbre

Vom aplica această tehnică pe aproape fiecare obiect din scenă, este destul de ușor. Creați un strat în spatele obiectului înrudit, în acest caz "Raven" Layer și numiți-l "Raven Shadow" (am făcut-o în pasul anterior), apoi folosind o pensulă întunecată (# 110C06) umbra acolo. Apoi creați un nou strat denumit "Front Shadow" și vopsiți umbrele peste obiectul asociat, în acest caz corbul. Apoi, folosind o mare și moale Eraser (E) opacitate și flux 50% șterge unele zone din umbra din față în cazul în care credeți că ar trebui să fie mai multă lumină. Încercați să grupați straturile de umbre și obiectul principal într-un dosar pentru a păstra straturile organizate.


Pasul 15 - Umbre și mai multe umbre

Repetați tehnica umbrei anterioare, dar de data aceasta cu stratul "Open Book". Dacă doriți, puteți utiliza instrumentul Smudge pe stratul de umbră pentru ao îmbina mai bine cu fundalul.


Pasul 16 - Umbra lui Guy

La fel ca în cazul stratului "Raven" de la pasul 14, duplicați stratul "Guy", aduceți-l în jos și opacitatea și apoi vopsiți atât umbrele din față, cât și din spate și asigurați-vă că aveți grijă deosebită de umbra de sub adidașii lui.


Pasul 17 - Umbre de scaune și cărți

Folosind aceeași tehnică vopsiți umbrele stratului "Catedra" și cărțile suplimentare de pe podea, încă o dată, nu încercați să creați un rezultat fotografic realist, ci unul dramatic, deci nu ezitați să adăugați cât mai multe umbre pe care le doriți dar încercați întotdeauna să nu faceți imaginea prea întunecată.


Pasul 18 - Umbrele camerei

Folosind o pensulă întunecată mai mare (# 110C06) vopsea în jurul limitelor camerei într-un nou strat denumit "Umbre frontale" undeva deasupra stratului "Cameră". În cele din urmă, reduce opacitatea la 50%.


Pasul 19 - Cuvintele de pe perete

Acest tip este cu adevărat obsedat de iubirea lui pierdută Lenore, cum poți descrie un astfel de sentiment într-o imagine mut? Asta e destul de greu, nu-i așa? De aceea am decis să adaug cuvântul "Lenore" pictat de mai multe ori pe perete. Pentru aceasta, creați un document nou (orice dimensiune este ok) cu fundal gri neutru (# A0A0A0) și folosiți câteva fonturi desenate manual (puteți găsi mai multe fonturi gratuite în dafont.com) scrie cuvântul "Lenore" peste tot. Apoi apăsați Command (Ctrl) + A pentru a selecta toate și Command (Ctrl) + Shift + C pentru a copia o versiune aplatizată a imaginii.


Pasul 20 - Utilizați filtrul punctului de dispariție pentru a lipi cuvintele de pe pereți și de tavan.

Creați un nou strat numit "Cuvintele de perete" deasupra nivelului "Cameră" sau a directorului "Cameră". Apoi mergeți la Filter> Point of Vanishing. În fereastra punctului de dispariție trageți avioanele necesare pentru a pune cuvintele pe perete. Dacă nu sunteți familiarizat cu filtrul de punct de dispariție, ar trebui să citiți mai întâi următoarele instrucțiuni: Folosirea filtrului de punct de ieșire pentru a mock-up o carte de vizită sau pentru a crea un machet impresionant al unei case Grunge.

Odată ce ați creat avioanele, lipiți clipboard-ul acolo, trageți-l și redimensionați până când arată bine. Acesta nu este un proces ușor, deci nu ezitați să încercați de câte ori aveți nevoie înainte de a vă deplasa înainte.

Odată ce ați plasat textul în mod corespunzător, schimbați modul de amestecare a stratului "Cuvinte de perete" la Overlay.

Sfat: Windows 7 și filtrul Point Vanishing nu funcționează bine împreună, din anumite motive Windows Aero are un conflict cu motorul Pointing Point, deci dacă lucrați cu W7 și sistemul dvs. se prăbușește brusc în timp ce utilizați acest filtru încercați să schimbați aspectul desktop la "Windows 7 Basic".


Pasul 21 - Ștergeți cuvintele suplimentare

Folosind instrumentul Polygonal Lasso, selectați zonele fără pereți (ușă și fereastră) cu stratul "Cuvinte de perete" selectat, apoi ștergeți selecția. Apoi schimbați opacitatea la 50%.


Pasul 22 - Blurul de mișcare al lui Raven

Din moment ce cioara noastră zboară, va trebui să adăugăm un efect de mișcare, care este destul de ușor. Duplicați stratul "Raven" și plasați-l deasupra originalului. Mergeți la Filter> Blur> Motion Blur, setați Angle: 0º și Distanță 20px și apăsați OK, apoi cu Eraser Tool sau cu ajutorul unei măști de straturi ștergeți câteva porțiuni ale stratului de neclaritate după cum se arată în imaginile de mai jos.


Pasul 23 - Unele bucăți de hârtie zburătoare

Prindeți bucata de hârtie din active, extrageți-o din fundal alb și inserați-o într-un strat nou deasupra tuturor celorlalte din documentul nostru principal. Folosind instrumentul Warp (Editare> Transformare> Warp) distorsionați bucata de hârtie așa cum se arată în imaginea de mai jos. Repetați acest pas de câte ori doriți cu diferite bucăți de hârtie zburătoare. Puneți-i pe toți într-un dosar.


Pasul 24 - Adăugați umbrele la hârtiile zburătoare

Mergeți în folderul de hârtie Flying și desaturați stratul rezultat. Utilizând instrumentul Burn pentru a întuneca unele umbre pe hârtia în sine. Apoi, folosind aceeași tehnică veche de umbrire, adăugați două straturi de umbre, unul pe față și altul pe spate, vopsiți niște umbre folosind o perie întunecată. În cele din urmă, puteți repeta procesul din Pasul 22 pentru a adăuga un efect Blur Motion.

Pune toate straturile într-un folder numit "Art".


Pasul 25 - Adăugați titlul

Utilizând textul "Trajan", adăugați titlul lucrării, puneți toate titlurile într-un dosar și denumiți-l "Titlu", apoi faceți clic pe opțiunea (Dreapta) pe miniatura stratului și selectați Conversie în Smart Object. Apoi, faceți clic pe Obiectul inteligent și mergeți la 3D> Nouă carte poștală 3D din strat, apoi obiectul inteligent "Titlu" se va transforma într-un strat 3D cu textul care poate fi modificat. În acest fel, indiferent de numărul de modificări pe care le faceți în ceea ce privește perspectiva, rotația și adâncimea, puteți oricând să modificați textul.

Adăugați un efect Bevel și Emboss și un Gradient Overlay la stratul 3D, așa cum se arată în partea de jos a imaginii de mai jos. Nu vă faceți griji prea mult despre poziția luminii și umbra chiar acum; vom lucra la pasul următor.


Pasul 26 - Transformați cartea postală 3D

Utilizând instrumentul de transformare 3D Rotiți, mutați și trageți stratul pentru al face să se potrivească cu perspectiva peretelui. Odată ce ați plasat stratul în mod corespunzător, adăugați stilul Drop Shadow Style setând unghiul de luminozitate la 30% și o distanță mare între umbră și text (32 px în acest exemplu).


Pasul 27 - Editați textul

Adesea, clienții își schimbă mintea în mijlocul proiectului, de aceea este foarte important să păstrați straturile editabile tot timpul. În acest exemplu vom adăuga câteva cuvinte care lipsesc la titlu: numele autorului. Pentru aceasta, va trebui să săpați printre documentele imbricate în obiecte, mai întâi faceți dublu clic pe textura difuză pe stratul 3D (textura "Titlu"), un nou fișier numit "Title.psd", în acest nou document pe care îl veți găsiți stratul Smart Object, faceți dublu clic pe el și în final veți vedea straturile de text într-un document numit "Title2.psd", acolo puteți extinde dimensiunea panzei și puteți adăuga a treia linie de text. Pentru a efectua modificările ar trebui să salvați fiecare document înapoi, mai întâi "Text2.psd" și apoi "Text.psd" atunci veți vedea stratul 3D actualizat pe documentul principal.


Pasul 28 - Adăugați un zgomot de grunge

Ca un detaliu grungy, vom adăuga un zgomot la compozit. Apăsați tasta D pentru a încărca culorile implicite, creați un nou strat denumit "Zgomot" deasupra obiectului "Text" și accesați Filtrare> Rendere nori. Apoi mergeți la Filter> Noise> Add Noise (setați valorile afișate mai jos). În cele din urmă, schimbați Modul de amestecare a stratului la Overlay și Opacity la 35%.


Pasul 29 - Ajustarea nivelurilor

În acest moment veți ști dacă designul este prea întunecat sau prea luminos, de aceea va trebui să adăugați un strat de ajustare a nivelurilor pentru a ușura imaginea. Acum selectați toate (Command (Ctrl) + A) și Command (Ctrl) + Shift + C pentru a aplatiza și copia desenul.


Mock-Up

Pasul 30 - Cazul CD

Uneori clienții doresc să vadă un exemplu real de viață al produsului lor. Este foarte greu să trimiteți o versiune tipărită a unui fișier de artă de acoperire, mai ales dacă clienții dvs. sunt departe de dvs., dar puteți să le trimiteți o fotografie. De data aceasta vom face o machetă a copertei noastre în cazul unui CD. Deschideți imaginea "cutie CD" într-un document nou numit "mockup.psd" și desenați un nou strat deasupra stratului aplatizat. Selectați noul layer și mergeți la Filter> Point of Vanishing, acolo, pictați un plan care se potrivește cu forma casei și lipiți clipboard-ul acolo.


Pasul 31 - lustruiți machetul

Din moment ce albumul Cover este în spatele carcasei din plastic a CD-ului, va trebui să ștergem câteva zone ale stratului de acoperire. Pentru aceasta, adăugați o mască de strat și utilizați instrumentul Polygonal lasso, selectați crestăturile mici ale capacului din plastic, apoi completați selecția cu negru pe masca stratului. Poți să coborâți opacitatea artei sub acoperire pentru a vedea cuvintele.

Apoi, utilizând instrumentul Polygonal Lasso, selectați din nou un semicerc al crestăturii, unde hârtia va fi vizibilă și umpleți-o cu negru sau gri.


Pasul 32 - plasticul

Vom folosi o suprapunere de gradient pe stratul de artă pentru a crea efectul "strălucitor plastic", aceasta este destul de simplă, adăugăm câteva tranziții alb-negru pe efect și schimbăm modul de amestecare în ecran și opacitatea sa sub 20%. În plus, adaug o umbra interioară pentru a îmbunătăți percepția adâncimii.


Pasul 33 - Obiectele finale

Ca niște atingeri finale, adaug stratul "Textură de hârtie" din active într-un nou strat în spatele stratului "CD". Schimbarea modului de amestecare al layerului "CD" la "Multiplicare" funcționează perfect în acest caz. Apoi jucați doar cu stratul de textura, am adăugat un strat întunecat (# 36312D) Solid Color în spatele texturii; plus am crescut nivelele întunecate ale texturii prin adăugarea unei măști de straturi umplută cu un gradient radial alb-negru; creând o vignetă întunecată în acest fel.


Imagine finală

Vă rugăm să aruncați o privire la versiunea finală a copertei noastre.