Inainte de, Cum se mărește o imagine în Photoshop, trebuie să setați corect rezoluția. Trebuie modificat mai ales pentru imprimare, deoarece calitatea imprimării depinde de rezoluția imaginii.
- Deschide Photoshop, accesează meniul Fișier> Deschide (Fișier> Deschide) și selectează imaginea:
- Accesați meniul Image> Image Size (Imagine> Image Size):
- Caseta de dialog Dimensiunea imaginii va arăta ca imaginea de mai jos:
- Pentru a modifica doar rezoluția, debifați Resample Image (resampling):
Înainte de , spunem programului că nu vrem să schimbăm numărul de pixeli din imagine. Acest lucru se întâmplă atunci când redimensionăm imaginile ( să le mărească sau să le scadă). La modificarea rezoluției, nu modificăm numărul de pixeli din fotografie, se modifică doar valoarea câți dintre acești pixeli vor fi afișați pe inch:
- În câmpul Rezoluție, introduceți dimensiunea dorită:
Vă rugăm să rețineți că atunci când introduceți o valoare în câmpul Rezoluție (Rezoluție), lățimea și înălțimea documentului se modifică și ele:
- Faceți clic pe butonul OK pentru a salva modificările:
Acum știi, cum să măriți rezoluția imaginii în Photoshop.
În acest exemplu, am avut o imagine cu o rezoluție de 300 de pixeli pe inch. Am vrut să-l public, așa că imaginea trebuia să aibă cel puțin 600 de pixeli pe inch. Rețineți că nu am adăugat sau redus numărul de pixeli din imagine.
Rețineți că lățimea și înălțimea documentului au fost reduse la jumătate, iar rezoluția s-a dublat. Aceasta înseamnă că pentru a utiliza o rezoluție de 600 ppi și pentru a menține calitatea ridicată, pot imprima această imagine doar la 5 x 3,33 inci:
Ce se întâmplă dacă ne reducem rezoluția?
După cum probabil ați ghicit, lățimea și înălțimea documentului s-au dublat atunci când ne-am înjumătățit rezoluția. Acum imaginea mea poate fi imprimată mai mare, dar calitatea va fi mult mai proastă. Prin urmare, trebuie să știți Cum să creșteți calitatea imaginii în Photoshop.
Ce înseamnă toate acestea?
Rețineți că dimensiunea pixelilor nu se modifică niciodată. Am început cu o imagine de 3000 x 2000 px și am ajuns cu o imagine statică de 3000 x 2000 px. Acest lucru este important de reținut deoarece atunci când schimbăm rezoluția, schimbăm doar valoarea care specifică câți pixeli vor fi afișați pe inch de imagine, nu câți pixeli alcătuiesc imaginea.
Imaginează-ți că tu și prietenul tău vă aflați pe un câmp, fiecare cu o găleată plină cu 5.000 de semințe de plante. Trebuie să plantați toate cele 5000 de semințe în pătrate de 1" din câmp. Acum imaginați-vă că aveți voie să plantezi doar 150 de semințe pe inch, iar prietenul tău are voie să planteze 300 de semințe pe inch. Ambele au același număr de semințe, dar veți avea nevoie de o suprafață de două ori mai mare în câmp pentru a vă planta toate semințele.
Să calculăm, ca să fie mai clar, cum să măriți rezoluția imaginii în Photoshop:
Imaginea din exemplu are 3000 x 2000 pixeli
600 ppi: 3000 pixeli / 600 pixeli pe inch = 5 inci.
2000 pixeli / 600 pixeli pe inch = 3,33 inci.
300 pixeli pe inch: 3000 pixeli / 300 pixeli pe inch = 10 inci.
2000 pixeli / 300 pixeli pe inch = 6,667 inci.
150 pixeli pe inch: 3000 pixeli / 150 pixeli pe inch = 20 inci.
2000 pixeli / 150 pixeli pe inch = 13,33 inci.
72 pixeli pe inch: 3000 pixeli / 72 pixeli pe inch = 41,67 inci.
2000 pixeli / 72 pixeli pe inch = 27,78 inci.
Cum afectează rezoluția imprimarea?
În acest exemplu, imaginea a fost imprimată de o imprimantă laser pe coli standard de hârtie de 8,5" x 11":
72 pixeli pe inch: Documentul este prea mare pentru a încăpea pe o foaie de 8,5" x 11" și este tăiat. Calitatea imprimării este extrem de slabă, rezultând o imagine care arată foarte spălată.
150 pixeli pe inch: Dimensiunea documentului este încă prea mare pentru foaia de 8,5 x 11 inci, calitatea este mediocră, dar nu grozavă.
Dimensiune, rezoluție și formate... Ce se întâmplă cu pixelii? Cumperi o cameră din cauza numărului de megapixeli? Întâmpinați probleme la postarea fotografiilor online? Fotografiile tale se imprimă la o calitate slabă, chiar dacă arată grozav pe ecran? Se pare că există o confuzie între pixeli și octeți (dimensiunea imaginii și dimensiunea fișierului), calitate și cantitate, dimensiune și rezoluție. În această lecție, vom analiza aceste informații extrem de importante pentru orice fotograf.
Deci, haideți să trecem peste câteva concepte de bază pentru a vă face viața mai ușoară și fluxul de lucru mai eficient, iar imaginile dvs. să aibă dimensiunea potrivită pentru utilizarea lor.
Aceasta este o imagine de 750×500 pixeli cu o rezoluție de 72 dpi, salvată în format JPG comprimat, care este de 174 kb. Să ne dăm seama ce înseamnă totul.
Rezoluția și dimensiunea sunt același lucru?
Una dintre cele mai mari neînțelegeri vine din conceptul de permisiune. Dacă acesta este cazul tău, crede-mă, nu ești singur.
Problema este că permisiunea se poate referi la multe lucruri, dintre care două pot fi o problemă. Voi explica în continuare aceste două concepte de rezoluție, dar au un lucru în comun pe care trebuie să îl clarific mai întâi. Ambele au de-a face cu pixelii.
Probabil ați auzit multe despre pixeli, cel puțin când v-ați cumpărat camera. Aceasta este una dintre cele mai înțelese și „esențiale” specificații de pe piață, așa că voi începe cu asta.
Ce este un pixel?
Fotografia digitală nu este un lucru inseparabil. Dacă măriți suficient de aproape, veți vedea că imaginea arată ca un mozaic de plăci minuscule numite pixeli în fotografie.
Numărul acestor pixeli și modul în care sunt distribuiți sunt doi factori de luat în considerare pentru a înțelege ce este rezoluția.
Numărul de pixeli
Primul tip de rezoluție se referă la numărul de pixeli care alcătuiesc fotografia ta. Pentru a calcula această rezoluție, utilizați pur și simplu aceeași formulă pe care ați folosi-o pentru aria oricărui dreptunghi; înmulțiți lungimea cu înălțimea. De exemplu, dacă aveți o fotografie cu 4500 de pixeli pe partea orizontală și 3000 pe partea verticală, vă oferă 13 500 000. Deoarece acest număr este foarte nepractic, îl puteți împărți pur și simplu la un milion pentru a-l converti în megapixeli. Deci 13.500.000/1.000.000 = 13,5 megapixeli.
Densitatea pixelilor
Cealaltă rezoluție este modul în care distribuiți numărul total de pixeli disponibili, care este denumit în mod obișnuit densitatea pixelilor.
Acum rezoluția este exprimată în dpi (sau ppi), care este o abreviere pentru puncte (sau pixeli) pe inch, da, pe inch, s-a întâmplat că acest lucru nu a fost tradus în sistemul metric. Deci, dacă vedeți 72 dpi, înseamnă că imaginea va avea o densitate de 72 de pixeli pe inch; dacă vedeți 300 dpi, înseamnă 300 de pixeli pe inch etc.
Dimensiunea finală a imaginii dvs. depinde de rezoluția pe care o alegeți. Dacă o imagine are 4500 x 3000 pixeli, înseamnă că se va imprima la 15 x 10 inchi dacă o setați la 300 dpi, dar la 72 dpi va fi 62,5 x 41,6 inci. Deși dimensiunea imaginii tipărite se modifică, nu modificați dimensiunea fotografiei (fișierul imagine), ci doar modificați organizarea pixelilor existenți.
Imaginați-vă o bandă de cauciuc, o puteți întinde sau micșora, dar nu schimbați cantitatea de bandă, nu o adăugați sau tăiați.
Deci rezoluția și dimensiunea nu sunt același lucru, dar sunt legate.
Deci cantitate înseamnă calitate?
Din cauza relației menționate mai sus dintre dimensiune și rezoluție, mulți oameni cred că megapixelii înseamnă calitate. Și într-un anumit sens, acest lucru se datorează faptului că cu cât aveți mai mulți pixeli, cu atât densitatea acestora este mai mare.
Cu toate acestea, pe lângă cantitate, trebuie să luați în considerare și adâncimea pixelilor, aceasta este ceea ce determină cantitatea de valori tonale pe care le conține imaginea dvs. Cu alte cuvinte, este numărul de culori pe pixel. De exemplu, adâncimea de 2 biți poate stoca doar negru, alb și două nuanțe de gri, dar o valoare mai comună este 8 biți. Valorile cresc exponențial, de exemplu, cu o fotografie de 8 biți (2 până la 8 = 256), vei avea 256 de nuanțe de verde, 256 de nuanțe de albastru și 256 de nuanțe de roșu, ceea ce înseamnă aproximativ 16 milioane de culori.
Acest lucru este deja mai mult decât poate distinge ochiul, ceea ce înseamnă că 16 biți sau 32 de biți vor arăta relativ la fel pentru noi. Desigur, asta înseamnă că imaginea ta va fi mai grea chiar dacă dimensiunea este aceeași, deoarece există mai multe informații în fiecare pixel. De aceea calitatea și cantitatea nu sunt neapărat identice.
Prin urmare, cantitatea contează, dar dimensiunea și adâncimea fiecărui pixel determină calitatea. De aceea ar trebui să te uiți la toate specificațiile camerei și senzorul său, nu doar la numărul de megapixeli. La urma urmei, există o limită a dimensiunii pe care o puteți imprima sau vizualiza, în plus, aceasta va avea ca rezultat doar o dimensiune suplimentară a fișierului (megaocteți) și nu va afecta dimensiunea imaginii (megapixeli) sau calitatea.
Cum să alegeți și să controlați dimensiunea imaginii și dimensiunea fișierului?
În primul rând, trebuie să decideți de ce densitate maximă aveți nevoie. Dacă vă postați imaginea online, vă puteți descurca bine cu o rezoluție de doar 72 dpi, dar aceasta este mult prea mică pentru o imprimare foto. Dacă intenționați să imprimați, aveți nevoie de 300 până la 350 dpi.
Desigur, vorbim în termeni generali pentru că fiecare monitor și fiecare imprimantă vor avea rezoluții ușor diferite. De exemplu, dacă doriți să imprimați o fotografie de până la 8 × 10 inchi, trebuie ca imaginea să fie de 300 dpi x 8 inchi = 2400 pixeli și 300 dpi x 10 inchi = 3000 pixeli (deci 2400 × 3000 pentru o imprimare de 8 × 10 inchi la 300 dpi). ). Orice altceva va ocupa doar spațiu pe hard disk.
Cum să redimensioneziphotoshop
Deschideți meniul Dimensiune imagine și în fereastra pop-up trebuie să bifați caseta „Reeșantionați”. Dacă nu activați „resample”, veți remapa pixeli așa cum am explicat la începutul articolului.
De asemenea, puteți bifa caseta de selectare „Proporție” dacă doriți ca parametrii să fie ajustați în funcție de modificările dvs. Deci lățimea se schimbă când se schimbă înălțimea și invers.
8×10 inci la 300ppi, aceasta este dimensiunea necesară pentru a imprima 8×10. Rețineți dimensiunea pixelilor de 3000X 2400.
750×500 pixeli la 72ppi. Aceasta este rezoluția web și este dimensiunea exactă a tuturor imaginilor din acest articol. Dimensiunea în inci nu contează atunci când publicați pe web - doar dimensiunea pixelilor contează.
În partea de sus a ferestrei, veți vedea, de asemenea, cum se modifică dimensiunea fișierului. Aceasta este versiunea necomprimată a imaginii dvs., care este legătura directă despre care am vorbit în prima parte a acestui articol: mai puțini pixeli înseamnă mai puține informații.
Acum, dacă tot doriți să redimensionați fișierul fără a redimensiona, atunci puteți face acest lucru atunci când salvați imaginea. Înainte de a salva fotografia, puteți selecta formatul dorit:
Dacă nu doriți să pierdeți nicio informație, trebuie să păstrați formatul necomprimat. Cel mai comun este TIFF.
Dacă nu te deranjează să pierzi puțină informație și să ai un fișier mai ușor, mergi la JPEG și alege cât de mic vrei să fie. Evident, cu cât valoarea setată este mai mică, cu atât veți pierde mai multe informații. Din fericire, are un buton de previzualizare, astfel încât să puteți vedea impactul compresiei.
JPG de înaltă calitate.
JPG de calitate scăzută. Observați cum este pixelat și rupt? Dacă alegeți o calitate foarte scăzută, riscați să degradați prea mult imaginea.
Concluzie
Deci asta înseamnă calitatea, cantitatea, dimensiunea și rezoluția și toate sunt legate de pixeli, deoarece acestea sunt unitățile de bază care alcătuiesc o imagine. Acum că știți cum să faceți cea mai bună alegere pentru imprimarea, trimiterea și stocarea fotografiilor dvs. Toate aceste informații sunt prezentate mai detaliat în cursul video: „Secretele editării foto creative pentru un începător”, pentru a vă familiariza cu descrierea cursului, faceți clic pe imaginea de mai jos.
Cum să pregătești grafica pentru imprimare? Pregătirea unui aspect pentru imprimarea profesională este ușoară dacă urmați câteva reguli simple. Când am început să lucrez cu tipărirea, cei care mă instruiau au oferit mult mai puține informații decât o să vă spun. În general, instrucțiunea mea arăta astfel:
„Nu plasați textul aproape de liniile tăiate, setați-l la 300 dpi,
lucrează în CMYK și vei fi bine.”
La acel moment, aveam deja ceva experiență în pregătirea graficelor pentru web, dar nu lucrasem niciodată cu imprimarea. Cu toate acestea, aceste două sugestii au fost suficiente pentru a lansa în circulație fișiere PDF de lucru gata făcute chiar a doua zi. În acest articol voi încerca să vă transmit experiența mea practică evitând teoriile inutile. Parțial, am tratat deja această problemă într-o serie de articole, dar ce naiba? Nu contează deloc ce pregătești pentru tipărire, fluturași, coperți sau o revistă. Puteți rezolva cu ușurință majoritatea problemelor dacă urmați aceste reguli simple.
Dimensiuni imprimate
sau ce să faci dimensiunea fișierului pentru imprimare?
Dacă pregătiți grafice pentru imprimare și nu pentru web, urmați o regulă simplă: lucrați cu dimensiuni reale. De exemplu, dacă doriți să imprimați un fluturaș de 10 cm x 20 cm, creați un fișier de 10 cm x 20 cm. Dacă doriți să creați autocolante cu o rază de 3cm, creați un fișier de 3cm x 3cm. Este foarte simplu. Dacă doriți să creați un document sau o grafică A4, creați un fișier A4. Dimensiunea standard A4 este de 210 mm x 297 mm. Când creați o carte de vizită, trebuie să creați un fișier cu dimensiunea fizică a cărții de vizită. Nu cu ochii, nu aproximativ, nu în pixeli, ci exact cu dimensiunile pe care o carte de vizită le are în viața reală - 90mm x 50mm.
Amintiți-vă principalul lucru: ecranul monitorului este măsurat în pixeli. Produsele imprimate finite precum fluturași, cărți de vizită, autocolante sau broșuri sunt măsurate în milimetri sau în alte unități fizice. Pentru a lucra cu dimensiuni reale atunci când creați un fișier în Photoshop sau Illustrator, schimbați imediat unitățile fizice.
Rezoluție de imprimare
sau ce este 300 dpi și cum se face rezoluția de imprimare?
O fotografie tipărită standard are o dimensiune fizică specifică de 10 x 15 inchi. Dar câți pixeli sunt aia? Câți pixeli sunt într-un inch? 10, 20 sau o sută cinci sute? „Rezoluția” imaginii este responsabilă pentru această zonă. Rezoluția, cunoscută și ca rezoluție, este măsurată în dpi sau ppi. Reprezintă dots per inch (dots per inch) DPI sau pixel per inch (pixels per inch) PPI. Cel mai adesea, un punct de vopsea este egal cu un pixel, dar nu acesta este ideea. Cu cât sunt mai mulți pixeli într-un inch, cu atât conține mai multe informații grafice și detalii. Dacă rezoluția unei fotografii standard ar fi de numai 1 dpi, atunci 1 pixel ar fi egal cu un inch, iar fotografia ar avea doar 10 pe 15 pixeli în lățime și înălțime.
Nu uitați decât numerele magice și totul va fi bine.
Imprimarea offset de înaltă calitate necesită 300 dpi. Adică într-un inch din imagine ar trebui să fie exact 300 de pixeli. Dacă ar fi să tipărim un fluturaș arbitrar care avea, să zicem, 10 x 5 inci, atunci în termeni de pixeli, o astfel de imagine ar trebui să aibă 3000 x 1500 pixeli.
Pentru imprimarea fotografiilor pe o imprimantă digitală, 150-250 dpi va fi suficient.
90-120 dpi sunt suficiente pentru imprimarea bannere stradale, ceea ce este logic, privind astfel de bannere de la o distanță de cel puțin 10 metri. Bannerele nu au nevoie de detaliile necesare imprimării, pe care le privim de la distanță.
Mod culoare (CMYK sau RGB)
sau cum se convertesc aspectul în CMYK?
Modul RGB este modul ecran, în timp ce CMYK este modul hârtie. De fapt, modul de culoare CMYK de pe ecranul monitorului este doar o imitație a ceea ce se poate obține pe hârtie, ceea ce este logic. La urma urmei, vopseaua de pe hârtie nu poate fi la fel de strălucitoare ca soarele, astfel încât orbește ochii. Soarele emite lumină, iar hârtia (ca orice material) reflectă. Aceasta este diferența de reproducere a luminii a celor două modele de culoare. Prin urmare, imaginile RGB deosebit de luminoase se estompează atunci când sunt convertite în CMYK. RGB are un spectru de culori mai larg decât CMYK. Prin amestecare este imposibil să obțineți culori de var otrăvitoare, dar în RGB sunt destul de reale. Dacă intenționați să imprimați în offset, lucrați în CMYK. Imprimarea offset este ascuțită pentru CMYK. Imaginea este imprimată inițial pe 4 pânze, care sunt suprapuse una peste alta. Utilizarea unei imagini RGB cu 3 canale pentru imprimarea în 4 culori va duce la rezultate dezastruoase. Pentru a spune ușor, tirajul va fi stricat, deoarece culorile de ieșire vor fi complet diferite.
Dacă imprimați pe o imprimantă de acasă sau pregătiți o imagine pentru imprimare digitală, lăsați-o în RGB. Imprimarea digitală funcționează diferit. Practic, imprimantele digitale sunt proiectate să convertească din RGB din mers. În același timp, imprimantele digitale au un set specific de culori, similar cu CMYK extins. Dar tu, ca designer, nu trebuie să-ți spargi capul din cauza asta. Doar obțineți - RGB digital, CMYK offset. Și totul va fi bine.
Profil de culoare ICC
sau pentru ce sunt profilurile în pregătirea pentru tipărire?
Un profil de culoare ICC este un fișier special care descrie modul în care un anumit dispozitiv poate funcționa cu culoarea. Evident, capacitatea diferitelor monitoare de a afișa o imagine este diferită. Monitoarele cu matrice bune afișează culori mai luminoase și mai bogate decât monitoarele cu matrice ieftine. Este la fel și cu capacitatea imprimantelor de a imprima culori. Diferă semnificativ pentru diferite imprimante. Dacă imprimanta nu poate imprima o anumită culoare, încearcă să se potrivească cu una similară. Este important pentru designerul de imprimare ca produsul imprimat să arate la fel ca pe monitor. În aceeași formă și cu aceleași culori în care a fost aprobat de client.
Cum să realizezi acest lucru? Evident, atunci când creați un design, trebuie să utilizați același profil de culoare pe care îl folosește imprimanta la imprimare. Pentru a face acest lucru, trebuie să contactați o anumită tipografie și să solicitați cerințele pentru machetele furnizate. Dacă într-adevăr nu aveți o astfel de oportunitate, nu știți unde va imprima clientul design-ul, dacă tipografia este situată pe cealaltă parte a pământului, utilizați semifabricate color standard. Dacă tipărirea va avea loc pe partea europeană, puneți Europe Prepress. Dacă designul va fi tipărit în America, utilizați S.U.A. Sheetfed Coated, dacă sunteți în Asia, utilizați Japan Color Coated și cel mai probabil totul va fi bine. Dar este mai de încredere să contactați tipografia. Poate că imprimanta folosește propriul profil individual pentru imprimare. În acest caz, ei vă vor trimite doar un fișier și îl utilizați pentru a simula culoarea la locul de muncă.
Corecție de culoare
sau cum se face ca imaginea de pe imprimare să fie la fel ca pe monitor?
Cea mai importantă parte a pregătirii pentru imprimare este gradarea corectă a culorilor. Este important să rețineți: cu cât sunt mai multe canale cu vopsea pentru o singură culoare, cu atât va fi mai întunecată. Cele mai pure și mai strălucitoare culori constau din unul sau două canale. C0M100Y100K0 = roșu maxim posibil în offset. C100M0Y100K0 Pentru roșu mai închis, utilizați canalul albastru. În mod ideal, canalul negru este folosit pentru zone contrastante ale fotografiei, umbre sau contururi. Cu cât mai puține canale mixte, cu atât imaginea este mai luminoasă. Acest lucru ar trebui să fie luat în considerare atunci când creați reclame și ilustrații de desene animate colorate. Acest lucru ar trebui să fie luat în considerare atunci când corectați corecția de culoare a portretelor și a pielii umane.
Photoshop are o mulțime de instrumente pentru lucrul cu canalele. Acestea sunt curbele binecunoscute Curbe, niveluri Niveluriși Solduri de canal. Este important să înțelegeți că ceea ce este vizibil pe monitor, atunci când este imprimat, se va dovedi a fi cu 20% mai întunecat. Acest lucru trebuie luat în considerare la corectarea culorii. Există mai multe soluții aici. Fie luminați imaginea cu o margine, ținând cont de întunecarea ulterioară, fie simulați întunecarea imprimată. Puteți face acest lucru, de exemplu, în Setări de culoare - Comenzi avansate
linii de tăiere
Este logic ca după tipărirea fluturașilor, cărților de vizită, calendarelor și altor materiale, acestea să fie decupate din hârtie. La urma urmei, nu este vorba despre documentația standard de dimensiune A4, ci despre tipărirea cu dimensiuni arbitrare. Acest lucru se face cu un cuțit de imprimare obișnuit. Un pachet de hârtie cu imprimare este plasat sub lamă și zhah! Într-un astfel de caz, erorile sunt inacceptabile. Dacă sunt tăiate incorect, copertele CD-urilor nu vor încăpea în cutii, cărțile poștale nu vor încăpea în broșuri și așa mai departe. Sunt necesare marcaje precise, conform cărora imprimanta va putea tăia imprimarea. Aceste semne sunt liniile de tăiere. Cum le dai jos este al zecelea lucru. Nu contează pentru tipărire. Manual sau automat prin salvarea fișierului PDF sau folosind efecte precum Efect > Semne de decupareîn Illustrator.
Când tăiați hârtie, un pachet de poligrafie este puțin teșit. Există o eroare naturală, ceea ce înseamnă că sunt necesare goluri pentru a o compensa, altfel marginile subțiri albe de hârtie curată se formează de-a lungul marginilor imprimării. La crearea unui aspect de design, această eroare trebuie luată în considerare. Elementele grafice importante nu trebuie plasate aproape de margini. Ele pot fi doar tăiate. Ramele subțiri din jurul liniilor de tăiere sunt excluse, ele pot fi pur și simplu tăiate la tăiere. Recent, am riscat și mi-am desenat cărți de vizită cu un chenar punctat destul de gros pe margini. Cărțile de vizită care, la tăiere, erau amplasate deasupra au ieșit bine, partea inferioară a cărților de vizită a intrat sub teșit și rama s-a dovedit a fi prea neuniform.
Orice imprimantă va fi bucuroasă să-și furnizeze specificațiile pentru goluri acolo, dar dacă nu îi puteți contacta, lăsați 4 mm de spațiu pe fiecare parte. De exemplu, dacă imprimați o grafică de 100 mm x 100 mm, creați un fișier de 108 mm x 108 mm sau puneți 4 mm în sângerări ale fișierului când îl creați și salvați PDF-ul cu linii de tăiere bazate pe sângerări. Desigur, dimensiunea graficii dvs. ar trebui să depășească în orice caz 100 mm pe 4 mm pe fiecare parte.
Supraimprimare
După cum ați înțeles deja, imprimarea offset este tipărită cu 4 culori. Magenta, galben, albastru și negru suplimentar. Următoarele situații nu sunt neobișnuite în presă. De exemplu, dorim să creăm un fundal roz cu text negru pe el. Cum se comportă imprimanta într-o astfel de situație? 4 culori sunt imprimate pe coli diferite. Aceste foi sunt apoi unite între ele. Adică, un fundal roz va fi imprimat pe o coală cu cerneală magenta. Textul negru va fi imprimat pe cealaltă coală. La conectarea diferitelor canale, pot apărea erori. Textul negru va fi zimțat în zonele goale dintre vopseaua roz și se vor forma goluri albe. Acest lucru este cel mai important în cazurile de dimensiuni mici ale fontului. În acest caz, Overprint vine în ajutor. Această setare nu lasă goluri, dar se imprimă pe toate canalele de cerneală. De fapt, fontul negru se va afla deasupra vopselei roz. Pe de o parte, ca urmare a impunerii a 2 culori una pe cealaltă, negrul în sine va deveni mai suculent, iar pe de altă parte, golurile și erorile de la marginile fontului vor fi eliminate.
Overprint este folosit nu numai pentru vopsea neagră, ci și pentru efecte interesante. De fapt, același efect imită modul de amestec Multiply.
Capcană
Capcanarea este o altă soluție la problema potrivirii culorilor diferitelor canale. Este puțin probabil să întâlniți capcane în tipărirea convențională, dar veți întâlni îndeaproape atunci când pregătiți elemente grafice pentru tricouri, cutii de băuturi răcoritoare și alte opțiuni de imprimare non-standard. Ideea este aceasta. Capcanarea este aplicarea ușoară a unei vopsele pe alta. Luați de exemplu aceeași problemă, fundal roz și text negru. În acest caz, se face o lovitură ușoară în jurul literelor textului, care se extinde dincolo de marginile zonei roz. Astfel, posibilitatea unui decalaj între două vopsele este redusă la minimum.
Și cred că asta este tot ce trebuie să știți pentru a pregăti grafica pentru imprimare. Și încă o dată foarte pe scurt:
- lucrați cu dimensiuni reale. Dacă pregătiți o carte de vizită, creați un document de 90 x 50 mm.
- setați 300 dpi, rezoluția mai mică este folosită numai pentru publicitatea în aer liber
- lucrați în CMYK dacă imprimați în offset
- cereți imprimantei dvs. un profil de culoare
- imaginea imprimată va fi mai întunecată, țineți cont de acest lucru
- nu așezați elemente importante aproape de liniile de tăiere și lăsați goluri
- supratipărește textul negru
Nu știu totul, așa că dacă credeți că greșesc undeva sau trebuie să clarificați ceva sau aveți sugestii sau întrebări pentru a îmbunătăți acest ghid, trimiteți un e-mail (în engleză) la [email protected] Mă poți găsi și pe mine Stare de nervozitate, sau Facebook.
Ce este DPI și PPI
DPI sau (Dots Per Inch) „dots per inch” este o măsură a densității spațiale a punctelor, utilizată inițial în imprimare. Acesta este numărul de picături de cerneală pe care imprimanta dvs. poate încăpea într-un inch. Un DPI mai mic are ca rezultat o imagine mai puțin detaliată.Acest concept este aplicat ecranelor computerelor numite PPI (pixeli per inch). Același principiu: se numără numărul de pixeli pe care ecranul îi poate afișa pe inch. Numele DPI este folosit și în ecrane.
Calculatoarele Windows au 96 PPI în mod implicit. Mac-ul folosește 72, deși această valoare nu a fost exactă din anii 80. PC-urile obișnuite, non-retina (și Mac-urile) vor avea minim 72 PPI până la aproximativ 120 maxim. Proiectarea cu un PPI între 72 și 120 va oferi lucrării dvs. aproximativ același raport de aspect peste tot.
Iată un exemplu aplicat: un ecran Mac Cinema de 27 inchi are 109 PPI, ceea ce înseamnă că afișează 109 pixeli pe ecran. Lățimea cu cadru este de 25,7 inchi (65 cm). Lățimea ecranului real este de aproximativ 23,5 inchi, deci 23,5 * 109 ~ 2560, ceea ce face ca rezoluția fizică a ecranului să fie de 2560x1440px. *Știu că 23,5 * 109 nu înseamnă exact 2560. De fapt, este +23,486238532 inci. Ar fi mai precis decât pixelii pe centimetru, dar mă înțelegeți.
Impact asupra designului dvs
Să presupunem că desenați un pătrat albastru de 109 * 109 px pe ecranul specificat mai sus. Acest pătrat va avea o dimensiune fizică pe ecran de 1*1 inch. Dar dacă utilizatorul tău are un ecran de 72 PPI, pătratul albastru va arăta fizic mai mare, deoarece la 72 PPI ecranul va avea nevoie de aproximativ un inch și jumătate pentru a afișa pătratul tău albastru de 109px. Vezi simularea efectului de mai jos.
Tine minte: Lăsând deoparte problemele de culoare și rezoluție, rețineți că toată lumea vă va vedea designul diferit. Ar trebui să urmăriți cel mai bun compromis și să creați pentru cel mai mare procent de utilizatori. Nu presupuneți că utilizatorul are același ecran ca și dvs.
Rezoluția ecranului (și rezoluția nativă)
Rezoluția ecranului poate avea un impact uriaș asupra modului în care utilizatorul vă percepe designul. Din fericire, deoarece monitoarele LCD au înlocuit CRT-urile, utilizatorii tind să aibă acum rezoluții native ale ecranului cu o dimensiune bună a ecranului și raportul PPI.Rezoluția determină numărul de pixeli afișați pe ecran (de exemplu: 2560 * 1440px pentru un ecran Cinema de 27 inchi) 2560 lățime, 1440 înălțime. Acum, desigur, când știi ce înseamnă PPI, înțelegi că nu poate fi o unitate de măsură pentru dimensiunea fizică. Poți avea un ecran de 2560x1440 de dimensiunea peretelui tău și altul de dimensiunea capului tău.
Monitoarele LCD moderne au o rezoluție implicită, numită nativă, care va gestiona numărul exact de pixeli pe care ecranul este capabil să-i afișeze. Monitoarele CRT mai vechi sunt puțin diferite, dar din moment ce pot fi considerate moarte, să nu intrăm în detalii (și să nu afectăm înțelegerea mea parțială a televizoarelor vechi bune).
Să luăm ecranul nostru Cinema de 27 inchi, care poate afișa 109 PPI la rezoluție nativă de 2560*1440 px. Dacă reduceți rezoluția, elementele vor apărea mai mari. La urma urmei, aveți doar 23,5 inci orizontale de umplut cu practic mai puțini pixeli.
Am spus virtual, pentru că în acest caz va fi așa. Ecranul are o rezoluție nativă de 2560 * 1440 px. Dacă rezoluția este redusă, atunci pixelii sunt încă afișați la 109 PPI. Pentru a umple acel spațiu și întregul ecran, sistemul de operare va întinde totul, GPU/CPU va lua toți pixelii și îi va calcula cu un nou raport.
Dacă doriți să faceți o rezoluție de 1280 * 720 (jumătate din lățime, jumătate din înălțimea celui precedent) cu 27 de inci, atunci GPU-ul dvs. va trebui să simuleze de două ori pixelul pentru a umple ecranul. Care va fi rezultatul? Deci aici este neclaritatea. În timp ce împărțirea la două rapoarte de aspect va arăta destul de bine din cauza unui simplu divizor, dar dacă doriți 1/3 sau 3/4 din raportul de aspect, ajungeți cu numere cu zecimale și NU POȚI împărți un pixel. Vezi exemplul de mai jos.
Notă: stânga: redarea unei ferestre OSX la rezoluție nativă (1400*900px): redarea la dreapta a unei ferestre OSX la o rezoluție mai mică simulată (retina 1024*640px).
Să ne uităm la un alt exemplu de mai jos. Să luăm o linie de 1 pixel pe ecran la rezoluție nativă. Acum să facem rezoluția cu 50% mai mică. Pentru a umple ecranul, procesorul ar trebui să genereze 150% din imagine înmulțind totul cu 1,5, 1 * 1,5 = 1,5, dar nu poți înjumătăți pixelii. Și va fi următorul: va umple pixelii din jur cu o fracțiune de culoare (cu o fracțiune de culoare), creând o neclaritate.
Notă: în stânga este o linie groasă de 1 pixel la orice rezoluție implicită, în dreapta este o linie groasă de 1 pixel la rezoluție cu 150% mai mică.
Deci, dacă aveți un Retina Macbook Pro și doriți să schimbați rezoluția, acesta va afișa fereastra de mai jos, anunțându-vă (în captura de ecran de mai jos) cum ar „arăta” acea rezoluție 1280*800px. Utilizează experiența percepției utilizatorului asupra rezoluției ecranului pentru a exprima raportul de aspect.
Aceasta este o vedere foarte subiectivă pentru că folosește rezoluția pixelilor ca unitate de dimensiune fizică, dar este adevărat, cel puțin din punctul lor de vedere.
Tine minte: dacă doriți să vă vedeți întotdeauna designul (sau orice design) pixelul perfect, nu utilizați niciodată o rezoluție non-nativă pentru ecran. Da, s-ar putea să vă simțiți mai confortabil cu un raport mai mic, dar când vine vorba de pixeli, doriți să fiți cât mai precis posibil. Din păcate, unii oameni folosesc rezoluția ca o modalitate de a vedea mai bine ce se întâmplă pe ecran (în special pe desktop) atunci când ar trebui să folosească setările de accesibilitate. Acest lucru va face în continuare designul tău să arate rău, dar din acest punct de vedere, utilizatorii caută o lizibilitate îmbunătățită, nu luciu.
Ce este 4k
Poate că ați auzit multe despre termenul 4K în ultima vreme (cel puțin când am scris despre el la începutul lui 2014), 4k este un subiect destul de trendy. Pentru a înțelege ce este, să înțelegem mai întâi ce înseamnă „HD”.
Atenție, aceasta este o simplificare puternică. Voi vorbi doar despre cele mai comune permisiuni. Există diferite categorii de HD. Termenul HD se aplică oricărei rezoluții începând de la 1280x720px sau 720p pentru linii orizontale de 720px. De asemenea, unii pot numi această rezoluție SD (definiție standard; definiție standard).
Termenul Full HD se aplică ecranelor de 1920x1080px. Majoritatea televizoarelor și telefoanelor de ultimă generație (Galaxy SIV, HTC One, Sony Xperia Z, Nexus5) folosesc această rezoluție.
4K începe de la 3840x2160 pixeli. Se mai numește și Quad (quadruple) HD și poate fi denumit UHD din Ultra (super) HD. Mai simplu spus, pe un ecran 4K, poți pune 4 1080p, în ceea ce privește numărul de pixeli. O altă rezoluție 4K este 4096x2160. Este puțin mai mare și este folosit pentru proiectoare și camere profesionale.
Ce se întâmplă dacă conectez un ecran 4K la computer
Sistemele de operare moderne nu scalează 4K, ceea ce înseamnă că, dacă conectați un ecran 4K la un Chromebook sau MacBook, acesta va folosi cele mai mari resurse DPI, în acest caz 200% sau @2x (de două ori mai mult) și le va afișa în mod normal. raport. Acest lucru va face ca totul să arate bine, dar mic.
Exemplu ipotetic: dacă conectați un ecran 4K de 12 inchi la un computer cu un ecran de înaltă rezoluție (2x) de 12 inchi, totul va arăta pe jumătate la fel de mare.
Tine minte:
monitorizați hertzi
Aici luăm o pauză de la PPI și rezoluția ecranului. Este posibil să fi văzut că lângă setările pentru rezoluția ecranului există o valoare Hz a monitorului. Nu are nimic de-a face cu PPI, dar în cazul în care vă întrebați, hertziul unui monitor - sau rata de reîmprospătare - este unitatea de viteză cu care monitorul dvs. va afișa o imagine fixă sau un cadru pe secundă de timp. Un monitor cu 60 Hz va putea afișa 60 de cadre pe secundă. Monitor 120 Hz - 120 fps, etc.
În contextul interfeței cu utilizatorul, valoarea Hertz (Hz) va determina cât de netedă și de detaliată va arăta animația dvs. Majoritatea ecranelor rulează la 60 Hz. Vă rugăm să rețineți că numărul de cadre afișate pe secundă depinde și de puterea de procesare și grafică a dispozitivului. Conectarea unui ecran de 120 Hz la un Atari 2600 ar fi complet inutilă.
Pentru o mai bună înțelegere, aruncați o privire la exemplul de mai jos. T-Rex merge din punctul A în punctul B cu același ritm egal și rapid pe ecranele de 60Hz și 120Hz. Un ecran de 60 fps este capabil să afișeze 9 cadre în timpul animației, în timp ce un ecran de 120 fps afișează în mod logic de două ori mai multe cadre în aceeași perioadă de timp. Animațiile vor arăta mai fluide pe un ecran de 120 Hz.
Tine minte: Unii oameni ar putea spune că ochiul uman nu poate vedea mai mult de 60 de cadre pe secundă. Nu este corect. Nu ascultați și plecați, râzând cu râs isteric.
Ce este un display retină
Apple a introdus termenul de afișare Retina pentru lansarea smartphone-urilor iPhone 4. Acesta se numește Retina (tradus ca retina) deoarece PPI-ul dispozitivului era atât de mare încât era probabil ca retina umană să nu poată vedea pixelii individuali de pe ecran.Această afirmație este valabilă pentru dimensiunile ecranului din gama de dispozitive în care este utilizat, dar în timp ce ecranele sunt din ce în ce mai bune, ochii noștri sunt acum suficient de antrenați pentru a percepe pixelii - mai ales pentru elementele rotunjite ale interfeței cu utilizatorul.
Din punct de vedere tehnic, ele afișează de două ori mai mulți pixeli în înălțime și lățime în aceeași dimensiune fizică.
iPhone 3G/S avea 3,5 inchi cu o rezoluție de 480*320px și 163PPI.
iPhone 4/S avea 3,5 inchi cu o rezoluție de 960*640px și 326ppi.
BOOM! Aproximativ de două ori. multiplicator simplu. Prin urmare, elementele de pe ecran, în loc să fie mai mici, arată de două ori mai clare vizual, deoarece au de două ori mai mulți pixeli și exact aceleași dimensiuni fizice. Un pixel normal este egal cu 4 pixeli retinei.
Luați în considerare exemplul de mai jos pentru aplicarea directă într-un design complex.
Notă imagine: este greu să simulezi calitatea diferită a imaginii de la două dispozitive la un al treilea dispozitiv, adică cel la care te uiți acum. Calitatea imaginii va arăta de două ori mai bună și mai clară pentru un player de muzică retină, chiar ocupând același spațiu fizic. Dacă doriți să verificați singur, am folosit unul dintre programele mele gratuite, puteți descărca codul sursă.
Termenul de afișare „Retina” este de la Apple, așa că alte companii vor folosi „HI-DPI” sau „Super power pixel maximum sp33d display” (voi depune cel mai recent brand) sau niciunul dintre acestea. Tot ce trebuie să faceți este să citiți specificațiile dispozitivului și să vă dați seama care sunt DPI-ul și dimensiunea ecranului (ce distractiv).
Tine minte: Produsele Apple sunt o modalitate excelentă de a vă familiariza cu conversiile DPI și de a înțelege diferențele dintre rezoluție, PPI și raportul de aspect, deoarece trebuie să vă faceți griji doar pentru un multiplicator.
Ce este un multiplicator
Când vine vorba de convertirea designului dvs. la toate IPP posibile, multiplicatorul va fi salvatorul dvs. de matematică. Dacă cunoașteți multiplicatorul, nu mai trebuie să vă faceți griji cu privire la caracteristicile detaliate ale dispozitivului.Să luăm exemplul nostru iPhone 3G și 4. Ai de două ori mai mulți pixeli în aceeași dimensiune fizică. Deci multiplicatorul tău este 2. Aceasta înseamnă că pentru a face resursele grafice compatibile cu rezoluția 4G, trebuie doar să înmulți dimensiunea resurselor tale grafice cu 2 și atât.
Să presupunem că creați un buton de 44*44px, care este ținta tactilă recomandată de iOS (voi vorbi despre asta mai târziu). Să-i spunem numele tipic de buton „JIM”.
Pentru a face un JIM bun pe iPhone 4, trebuie să creați o versiune cu dimensiune dublă a acestuia. Ceea ce facem mai jos.
Notă: stânga - 2px colțuri rotunjite 16px dimensiunea fontului, dreapta 4px colțuri rotunjite 32px dimensiunea fontului.
Destul de simplu. Acum JIM are o versiune de Jim.png pentru PPI normal (IPhone 3) și o versiune [email protected] pentru 200% PPI (iPhone 4).
Acum întrebi: „Dar stai! Sunt sigur că există și alți multiplicatori în afară de doar doi. Da, există și aici devine un coșmar. Bine, poate nu este un coșmar, dar sunt sigur că preferați să vă petreceți ziua călcându-vă șosetele decât să vă ocupați de mulți multiplicatori. Din fericire, nu este atât de înfricoșător pe cât crezi, vom ajunge la asta mai târziu.
Să vorbim mai întâi despre unități, pentru că acum veți avea nevoie de o altă unitate decât un pixel pentru a vă descrie modelele cu mai multe DPI. Atunci vine momentul pentru DP și PT.
Tine minte: pentru fiecare design la care lucrați trebuie să cunoașteți multiplicatorul. Multiplicatorii țin împreună această lume a dimensiunii ecranului și haosul PPI și o fac ușor de înțeles pentru oameni.
Ce este DP, PT și SP
DP sau PT este o unitate de măsură folosită pentru a descrie machetele create pentru mai multe dispozitive și DPI.DP sau DiP înseamnă Pixel independent de dispozitiv și PT ca punct. PT folosește Apple; DP este folosit în Android, dar în esență sunt la fel. Pe scurt, ele determină dimensiunea indiferent de multiplicatorul dispozitivului. Ajută foarte mult atunci când discutăm despre acestea. sarcini între subiecte la fel de diverse precum proiectantul și inginerul.
Să luăm exemplul nostru anterior de buton, „JIM”.
Jim are 44 px lățime pentru ecranele normale non-retină și 88 px lățime pentru ecranele retină. Să fim tehnici și să adăugăm căptușeală de 20 de pixeli în jurul lui Jim pentru că îi place spațiul alb. Apoi umplutura va fi de 40px pentru retină. Dar nu are sens să luăm în considerare pixelii retinei atunci când proiectați pe un ecran non-retină.
Vom proceda astfel: vom lua ca bază raportul de aspect 100% al unui ecran obișnuit non-retina.
În acest caz, JIM-ul va avea dimensiunea de 44*44DP sau PT și va fi căptușit 20DP sau PT. Îți poți oferi tehnologia. dat în orice PPI, JIM va fi în continuare 44 * 44dp sau pt.
Android și IOS adaptează această dimensiune la ecran și convertesc cu multiplicatorul corect. De aceea, cred că este mai ușor să proiectați întotdeauna cu PPI implicit pentru ecranul dvs.
SP este utilizat separat de DP și PT, dar funcționează în același mod. SP înseamnă pixeli independenți de scară și este folosit pentru a defini dimensiunile fonturilor. SP depinde de setările de font ale utilizatorilor de dispozitive Android. Pentru un proiectant, definiția SP este aceeași cu definiția DP pentru orice altceva. Luați ca bază ceea ce poate fi citit la scară 1x (16SP, de exemplu, este o dimensiune mare a fontului pentru citire).
Tine minte: când le faci. atribuire, utilizați întotdeauna valori independente de rezoluție/scală. Este mereu. Cu cât dimensiunea/rezoluția ecranului diferă mai mult, cu atât este mai semnificativă.
Setarea PPI
Acum că știți ce sunt PPI, retina și multiplicatorul, este important să spun ceva despre care am fost întrebat foarte puțin și care este confuz: „Ce se întâmplă dacă schimb configurația PPI în editorul meu grafic?”Dacă ți-ai pus această întrebare, înseamnă că ești oarecum familiarizat cu editorii de imagini. Acum este foarte important să înțeleg ce mi-a luat ceva timp: Orice lucru care nu este destinat tipăririi utilizează dimensiuni de pixeli, indiferent de configurația inițială PPI.
Setările PPI în programe sunt o moștenire a afacerii de imprimare. Dacă proiectați doar pentru web, PPI nu va avea niciun efect asupra dimensiunii bitmap-ului dvs. De aceea folosim multiplicatori și nu valori specifice PPI. Pânza și grafica dvs. vor fi întotdeauna pixelate de software folosind multiplicatorul corespunzător.
De exemplu. Puteți încerca singur într-un program care vă permite să reglați PPI, cum ar fi Photoshop. Am desenat un pătrat de 80*80px și un text de 16pt în Photoshop cu o configurație de 72ppi. Al doilea este același cu configurația 144PPI.
După cum puteți vedea, textul a devenit destul de mare, de două ori mai mare mai exact, în timp ce pătratul a rămas același. Motivul pentru aceasta este că programul (Photoshop în acest caz) scalează (cum ar trebui) valorile pt pe baza valorii PPI, rezultând dublarea dimensiunii de redare a textului la setări duble PPI. Pe de altă parte, ceea ce a fost definit de pixeli - pătratul albastru - rămâne exact aceeași dimensiune. Un pixel este un pixel și va rămâne un pixel indiferent de setările PPI. Ele diferă unele de altele doar prin PPI-ul ecranului care le afișează.
Este important să rețineți că atunci când proiectați pentru digital, PPI va afecta doar modul în care vă percepeți designul și fluxul de lucru și grafica de dimensiunea pt, cum ar fi fontul. Dacă includeți fișiere sursă cu diferite setări PPI în munca dvs., programul va redimensiona orice imagine transferată între diferite fișiere în funcție de raportul PPI al fișierului de primire. Aceasta va deveni o problemă pentru tine.
Soluţie? Utilizați un PPI (pentru un design 1x, de preferință în intervalul 72-120) și rămâneți cu el. Eu personal folosesc 72 ppi pentru că aceasta este setarea implicită în Photoshop și majoritatea colegilor mei fac același lucru.
Tine minte:
Gestionarea PPI în iOS
Este timpul să ne aprofundăm în designul specific platformei. Să aruncăm o privire asupra dispozitivelor iOS de la începutul anului 2014. În ceea ce privește dimensiunile ecranului și DPI, există 2 tipuri de dispozitive mobile și 2 tipuri de ecrane de laptop/desktop cu iOS. În categoria mobile, desigur, au iPhone și iPad-uri.În categoria telefoane, aveți vechi 3GS (iOS6 încă acceptat) și mai sus. Doar iPhone 3GS nu este retina. iPhone 5 și versiunile superioare folosesc un ecran mai înalt, cu același DPI ca și iPhone 4 și 4s. Vezi fișa cheat de mai jos:
Notă: 1) 1x multiplicator, 2) 2x multiplicator, 3) 2x multiplicator.
În septembrie 2014, Apple a introdus 2 noi categorii de iPhone: iPhone 6 și iPhone 6 Plus. iPhone 6 este mai mare decât iPhone 5 (cu 0,7 inci), dar cu același PPI. Pe de altă parte, iPhone 6 introduce un multiplicator nou-nouț pentru iOS, @3x datorită dimensiunii sale, 5,5 inci.
Trebuie să știți ceva special despre modul în care iPhone 6 Plus își gestionează afișajul față de toate celelalte iPhone-uri.
Reduce dimensiunea imaginilor.
De exemplu, atunci când proiectați pentru iPhone 6, proiectați pe o pânză de 1334*750px, iar telefonul redă și 1334*750 pixeli fizici. În cazul iPhone 6 Plus, rezoluția telefonului este mai mică decât imaginea redată, așa că trebuie să proiectați pentru o rezoluție de 2208*1242px, iar telefonul se va reduce la o rezoluție de 1920*1080px. Vezi poza de mai jos:
Rezoluția fizică este cu 13% mai mică decât rezoluția redată. Acest lucru creează câteva erori, cum ar fi jumătate de pixeli, ceea ce face detaliile foarte fine neclare. Deși rezoluția este atât de mare, nu va fi vizibilă decât dacă te uiți foarte aproape. Deci, proiectați pe o pânză de 2208*1242px și aveți grijă la elementele de design foarte mici, cum ar fi super separatoare. Vezi mai jos o simulare a ceea ce se întâmplă:
Ghidul pentru sistemul de operare Chrome nu a fost încă lansat, dar nici utilizarea Pixel (cu ecran tactil) nu este grozavă. Cu toate acestea, deoarece toate aplicațiile Chrome OS sunt bazate pe web, aș sugera oricum proiectarea pentru ecrane tactile. Recomandarea mea ar fi să aplici ghidul Android în scopuri tactile.
Web, dispozitive hibride și viitor
Vă va fi clar ce decizie să luați dacă dezvoltați pentru mobil. Fă-o pentru ecrane tactile. Dacă dezvoltați pentru desktop, alegeți non-touch. Sună simplu, dar ignoră noua tendință în creștere - dispozitivele hibride.Un dispozitiv hibrid este un dispozitiv care pretinde să ofere atât comenzi tactile, cât și non-touch. Chromebook Pixel, Surface Pro și Lenovo Yoga sunt exemple bune.
Ce să faci în acest caz? Ei bine, nu există un răspuns ușor aici, dar voi trece înainte și vă voi oferi unul: selectați comenzile tactile. Aici va merge tehnologia.
Dacă proiectați pentru web sau ceva de genul acesta, gândiți-vă la atingere.
Tine minte:
Software grafic
Software-ul nu vă va face un designer, dar alegerea software-ului potrivit pentru sarcina în cauză vă poate îmbunătăți considerabil productivitatea și vă poate ușura munca. Know-how-ul software nu ar trebui să fie singura ta abilitate, dar învățarea și stăpânirea instrumentului potrivit va contribui în mare măsură la realizarea ideilor tale.Când vine vorba de gestionarea modificărilor DPI în designul interfeței, toate programele funcționează diferit. Unii sunt mai buni decât alții în anumite sarcini. Iată cele mai comune:
photoshop
Mama instrumentelor de proiectare a interfeței. Probabil cel mai folosit instrument astăzi. Pentru el, există un număr infinit de resurse, tutoriale, articole. Photoshop a existat aproape din zorii designului de interfață.După cum sugerează și numele, primul scop al programului nu a fost în proiectarea interfeței, ci în retușarea fotografiilor sau a bitmap-urilor. A evoluat pe parcursul unui an și odată cu nașterea designului de interfață, designerii și-au schimbat scopul. Acest lucru a fost parțial pentru că erau obișnuiți cu asta și pentru că era singurul program care era capabil să facă lucrurile atât de bine cât era nevoie.
Photoshop este până în prezent maestrul editării bitmap și este încă cel mai folosit program pentru proiectarea interfeței cu utilizatorul. Moștenirea sa de un deceniu face din Photoshop un program de învățare greu de găsit. Folosind Photoshop ca un cuțit elvețian uriaș, puteți face totul, dar nu întotdeauna în cel mai eficient mod.
Deoarece se bazează în mod nativ pe un bitmap, este dependent de DPI, spre deosebire de Illustrator și Sketch sunt descrise mai jos.
Ilustrator
Editor de vectori, fratele Photoshop. După cum indică și numele, se adresează ilustratorilor, dar poate fi folosit și ca instrument de proiectare a interfeței.Illustrator este potrivit pentru designul de tipărire și, prin urmare, interfața, gestionarea culorilor, scara, riglele și unitățile de măsură te pot opri și necesită câteva ajustări pentru a fi utilizat cu ușurință doar pentru designul interfeței. La fel ca Photoshop, este un instrument incredibil de puternic, cu o curbă de învățare abruptă.
Diferă de Photoshop prin faptul că este independent DPI, bazându-se pe forme vectoriale. Spre deosebire de imaginile raster, graficele realizate folosind forme vectoriale se bazează pe formule matematice și vor fi recalculate programatic fără pierderi de calitate.
Înțelegerea diferenței dintre o imagine raster și o imagine vectorială este cheia pentru crearea unui design vizual scalabil și a resurselor grafice.
Dacă doriți să începeți să utilizați Illustrator pentru design web/interfață, vă recomand să citiți
1
Sunt complet nou în Photoshop și trebuie să fac ceva ce nu știu cum.
Am o imagine cu 100 dpi. Dorim ca această imagine să fie tipărită pe un poster. Trebuie să măresc valoarea de la 100 dpi la 300 dpi.
În photoshop am mers la Image/Image size. Am eliminat „Resample Image”, am trecut de la 100 pixeli/inch la 300, dar dimensiunea documentului este redusă. Chestia este că nu vreau să redimensionez posterul. „Dimensiunea documentului” este aceeași cu dimensiunea posterului? Dacă da, ce ar trebui să fac pentru a păstra dimensiunea reală cu o creștere de la 100 dpi la 300 dpi? Dimensiunea imaginii crește cu de 3 ori cea mai bună soluție?
0
Dacă debifați „Reeșantionare”, dimensiunea documentului ar trebui să rămână consecventă, deoarece tot ceea ce faceți este să schimbați relația dintre pixeli și dimensiunea fizică. Dacă am 100 de pixeli, îi pot întinde până la 1 inch (100 dpi) sau îi pot micșora până la o treime de inch (300 dpi). În ambele cazuri, mai am doar 100 de pixeli (aceeași dimensiune a documentului), dar acoperirea lor se modifică. De asemenea, rețineți că „ppi” (pixeli pe inch) este preferat față de „dpi” (puncte pe inch), deoarece acesta din urmă se referă la altceva în contextul tipografiilor profesionale. - JYelton 09 iul 12 2012-07-09 20:21:24
1 raspuns
Triere:
Activitate
0
Photoshop, cu toată puterea pe care o are, este în continuare editorul de bitmap în centrul său. Setările DPI sunt doar un factor de conversie. Dacă doriți să măriți imaginea, va trebui să măriți dimensiunea pânzei sau să scadă setarea pe inch
De exemplu.
Imagine de 100 x 100 la 100 dpi = imagine de 1" x 1" Imagine de 100 x 100 la 200 dpi = 0,5" x 0,5"
„Măriți dimensiunea” imaginilor imprimate, trebuie să reduceți dpi, astfel încât
Imagine de 100 x 100 la 5 dpi = 20" x 20"
0
Imagine 3545x7088 @ 100dpi = 36" x 70" Imagine 3545x7088 @ 300dpi = 11" x 23" Nu vreau o imagine mai mare sau mai mică în imprimarea finală. Ceea ce mă aștept este să obțin o imagine de 2545x7088@300dpi de la 36"x70". Este un alt program mai bun decât Photoshop pentru asta? -
