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"Î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ă.
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:
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.
Deci, aici suntem pe site-ul UPrinting. Primul pas este selectarea unui produs. Vrem să facem ceva broşuri.
Următorul pas este să specificați tipul de broșură care ne interesează:
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.
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.
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:
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.
Puteți vedea cele două șabloane de mai jos.
Lucrurile importante pe care trebuie să le menționăm sunt:
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.
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%.
Î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.
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ă.
Î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:
Î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.
Î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.
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!
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ă.
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"