Efectuarea unei cărți de vizită prin intermediul imprimării utilizând numai Photoshop

În acest tutorial, vom crea o carte de vizită simplă în Photoshop și o vom pregăti pentru imprimare cu semne de recoltare și sângerare. În mod normal, ați face o parte din acest lucru cu un instrument precum InDesign, dar este de fapt posibil să ajungeți cu doar cu Photoshop-ul nostru vechi.


Căutați o comandă rapidă?

Acest tutorial vă va arăta cum să vă proiectați o carte de vizită, dar dacă doriți o carte de vizită simplă și elegantă proiectată de un profesionist, puteți să o comandați pe Envato Studio. Iată câteva dintre opțiunile disponibile pentru dvs.:

1. Design profesional de carduri de afaceri de către Brandbusters

Pentru doar 50 de dolari, veți obține un design modern, unic, simplu și curat de cărți de vizită în toate formatele diferite. Este gata de tipărire, cu semne de sângerare, fișier vector ilustrator sau fișier Photoshop și jpg de înaltă rezoluție.

Acest designer a finalizat peste 1.500 de locuri de muncă pe Envato Studio, cu o rată de recomandare de 100% de la clienți.

2. Carduri creative Creative by Astralgirl

Căutați ceva mai creativ? Astralgirl va crea cărți de vizită care sunt cu adevărat creative, profesionale și vor vorbi pentru afacerea dvs. Serviciul este de doar $ 40, și vine, de asemenea, cu o rată de recomandare de 100%.

3. Vintage Business Card de la SAO Studio

Dacă sunteți în căutarea unui serviciu de înaltă calitate, rapid, fiabil și fără probleme și doriți să vă asigurați că veți obține cel mai bun rezultat pentru investiția dvs., atunci acest designer este pentru dvs..

Cu mai mulți ani de experiență în industria de design, SAO Studio vă poate ajuta să obțineți cea mai potrivită carte de vizită pentru afacerea dvs..

4. Design unic și modern de carduri de afaceri de către Cihanzengin

Acest furnizor vă va proiecta o carte de vizită profesională, simplă și modernă. Veți primi fișiere pregătite pentru imprimare în diferite formate, cu marcaj de sângerare și PDF editabil (Editable în Adobe Illustrator). De asemenea, veți obține fișiere în format Indesign.

Există o mulțime de designeri cărți de vizită pe Envato Studio, deci aveți o listă de navigare și sunteți sigur că veți găsi cea potrivită pentru dvs..

În caz contrar, citiți-vă pentru instrucțiunile pas cu pas despre cum să faceți acest lucru singur.


Pasul 1

Ok, deci primul lucru pe care trebuie să-l facem este să creezi un nou document. În funcție de locul în care intenționați să vă tipăriți cardurile, este posibil să aveți nevoie de dimensiuni diferite. Imprimanta pe care o folosesc aici în Sydney are o dimensiune standard a cardului de 90mm x 55mm.

Atunci când trimiteți lucrurile la imprimante, trebuie să adăugați un fel de margine în jurul imaginii numite a Sângera. O sângerare este, în principiu, spațiul de pe marginea designului dvs., unde imaginea continuă să treacă peste locul în care imprimanta va tăia hârtia. În acest fel, dacă tăietura se așează cu un milimetru în ambele părți, nu se termină cu hârtie goală la margini. Cât spațiu plecați pentru sângerare depinde și de imprimanta dvs. În general vorbind 3mm - 5mm este o cantitate bună de sângerare.

Din cauza unei ciudățenii de Photoshop (pe care o veți vedea mai târziu) vom folosi o valoare de 3mm. Deci, atunci când creăm imaginea, în loc să o facem cu o înălțime de 90 mm, facem o sângerare de 90 mm + 3 mm în stânga + sângerare de 3 mm în dreapta = 96 mm. Similar cu lățimea, facem 55 + 3 + 3 = 61mm.

Rețineți, de asemenea, că pentru că facem ceva pentru imprimare, trebuie să setați Rezoluția la 300dpi, iar Color Mode trebuie setat la CMYK. Vom vorbi mai târziu despre modul de culoare mai târziu, dar cu rezoluția ar trebui să rețineți că 300dpi practic înseamnă că există mai multe informații despre imagine disponibile pentru a obține o imprimare ascuțită.

Dacă vreodată trebuie să faceți un poster uriaș, puteți să scăpați câteodată de 120 de picioare, dar depinde într-adevăr cât de departe persoana vă va privi munca. Dacă imprimați 120 dpi, calitatea va fi aproape destul de rău. Dacă este un poster uriaș (gândiți mai degrabă decât centimetri), atunci puteți să scăpați de el. Oricum pentru că aceasta este o carte de vizită, ar trebui să o facem 300dpi, deci este o imprimare drăguță, de înaltă calitate.


Pasul 2

Odată ce documentul este creat, primul lucru pe care trebuie să-l adăugăm sunt niște ghiduri care ne arată unde sunt marginile cărții de vizită și unde începe sângerarea. Deci, în primul rând, apăsați pe Ctrl-R pentru a comuta pe conducătorii dvs. Acum, pentru a adăuga ghidajele, puteți să dați clic pe riglă și să trageți ghidajele pe document sau, pentru o metodă mai precisă, mergeți la Vizualizare> Ghid nou și apoi dați-i o poziție orizontală de 3mm. Repetați din nou cu o poziție verticală de 3 mm. Apoi repetați de două ori cu Vertical / 58mm și orizontală / 93mm.


Pasul 3

Ar trebui să aveți acum o pânză goală similară celei de mai jos cu patru ghidaje, la fiecare 3 mm distanță de margine.


Pasul 4

Acum, pentru că am făcut acest card pentru Competiția Card FreelanceSwitch, trebuia să folosesc un element din pachetul liber de vectori și texturi al lui Arsenal. Am ales această frumoasă textura de beton, pentru că arată frumos și urban! Puteți descărca textura prin vizitarea site-ului Arsenal și făcând clic pe secțiunea Gratuită.


Pasul 5

Așa că, după ce am plasat textura înăuntru, am lovit-o pe Ctrl-T pentru ao transforma la aproximativ mărimea potrivită. Acum, în timp ce vreau ca textura să fie murdară și murdară, acum este puțin cam murdară și zgomotoasă. Deci, în primul rând, vom scăpa de cele două linii gigantice care rulează de la stânga la dreapta. Putem face acest lucru cu instrumentul Clone Stamp (S). Am discutat acest instrument a doua zi în revista tutorial, dar doar pentru a reîmprospăta, apăsați Alt pentru a selecta zona pe care doriți să clona (în acest caz, am folosit doar zona de mai sus) și apoi perie zona pe care doriți să clona peste.

Folosind o perie moale pe o textura ca acest beton înseamnă că este destul de greu să deteci dacă nu cauți direct dovezi de clonare.


Pasul 6

Deci, acum avem în vedere că este încă dur și urban, dar nu atât de dur.

În acest moment am decis că am vrut să întunec textura, așa că am adăugat un strat de mai sus umplut cu culoarea # 797c82 și l-am setat pe Multiply. Cu toate acestea, aspectul a fost un pic ciudat și are un fel de casting albastru (vezi mai jos), în timp ce îl vreau mai întunecat și mai grajd. Acest lucru are legătură cu modul de culoare în care suntem - CMYK. Deci, timpul să vorbim puțin despre modurile de culoare ... (cel puțin așa cum le înțeleg)

În principiu, CMYK sunt cele patru culori de proces pe care majoritatea imprimantelor imprimă. Folosind aceste patru culori (cyan, magenta, galben și negru / cheie) puteți face cele mai multe alte culori. De fapt, puteți obține cerneluri speciale, cum ar fi Pantones, pe care le vom discuta într-un tutorial viitor, dar pentru majoritatea lucrurilor este doar CMYK.

Acum, pe ecran, utilizați RGB care, după cum știți, înseamnă Red, Green și Blue. Diferența se întâmplă deoarece pe un ecran vă uitați la amestecarea luminii, deci dacă adăugați toate culorile împreună, obțineți alb - de aceea, în RGB, codul de culoare pentru alb este R: 255, G: 255, B: 255 - roșu, verde plin, albastru.

Pe hârtie, pe de altă parte, vedeți rezultatul interacțiunii cu un obiect. Din amintirea mea tulbure a clasei de științe de liceu când lumina strălucește pe un obiect - să zicem un zid roșu - obiectul absoarbe de fapt lumina și reflectă înapoi pe cele pe care nu le poate absorbi, așa că peretele roșu reflectă roșul, dar mănâncă eficient odihna, dându-i aspectul de a fi roșu. Deci, practic pe hârtie este * opusul * de pe ecran unde este proiectat lumina. Pe hârtie cu plin Cyan, Full Magenta, plin galben și plin Key produce de fapt negru deoarece absoarbe toată lumina (care este inversa RGB unde produce alb).

Acum toate acestea au fost doar câteva informații utile care explică de ce există spații de culoare diferite. Lucrul cheie este de notat că gama de culori pe care o puteți face cu CMYK este mai mici decât ceea ce puteți face cu RGB. Deci, atunci când comutați la CMYK, veți descoperi că unele lucruri nu funcționează la fel - lucruri precum Suprapunerile sau obținerea de culori super luminoase pentru a le arăta. Odată ce tipăriți, deseori acestea vor arăta destul de bine, dar uneori pentru a face lucrurile la care v-ați obișnuit în Photoshop, trebuie să comutați între modurile de culoare. Rețineți că, dacă comutați la RGB, ar trebui să reveniți la CMYK înainte de al trimite pentru imprimare. Pentru a păstra efectele, vom face totul în jos în acel moment (veți vedea ce vreau să spun mai târziu).

Comutarea modurilor de culoare
Ok, sper că încă mai ești cu mine - în principiu ceea ce sa întâmplat la acest pas este acela că am decis să trec la RGB pentru a obține griul întunecat corect și mai important în pasul următor când vreau să pun blocuri galbene suprapuse , De asemenea, va trebui să fiu în RGB.

Puteți face acest lucru accesând Image> Mode> RGB Color. Vă va întreba dacă doriți să aplatizați imaginea - spuneți nu! Ar trebui să observați o schimbare imediată a colorării efectului de întunecare.

Și, da, aș fi putut face acest pas mult mai scurt și tocmai v-am spus să mergeți la RGB, dar este util să învățați despre spațiile de culoare :-)


Pasul 7

Deci, aici suntem în modul RGB. În continuare vrem să desenăm câteva blocuri diagonale. Luați astfel instrumentul Poligonal Lasso (L) și apoi creați un nou strat.

Acum doriți să desenați forma de mai jos. Pentru a face acest lucru frumos, ar trebui să țineți Shift astfel încât să forțeze unghiurile să fie multipli de 45 'și să vă dea o formă frumos uniformă.


Pasul 8

După ce ai forma, completați-o cu Culoarea: # c4b10f, care este o culoare galbenă urâtă, apoi setați modul de amestecare la Color Dodge. Acum ar trebui să aveți un galben strălucitor, care arată ca cel de mai jos. Rețineți că, dacă reveniți la CMYK, veți vedea cum acest efect nu funcționează deloc și de ce trebuia să trecem mai devreme la RGB.

Oricare ar fi duplicarea acestui strat de câteva ori până când aveți șase bare galbene și le distanŃezi, astfel încât unul să fie la dreapta și la dreapta în dreapta, iar restul să fie strâns între ele (le vom localiza cu exactitate în pasul următor ).


Pasul 9

Acum, mai degrabă decât încercarea de spațiu prin ochi sau prin apăsarea tastei săgeată același număr de ori (pe care mi-e rușine să spun că fac adesea), vom folosi instrumentele de aliniere. Deci, mai întâi țineți apăsată tasta Shift și selectați toate straturile cu bare galbene în ele. Apoi în sus faceți clic pe instrumentul de aliniere marcat mai jos. Acest lucru le va spația în mod automat cu precizie!

(Rețineți că în versiunile Photoshop mai vechi decât CS2 trebuie să conectați straturile cu acele clipuri mici, deoarece straturile de selectare Shift au apărut doar în CS2 - versiunea pe care o folosesc. Utilizatorii CS3 mă aștept ca sunt similare cu CS2.)


Pasul 10

Bine, acum avem un marcaj frumos distanțat care arată ceva industrial!


Pasul 11

Apoi am creat un strat nou deasupra și cu o perie neagră, moale, periată ușor de-a lungul marginilor. Amintiți-vă că orice lucru care se află în afara ghidurilor nu va fi posibil să apară în cardul final (cu excepția cazului în care imprimanta nu le va tăia), astfel încât negrul să se extindă chiar peste linie dacă este vizibil în produsul final.


Pasul 12

Deci, doar pentru a discuta despre sângerare din nou, așa cum am menționat mai devreme totul în afara acestor ghiduri este doar material suplimentar pentru imprimanta pentru a tăia departe. Deci, este important să nu puneți niciodată lucruri importante precum textul aproape de margini, decât dacă nu vă deranjează că este posibil să fie tăiat. Din experiența mea, majoritatea imprimantelor în practică nu se îndepărtează foarte mult de linia de tăiere, dar se poate întâmpla, mai ales dacă utilizați o imprimantă ieftină.


Pasul 13

O problemă în a face aceste lucruri în Photoshop este că nu există nici o modalitate de a ascunde automat zona de sângerare, ceea ce înseamnă uneori atunci când priviți la designul nu prea arata bine. În InDesign puteți trece la un mod special de previzualizare care ascunde sângerarea, dar în Photoshop trebuie să facem acest lucru manual. De multe ori voi crea un strat deasupra tuturor celorlalte și voi umple zonele de sângerare cu alb. Apoi pot schimba acest strat pe sau pe jos, astfel încât să văd puțin mai precis proporțiile și zona care va face de fapt la elementul imprimat final. Asigurați-vă că le dezactivați înainte de a le trimite la imprimantă!


Pasul 14

Apoi am plasat un text frumos pe carte. Aceasta este de fapt partea din spate a cardului (vom face fata într-o secundă). Am folosit un font uber cool numit DIN, care este foarte minim și după cum veți vedea într-o secundă are un caracter minunat '@'.

Am setat tipul să fie 8pt. Dacă îmi amintesc corect că nu trebuie să mergi mai puțin de 6pt dacă vrei ceva care să poată fi citit și dacă vrei să fie uşor ușor de citit de 7,5pt și de mai sus este cel mai bun. Ca și în cazul tuturor acestor lucruri depinde de cine este publicul tău. Când făceam cărți de vizită, aș merge cu ceva pe care o persoană o poate citi rapid dintr-o privire atunci când trage prin mormanul de cărți. Când fac ceva pentru mine, folosesc adesea un tip mic pentru că pot să scap de el!

De asemenea, am setat tipul la modul de amestecare Linear Light astfel încât să interacționeze puțin cu fundalul. Odată ce acest lucru este făcut, putem salva acest document ca Back.psd apoi mergeți la File> Save As și salvați-l ca Front.psd, duplicând în esență fișierul pentru a face frontul.


Pasul 15

Încă o dată pentru față am adăugat un pic de text cu adresa mea Web și adresa și numele de e-mail. Iar pentru acei iubiți de tip printre voi, aruncați o privire la caracterul "@" - nu-i așa? DIN este o amprentă industrială originară din Germania pe care o puteți citi pe Wikipedia.

Tipografia - sau arta utilizării tipului / textului în desenele dvs. - este una dintre acele părți foarte importante ale designului. Dacă veniți dintr-un mediu de învățământ nondesign ca și mine, atunci este foarte important să citiți despre acest lucru, deoarece este cel mai simplu mod de a alege un bun designer de la un rău. Nu sunt cel mai bun tipograf în jur, dar John Boardley este și rulează unul dintre blogurile mele preferate - iLoveTypography. Dacă doriți să intrați în tip, citiți blogul său, este bomba!


Pasul 16

Acum, următorul lucru pe care vrem să-l facem este să oprim câteva dintre straturile care au barele galbene, deci sunt doar trei rămase. Vreau ca ceva să arate ca barele galbene încep pe partea din față și continuă până în spate.

Apoi, folosind instrumentul Poligonal Lasso (L), trageți o formă triunghiulară așa cum este prezentat.


Pasul 17

Apoi creați un nou strat chiar deasupra texturii din beton și umpleți-l cu un gri închis și setați modul de amestecare la Multiply. Acum, din păcate, asta face ca biții galbeni să pară plictisiți, așa că vom rezolva următorul lucru!


Pasul 18

Deci, apăsați Ctrl pe primul strat al barei galbene, apoi țineți Shift în jos, faceți clic pe următorul, apoi pe următorul, astfel încât să aveți pixelii selectați pentru toate cele trei. Apoi apăsați Ctrl + Shift + I pentru a inversa selecția așa cum se arată. În timp ce este selectat, faceți clic pe stratul de triunghi și faceți clic pe pictograma Adăugați o mască de strat din paleta de straturi. Aceasta va masca zonele barelor galbene, astfel încât acestea să strălucească.


Pasul 19

Și acolo avem! Totul este gata…

Acum trebuie să mergem la Layer> Flatten Image și apoi la Image> Mode> CMYK pentru a reveni la CMYK și pregătiți-vă pentru imprimare. Rețineți cum, pentru că am aplatizat imaginea pe care o păstrăm în modul în care galbenul interacționa cu drumul din spatele acestuia, chiar dacă ne-am întors în CMYK. Deci, practic, am profitat de RGB pentru a obține un efect, apoi l-am aplatizat și am revenit la CMYK pentru a putea tipări.


Pasul 20

Acum mergeți la File> Print with Preview și ar trebui să vedeți ceva asemănător celui prezentat mai jos. Dacă nu aveți toate opțiunile, faceți clic pe Mai multe opțiuni și acestea vor apărea. Bifați căsuța care indică colțurile de culori la colț, apoi dați clic pe butonul care spune Bleed și puneți-l la 3 mm. Rețineți că, din anumite motive, Photoshop nu vă permite să mergeți mult mai mult de 3 mm pentru sângerare. Nu prea știu de ce au pus un capac artificial, dar poate că există un motiv uimitor pe care nu-l înțeleg.

Oricum, un lucru pe care ar trebui să-l faceți (pe care tocmai mi-am dat seama că nu l-am făcut în captura de ecran) este de a dezlipi Show Bounding Box.

Odată ce ați terminat, ar trebui să puteți tipări la un PDF, să faceți același lucru pentru spate și să îl livrați imprimantei. Rețineți că pentru a imprima în PDF, trebuie să aveți instalată o copie a programului Acrobat (nu numai versiunea gratuită Acrobat Reader, ci versiunea completă). Dacă aveți acest lucru, atunci ați terminat toate acum!

Dacă nu aveți Acrobat, nu vă temeți niciodată ... totul nu este pierdut!


Pasul 21

Dacă nu aveți Acrobat, uitați metoda Imprimare cu previzualizare pentru a face acest lucru și, în schimb, reveniți la documentul dvs., creați un nou strat în partea superioară, apoi utilizați instrumentul Single Column Marquee Tool pentru a face selecții în jurul ghidurilor dvs..


Pasul 22

Acum vom atrage mărcile noastre de recoltare. Pentru a face acest lucru trebuie să ne asigurăm că folosim ceea ce se numește Black Registration. Înregistrarea negru este, în principiu, 100% din toate culorile CMYK (după cum se arată). Există un pic mai mult de atât, și puteți citi mai multe pe Wikipedia dacă sunteți interesat.

Oricum, selectați culoarea potrivită și completați aceste selecții din pasul anterior. Apoi, folosind instrumentul Rectangular Marquee, tăiați liniile astfel încât să existe doar câteva linii mici în fiecare dintre cele patru colțuri stânga - adică patru perechi de semne de recoltare. Apoi, mergeți la Salvare ca și salvați fișierul ca PDF utilizând Photoshop. Acest lucru ar trebui să fie în regulă pentru o imprimantă, deși să fiu sincer că nu am încercat de fapt să trimit un fișier cu semne de recoltare de genul asta unei imprimante, deci probabil că este bine să le întrebați dacă e în regulă înainte de a începe să tipăriți zilii de cărți :-)


Pasul 23

Oricum, așa sunt și cartile mele simple de afaceri. Arată destul de curat și ar trebui să fie gata să tipărească. În fișierele de eșantion veți găsi atât dosarul din spate, cât și fișierul PSD pe care l-am folosit pentru a face această imagine mică sub care este încercarea mea rapidă de a falsifica cardurile tipărite.

Nu uitați că la FreelanceSwitch există competiția pentru a face cărți de vizită utilizând vectori dintr-un pachet de eșantioane Arsenal special. Deci, dacă doriți Câștigă un echipament vectorial în valoare de 370 de dolari, capul peste și puneți-vă intrarea. Nu va trebui să faceți toți biți pregătiți pentru tipărire, deci este frumos și ușor de introdus.


Sample PSD

Descărcați PSD pentru acest tutorial

Resurse suplimentare

Căutați mai multe? De ce nu te uiți în Proiectarea cărților de vizită profesionale cu cursuri Tuts +.

Dacă sunteți interesat să obțineți ajutor cu designul cărții de vizită, Envato Studio are o colecție minunată de servicii de design de cărți de vizită pe care ați dori să le explorați. De asemenea, puteți să aruncați o privire asupra șabloanelor cărților de vizită pe Envato Market.