Kako podesiti pametne telefone i računare. Informativni portal

Rezolucija 72 dpi kako to učiniti. Kako promijeniti rezoluciju slike koristeći Adobe Photoshop

06/02/16 6.9K

prije, kako povećati sliku u Photoshopu, morate ispravno postaviti rezoluciju. Potrebno ga je modificirati posebno za potrebe tiska, jer kvalitet ispisa ovisi o rezoluciji slike.

  1. Otvorite Photoshop, idite na Datoteka> Otvori i odaberite sliku:
  1. Idite na Slika> Veličina slike:

  1. Dijaloški okvir Veličina slike će izgledati kao na slici ispod:

  1. Da promijenite samo rezoluciju, poništite izbor u polju za potvrdu Resample Image:

Prije toga kažemo programu da ne želimo mijenjati broj piksela na slici. Ovo se dešava kada promenimo veličinu slika ( povećati ili smanjiti ih). Kada promijenimo rezoluciju, ne mijenjamo broj piksela na fotografiji, mijenja se samo vrijednost koliko će ovih piksela biti prikazano po inču:

  1. U polje Rezolucija unesite željenu veličinu:

Imajte na umu da kada unesete vrijednost u polje Rezolucija, širina i visina dokumenta se također mijenjaju:

  1. Kliknite na dugme "OK" da sačuvate promene:

Sada znaš, kako povećati rezoluciju slike u Photoshopu.

U ovom primjeru, imali smo sliku od 300 ppi. Hteo sam da je objavim, tako da je slika morala biti najmanje 600 piksela po inču. Zapamtite da nismo dodali ili smanjili broj piksela na slici.

Imajte na umu da su širina i visina dokumenta prepolovljene, a rezolucija se udvostručila. To znači da da bih koristio 600 ppi i održao visok kvalitet, mogu odštampati samo ovu sliku na 5 x 3,33 inča:

Šta će se dogoditi ako smanjimo rezoluciju?


Kao što ste mogli pretpostaviti, širina i visina našeg dokumenta su se udvostručile kada smo prepolovili našu rezoluciju. Sada se moja slika može odštampati u većoj veličini, ali će kvalitet biti mnogo lošiji. Stoga, morate znati kako povećati kvalitet slike u Photoshopu.

Šta sve ovo znači?

Imajte na umu da se veličina piksela nikada ne mijenja. Počeli smo sa slikom od 3000 x 2000 piksela i završili sa dimenzijama i dalje 3000 x 2000 piksela. Ovo je važno zapamtiti jer kada promijenimo rezoluciju mijenjamo samo vrijednost koja pokazuje koliko piksela će biti prikazano po inču slike, a ne koliko piksela čini sliku.

Zamislite da ste vi i vaš prijatelj u polju i svaki ima kantu punu 5000 sjemenki biljaka. Morate posaditi svih svojih 5000 sjemenki u kvadrate polja od 1 inča. Sada zamislite da vam je dozvoljeno da posadite samo 150 sjemenki po inču, a vašem prijatelju 300 sjemenki po inču. Oba imaju isti broj sjemenki, ali će vam trebati dupla površina u polju da posadite svo sjeme.

Hajde da izbrojimo da bude jasnije kako povećati rezoluciju slike u Photoshopu:

Slika u primjeru je 3000 x 2000 piksela

600 PPI: 3000 piksela / 600 piksela po inču = 5 inča.
2000 piksela / 600 piksela po inču = 3,33 inča.
300 PPI: 3000 piksela / 300 piksela po inču = 10 inča.
2000 piksela / 300 piksela po inču = 6,667 inča.
150 PPI: 3000 piksela / 150 piksela po inču = 20 inča.
2000 piksela / 150 piksela po inču = 13,33 inča.
72 ppi: 3000 piksela / 72 piksela po inču = 41,67 inča.
2000 piksela / 72 ppi = 27,78 inča.

Kako rezolucija utiče na štampanje?

U ovom primjeru, slika je štampana laserskim štampačem na standardnim listovima papira veličine 8,5 "x 11":


72 ppi: Dokument je toliko velik da ne stane na list 8,5 "x 11" i izrezan je. Kvalitet štampe je izuzetno loš, što rezultira veoma ispranom slikom.

150 PPI: Veličina dokumenta je i dalje prevelika za papir veličine 8,5 "x 11", a kvalitet je osrednji, ali ne baš prikladan.

Veličina, rezolucija i formati... Šta se dešava sa pikselima? Kupujete li kameru zbog broja megapiksela? Imate li problema sa postavljanjem fotografija na internet? Da li se vaša fotografija štampa u lošem kvalitetu iako izgleda odlično na ekranu? Čini se da postoji neka zabuna između piksela i bajtova (veličina slike i veličine datoteke), kvaliteta i kvantiteta, veličine i rezolucije. U ovom tutorijalu analiziraćemo ove izuzetno važne informacije za svakog fotografa.

Pa hajde da prođemo kroz neke osnovne koncepte kako bismo vam olakšali život, vaš radni tok efikasniji, a vaše slike prave veličine za njihovu namjeravanu upotrebu.

Ovo je slika od 750 × 500 piksela sa rezolucijom od 72 dpi, sačuvani format je kompresovani JPG, koji iznosi 174 kb. Hajde da vidimo šta sve ovo znači.

Da li su rezolucija i veličina iste?

Jedan od najvećih nesporazuma dolazi iz koncepta dozvole. Ako je ovo vaš slučaj, vjerujte mi da niste sami.

Problem je što se dozvola može odnositi na mnoge stvari, od kojih dvije mogu biti problematične. Sljedeće ću objasniti ova dva koncepta rezolucije, međutim oni imaju jednu zajedničku stvar koju prvo moram razjasniti. Oba imaju veze sa pikselima.

Vjerovatno ste čuli puno o pikselima, barem kada ste kupili kameru. Ovo je jedna od najjasnijih i najbitnijih specifikacija na tržištu, pa ću početi s tim.

Šta je Pixel?

Digitalna fotografija nije jedna nedjeljiva stvar. Ako zumirate dovoljno blizu, možete vidjeti da slika izgleda kao mozaik malih pločica, koji se na fotografiji nazivaju pikseli.

Broj ovih piksela i način na koji su raspoređeni su dva faktora koja se moraju uzeti u obzir da bi se razumjelo što je rezolucija.

Broj piksela

Prva vrsta rezolucije odnosi se na broj piksela koji formiraju vašu fotografiju. Da biste izračunali ovu rezoluciju, jednostavno koristite istu formulu koju biste koristili za površinu bilo kojeg pravokutnika; pomnožite dužinu sa visinom. Na primjer, ako imate fotografiju sa 4500 piksela na horizontalnoj i 3000 na vertikalnoj strani, to vam daje 13 500 000. Pošto je ovaj broj vrlo nepraktičan, možete ga jednostavno podijeliti sa milion da ga pretvorite u megapiksele. Dakle 13.500.000 / 1.000.000 = 13,5 megapiksela.

Gustina piksela

Druga rezolucija je način na koji distribuirate raspoloživi ukupan broj piksela, koji se obično naziva gustinom piksela.

Sada se rezolucija izražava u dpi (ili ppi), što je skraćenica za tačke (ili piksele) po inču, a dogodilo se da ovo nije prevedeno u metrički sistem. Dakle, ako vidite 72 dpi, to znači da će slika imati gustinu od 72 piksela po inču; ako vidite 300 dpi, to je 300 piksela po inču i tako dalje.

Konačna veličina vaše slike ovisi o rezoluciji koju odaberete. Ako je slika 4500 x 3000 piksela, to znači da će se štampati na 15 x 10 inča ako postavite rezoluciju na 300 dpi, ali pri 72 dpi će biti 62,5 x 41,6 inča. Iako se veličina odštampane slike mijenja, vi ne mijenjate veličinu vaše fotografije (datoteke slike), vi jednostavno mijenjate organizaciju postojećih piksela.

Zamislite gumenu traku, možete je rastegnuti ili skupiti, ali ne mijenjate količinu trake, ne dodajete je ili sečete.

Dakle, rezolucija i veličina nisu ista stvar, ali su povezane.

Dakle, da li količina znači kvalitet?

Zbog gore navedenog odnosa između veličine i rezolucije, mnogi misle da megapikseli znače kvalitet. I na neki način, to je zato što što više piksela imate, to je veća njihova gustina.

Međutim, osim količine, morate uzeti u obzir i dubinu piksela, to je ono što određuje količinu tonskih vrijednosti koje vaša slika sadrži. Drugim riječima, to je broj boja po pikselu. Na primjer, 2-bitna dubina može pohraniti samo crnu, bijelu i dvije nijanse sive, ali češća vrijednost je 8 bita. Vrijednosti rastu eksponencijalno, na primjer kod 8-bitne fotografije (2 do 8 = 256), imate 256 nijansi zelene, 256 nijansi plave i 256 nijansi crvene, što znači oko 16 miliona boja.

Ovo je više nego što oko može reći, što znači da će nam 16-bitni ili 32-bitni izgledati relativno isto. Naravno, to znači da će vaša slika biti teža čak i ako je veličina ista, jer u svakom pikselu ima više informacija. Zbog toga kvalitet i kvantitet nisu nužno identični.

Stoga je kvantiteta bitna, ali veličina i dubina svakog piksela određuju kvalitet. Zbog toga biste trebali pogledati sve specifikacije kamere i njenog senzora, a ne samo broj megapiksela. Na kraju krajeva, postoji ograničenje veličine koju možete ispisati ili pregledati, štoviše, to će rezultirati samo dodatnom veličinom datoteke (megabajti) i neće utjecati na veličinu slike (megapiksela) ili kvalitet.

Kako odabrati i kontrolirati veličinu slike i datoteke?

Prije svega, morate odlučiti koja vam je maksimalna gustoća potrebna. Ako svoju sliku objavite na mreži, trebali biste biti u mogućnosti to učiniti sasvim dobro s rezolucijom od samo 72 dpi, ali to je prenisko za štampanje fotografija. Ako ćete štampati, potrebno vam je 300 do 350 dpi.

Naravno, govorimo općenito, jer će svaki monitor i svaki štampač imati malo različite rezolucije. Na primjer, ako želite odštampati fotografiju do 8 x 10 inča, potrebno je da slika bude 300 dpi x 8 "= 2400 piksela i 300 dpi x 10" = 3000 piksela (dakle 2400 x 3000 za 8 x 10 štampa pri 300 dpi). Sve veće će zauzeti samo prostor na tvrdom disku.

Kako promijeniti veličinu uPhotoshop

Otvorite meni Veličina slike i u iskačućem prozoru morate označiti okvir "resample". Ako ne aktivirate "resample", redistribuiraćete piksele, kao što sam objasnio na početku članka.

Također možete odabrati potvrdni okvir "Proporcija" ako želite da se parametri podese prema vašim promjenama. Dakle, širina se mijenja kada se visina mijenja i obrnuto.

8 x 10 inča na 300ppi, ovo je veličina potrebna za štampanje 8 × 10. Obratite pažnju na veličinu piksela 3000x 2400.

750 × 500 piksela na 72ppi... Ovo je web rezolucija i to je tačna veličina svih slika u ovom članku. Veličina u inčima nije bitna kada se objavljuje na webu – bitna je samo veličina u pikselima.

Na vrhu prozora također ćete vidjeti kako se mijenja veličina datoteke. Ovo je nekomprimirana verzija vaše slike, ovo je direktna veza o kojoj sam govorio u prvom dijelu članka: manje piksela znači manje informacija.

Sada, ako i dalje želite promijeniti veličinu datoteke bez promjene veličine, to možete učiniti kada sačuvate sliku. Prije snimanja fotografije možete odabrati željeni format:

Ako ne želite da izgubite bilo koju informaciju, morate zadržati nekomprimovani format. Najčešći je TIFF.

Ako vam ne smeta da izgubite malo informacija i imate lakši fajl, idite na JPEG i odaberite koliko želite da bude mali. Očigledno, što nižu vrijednost postavite, više informacija ćete izgubiti. Srećom, ima dugme za pregled tako da možete vidjeti utjecaj vaše kompresije.

JPG visokog kvaliteta.

JPG niske kvalitete. Primjetite kako je pikseliziran i razbijen? Ako odaberete vrlo nizak kvalitet, rizikujete da previše degradirate sliku.

Zaključak

Dakle, to je ono što znače kvalitet, kvantitet, veličina i rezolucija, a svi su vezani za piksele, jer su to osnovne jedinice koje čine sliku. Sada kada znate kako da napravite najbolji izbor za štampanje, slanje i skladištenje vaših fotografija. Sve ove informacije su detaljnije izložene u video kursu: "Tajne kreativne obrade fotografija za početnike", da biste pročitali opis kursa, kliknite na sliku ispod.

Kako pripremiti grafiku za štampu? Priprema izgleda za profesionalnu tipografiju je laka ako slijedite nekoliko jednostavnih pravila. Kada sam počeo da se bavim štampom, ljudi koji su me upućivali dali su mnogo manje informacija nego što ću vam reći. Generalno, moj brifing je izgledao ovako:

“Ne stavljajte tekst blizu linija za sečenje, postavite ga na 300 dpi,
Radite u CMYK-u i sve će biti u redu."

Tih dana sam već imao iskustva sa pripremom grafike za web, ali nikad nisam radio sa štampom. Ipak, ovih par prijedloga bilo je dovoljno da se sljedećeg dana pokrenu gotovi radni PDF fajlovi. U ovom članku pokušat ću vam prenijeti svoje praktično iskustvo izbjegavajući nepotrebnu teoriju. Delimično sam ovo pokrio u nizu članaka, ali šta dođavola? Nije važno šta pripremate za štampu, letke, naslovnice ili časopis. Većinu problema možete lako zaobići ako slijedite ova jednostavna pravila.

Dimenzije u štampi
ili koja je veličina datoteke za ispis?

Ako pripremate grafiku za štampu, a ne za web, slijedite jednostavno pravilo: radite sa stvarnim dimenzijama. Na primjer, ako želite da odštampate letak 10cm x 20cm, kreirajte fajl 10cm x 20cm. Ako želite da kreirate nalepnice sa radijusom od 3cm, kreirajte fajl 3cm x 3cm. Zaista je jednostavno. Ako želite da kreirate dokument ili grafiku koja odgovara veličini A4, kreirajte A4 datoteku. Standardna veličina A4 je 210 mm x 297 mm. Prilikom kreiranja vizitkarte potrebno je da kreirate datoteku fizičke veličine vizit karte. Ne na oko, ne približno, ne u pikselima, već tačno sa dimenzijama koje vizit karta ima u stvarnom životu - 90mm x 50mm.

Zapamtite glavnu stvar: ekran monitora se mjeri u pikselima. Gotovi štampani proizvodi kao što su letci, vizit karte, naljepnice ili brošure mjere se u milimetrima ili drugim fizičkim jedinicama. Za rad sa stvarnim dimenzijama, prilikom kreiranja datoteke u Photoshopu ili Illustratoru, odmah promijenite fizičke jedinice.

Rezolucija štampe
ili šta je 300dpi i kako napraviti rezoluciju štampe?

Standardna štampana fotografija ima određenu fizičku veličinu od 10 "x 15". Ali koliko su to piksela? Koliko piksela ima jedan inč? 10, 20 ili sto pet stotina? Za ovo područje je zaslužna "rezolucija" slike. Rezolucija, poznata i kao rezolucija, mjeri se u dpi ili ppi. To je skraćenica za tačke po inču DPI ili piksel po inču PPI. Najčešće je jedna tačka boje jednaka jednom pikselu, ali ne radi se o tome. Što više piksela ima u jednom inču, to sadrži više grafičkih informacija i detalja. Da je rezolucija standardne fotografije samo 1 dpi, tada bi 1 piksel bio jednak jednom inču, a fotografija se sastojala od samo 10 puta 15 piksela po širini i visini.

Samo zapamtite magične brojeve i sve će biti u redu.

Visokokvalitetna ofset štampa zahteva 300 dpi... Odnosno, u jednom inču slike mora biti tačno 300 piksela. Ako bismo odštampali proizvoljan letak, recimo 10 x 5 inča, onda bi u pikselima takva slika morala biti 3000 x 1500 piksela.

Za štampanje fotografija na digitalnom štampaču, dovoljno je 150-250 dpi.

Za štampanje uličnih banera dovoljno je 90-120 dpi, što je i logično, gledajući takve transparente sa udaljenosti od najmanje 10 metara. Banerima nije potreban detalj koji se traži od štampe, koju gledamo iz daljine.

Način rada u boji (CMYK ili RGB)
ili kako pretvoriti izgled u CMYK?

RGB je na ekranu, a CMYK je papirni način rada. Zapravo, CMYK režim boja na ekranu monitora je samo imitacija onoga što se može dobiti na papiru, što je i logično. Na kraju krajeva, boja na papiru ne može biti sjajna kao sunce da vam oči zaslijepe. Sunce emituje svetlost, a papir (kao i svaki materijal) odbija. To je razlika u reprodukciji svjetla kod dva modela boja. Stoga, posebno svijetle RGB slike blijede kada se konvertuju u CMYK. RGB ima širi spektar boja od CMYK. Miješanjem je nemoguće dobiti otrovne svijetlozelene boje, ali u RGB-u su sasvim stvarne. Ako ćete štampati u ofsetu, radite u CMYK. Ofset štampa je izoštrena za CMYK. Slika je u početku otisnuta na 4 platna, koja su postavljena jedno na drugo. Korišćenjem RGB-a, trokanalna slika za štampanje u 4 boje će dovesti do katastrofalnih rezultata. Najblaže rečeno, cirkulacija će biti pokvarena, jer će boje na izlazu biti potpuno drugačije.

Ako štampate na kućnom štampaču ili pripremate sliku za digitalnu štampu, ostavite je u RGB. Digitalna štampa radi drugačije. Uglavnom digitalni štampači su usmjereni na konverziju iz RGB-a u hodu. Istovremeno, digitalni štampači imaju specifičan skup boja, sličan proširenom CMYK-u. Ali vi, kao dizajner, ne morate da se slažete oko ovoga. Samo naučite - RGB digitalna štampa, CMYK ofset. I sve će biti dobro.

ICC profil u boji
ili čemu služe profili u pripremi za štampu?

ICC profil boja je posebna datoteka koja opisuje kako određeni uređaj može upravljati bojom. Očigledno, sposobnost različitih monitora da prikažu sliku je različita. Monitori sa dobrim matricama prikazuju boje svetlije i živopisnije od monitora sa jeftinim matricama. Isto je i sa mogućnošću štampača da štampa boje. Značajno se razlikuje za različite štampače. Ako pisač ne može ispisati određenu boju, pokušava uskladiti sličnu boju. Za dizajnera štampe je važno da štampani proizvod izgleda isto kao i na monitoru. U istom obliku i u istim bojama, u kojima je odobren od strane kupca.

Kako se to može postići? Očigledno, kada kreirate dizajn, morate koristiti isti profil boja koji tipografija koristi prilikom ispisa. Da biste to učinili, potrebno je da kontaktirate određenu štampariju i zatražite zahtjeve za date rasporede. Ako zaista nemate takvu mogućnost, ne znate gdje će kupac odštampati dizajn, ako je štamparija na drugom kraju zemlje - koristite prazne standardne boje. Ako će se štampa na evropskom dijelu, molimo stavite Europe Prepress. Ako će se dizajn tiskati u Americi, koristite SAD. Sheetfed Coated, ako u Aziji koristite Japan Color Coated i najvjerovatnije će biti u redu. Ali sigurnije je kontaktirati štampariju. Možda štamparija koristi svoj individualni profil za štampu. U tom slučaju, oni će vam jednostavno poslati datoteku, a vi je koristite za simulaciju boje na djelu.

Korekcija boje
Ili kako da slika na printu bude ista kao na monitoru?

Najvažniji dio pripreme za štampu je ispravna korekcija boje. Važno je zapamtiti: što je više kanala s bojom po boji, to će ispasti tamnije. Najčistije i najsjajnije boje se sastoje od jednog ili dva kanala. C0M100Y100K0 = najveći mogući pomak crveno. C100M0Y100K0 Za tamnije crvene boje koristite plavi kanal. U idealnom slučaju, crni kanal se koristi za kontrastna područja fotografije, sjene ili obrise. Što je manje mešovitih kanala, slika je svetlija. Ovo treba uzeti u obzir prilikom kreiranja svijetlih šarenih reklama i ilustracija za crtane filmove. Ovo treba uzeti u obzir prilikom ispravne korekcije boja portreta i ljudske kože.

Photoshop nudi mnogo alata za rad sa kanalima. Ovo su dobro poznate krive. Curves, nivoi Nivoi i Channel balans... Važno je shvatiti da će ono što je vidljivo na monitoru biti 20% tamnije u štampanom obliku. Ovo se mora uzeti u obzir prilikom ocjenjivanja boja. Postoji nekoliko rješenja. Ili posvijetlite sliku s marginom, uzimajući u obzir naknadno zatamnjenje, ili simulirajte odštampano zamračenje. To se može učiniti, na primjer, u Postavke boja - Napredne kontrole

Rezane linije

Logično je da se nakon štampanja letaka, vizitkarti, kalendara i drugog materijala moraju izrezati iz papira. Ne govorimo o standardnoj dokumentaciji formata A4, već o štampi proizvoljnih veličina. To se radi običnim štamparskim nožem. Ispod oštrice i zhakh stavlja se paket papira sa štampom! U tom slučaju greške su neprihvatljive. Ako se ne iseku ispravno, omoti CD-a neće stati u kutije, razglednice neće stati u brošure itd. Potrebne su precizne oznake pomoću kojih štampač može da iseče otisak. Ove oznake su linije rezanja. Kako ih stavite na desetu stvar. Ovo je nebitno za štampu. Ručno ili automatski kroz spremanje PDF datoteke, ili korištenjem efekata poput Effect> Crop Marks u Illustratoru.

Prilikom rezanja papira, pakovanje štampe ide malo ispod kosine. Postoji prirodna greška, što znači da su praznine potrebne da bi se to nadoknadilo, inače će se na rubovima otiska formirati tanki bijeli rubovi praznog papira. Prilikom kreiranja izgleda dizajna, ova greška se mora uzeti u obzir. Važne grafičke elemente ne treba postavljati blizu ivica. Mogu se jednostavno odrezati. Tanki okviri oko linija rezanja su isključeni, mogu se jednostavno odrezati prilikom rezanja. Nedavno sam iskoristio priliku i nacrtao sebi vizit karte sa prilično debelim tačkastim rubom oko ivica. One vizitkarte koje su bile na vrhu prilikom rezanja su dobro ispale, donji dio posjetnica je otišao ispod kosine i okvir se pokazao previše neravnim.

Svaka štamparija će rado dati svoje tehničke zahtjeve za veličinu praznina, ali ako nemate priliku da ih kontaktirate, ostavite razmak od 4 mm sa svake strane. Na primjer, ako ispisujete grafiku veličine 100 mm x 100 mm, kreirajte datoteku od 108 mm x 108 mm ili stavite 4 mm u datoteku bleed kada kreirate i spremite PDF sa linijama rezova počevši od bleed. Naravno, veličina vaše grafike bi ionako trebala biti preko 100 mm sa 4 mm sa svake strane.

Pretisak

Kao što ste već shvatili, ofset štampa se štampa u 4 boje. Magenta, žuta, plava i dodatna crna. Sljedeće situacije nisu neuobičajene u štampi. Na primjer, želimo stvoriti ružičastu pozadinu sa crnim tekstom na njoj. Kako se štampač ponaša u takvoj situaciji? 4 boje su štampane na različitim listovima. Zatim se ovi listovi spajaju. Odnosno, ružičasta pozadina će biti odštampana na jednom listu magenta mastilom. Crni tekst će biti odštampan na drugom listu. Prilikom povezivanja različitih kanala može doći do grešaka. Crni tekst se neće ravnomjerno uklopiti u prazne prostore između ružičastog mastila i stvarat će se bijeli razmaci. Ovo je najvažnije za male fontove. U ovom slučaju, Overprint dolazi u pomoć. Ova postavka ne ostavlja praznine, ali se štampa na vrhu svih kanala mastila. U stvari, crni font će ležati na ružičastoj boji. S jedne strane, kao rezultat nametanja 2 boje jedna na drugu, sama crna će postati sočnija, a s druge strane, praznine i nepreciznosti na rubovima fonta će biti uništene.

Pretisak se koristi ne samo za crnu boju, već i za zanimljive efekte. U stvari, isti efekat se simulira pomoću Multiply Blend Mode.

Trapping

Trapping je još jedno rješenje za problem usklađivanja boja različitih kanala. Malo je vjerovatno da ćete naći zamku u redovnoj štampi, ali ćete na nju naići izbliza kada pripremate grafike za majice, staklenke bezalkoholnih pića i druge nestandardne mogućnosti štampe. Evo u čemu je stvar. Trapping je lagano preklapanje jedne boje na drugu. Uzmimo na primjer isti problem, ružičastu pozadinu i crni tekst. U ovom slučaju, oko slova teksta se pravi lagani potez koji zasjenjuje rubove ružičastog područja. Ovo smanjuje mogućnost zazora između dvije boje.

I pretpostavljam da je to sve što trebate znati da biste svoju grafiku pripremili za štampu. I opet, vrlo kratko:

  • rad sa stvarnim merama. Ako pripremate vizit kartu, kreirajte dokument veličine 90 x 50 mm.
  • postavljeno 300 dpi, niža rezolucija se koristi samo za vanjsko oglašavanje
  • radite u CMYK ako štampate u ofsetu
  • pitajte štampariju za profil boja
  • odštampana slika će biti tamnija, razmislite o tome
  • ne postavljajte važne elemente blizu linija rezanja i ostavljajte praznine
  • pretiskom crnog teksta

Ne znam sve, pa ako mislite da negdje griješim ili trebate nešto pojasniti, ili imate bilo kakve prijedloge ili pitanja za poboljšanje ovog vodiča, pošaljite e-mail na [email protected] Možete naći i kod mene Twitter, ili Facebook.

Šta je DPI i PPI

DPI ili (dots per inch) "tačke po inču" je mjera prostorne gustine tačaka prvobitno korištenih u štampanju. Ovo je broj kapi mastila koje vaš štampač može da primi u jednom inču. Niži DPI rezultira manje detaljnim slikama.

Ovaj koncept se odnosi na kompjuterske ekrane koji se nazivaju PPI (pikseli po inču). Isti princip: broj piksela koje ekran može prikazati po inču se računa. DPI naziv se takođe koristi na ekranima.

Windows računari podrazumevano imaju 96 PPI. Mac koristi 72, iako ova vrijednost nije tačna od 80-ih. Obični PC računari bez retina (takođe i Macovi) imat će minimalno 72 PPI do oko 120 maksimalno. Dizajniranje sa PPI između 72 i 120 će vašem radu dati otprilike isti omjer širine i visine svuda.

Evo primjera aplikacije: Mac Cinema ekran od 27 inča ima 109 PPI, što znači da prikazuje 109 piksela po inču ekrana. Širina sa okvirom je 25,7 inča (65 cm). Širina stvarnog ekrana je približno 23,5 inča, dakle 23,5 * 109 ~ 2560, što čini fizičku rezoluciju ekrana 2560x1440px. * Znam da 23,5 * 109 nije baš 2560. Zapravo je +23,486238532 inča. Bilo bi preciznije piksela po centimetru, ali shvatili ste.

Utjecaj na vaš dizajn

Recimo da nacrtate plavi kvadrat veličine 109 * 109 px na gore navedenom ekranu. Ovaj kvadrat će imati fizičku veličinu od 1 "* 1" na ekranu. Ali ako vaš korisnik ima ekran od 72 PPI, plavi kvadrat će izgledati fizički veći, jer će za ekran od 72 PPI trebati oko inč i po da prikaže vaš plavi kvadrat od 109 piksela. Pogledajte simulaciju efekta u nastavku.

Zapamtite: Ostavljajući po strani razlike u boji i rezoluciji, imajte na umu da će svi drugačije vidjeti vaš dizajn. Trebate težiti najboljem kompromisu i stvarati za najveći postotak korisnika. Nemojte pretpostavljati da korisnik ima isti ekran kao i vaš.

Rezolucija ekrana (i izvorna rezolucija)

Rezolucija ekrana može imati ogroman utjecaj na to kako korisnik percipira vaš dizajn. Na sreću, pošto su LCD monitori zamenili CRT, korisnici sada imaju tendenciju da imaju izvorne rezolucije ekrana sa dobrim odnosom veličine ekrana i PPI.

Rezolucija definira broj piksela prikazanih na ekranu (na primjer: 2560 * 1440px za kino ekran od 27 inča) 2560 širina, 1440 visina. Sada, naravno, kada znate šta znači PPI, razumete da to ne može biti jedinica mere za fizičku veličinu. Možete imati ekran od 2560x1440 veličine vašeg zida i drugi veličine vaše glave.

Moderni LCD monitori imaju zadanu, izvornu rezoluciju koja će podnijeti tačan broj piksela koji ekran može prikazati. Stariji CRT monitori su malo drugačiji, ali pošto se mogu smatrati mrtvim, da ne ulazimo u detalje (i da ne utičemo na moje delimično razumevanje dobrih starih televizora).

Uzmite naš bioskop od 27 inča, koji može prikazati 109 PPI pri izvornoj rezoluciji od 2560 * 1440 px. Smanjenjem rezolucije elementi će izgledati veći. Na kraju krajeva, imate samo 23,5 horizontalnih inča koje možete ispuniti s gotovo manje piksela.

Rekao sam virtuelno, jer će u ovom slučaju tako biti. Ekran ima izvornu rezoluciju od 2560 * 1440 px. Ako je rezolucija smanjena, pikseli se i dalje prikazuju na 109 PPI. Da popuni taj prostor i cijeli ekran, vaš OS će sve rastegnuti, vaš GPU / CPU će uzeti sve piksele i izračunati ih s novim omjerom.

Ako želite da napravite rezoluciju od 1280 * 720 (pola širine, pola visine prethodne) na 27 inča, onda će vaš GPU morati da simulira piksel koji je dvaput uvećan da popuni ekran. Šta će biti rezultat? Dakle - zamagljivanje. Iako će podjela omjera izgledati prilično dobro zbog jednostavnog djelitelja, ali ako želite 1/3 ili 3/4 omjera, na kraju ćete dobiti decimalna mjesta i NE MOŽETE podijeliti piksel. ... Pogledajte primjer ispod.

Bilješka: lijevo: prikazivanje OSX prozora u prirodnoj rezoluciji (1400 * 900px): desno prikazivanje OSX prozora u simuliranoj nižoj rezoluciji (1024 * 640px retina).

Razmotrite još jedan primjer u nastavku. Uzmimo liniju od 1 piksela na ekranu izvorne rezolucije. Sada napravimo rezoluciju 50% manjom. Da bi ispunio ekran, CPU će morati da generiše 150% slike, množeći sve sa 1,5, 1 * 1,5 = 1,5, ali ne možete prepoloviti piksele. I to će biti kako slijedi: ispunit će okolne piksele djelićem boje, stvarajući zamućenje.

Napomena: Na lijevoj strani je linija od 1 piksela u bilo kojoj zadanoj rezoluciji, na desnoj strani je linija od 1 piksela pri 150% nižoj rezoluciji.

Stoga, ako imate Retina Macbook Pro i želite da promijenite rezoluciju, prikazat će se prozor ispod, obavještavajući vas (na slici ispod) kako će ta rezolucija "izgledati" 1280 * 800px. Koristi korisničku percepciju rezolucije ekrana za izražavanje omjera širine i visine.

Ovo je vrlo subjektivan pojam jer koristi rezoluciju piksela kao jedinicu fizičke veličine, ali to je istina, barem s njihove tačke gledišta.

Zapamtite: Ako želite da vaš dizajn (ili bilo koji dizajn) uvijek bude savršen u pikselima, nikada ne koristite drugu rezoluciju osim izvorne rezolucije za svoj ekran. Da, možda će vam biti ugodnije sa manjim omjerom, ali kada su u pitanju pikseli, želite da budete što precizniji. Nažalost, neki ljudi koriste rezoluciju kao način da bolje vide šta se dešava na ekranu (posebno na radnoj površini) kada bi trebalo da koriste postavke pristupačnosti. Ovo će i dalje učiniti da vaš dizajn izgleda loše, ali sa ove tačke gledišta, korisnici traže poboljšanu čitljivost, a ne sjaj.

Šta je 4k


Vjerovatno ste u posljednje vrijeme čuli dosta o terminu 4K (barem kada sam o tome pisao početkom 2014.), 4k je prilično trendi tema. Da bismo razumeli šta je to, hajde da prvo razumemo šta znači HD.

Pažljivo, ovo je veliko pojednostavljenje. Govorit ću samo o najčešćim rezolucijama. Postoje različite HD kategorije. Termin HD se odnosi na bilo koju rezoluciju počevši od 1280x720px ili 720p za 720p horizontalne linije. Neki ga mogu nazvati i SD (standardna definicija).

Izraz Full HD odnosi se na ekrane od 1920x1080px. Većina vrhunskih televizora i telefona (Galaxy SIV, HTC One, Sony Xperia Z, Nexus5) koristi ovu rezoluciju.

4K počinje od 3840x2160 piksela. Takođe se zove Quad HD i može se nazvati UHD od Ultra HD-a. Jednostavno rečeno, na 4K ekranu možete ugnijezditi 4 1080p, u smislu broja piksela. Druga 4K rezolucija je 4096x2160. Malo je veći i koristi se za projektore i profesionalne kamere.

Šta se dešava ako povežem 4K ekran na računar


Moderni operativni sistemi ne skaliraju 4K, što znači da će, ako povežete 4K ekran na Chromebook ili MacBook, on koristiti resurse s najvećim DPI, u ovom slučaju 200% ili @ 2x (dvastruko više) i prikazati ih u svojim normalan odnos. Ovo će učiniti da sve izgleda dobro, ali malo.

Hipotetički primjer: Ako povežete 12 "4K ekran na računar sa 12" ekranom visoke definicije (2x), sve će izgledati upola manje.

Zapamtite:

  • 4k je 4 puta Full HD;
  • Ako OS koji koristite radi na 4K, ali ga ne povećava, to znači da još nema specifičnih grafičkih resursa u 4K;
  • Do danas, nijedan telefon ili tablet ne koristi 4K.

Monitor Hertz


Ovdje pravimo pauzu od PPI i rezolucije ekrana. Možda ste vidjeli da postoji Hz vrijednost monitora pored postavki rezolucije ekrana. Nema nikakve veze sa PPI, ali samo u slučaju da se pitate, Hertz monitora - ili brzina osvježavanja - je jedinica brzine kojom će vaš monitor prikazati fiksnu sliku ili okvir u sekundi vremena. Monitor sa 60 Hz će moći da prikaže 60 sličica u sekundi. Monitor 120Hz - 120fps, itd.

U kontekstu korisničkog interfejsa, Hertz (Hz) vrijednost će odrediti koliko će vaša animacija izgledati glatko i detaljno. Većina ekrana radi na 60Hz. Imajte na umu da broj renderiranih kadrova u sekundi također ovisi o procesorskoj i grafičkoj snazi ​​uređaja. Povezivanje ekrana od 120Hz na Atari 2600 bilo bi potpuno beskorisno.

Za bolje razumijevanje, pogledajte primjer u nastavku. T-Rex ide od tačke A do tačke B sa istim jednakim i brzim i korakom od 60 Hz i 120 Hz ekrana. Ekran od 60fps može prikazati 9 kadrova tokom animacije, dok ekran od 120fps logično prikazuje dvostruko više kadrova u istom vremenskom rasponu. Animacija će izgledati glatko na ekranu od 120Hz.

Zapamtite: Neki ljudi mogu reći da ljudsko oko ne može vidjeti više od 60 sličica u sekundi. To nije u redu. Ne slušajte i odlazite smejući se histeričnim smehom.

Šta je retina displej?

Apple je uveo termin "Retina" ekran za iPhone 4. Zove se Retina (retina u prijevodu) jer je PPI uređaja bio toliko visok da ljudska mrežnica vjerovatno ne bi mogla vidjeti pojedinačne piksele na ekranu.

Ova izjava je tačna za veličine ekrana u rasponu uređaja u kojima se koristi, ali kako ekrani postaju sve bolji i bolji, naše oči su sada dovoljno uvježbane da percipiraju piksele - posebno za zaobljene elemente korisničkog sučelja.

Tehnički, oni prikazuju dvostruko više piksela po visini i širini pri istoj fizičkoj veličini.

iPhone 3G/S je bio 3,5 inča, 480*320px i 163PPI.
iPhone 4/S je bio 3,5 inča sa rezolucijom od 960*640px i 326ppi.

BOOM! Tacno dva puta. Jednostavan množitelj. Stoga elementi na ekranu, umjesto da su manji, izgledaju dvostruko vizualno oštrije, jer imaju duplo više piksela i potpuno iste fizičke dimenzije. Jedan normalan piksel jednak je 4 piksela retine.

Razmotrite donji primjer za direktnu upotrebu u složenim dizajnima.

Napomena na slici: teško je simulirati različit kvalitet slike sa dva uređaja na treći uređaj, odnosno ovaj koji trenutno gledate. Kvaliteta slike će izgledati duplo bolje i oštrije za muzički plejer na retini, čak i zauzimajući isti fizički prostor. Ako želite sami da ga testirate, koristio sam jedan od mojih besplatnih programa, možete preuzeti izvorni kod.

Termin "Retina" displej pripada Appleu, tako da će druge kompanije koristiti "HI-DPI" ili "Super power pixel maximum sp33d display" (registrovaću najnoviji brend) ili ništa od toga. Sve što trebate učiniti je pročitati specifikacije uređaja i shvatiti koji su DPI i veličina ekrana (koliko zabavno).

Zapamtite: Apple proizvodi su odličan način da se upoznate s DPI konverzijom i shvatite razlike između rezolucije, PPI i omjera fizičke veličine, jer morate brinuti samo o 1 množitelju.

Šta je multiplikator

Kada je u pitanju transformacija vašeg dizajna za sve moguće PPI, množitelj će biti vaš matematički spas. Kada saznate množitelj, više ne morate brinuti o detaljnim specifikacijama uređaja.

Uzmimo naš primjer sa iPhone 3G i 4. Imate dvostruko više piksela u istoj fizičkoj veličini. Dakle, vaš množitelj je 2. To znači, da bi vaša grafička sredstva bila kompatibilna sa 4G rezolucijom, jednostavno morate pomnožiti veličinu vaših grafičkih sredstava sa 2 i to je to.

Recimo da kreirate dugme 44 * 44px, što je preporučeni iOS cilj za dodir (o tome ću kasnije). Nazovimo ga tipičnim imenom za JIM dugme.

Da biste dobro radili JIM na iPhoneu 4, trebate kreirati njegovu verziju dvostruke veličine. Što radimo u nastavku.

Bilješka: lijevo - 2px zaobljeni uglovi 16px veličina fonta, desno 4px zaobljeni uglovi 32px veličina fonta.

Prilično jednostavno. Sada JIM ima verziju Jim.png za normalan PPI (IPhone 3) i verziju [email protected] za 200% PPI (iPhone 4).

Sada pitate: „Ali čekajte! Siguran sam da postoje i drugi faktori osim samo dva. Da, postoji, i tu postaje noćna mora. Dobro, možda i nije noćna mora, ali siguran sam da bi radije proveo dan peglajući svoje čarape nego da se nosiš s mnogo množitelja. Na sreću, ovo nije tako strašno kao što mislite, na to ćemo se vratiti kasnije.

Hajde da prvo razgovaramo o jedinicama, jer vam je sada potrebna jedinica mere koja nije u pikselima da opišete svoje multi DPI dizajne. Tada dolazi vrijeme za DP i PT.

Zapamtite: za svaki dizajn na kojem radite morate znati množitelj. Multiplikatori drže ovaj svijet haosa u veličini ekrana i PPI zajedno i čine ga čitljivim za ljude.

Šta su DP, PT i SP

DP ili PT je jedinica mjere koja se koristi za kreiranje opisa vaših izgleda, kreiranih za različite uređaje i DPI.
DP ili DiP znači Pixel neovisni o uređaju, a PT za Point. PT koristi Apple; DP se koristi u Androidu, ali su u suštini isti. Ukratko, oni određuju veličinu bez obzira na množitelj uređaja. Mnogo pomaže kada se raspravlja o tome. zadaci između različitih aktera kao što su dizajner i inženjer.

Uzmimo naš prethodni primjer dugmeta, "JIM".
Jim je širok 44px za ekrane koji nisu retina, i 88px širok za ekrane retina. Pređimo na tehničke detalje i dodamo 20px padding oko Jima jer on voli slobodan prostor. Tada će dopuna biti 40px za retinu. Ali zaista nema smisla uzimati u obzir retina piksele kada dizajnirate na ekranu koji nije retina.

Nastavit ćemo na sljedeći način: za osnovu ćemo uzeti 100% omjer širine i visine normalnog ekrana bez mrežnice.

U ovom slučaju, JIM će imati veličinu od 44 * 44DP ili PT i uvlake od 20DP ili PT. Možete dati svoje njima. posao u bilo kojem PPI, JIM će i dalje biti 44 * 44dp ili pt.

Android i IOS će prilagoditi ovu veličinu ekranu i konvertovati sa ispravnim množiteljem. Zbog toga mislim da je lakše uvijek dizajnirati sa zadanim PPI za vaš ekran.

SP se koristi odvojeno od DP i PT, ali radi isto. SP označava piksele nezavisne od veličine i koristi se za definisanje veličina fonta. SP ovisi o postavkama fonta korisnika Android uređaja. Za dizajnera, definicija SP-a je ista kao i definicija DP-a za sve ostalo. Uzmite za osnovu ono što je čitljivo u skali od 1x (16SP, na primjer, odlična je veličina fonta za čitanje).

Zapamtite: kada ih komponujete. specifikacije, uvijek koristite vrijednosti neovisne o rezoluciji/skali. Uvijek je. Što se veličina/rezolucija ekrana više razlikuje, to je značajnije.

PPI setup

Sada kada znate šta su PPI, retina i multiplikator, važno je reći ono o čemu me je vrlo malo ljudi pitalo, a to je zbunjujuće: "Šta će se dogoditi ako promijenim PPI konfiguraciju u svom grafičkom uređivaču?"

Ako ste sebi postavili ovo pitanje, znači da ste malo upoznati sa grafičkim uređivačima. Sada je veoma važno shvatiti za šta mi je trebalo vremena: Sve one koje se ne mogu ispisati koriste dimenzije piksela bez obzira na početnu PPI konfiguraciju.

PPI postavke u programima su naslijeđe štampanja. Ako dizajnirate samo za web, PPI neće imati utjecaja na veličinu vaše bitmape. Zbog toga koristimo množitelje, a ne specifične PPI vrijednosti. Vaše platno i grafike će uvijek biti konvertirani u piksele pomoću softvera koristeći odgovarajući množitelj.

Na primjer. Možete to sami isprobati u programu koji vam omogućava da prilagodite PPI, na primjer Photoshop. Nacrtao sam kvadrat 80*80px i tekst od 16pt u Photoshopu sa konfiguracijom od 72ppi. Drugi je isti sa konfiguracijom od 144PPI.



Kao što vidite, tekst je postao prilično veliki, odnosno duplo veći, dok je kvadrat ostao isti. Razlog za to je taj što program (Photoshop u ovom slučaju) skalira (kao što bi trebao) pt vrijednosti na osnovu PPI vrijednosti, čime se udvostručuje veličina renderiranja teksta na dvostruko PPI postavku. S druge strane, ono što je definirano pikselima - plavi kvadrat - ostaje potpuno iste veličine. Piksel je piksel i ostat će piksel bez obzira na PPI postavke. Razlikuju se jedni od drugih samo po PPI-u ekrana koji ih prikazuje.

Važno je zapamtiti da kada dizajnirate za digitalnu tehnologiju, PPI će utjecati samo na to kako vi percipirate svoj dizajn i tok posla i grafiku veličine pt, kao što je font. Ako u svoj rad uključite izvorne datoteke s različitim PPI postavkama, program će promijeniti veličinu bilo koje prenesene slike između različitih datoteka prema PPI omjeru datoteke koja prima. Ovo će vam postati problem.

Rješenje? Koristite PPI (za 1x dizajne poželjno u rasponu 72-120) i držite ga se. Ja lično koristim 72 ppi jer je to zadana postavka u Photoshopu i većina mojih kolega radi isto.

Zapamtite:

  • PPI postavke ne utiču na izvoz za internet.
  • PPI postavke će utjecati samo na grafiku generiranu iz PPI nezavisnih mjerenja kao što je PT
  • Piksel je jedinica mjere za sve digitalno.
  • Imajte na umu množitelje i ono što razvijate, a ne PPI.
  • Koristite realistične PPI postavke za digitalni dizajn koje vam daju osjećaj kako će to izgledati na ciljnim uređajima (npr. 72-120 ppi za 1x internet stranice / desktope).
  • Držite se istih PPI postavki za sve svoje datoteke.
  • Više o tome možete pročitati u zanimljivom postu na StackExchangeu.

PPI obrada u iOS-u

Vrijeme je da zaronite u dizajn specifičan za platformu. Idemo kroz IOS uređaje početkom 2014. Što se tiče veličine ekrana i DPI-ja, sa iOS-om postoje 2 tipa mobilnih uređaja i 2 tipa ekrana za laptop/desktop. U kategoriji mobilnih telefona sigurno imaju iPhone i iPad.

U kategoriji telefona imate stari 3GS (i dalje podržava iOS6) i noviji. Samo iPhone 3GS bez retina. iPhone 5 i noviji koriste viši ekran sa istim DPI kao iPhone 4 i 4s. Pogledajte cheat sheet ispod:

Bilješka: 1) 1x množilac, 2) 2x množilac, 3) 2x množilac.

U septembru 2014. Apple je predstavio 2 nove kategorije iPhonea: iPhone 6 i iPhone 6 Plus. iPhone 6 je veći od iPhonea 5 (0,7 inča), ali sa istim PPI. S druge strane, iPhone 6 predstavlja potpuno novi multiplikator za iOS, @ 3x zbog svoje veličine od 5,5 inča.

Postoji nešto posebno što trebate znati o tome kako iPhone 6 Plus upravlja svojim ekranom u odnosu na sve druge iPhone uređaje.

Smanjuje veličinu slika.

Na primjer, kada dizajnirate za iPhone 6, projektujete na platnu od 1334 * 750 piksela, a telefon također renderira 1334 * 750 fizičkih piksela. U slučaju iPhonea 6 Plus, telefon ima nižu rezoluciju od renderirane slike, tako da morate projektovati za 2208 * 1242px i telefon će se smanjiti na 1920 * 1080px. Pogledajte sliku ispod:

Fizička rezolucija je 13% niža od prikazane rezolucije. Ovo stvara nekoliko grešaka poput polupiksela, zamagljujući vrlo fine detalje. Iako je rezolucija toliko visoka da će biti nevidljiva samo ako pogledate vrlo blizu. Zato dizajnirajte na platnu od 2208 * 1242px i budite oprezni s vrlo malim elementima dizajna kao što su super razdjelnici. U nastavku pogledajte simulaciju onoga što se dešava:

Vodič za Chrome OS tek treba biti objavljen, ali upotreba Pixela (touchscreen) također nije sjajna. Međutim, budući da su sve Chrome OS aplikacije zasnovane na webu, ipak bih predložio dizajn za ekrane osjetljive na dodir. Moja preporuka bi bila da primenite Android touch vodič.

Web, hibridni uređaji i budućnost

Biće vam jasno koju odluku da donesete ako razvijate za mobilne uređaje. Uradite za ekrane osetljive na dodir. Ako razvijate za desktop računare, izaberite ekran bez dodira. Zvuči jednostavno, ali zanemaruje novi i rastući trend - hibridne uređaje.

Hibridni uređaj je uređaj koji navodno pruža i kontrolu dodirom i kontrolu bez dodira. Chromebook Pixel, Surface Pro i Lenovo Yoga su dobri primjeri.

Šta učiniti u ovom slučaju? Pa, ovdje nema jednostavnog odgovora, ali ću biti ispred sebe i dati jedan: odaberite kontrole na dodir. Ovamo će tehnologija ići.

Ako je vaš dizajn za web ili nešto slično, razmislite o kontroli dodirom.

Zapamtite:

  • Za skoro sve što ćete raditi u budućnosti, razmišljajte o mobilnom telefonu i dodiru.
  • Koristite preporučene mete dodira za svaki OS. Ovo će vam pomoći da poboljšate svoj dizajn i da postignete konzistentnost sa OS-om.
  • Senzorni ciljevi su indikativni; to ne znači da ih morate slijediti doslovno. Na kraju, vi kontrolišete iskustvo.

Grafički softver

Softver vas neće učiniti dizajnerom, ali odabir pravog softvera za vaš zadatak može uvelike poboljšati vašu produktivnost i olakšati vaš posao. Znanje o softveru ne bi trebalo biti vaša jedina vještina, ali će učenje i ovladavanje pravim alatom biti veliko ulaganje u oživotvorenje vaših ideja.

Kada je u pitanju rukovanje DPI promjenama u dizajnu interfejsa, svi programi rade drugačije. Neki su bolji od drugih za određene zadatke. Najčešći su:

Photoshop

Majka alata za dizajn interfejsa. Vjerovatno najčešće korišteni alat danas. Postoji beskrajna količina resursa, tutorijala, članaka za to. Photoshop postoji skoro od samog početka dizajna interfejsa.

Kao što ime govori, prvi cilj programa nije bio dizajn interfejsa, već retuširanje fotografija ili bitmapa. Razvijao se tokom godine i sa rođenjem dizajna interfejsa, dizajneri su promenili njegovu svrhu. To je dijelom bilo zato što su bili navikli na to i zato što je to bio jedini program koji je mogao raditi stvari koliko je potrebno.

Photoshop je i danas majstor uređivanja bitmapa i još uvijek je najčešće korišteni program za dizajn korisničkog interfejsa. Njegovo desetogodišnje naslijeđe čini Photoshop programom koji je teško pronaći za učenje. Korištenjem Photoshopa kao ogromnog švicarskog noža možete učiniti sve, ali ne uvijek na najefikasniji način.

Budući da je izvorno zasnovan na bitmap, ovisi o DPI-u, za razliku od Illustrator-a i Sketch-a opisanih u nastavku.

Ilustrator

Vektorski uređivač, brat Photoshopa. Kao što mu ime kaže, namijenjen je ilustratorima, ali se može koristiti i kao alat za dizajn interfejsa.

Illustrator je pogodan za dizajn štampe, te stoga njegov interfejs, upravljanje bojama, skala, lenjiri i merne jedinice mogu da vas odvrate i zahteva nekoliko podešavanja kako bi se lako mogao koristiti samo za dizajn interfejsa. Kao i Photoshop, ovo je nevjerovatno moćan alat sa strmom krivuljom učenja.

Razlikuje se od Photoshopa po tome što je neovisan o DPI-u zbog svoje osnove na vektorskim oblicima. Za razliku od bitmapa, grafike napravljene s vektorskim oblicima su zasnovane na matematičkim formulama i programski će se ponovo izračunati bez gubitka kvaliteta.
Razumijevanje razlike između rasterskih i vektorskih slika ključno je za kreiranje skalabilnih vizualnih dizajna i grafičkih sredstava.

Ako želite da počnete da koristite Illustrator za svoj veb dizajn / interfejs, preporučujem čitanje

1

Potpuno sam nov u Photoshopu i moram da uradim nešto što stvarno ne znam kako.

Imam sliku od 100 dpi. Želimo da ova slika bude odštampana na posteru. Trebam povećati vrijednost sa 100 dpi na 300 dpi.

U photoshopu sam otišao na Image / Image size. Skinuo sam "Resample Image", prebacio 100 piksela/inča na 300, ali se veličina dokumenta smanjila. Stvar je u tome što ne želim da menjam veličinu postera. Da li je “veličina dokumenta” ista kao i veličina postera? Ako je tako, šta trebam učiniti da stvarnu veličinu povećam sa 100 dpi na 300 dpi? Da li slika raste u veličini uz najbolje rješenje 3x?

0

Ako poništite izbor u polju za potvrdu "resample", veličina dokumenta bi trebala ostati dosljedna jer sve što radite je mijenjanje odnosa između piksela i fizičkih dimenzija. Ako imam 100 piksela, mogu ga rastegnuti na 1 "(100 dpi) ili ga smanjiti na trećinu inča (300 dpi). U oba slučaja i dalje imam samo 100 piksela (ista veličina dokumenta), ali njihova pokrivenost se mijenja. Takođe imajte na umu da je „ppi“ (pikseli po inču) poželjniji od „dpi“ (tačke po inču), jer se ovo drugo odnosi na nešto drugo u kontekstu profesionalnih štamparija. - JYelton 09 jul. 12 2012-07-09 20:21:24

  • 1 odgovor
  • sortiranje:

    Aktivnost

0

Photoshop je, uz svu moć koju ima, još uvijek bitmap editor u srži. DPI postavke su samo faktor konverzije. Ako želite povećati sliku, morat ćete povećati veličinu platna ili SMANJITI postavku po inču

na primjer.

Slika 100x100 @ 100 dpi = 1 "x 1" slika 100 x 100 slika @ 200 dpi = 0,5 "x 0,5"

"Povećajte veličinu" odštampanih slika, potrebno je smanjiti broj tačaka po inču, tako da

Slika 100x100 @ 5dpi = 20 "x 20"

0

3545x7088 slika @ 100dpi = 36 "x 70" 3545x7088 slika @ 300dpi = 11 "x 23" Ne želim veću ili manju sliku u svom konačnom otisku. Ono što očekujem je da dobijem sliku od 2545x7088 @ 300dpi od 36 "x 70". Da li je neki drugi program bolji od Photoshopa za ovo? -

Top srodni članci