Creați și imprimați o broșură cu Photoshop, Indesign și UPrinting.com - Partea 1

Cu ani în urmă, când am decis prima dată că vreau să încerc designul de imprimare (fundalul meu este în lucrul pe Web și pe ecran), am avut această impresie că au existat unele lucruri magice dificile pe care trebuia să le știi pentru a tipări chestii. Realitatea este că pentru proiectele simple este de fapt foarte ușor. În acest tutorial vă voi îndruma prin procesul complet de proiectare a unei broșuri simple, pregătirea pentru tipărire și încărcarea acesteia într-o imprimantă online comercială, verificarea dovezii și vizualizarea produsului finit.

Această postare este Ziua 15 a Sesiunii noastre de Design grafic. Sesiuni creative "Sesiunea Ziua 14 Ziua 16"

Stadiul de planificare pre-proiectare

Înainte de a începe orice proiect de imprimare ar trebui mereu face unele planificare. Asta pentru că formatul final, dimensiunile și alegerea imprimantei vor afecta toate modurile de proiectare.

Primul lucru pe care l-ați face în mod normal este să faceți proiectul scurt. În cazul meu nu există niciun client, așa că voi face un proiect. Din această săptămână promovăm GraphicRiver, voi face o broșură despre site, ca și cum ar fi destinat unui designer care nu știe ce oferă site-ul. Deci, va fi într-adevăr un fel de catalog de bază.


Pasul 1 - Alegeți o imprimantă

Deci, primul lucru pe care îl vom face este selectarea unei imprimante. Nu este o idee proastă de a avea câteva imprimante diferite cu care sunteți obișnuit să lucrați. Aș sugera că în timp ar trebui să aveți:

  • O mică imprimantă locală pe care o utilizați și o știți în mod regulat
    Aceasta este o idee bună pentru că puteți să cunoașteți literalmente persoana care vă pune presa în slujbă. Asta inseamna ca le poti vorbi despre locuri de munca, de a-ti da contributia cu privire la modul in care trebuie sa iesi lucruri bune si sa obtii idei pentru viitoarele joburi.
  • Imprimante de specialitate pentru ocupații ciudate
    Pentru anumite tipuri de locuri de muncă, este posibil să aveți nevoie de o imprimantă sau serviciu de specialitate. Exemple de imprimante de specialitate sunt companiile care tipăresc pe obiecte (cum ar fi timbre, îmbrăcăminte, pixuri etc.), imprimante care se specializează în semne, imprimante care fac efecte speciale, cum ar fi gravarea, imprimante care se specializează în formate mari și așa mai departe.
  • O imprimanta online pentru a face schimburi rapide, proiecte ieftine si munca interstatala
    Aceste zile există o mulțime de imprimante comerciale mari care oferă servicii online. Ele sunt adesea foarte rapide și oferă o mulțime de opțiuni. Dezavantajul este că sunteți mult mai puțin probabil să cunoașteți pe cineva de la imprimantă - deși ați putea fi repartizat un rep la unele imprimante online.

Pentru scopurile noastre vom folosi o imprimantă online numită UPrinting. Sunt o imprimanta din SUA si livra oriunde in tara. Puteți face absolut totul de la plată pentru încărcare la verificarea prin intermediul site-ului lor web, iar tarifele pe care le oferă sunt foarte competitive.

Nu le-am folosit niciodată înainte de acest tutorial și în general am fost destul de impresionat de serviciu.


Pasul 2 - Alegeți un produs

Deci, aici suntem pe site-ul UPrinting. Primul pas este selectarea unui produs. Vrem să facem ceva broşuri.


Pasul 3 - Luați în considerare dimensiunile și informația de pliere

Următorul pas este să specificați tipul de broșură care ne interesează:

  1. Dimensiuni: 8.5 "x 11"
    Imprimarea oferă câteva dimensiuni diferite. Rețineți că dimensiunea este pentru broșura întinsă și desfășurată. Am ales 8,5 "x 11" care este aproape de o pagină A4 atunci când sunt stabilite.
  2. Stoc: 100 lb Text Gloss
    Stocul este tipul de hârtie pe care veți tipări. Aceasta face o diferență destul de mare față de aspectul și finalitatea produsului final. Hârtiile lucioase tind să aibă o senzație strălucitoare, iar hârtia mată are o simțită mai dură de hârtie. De asemenea, de multe ori trebuie să alegeți o greutate pentru hârtie, cu atât greutatea este mai mare cu cât este mai groasă și mai aproape de card. Pentru anumite tipuri de proiecte, cum ar fi cartea de vizită, veți dori o greutate foarte mare.

    Am ales un stoc greu. Greutatea este un pic străin pentru mine ca aici în Australia pe care o folosim GSM in loc de lbs. Aici puteți găsi o diagramă de conversie.

  3. Pliere: Trifold
    Este esențial să acordați atenție modului în care hârtia va fi pliată, astfel încât să puteți determina cum să vă configurați lucrarea. Am ales o PLIANTE ori. Pentru a fi sincer nu-mi amintesc niciodată ce fel este, care, dar fericit UPrinting vă oferă un pic demo în colț, astfel încât să puteți fi sigur că ați ales cel potrivit.
  4. Culoare: 4 culori Ambele părți
    În cele din urmă, alegem cum vrem să tipărim. Vrem culoarea completă pe ambele fețe, UPrinting solicită această culoare 4 - adică CMYK.

Pasul 4 - Mockup de hârtie rapidă

Acum că știm ce proiectăm pentru că este o idee bună să faceți o machetă de hârtie foarte rapidă. Consider că acest lucru este util pentru articolele care vor include pliere, deoarece vă ajută să vă asigurați că puneți lucrurile potrivite în locurile potrivite.

Deci, aici am luat o bucată de hârtie din notebook-ul meu, l-am pliat ca o broșură trifold și apoi am scris în jurul a ceea ce voi plasa pe fiecare pagină.

Apoi, atunci când o desfaceți, puteți vedea cum să aranjați diferitele panouri de pe pagină. Astfel, de exemplu, coperta frontală a broșurii apare de fapt în cel mai drept panou al paginii exterioare. Acest lucru are sens când îl vedeți în realitate, dar dacă tocmai vă deschideți Photoshop-ul și începeți să proiectați, există o tentă să credeți că prima pagină trebuie să fie prima și, prin urmare, pe partea stângă.

Celălalt beneficiu pentru a face un mockup de hârtie este să obțineți o simțire a modului în care persoana va citi broșura și aceasta va fi utilă pentru următorul pas.


Pasul 5 - Designul informațional

Deci, în macheta mea de hârtie am venit cu o structură de bază a modului în care vreau să aranjez lucrurile în broșură. Pagina principală va avea doar o rubrică - "1000 de fișiere grafice de la doar 1 $" - și logo-ul. Apoi paginile din interior vor avea toate tipurile de produse diferite - Photoshop, Illustrator și altele. Pagina exterioară pe care o vedeți când deschideți pentru prima oară capacul frontal va avea o instrucțiune pas cu pas "Cum funcționează" pe site, iar coperta din spate va vorbi despre piețele noastre sora.

Am stabilit acest lucru pentru a încerca să prezint informațiile într-un mod ușor digerabil:

  1. Capacul frontal: propunerea de vânzare de bază (1000 de dosare)
  2. Prima pagină interioară: Cum funcționează site-ul
  3. Inside Spread: Ce reprezintă fișierele
  4. Acoperire spate: Apel la acțiune - Adresa site-ului și actualizarea cititorului pe alte site-uri

Pasul 6 - Configurați documentul

Următorul pas este să configurați un document în Photoshop pentru a crea designul. Unele imprimante vă vor oferi doar un set de informații și specificații și va trebui să configurați propriul document.

Avertizare: Dacă nu sunteți obișnuit să imprimați design, există o tentă să presupuneți că liniile de pliere ale documentului vor fi pur și simplu plasate la intervale de 1/3 din document - deoarece acesta va fi împăturit în trei. Nu este cazul. De exemplu, pentru broșura trifold, dimensiunile panourilor sunt de 3.625 ", 3.6875" și 3.6875 "- adică una este de .06" mai mică decât celelalte două. Și, de asemenea, când treceți pe cealaltă parte, panoul mai mic se află într-un loc diferit. În exterior este panoul cel mai din stânga, din interior este panoul cel mai drept.

Din fericire, UPrinting oferă o secțiune pentru șabloane, unde puteți obține un document complet, cu ghidaje plasate corect, pe care le puteți activa și dezactiva în timp ce proiectați.


Pasul 7 - Șabloane

Puteți vedea cele două șabloane de mai jos.

Lucrurile importante pe care trebuie să le menționăm sunt:

  1. Dacă te duci la Marimea imaginii în Photoshop veți descoperi că documentul este de 11.25 "x 8.75". Desigur, broșura în sine este de numai 11 "x 8.5".
  2. Spațiul suplimentar este Sângera pentru document. Puteți vedea în șablon acea zonă întunecată care este de .125 "pe fiecare margine.
  3. Zonă sigură este încă un "interior" și este doar un indicator al locului în care ar trebui să evitați plasarea oricărui lucru pe care nu doriți să-l tăiați accidental. Uneori, copii ale materialului imprimat nu vor fi tăiate exact corect - de aceea am sângerat , dar, invers, poate merge și în cealaltă direcție.


Photoshop Design Stage

Deci, odată cu documentul nostru înființat și pregătirea noastră făcută, este timpul să facem niște grafice. Așadar, vom lucra direct în fișierele șablon PSD furnizate de UPrinting, deoarece atunci nu este nevoie să reluăm ghidurile.


Pasul 8 - Colaj de fundal

Ceea ce vom face este să facem un fundal simplu din miniaturile tuturor multor fișiere disponibile pe GraphicRiver. Așa că am trecut și am obținut capturi de ecran ale unui bun de aproximativ 35 de articole și le-am tăiat 375px x 375px, apoi le-ați pus într-o rețea, după cum puteți vedea mai jos. Când am fugit, tocmai am început să repet aceleași miniaturi din nou (pentru că eram un pic leneș pentru a face mai multe dintre ele!)

Apoi, le vom lăsa pe negru, creând un strat nou de mai sus, umplând-l cu negru și stabilind transparența 85%.


Pasul 9 - Adăugarea unor umbre

În continuare m-am dus Vizualizați> Afișați> Ghiduri pentru a face ca să apară ghizii de imprimare. Apoi vom crea un strat nou pe partea de sus și vom umple un dreptunghi în formă de dimensiunea unuia dintre panourile cu negru, după cum se arată mai jos.

Acum, în timp ce este selectat panoul, mergeți la Selectați> Modificare> Feather și utilizați o valoare de 150 pixeli.

Apoi a lovit Șterge și ar trebui să fii lăsat într-o întunecare întunecată la margini.

Acum, urmați aceiași pași pentru a adăuga estomparea întunecată pe cele trei panouri. Odată ce aveți toate cele trei, este probabil că merită duplicarea straturilor pentru a dubla efectul și pentru ao face puțin mai pronunțată.

Și acolo avem fondul nostru! Am repetat aceeași procedură atât în ​​interiorul cât și în afara fișierelor PSD.


Pasul 10 - Stilul textului din titlu

Acum vom crea un text cu titlul folosind fontul Agenda-Black, care este frumos și rotund și gras. Am introdus în titlul principal ("1000 de fișiere grafice") setat în toate capacele.

Înainte vom adăuga un stil de strat textului, pentru ca acest lucru să funcționeze, deși avem nevoie de fiecare rând de text separat ca strat propriu. Acest lucru va avea mai multă sens într-o clipă. Deci, ar trebui să aveți un strat cu cuvântul "1000's" și un alt strat cu cuvintele "Files of Graphic".

Apoi faceți clic dreapta pe oricare dintre straturi și selectați Opțiuni amestecate pentru a afișa caseta de dialog pentru stilul stratului. Acum adaugati a Gradient Overlay și setați gradientul pentru a fi alb la un gri foarte slab (C: 0, M: 0, Y: 0, K: 12). Apoi adăugați a 2px Inner Stroke de alb.

Motivul pentru care trebuie să avem fiecare linie de text pe stratul propriu este că, în caz contrar, gradientul se va întinde pe ambele linii de text, în timp ce dorim un gradient pe fiecare linie.

Această combinație de fonturi și stil este, desigur, modul obișnuit de text pe piața Envato pentru anunțuri și grafică generală. Acest lucru este important, deoarece vrem să păstrăm o coerență consistentă de branding care trece prin broșură.


Pasul 11 ​​- Înlăturarea exterioară

În continuare, am pus pur și simplu toate elementele diferite de pe pagină. Este mai mult text și logo-uri, astfel încât nu există o mulțime de tehnica Photoshop să spun așa.

Pentru pași am adăugat niște butoane numerotate. Numerele sunt acelasi font Agenda-Black cu acelasi stil de strat adaugat. Cercurile strălucitoare pe care le puteți face cu un tutorial vechi Psdtuts + numit Butonul de creare Photoshop.

Lucrurile de remarcat despre modul în care am pus totul aici sunt următoarele:

  1. Fonturile pe care le-am folosit sunt toate variante ale fontului Agenda. Deci, în timp ce am folosit Agenda Negru pentru textul de titlu, pentru celelalte fragmente de text am folosit Agenda Semibold și Agenda Medium. Este o idee bună să rămânem la una sau două tipărite într-un design, cu excepția cazului în care aveți motive întemeiate să nu vă ajute să păstrați consistența. Variați doar greutățile și stilurile aceleiași tipuri de text vă permit să aveți interes vizual în timp ce păstrați-o coerentă.
  2. Cel mai stânga panou stânga "Cum funcționează" este aliniat astfel încât marginile butoanelor și linia principală să se alinieze în partea stângă, iar subtitrările și blocurile de text se completează tot.
  3. Pentru panoul din spate am concentrat totul. Acest lucru a funcționat bine, deoarece logo-urile sunt toate formele ciudate și nu există prea mult text pe pagină.
  4. Scopul fiecărui panou este de a avea o heirarhie vizuală care să ghideze ochiul cititorului. Deci, pe copertă, primul lucru pe care persoana îl vede este "1000", care este o atenție destul de grabbing, atunci ei văd "de fișiere grafice" și în continuare se vede "de la doar $ 1".

    În panoul "Cum funcționează", ar trebui să vedeți mai întâi cele patru butoane numerotate pe care le-am făcut mai mari și îndrăznețe, astfel încât este clar imediat că, deși există multe texte pe acest panou, va fi ușor de citit și de digerat . Apoi, avem un titlu de pas mare, astfel încât, chiar dacă nu au citit niciodată textul mic, un cititor poate digera în continuare gistul principal al paginii.


Pasul 12 - Înlăturarea interiorului

Înainte vom lăsa interiorul. Deci, deschideți celălalt fișier PSD șablon și rulați prin aceeași procedură pentru a ne face fundalul. Rețineți că nu puteți doar să copiați și să lipiți fundalul într-o singură lovitură deoarece dimensiunile panoului sunt diferite pe această parte.

Apoi am plasat trei titluri pentru cele trei panouri. Scopul meu aici a fost să creez un pic de interes vizual, făcându-i să meargă într-o diagonală de-a lungul paginii. Am adăugat, de asemenea, icoane Photoshop și Illustrator cu o umbre greu de picătură și înclinat la un unghi pentru a da o pagină un pic de un palmă împreună simt.


Pasul 13 - Plasarea elementelor

Apoi am trecut prin și m-am gândit la toate tipurile de fișiere pe care le avem pe GraphicRiver și le alegem pe reprezentanți la prezentare. Pentru fiecare dintre ele am făcut o mică grafică - de obicei, o captură de ecran cu o anumită umbră - și am plasat un titlu de două linii lângă ea în Agenda Semibold.

Deci, aici puteți vedea cele trei pagini întinse cu obiecte care străbate înainte și înapoi. Această pagină se simte puțin dezordonată, dar nu este chiar prea rău și odată ce broșura este împăturită, se va simți ca și cum ar fi mai puțin structurată. În toate cazurile, este o idee bună să aliniați blocurile de text astfel încât acestea să fie centrate și aliniate vertical cu alte blocuri de text pe axele lor.

Aici puteți vedea ambele pagini unul lângă celălalt. Și cu asta am terminat cu Photoshop!


Pasul 14 - Salvarea fișierelor pentru InDesign

Acum, deoarece fișierul nostru este salvat la 300 dpi și este destul de înaltă rezoluție, am putea teoretic salva doar un PDF din Photoshop și încărcați-l pentru imprimare.

Era de obicei faptul că Photoshop-ul ar lăsa laolaltă totul, iar textul nu ar fi păstrat ca vectori. Aceste zile puteți salva un Photoshop PDF și va stoca textul și orice alte obiecte vectoriale (cum ar fi Smart Objects) ca vectori.

Cu toate acestea, în multe situații este o idee bună să creați documente InDesign pentru imprimare, deoarece InDesign vă oferă acces la unele instrumente utile de aspect al paginilor, cum ar fi foile de stil, capacitatea de a crea PDF-uri cu mai multe pagini, capacitatea de a adăuga cu ușurință mărcile imprimantei și așa mai departe.

Pentru acest tutorial vom prelua acum operele noastre de artă Photoshop și le punem pe toate în InDesign, apoi din InDesign vom crea PDF-ul final.

Așa că treceți prin ambele PSD-uri și opriți tot textul simplu (nu titlurile cu stiluri de straturi) astfel încât acestea să nu fie vizibile. Apoi du-te la Fișier> Salvare ca ... și alegeți TIFF. Desfaceți caseta care vă întreabă dacă doriți să păstrați straturile și apoi creați doar un fișier TIFF mare, plat din broșură.


... Continuat la Vectortuts+

Pentru a termina acest tutorial, mergeți la Vectortuts + unde vom lua lucrarea Photoshop în InDesign și de acolo vom trimite-o pentru imprimare!

Această postare este Ziua 15 a Sesiunii noastre de Design grafic. Sesiuni creative "Sesiunea Ziua 14 Ziua 16"