În acest tutorial vom crea o machetă de carte de vizită care poate fi editată folosind tehnici foarte simple de fotografiere și Photoshop. Veți putea transforma fotografia într-un șablon personalizabil, pentru a vă expune designul cu eleganță.
Puteți găsi pachetele mele de cărți de vizită Mockups Bundle cu 15 mockups pe GraphicRiver.
Un mockup este un șablon editabil pe care îl puteți folosi pentru a prezenta o replică / model de produs final: în domeniul graficului, acesta este folosit pentru a oferi clienților dvs. previzualizare detaliată a ceea ce au comandat-în acest caz, o fotografie a cărților de vizită imprimate.
Acești pași parcurgeți pentru acest tutorial:
Puteți aplica tehnicile utilizate în acest tutorial atunci când creați orice tip de papetărie sau machetă de branding, astfel încât să puteți arăta clienților dvs. o fotografie a rezultatului tipărit final, fără a trebui să îl imprimați.
Nu toată lumea are acces la instrumente profesionale de fotografiere, dar vă voi arăta cum să obțineți un mockup profesionist, cu toate acestea. Pentru acest tutorial aveți nevoie de Adobe Photoshop CS5 (sau superior) și cea mai bună cameră pe care o puteți accesa (chiar și o cameră de smartphone bună este surprinzător de eficientă).
Când trebuie să creați o carte de vizită standard, luați în considerare țara în care va trebui să o livrați și stabiliți cu clientul dvs. dimensiunile înainte de a începe munca. Fiecare țară are propriile dimensiuni cele mai utilizate; puteți consulta acest ghid pentru mai multe informații.
Probabil doriți să vă configurați documentul în Illustrator sau InDesign, deoarece acestea sunt create special pentru procesul de imprimare. Cu toate acestea, Photoshop poate pregăti și un document de imprimare.
Dacă doriți să lucrați în Photoshop când vine vorba de grafică printabilă, puteți folosi aceste acțiuni utile Photoshop: acestea creează automat documente în modul CMYK, 300DPI, cu majoritatea dimensiunilor standard de imprimare internaționale, inclusiv sângerări (necesare procesului de imprimare).
Atunci când creați un mockup, nu este nevoie să luați în considerare sângerările și dimensiunea tăiată, deoarece puteți plasa doar design-ul în poziția corectă. Totuși, ar trebui mereu proiectați o carte de vizită în format vectorial, cu culori pregătite pentru imprimare și luați în considerare cantitatea necesară de sângerare. Consultați mai multe ghiduri detaliate despre cum să creați o carte de vizită dacă doriți mai multe informații.
Pentru acest tutorial, vom folosi acest design simplu pe care l-am pregatit.
Când vine vorba de fotografie, există o mare abundență de ghiduri și cărți dedicate procesului de fotografiere: configurarea iluminării, configurarea aparatului foto etc. Nu mă prefac că vă voi da o explicație completă a acestor teme uriașe în aceste câteva linii, dar vă voi spune pașii cheie simpli care vă vor face fotografia decentă, chiar dacă configurația și luminile nu sunt ideale.
O fotografie mai întunecată este întotdeauna mai bună decât una mai strălucitoare. A face față unei fotografii subexpuse este mai ușoară decât una supraexpusă.Retușarea unei fotografii mai întunecate este mai bună decât una mai întunecată, deoarece în Photoshop puteți restabili informațiile din zonele umbroase mai întunecate și puteți descoperi câteva dintre detaliile pierdute mult mai ușor decât puteți din zonele prea luminoase, unde uneori toți pixelii sunt doar alb simplu.
Aveți întotdeauna una sau mai multe surse de lumină dominante. Încercați să aveți o direcție clară a luminii pentru a crea un contrast atractiv definit între lumini și umbre, care vă vor face designul mult mai distinct.
Dacă nu aveți o lumină distinctă în scenă, subiectul va fi foarte plicticos și neclar în fotografia finală. Puteți utiliza cât mai multe luminări pe care le doriți. Dacă credeți că lumina naturală disponibilă este prea puternică și vă va arde fotografia, acordați atenție expunerii în camera dvs. foto: expunerea corectă este întotdeauna între 0 și -1.
Fiți generoși cu fundalul subiectului.Poate că acest lucru este personal, dar din experiență cred că este întotdeauna mai bine să faceți o fotografie care include mai mult fundal decât veți avea nevoie: puteți să așezați cu atenție fotografiile din Photoshop și să vă concentrați asupra expunerii și scenei în timp ce fotografiați.
De multe ori se va întâmpla că doriți mai mult "aer" pe subiectul dvs. și va trebui să creați părți din fundal pentru că am făcut fotografia prea aproape de subiect.
Pentru acest tutorial vom lucra la această mostră de mai sus: după cum puteți vedea, am inclus mai mult fundal decât mi-ar fi nevoie, astfel încât în Photoshop avem un timp mai ușor de decupat subiectul și o mulțime de spațiu pentru a lucra cu. De mai jos,puteți vedea suprafața finală reală utilizată.
Pregătiți scena, fiind în concordanță cu sarcina dvs.. Luați-vă timpul poziționând elementele de pe suprafață și folosiți-vă gustul încercând să creați o compoziție care are sens. Afișarea a două laturi ale cardului este cea mai evidentă alegere, dar nu este obligatorie.
De exemplu, nu este o regulă fixă în care cardurile trebuie plasate cu geometrie (așa cum fac în majoritatea machetelor mele pentru că arată mai instituțional / corporativ): de fapt, ele pot fi împrăștiate pe masă sau chiar aliniate ca carte de castel atât timp cât credeți că este atractiv pentru tine sau clientul tău.
Experimentați-vă și nu opriți încercarea altor poziții, mutați elementele de pe suprafață. Luați multe fotografii din mai multe unghiuri, schimbați direcția și intensitatea luminii, etc. Găsiți întotdeauna multe selecții la sfârșitul secțiunii de fotografiere.
Odată ce am terminat faza fotografiei, transferați fotografiile de pe cameră pe computer și deschideți Photoshop. Dacă preferați Lightroompentru a regla iluminatul și contrastul, care este, de asemenea, o alternativă foarte valabilă, dar veți avea nevoie de Photoshop pentru a crea obiectele inteligente pentru designul cărții de vizită.
Să continuăm cu eșantionul nostru: am ajuns în punctul în care ne-am hotărât să cultivăm fotografia pentru a îmbunătăți subiectul. Folosește Instrumentul de tăiere (C) sau a face a Selecţie cu Instrument de marcaj dreptunghiular (M) și apoi du-te la Image> Crop.
Acum, să mergem mai departe pentru a regla iluminatul, culoarea și contrastul și pentru a elimina eventualele pete și detalii nedorite. Înainte de a face ceva, vrem să îndepărtăm praful și petele care uneori vor fi vizibile pe suprafața pe care am folosit-o, mai ales dacă este întunecată.
Selectează Instrumentul pentru ștampilarea clonelor (S), Alt-clic pe un loc curat pentru a se referi la porțiunea de imagine, apoi faceți clic pe locul pe care doriți să-l acoperiți. De asemenea Instrumentul pentru perii de vindecare (J) pot fi utilizate eficient. Mai jos este fotografia curată.
Pentru a reduce tonul roșu al fotografiei, am aplicat aceste setări de ajustare "Negru și Alb". Pentru a crea un nou strat de ajustare, accesați Strat > Nou Strat De Ajustare > Alb negru…
Am adăugat, de asemenea, o lumină moale în centru pentru a lumina scena un pic. Pentru a crea efectul de lumină moale, alegeți un efect mare Pensulă (B) cu duritate setată la 0%, și picteze un cerc alb pe a Strat nou. Schimba Mod de amestecare din acest strat la Lumina slaba, iar documentul nostru ar trebui să arate ca imaginea de mai jos.
Acum este momentul să adăugați obiectele inteligente care vor conține modelele noastre de carduri. În primul rând, avem nevoie de un șablon de aceeași dimensiune ca și cardul, astfel că vom crea o selecție folosind Instrument de marcaj dreptunghiular (M) în Raportul fix modul și introduceți proporțiile cardului nostru, care sunt în acest caz 3,5 x 2 deoarece cartela însăși este de 3,5 in x 2 in.
Nu este important ca această selecție să se potrivească cu mărimea reală a designului cardului; cu toate acestea, este obligatoriu să folosim aceleași proporții. În acest pas, trebuie să creați o selecție cât mai aproape posibil de cartea de vizită de mai jos. Depinde de dimensiunile fotografiei.
Completați selecția cu orice culoare pe a Strat nou și denumiți acest strat Cardul frontal.
Stratul din albastru numit Front Card va deveni designul cardului nostru frontal.
Click dreapta pe ea în straturi panou și Conversia la obiectul inteligent.
Seteaza Cardul frontal Layer la Multiplica Mod de amestecare astfel încât să vedem ce se întâmplă și să transformăm stratul folosind Instrumentul de transformare gratuit (Control-T). În colțurile stratului dvs. există puncte de ancorare indicate de pătrate mici; în timp ce țineți Control, clicpe fiecare dintre ele să poziționeze acest strat și să se potrivească cu perspectiva cardului.
Uneori, va trebui să utilizați și Instrumentul Warp în timp ce se transformă, deoarece cardurile se îndoaie ușor. (Instrumentul Warp pentru obiecte inteligente este disponibil numai din Photoshop CS5 și versiuni ulterioare.)
Faceți același proces cu cardul înapoi, creând o Obiect nou inteligent (de data aceasta folosim o culoare rosie). Cel mai rapid mod de a face acest lucru este de a crea un duplicat din asta Cartela frontală Smart Object.
Asa de Click dreapta pe Cardul frontal Layer și alegeți opțiunea Obiect nou inteligent prin copiere, care va crea o nouă copie editabilă a obiectului Smart Object.
Introduceți în Obiectul inteligent nou creat (Click dreapta > Editați conținutul) și umpleți-o cu altă culoare (am folosit roșu), astfel încât să le putem distinge mai bine. În cele din urmă, denumiți acest strat roșu Înapoi Card. Aplicați aceleași transformări ca și noi cu stratul albastru, încercând să potrivi colțurile cât mai precis posibil. Documentul ar trebui să arate așa.
În acest caz, pentru roșu Înapoi Card strat, va trebui să aplicăm și o Mască de strat deoarece cardul din spate este parțial acoperit de cei din față. Pentru a face acest lucru, țineți-l Control și faceți clic pepe Cardul frontal strat în straturi panou; aceasta va crea selecția de care avem nevoie.
Apoi apasape Înapoi Card strat și apoi pe Mască de strat icoană.
Trebuie doar să fim Inversa Masca stratului pentru sarcina noastră, așa că faceți clic pe Control-I pe masca stratului.
Efectuați ajustări manuale dacă este necesar; de mai jos puteți vedea cum a fost necesar să se acopere un pic de spațiu de card care nu corespunde cu selecția de pornire. Utilizarea Lasso Tool (L), selectăm piesele mici care încă mai au nevoie de mascare.
Acum trebuie să amestecăm cu ușurință cartelele în fotografie. Înmulțiți modul de amestecare si Mască de strat fac deja o treabă excelentă, dând iluzia că topurile cărților sunt acum albastre și roșii, dar există un detaliu care face ca compoziția să nu fie încă realistă, adică adâncimea câmpului.
Pentru a da iluzia profunzimii câmpului în anumite zone, trebuie doar să ne estompem marginile obiectelor inteligente astfel încât să se potrivească cu cantitatea de neclaritate din fotografia de mai jos. Selectează Înapoi Card Layer (și nu Masca), du-te la Filtru > Estompa > Gaussian Blur, și alegeți o sumă care se potrivește cu fotografia de mai jos - pentru fotografia noastră, o valoare de 2/3 pixeli.
Mai jos puteți vedea marginile înainte și după estompare. Nu uitați să lucrați la obiectul inteligent astfel încât acesta să înregistreze Blur Filtru ca Filtru inteligent și nu va modifica imaginea de pornire din interiorul acesteia. De aceea se numește nedistructivă, deoarece nu modifică de fapt conținutul obiectului inteligent, dar funcționează la aspectul său.
După cum puteți vedea în partea dreaptă unde a fost aplicat Blur, colțurile și marginile se amestecă împreună cu fotografia, rezultând un efect mai realist. Dar nu numai margini - odată ce aplicați designul pe card, acesta va privi din loc dacă este într-adevăr focalizat și ascuțit, în timp ce zona din jurul lui este neclară.
Suma neclare trebuie să fie consecventă în toată imaginea, pentru ca designul să se amestece cu adevărat în fotografie.
Selectați Înapoi Card, Click dreapta pe strat și apoi Editați conținutul: acest lucru va deschide un document nou (obiectul inteligent) unde puteți vedea stratul nostru roșu.
Conținutul obiectului inteligent ar trebui să arate astfel.
În acest moment, trebuie doar să plasăm designul în acest document. Mergi la Fişier > Loc și selectați imaginea.
Închide Obiectul inteligent acum și Photoshop vă va cere Salvați. Clic da și Smart Object va actualiza automat imaginea, menținând transformările și ajustările, astfel încât în loc de culoarea roșie să avem designul nostru acum.
Faceți același proces cu Cardul frontal Layer, iar tu ai macheta ta frumoasă, gata de utilizat, personalizabilă.
Testați acest mockup cu alte modele: Smart Object va face toată munca pentru noi și vom putea folosi acest șablon pentru a previzualiza cât de mult vrem. Ele pot fi de asemenea folosite pentru a afișa fluturași și postere, deoarece fotografia nu oferă nicio referire la dimensiunea reală a foilor de hârtie. Deci, ar putea fi orice dimensiune aveți nevoie, atâta timp cât proporțiile de card și design-ul dvs. sunt mai mult sau mai puțin întreținute.
Puteți găsi pachetele mele de cărți de vizită Mockups Bundle cu 15 mockups pe GraphicRiver.