Kako postaviti pametne telefone i računala. 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 razlučivost. Potrebno ga je modificirati posebno za potrebe ispisa, jer kvaliteta ispisa ovisi o razlučivosti 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 izgledat će kao na slici ispod:

  1. Da biste promijenili samo razlučivost, poništite potvrdni okvir Resample Image:

Prije toga kažemo programu da ne želimo mijenjati broj piksela na slici. To se događa kada promijenimo veličinu slika ( povećati ili smanjiti ih). Kada promijenimo rezoluciju, ne mijenjamo broj piksela na fotografiji, mijenja se samo vrijednost koliko će se ovih piksela prikazati 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 također se mijenjaju:

  1. Kliknite gumb "U redu" da biste spremili promjene:

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

U ovom primjeru imali smo sliku od 300 ppi. Htio sam je objaviti, pa 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 razlučivost se udvostručila. To znači da kako bih koristio 600 ppi i zadržao visoku kvalitetu, ovu sliku mogu ispisati samo na 5 x 3,33 inča:

Što će se dogoditi ako smanjimo rezoluciju?


Kao što ste mogli pretpostaviti, širina i visina našeg dokumenta udvostručili su se kada smo prepolovili našu rezoluciju. Sada se moja slika može ispisati u većoj veličini, ali će kvaliteta biti puno lošija. Stoga, morate znati kako povećati kvalitetu slike u Photoshopu.

Što 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, a završili s dimenzijama i dalje 3000 x 2000 piksela. Ovo je važno zapamtiti jer kada promijenimo razlučivost, mijenjamo samo vrijednost koja pokazuje koliko će piksela 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 dopušteno posaditi samo 150 sjemenki po inču, a vašem prijatelju je dopušteno posaditi 300 sjemenki po inču. Oba imaju isti broj sjemenki, ali trebat će vam dupla površina u polju da posadite sve svoje sjeme.

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 razlučivost utječe na ispis?

U ovom primjeru, slika je ispisana laserskim pisač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. Kvaliteta ispisa je izrazito loša, što rezultira vrlo ispranom slikom.

150 PPI: Veličina dokumenta je još uvijek prevelika za papir 8,5 "x 11", a kvaliteta je osrednja, ali ne baš prikladna.

Veličina, rezolucija i formati... Što se događa s pikselima? Kupujete li fotoaparat zbog broja megapiksela? Imate li problema s objavljivanjem fotografija na internetu? Ispisuje li se vaša fotografija loše kvalitete iako izgleda sjajno na ekranu? Čini se da postoji neka zbrka između piksela i bajtova (veličina slike i veličine datoteke), kvalitete i količine, veličine i rezolucije. U ovom vodiču analizirat ćemo ovu iznimno važnu informaciju za svakog fotografa.

Pa prijeđimo na neke osnovne koncepte kako bismo vaš život učinili lakšim, radni tijek učinkovitijim, a vaše slike prikladne veličine za namjeravanu upotrebu.

Ovo je slika od 750 × 500 piksela s rezolucijom od 72 dpi, spremljeni format je komprimirani JPG, što je 174 kb. Pogledajmo što sve ovo znači.

Jesu li rezolucija i veličina iste?

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

Problem je u tome što se dopuštenje može odnositi na mnoge stvari, od kojih dvije mogu biti problematične. Sljedeće ću objasniti ova dva koncepta razrješenja, međutim oni imaju jednu zajedničku stvar koju prvo moram pojasniti. Oboje imaju veze s pikselima.

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

Što 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 dva su čimbenika koja se moraju uzeti u obzir kako bi se razumjelo što je razlučivost.

Broj piksela

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

Gustoća piksela

Druga je razlučivost način na koji distribuirate raspoloživi ukupan broj piksela, koji se obično naziva gustoća piksela.

Sada se rezolucija izražava u dpi (ili ppi), što je skraćenica za točkice (ili piksele) po inču, a dogodilo se da to nije prevedeno u metrički sustav. Dakle, ako vidite 72 dpi, to znači da će slika imati gustoću 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 biti ispisana na 15 x 10 inča ako postavite razlučivost na 300 dpi, ali pri 72 dpi bit će 62,5 x 41,6 inča. Iako se veličina ispisane slike mijenja, ne mijenjate veličinu svoje fotografije (datoteke slike), jednostavno mijenjate organizaciju postojećih piksela.

Zamislite gumicu, možete je rastegnuti ili skupiti, ali ne mijenjate količinu trake, ne dodajete je i ne režete.

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

Dakle, znači li kvantitet kvalitet?

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

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 milijuna boja.

To je više nego što oko može vidjeti, š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 kvaliteta i kvantitet nisu nužno identični.

Stoga je količina važna, ali veličina i dubina svakog piksela određuju kvalitetu. Zato biste trebali pogledati sve specifikacije kamere i njezinog senzora, a ne samo broj megapiksela. Uostalom, 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 kvalitetu.

Kako odabrati i kontrolirati veličinu slike i veličinu datoteke?

Prije svega, morate odlučiti koja vam je maksimalna gustoća potrebna. Ako svoju sliku objavite na internetu, trebali biste biti u mogućnosti to učiniti sasvim dobro uz razlučivost od samo 72 dpi, ali to je prenisko za ispis fotografija. Ako ćete ispisivati, trebate 300 do 350 dpi.

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

Kako promijeniti veličinu uPhotoshop

Otvorite izbornik Veličina slike i u skočnom prozoru trebate označiti okvir "resample". Ako ne aktivirate "resample", preraspodijelit ćete piksele, kao što sam objasnio na početku članka.

Također možete označiti potvrdni okvir "Proporcija" ako želite da se parametri prilagode u skladu s 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 ispis 8 × 10. Obratite pažnju na veličinu piksela 3000x 2400.

750 × 500 piksela na 72ppi... Ovo je web rezolucija i to je točna veličina svih slika u ovom članku. Veličina u inčima nije bitna pri objavljivanju na webu – važna 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 izravna poveznica 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 spremite sliku. Prije spremanja fotografije možete odabrati željeni format:

Ako ne želite izgubiti nikakve podatke, morate zadržati nekomprimirani format. Najčešći je TIFF.

Ako vam ne smeta da izgubite malo informacija i imate lakšu datoteku, idite na JPEG i odaberite koliko mala treba biti. Očito, što nižu vrijednost postavite, više ćete informacija izgubiti. Srećom, ima gumb za pregled tako da možete vidjeti učinak kompresije.

JPG visoke kvalitete.

JPG niske kvalitete. Primjetite kako je pikseliziran i razbijen? Ako odaberete vrlo nisku kvalitetu, riskirate previše degradirati sliku.

Zaključak

Dakle, to je ono što znače kvaliteta, količina, veličina i rezolucija, a svi su povezani s pikselima, budući da su to osnovne jedinice koje čine sliku. Sada kada znate kako napraviti najbolji izbor za ispis, slanje i pohranjivanje fotografija. Sve ove informacije detaljnije su izložene u videotečaju: "Tajne kreativne obrade fotografija za početnika", da biste pročitali opis tečaja, kliknite na sliku ispod.

Kako pripremiti grafiku za tisak? Priprema izgleda za profesionalnu tipografiju je prava stvar ako slijedite nekoliko jednostavnih pravila. Kad sam se počeo baviti tiskarstvom, ljudi koji su me podučavali dali su mnogo manje informacija nego što ću vam reći. Općenito, moj brifing je izgledao ovako:

„Ne stavljajte tekst blizu linija rezanja, postavite ga na 300 dpi,
radite u CMYK-u i sve će biti u redu."

Tih sam dana već imao iskustva s pripremom grafike za web, ali nikad nisam radio s tiskom. Ipak, ovih nekoliko prijedloga bilo je dovoljno za pokretanje gotovih radnih PDF datoteka sljedeći dan. U ovom članku pokušat ću vam prenijeti svoje praktično iskustvo izbjegavajući nepotrebnu teoriju. Djelomično sam to obradio u nizu članaka, ali što, dovraga? Nije važno što pripremate za tisak, letke, naslovnice ili časopis. Većinu problema možete lako zaobići ako slijedite ova jednostavna pravila.

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

Pripremate li grafiku za ispis, a ne za web, slijedite jednostavno pravilo: radite s stvarnim dimenzijama. Na primjer, ako želite ispisati letak 10 cm x 20 cm, stvorite datoteku 10 cm x 20 cm. Ako želite izraditi naljepnice s radijusom od 3 cm, napravite datoteku 3 cm x 3 cm. Stvarno je jednostavno. Ako želite izraditi dokument ili grafiku koji odgovara veličini A4, stvorite A4 datoteku. Standardna veličina A4 je 210 mm x 297 mm. Prilikom izrade posjetnice potrebno je izraditi datoteku s fizičkom veličinom posjetnice. Ne na oko, ne približno, ne u pikselima, već točno s dimenzijama koje posjetnica ima u stvarnom životu - 90mm x 50mm.

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

Rezolucija ispisa
ili što je 300dpi i kako napraviti rezoluciju ispisa?

Standardna tiskana fotografija ima određenu fizičku veličinu od 10 "x 15". Ali koliko su to piksela? Koliko je piksela u jednom inču? 10, 20 ili sto i pet stotina? Za ovo područje odgovorna je "razlučivost" slike. Rezolucija, također poznata kao rezolucija, mjeri se u dpi ili ppi. Označava točkice po inču DPI ili piksel po inču PPI. Najčešće je jedna točka boje jednaka jednom pikselu, ali ne radi se o tome. Što više piksela ima jedan inč, 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 čarobne brojeve i sve će biti u redu.

Visokokvalitetni ofsetni tisak zahtijeva 300 dpi... Odnosno, u jednom inču slike mora biti točno 300 piksela. Ako bismo ispisali proizvoljni letak, recimo 10 x 5 inča, onda bi u pikselima takva slika morala biti 3000 x 1500 piksela.

Za ispis fotografija na digitalnom pisaču, dovoljno je 150-250 dpi.

Za ispis uličnih bannera dovoljno je 90-120 dpi, što je i logično, gledajući takve transparente s udaljenosti od najmanje 10 metara. Banneri ne trebaju detalje koji se traže za tisak, koji gledamo iz ruke.

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

RGB je na zaslonu, a CMYK je papirni način rada. Zapravo, CMYK način rada u boji na ekranu monitora samo je imitacija onoga što se može dobiti na papiru, što je i logično. Uostalom, boja na papiru ne može biti sjajna kao sunce da vam oči zaslijepe. Sunce emitira svjetlost, a papir (kao i svaki materijal) reflektira. To je razlika u reprodukciji svjetla dvaju modela boja. Stoga, posebno svijetle RGB slike blijede kada se pretvore 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 ispisivati ​​u offsetu, radite u CMYK-u. Offset tisak je izoštren za CMYK. Slika je u početku otisnuta na 4 platna, koja su postavljena jedno na drugo. Korištenje RGB-a, trokanalna slika za ispis u 4 boje dovest će do katastrofalnih rezultata. Blago rečeno, cirkulacija će biti pokvarena, jer će boje na izlazu biti potpuno drugačije.

Ako ispisujete na kućnom pisaču ili pripremate sliku za digitalni tisak, ostavite je u RGB. Digitalni tisak funkcionira drugačije. Uglavnom su digitalni pisači usmjereni na pretvaranje iz RGB-a u hodu. Istovremeno, digitalni pisači imaju specifičan skup boja, sličan proširenom CMYK-u. Ali vi, kao dizajner, ne morate se slagati oko toga. Samo naučite - RGB digitalni tisak, CMYK offset. I sve će biti dobro.

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

ICC profil boja posebna je datoteka koja opisuje kako određeni uređaj može podnijeti boju. Očito, sposobnost različitih monitora za prikaz slike je različita. Monitori s dobrim matricama prikazuju boje svjetlije i življe od monitora s jeftinim matricama. Isto je i sa sposobnošću pisača da ispisuju boje. Značajno se razlikuje za različite pisače. Ako pisač ne može ispisati određenu boju, pokušava uskladiti sličnu boju. Za dizajnera tiska važno je da ispisani proizvod izgleda isto kao na monitoru. U istom obliku i istim bojama, u kojima je odobren od strane kupca.

Kako se to može postići? Očito, prilikom izrade dizajna morate koristiti isti profil boja koji tipografija koristi prilikom ispisa. Da biste to učinili, trebate kontaktirati određenu tiskaru i zatražiti zahtjeve za dostavljene izglede. Ako zaista nemate takvu priliku, ne znate gdje će kupac ispisati dizajn, ako je tiskara na drugom kraju zemlje - koristite standardne praznine u boji. Ako će se tisak odvijati na europskom dijelu, molimo stavite Europu priprema za tisak. Ako će se dizajn tiskati u Americi, upotrijebite U.S. Sheetfed Coated, ako u Aziji koristite Japan Color Coated i vrlo vjerojatno će biti u redu. Ali sigurnije je kontaktirati tiskaru. Možda tiskara koristi svoj individualni profil za tisak. U tom slučaju će vam jednostavno poslati datoteku, a vi njome simulirate boju na djelu.

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

Najvažniji dio pripreme za tisak je ispravna korekcija boje. Važno je zapamtiti: što više kanala s bojom po boji, to će ispasti tamnije. Najčišće i najsvjetlije boje sastoje se 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 mješovitih kanala, to je slika svjetlija. To treba uzeti u obzir pri stvaranju svijetlih šarenih reklama i ilustracija crtića. To treba uzeti u obzir prilikom ispravne korekcije boja portreta i ljudske kože.

Photoshop nudi puno alata za rad s kanalima. Ovo su dobro poznate krivulje. Krivulje, razine Razine i Balans kanala... Važno je razumjeti da će ono što je vidljivo na monitoru biti 20% tamnije u tiskanom obliku. To se mora uzeti u obzir pri ocjenjivanju boja. Postoji nekoliko rješenja. Ili posvijetlite sliku s marginom, uzimajući u obzir naknadno zamračenje, ili simulirajte ispisano zamračenje. To se može učiniti, na primjer, u Postavke boja - Napredne kontrole

Rezane linije

Logično je da se nakon tiskanja letaka, posjetnica, kalendara i ostalog materijala moraju izrezati iz papira. Ne govorimo o standardnoj dokumentaciji formata A4, već o ispisu proizvoljnih veličina. To se radi običnim tiskarskim nožem. Ispod oštrice i zhakh stavlja se paket papira s tiskom! U takvom slučaju greške su neprihvatljive. Ako se ne izrežu ispravno, omoti CD-a neće stati u kutije, razglednice neće stati u knjižice i tako dalje. Potrebne su precizne oznake pomoću kojih pisač može rezati otisak. Ove oznake su linije rezanja. Kako ih spustiti na desetu stvar. Ovo je nebitno za tisak. Ručno ili automatski kroz spremanje PDF datoteke ili korištenjem efekata poput Efekt> Oznake za obrezivanje u Illustratoru.

Prilikom rezanja papira, paket tiska ide malo ispod kosine. Postoji prirodna pogreška, što znači da su praznine potrebne kako bi se to nadoknadilo, inače će se na rubovima ispisa formirati tanki bijeli rubovi praznog papira. Prilikom izrade izgleda dizajna, ova se pogreška mora uzeti u obzir. Važni grafički elementi ne smiju se postavljati blizu rubova. Mogu se jednostavno odrezati. Tanki okviri oko linija rezanja su isključeni, jednostavno se mogu odrezati prilikom rezanja. Nedavno sam iskoristio priliku i nacrtao si nekoliko posjetnica s prilično debelim točkastim rubom oko rubova. One posjetnice koje su bile na vrhu prilikom rezanja ispale su dobro, donji dio posjetnica je otišao ispod kosine i okvir se pokazao previše neravnim.

Svaka tiskara rado će dati svoje tehničke zahtjeve za veličinu praznina, ali ako ih nemate u mogućnosti kontaktirati, ostavite razmak od 4 mm sa svake strane. Na primjer, ako ispisujete grafike veličine 100 mm x 100 mm, stvorite datoteku 108 mm x 108 mm ili stavite 4 mm u datoteku za ispuštanje kada kreirate i spremite PDF s linijama izreza počevši od bleeda. Naravno, veličina vaše grafike ionako bi trebala biti veća od 100 mm x 4 mm sa svake strane.

Pretisak

Kao što ste već shvatili, ofsetni tisak tiska se u 4 boje. Magenta, žuta, plava i dodatna crna. Sljedeće situacije nisu rijetke u tisku. Na primjer, želimo stvoriti ružičastu pozadinu s crnim tekstom na njoj. Kako se pisač ponaša u takvoj situaciji? 4 boje su tiskane na različitim listovima. Zatim se ovi listovi spajaju. Odnosno, ružičasta pozadina će biti ispisana na jednom listu magenta tintom. Crni tekst bit će ispisan na drugom listu. Prilikom povezivanja različitih kanala može doći do pogrešaka. Crni tekst neće ravnomjerno stati u prazne prostore između ružičaste tinte 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 ispisuje se na svim kanalima tinte. Zapravo, crni će font 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 netočnosti na rubovima fonta će biti uništene.

Pretisak se koristi ne samo za crnu boju, već i za zanimljive efekte. Zapravo, isti učinak simulira Multiply Blend Mode.

Zamka

Trapping je još jedno rješenje za problem usklađivanja boja različitih kanala. Malo je vjerojatno da ćete naći zamku u redovitom tiskanju, ali ćete na nju izbliza naići kada pripremate grafike za majice, staklenke bezalkoholnih pića i druge nestandardne mogućnosti tiska. 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 je napravljen lagani potez koji zasjenjuje rubove ružičastog područja. To smanjuje mogućnost razmaka između dvije boje.

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

  • rad sa stvarnim mjerama. Ako pripremate posjetnicu, izradite dokument veličine 90 x 50 mm.
  • postavljeno 300 dpi, niža rezolucija se koristi samo za vanjsko oglašavanje
  • raditi u CMYK-u ako ispisujete u offsetu
  • pitajte tiskaru za profil boja
  • ispisana slika bit će tamnija, razmislite o tome
  • ne postavljajte važne elemente blizu linija rezanja i ostavljajte praznine
  • pretisak crnog teksta

Ne znam sve, pa ako mislite da sam negdje u krivu ili trebate nešto pojasniti, ili imate bilo kakve prijedloge ili pitanja za poboljšanje ovog vodiča, pošaljite e-poštu na [e-mail zaštićen] Možete pronaći i kod mene Cvrkut, ili Facebook.

Što je DPI i PPI

DPI ili (točke po inču) "točke po inču" mjera je prostorne gustoće točaka izvorno korištenih u ispisu. Ovo je broj kapi tinte koje vaš pisač može primiti u jednom inču. Niži DPI rezultira manje detaljnim slikama.

Ovaj koncept se odnosi na računalne zaslone koji se nazivaju PPI (pikseli po inču). Isti princip: broji se broj piksela koje ekran može prikazati po inču. Naziv DPI također se koristi na zaslonima.

Windows računala prema zadanim postavkama imaju 96 PPI. Mac koristi 72, iako ta vrijednost nije točna od 80-ih. Uobičajena računala koja nisu retina (također i Macovi) imat će minimalno 72 PPI do oko 120 maksimalno. Dizajniranje s PPI između 72 i 120 dat će vašem radu otprilike isti omjer širine i visine posvuda.

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

Utjecaj na vaš dizajn

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

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

Razlučivost zaslona (i izvorna razlučivost)

Razlučivost zaslona može imati veliki utjecaj na to kako korisnik percipira vaš dizajn. Na sreću, budući da su LCD monitori zamijenili CRT, korisnici sada imaju tendenciju da imaju izvorne rezolucije zaslona s dobrim omjerom veličine zaslona i PPI.

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

Moderni LCD monitori imaju zadanu, izvornu razlučivost koja će podnijeti točan broj piksela koji zaslon može prikazati. Stariji CRT monitori su malo drugačiji, ali budući da se mogu smatrati mrtvim, nemojmo ulaziti u detalje (i ne utjecati na moje djelomično razumijevanje dobrih starih televizora).

Uzmite naš kino ekran od 27 inča koji može prikazati 109 PPI pri izvornoj razlučivosti od 2560 * 1440 px. Smanjenjem rezolucije elementi će izgledati veći. Uostalom, imate samo 23,5 vodoravnih inča za popunu s praktički manje piksela.

Rekao sam virtualno, jer će u ovom slučaju tako biti. Zaslon ima izvornu rezoluciju od 2560 * 1440 px. Ako je razlučivost smanjena, pikseli se i dalje prikazuju na 109 PPI. Kako bi ispunio 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 napraviti rezoluciju od 1280 * 720 (pola širine, pola visine prethodne) na 27 inča, tada će vaš GPU morati simulirati piksel koji je dvaput povećan kako bi ispunio zaslon. Što će biti rezultat? Dakle - zamagljivanje. Iako će dijeljenje 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 u nastavku.

Bilješka: lijevo: renderiranje OSX prozora u prirodnoj razlučivosti (1400 * 900px): s desne strane renderiranje OSX prozora u simuliranoj nižoj razlučivosti (1024 * 640px mrežnice).

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

Napomena: s lijeve strane je linija od 1 piksel u bilo kojoj zadanoj razlučivosti, s desne strane je linija od 1 piksela pri 150% nižoj razlučivosti.

Stoga, ako imate Retina Macbook Pro i želite promijeniti razlučivost, prikazat će se prozor ispod, dajući vam do znanja (na snimci zaslona ispod) kako će ta razlučivost "izgledati" 1280 * 800px. Koristi korisničku percepciju razlučivosti zaslona za izražavanje omjera stranica.

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

Zapamtiti: Ako želite da svoj dizajn (ili bilo koji dizajn) uvijek vidite savršenim u pikselima, nikada nemojte koristiti razlučivost zaslona osim izvorne. Da, možda će vam biti ugodnije s manjim omjerom, ali kada su u pitanju pikseli, želite biti što precizniji. Nažalost, neki ljudi koriste razlučivost kao način da bolje vide što se događa na zaslonu (osobito na radnoj površini) kada bi trebali koristiti postavke pristupačnosti. Time će vaš dizajn i dalje izgledati loše, ali s ove točke gledišta, korisnici traže poboljšanu čitljivost, a ne sjaj.

Što je 4k


Vjerojatno ste puno čuli o pojmu 4K u posljednje vrijeme (barem kad sam o tome pisao početkom 2014.), 4k je prilično trendi tema. Da bismo razumjeli što je to, najprije shvatimo što znači HD.

Oprezno, ovo je veliko pojednostavljenje. Govorit ću samo o najčešćim rezolucijama. Postoje razne HD kategorije. Pojam HD odnosi se na bilo koju razlučivost počevši od 1280x720px ili 720p za 720p horizontalne linije. Neki ga također mogu nazvati SD (standardna definicija).

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

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

Što se događa ako spojim 4K zaslon na svoje računalo


Moderni OS ne skaliraju 4K, što znači da će, ako spojite 4K zaslon na Chromebook ili MacBook, koristiti resurse s najvećim DPI, u ovom slučaju 200% ili @ 2x (dvostruko više) i prikazati ih u svojim normalan omjer. Tako će sve izgledati dobro, ali malo.

Hipotetički primjer: ako povežete 12 "4K zaslon na računalo s 12" zaslonom visoke razlučivosti (2x), sve će izgledati upola manje.

Zapamtiti:

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

Monitor Hertz


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

U kontekstu korisničkog sučelja, 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 prikazanih okvira u sekundi također ovisi o procesorskoj i grafičkoj snazi ​​uređaja. Spajanje zaslona od 120Hz na Atari 2600 bilo bi potpuno beskorisno.

Za bolje razumijevanje, pogledajte primjer u nastavku. T-Rex ide od točke A do točke B s istim jednakim i brzim i korakom od 60 Hz i 120 Hz zaslona. Zaslon od 60 fps može prikazati 9 sličica tijekom animacije, dok zaslon od 120 fps logično prikazuje dvostruko više okvira u istom vremenskom rasponu. Animacija će izgledati glatko na ekranu od 120Hz.

Zapamtiti: Neki ljudi mogu reći da ljudsko oko ne može vidjeti više od 60 sličica u sekundi. Nije u redu. Nemojte slušati i otići smijući se histeričnim smijehom.

Što je zaslon retine

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

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

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

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

BUM! Točno dvaput. Jednostavan množitelj. Stoga elementi na ekranu, umjesto da su manji, izgledaju dvostruko vizualno oštrije, jer imaju dvostruko više piksela i potpuno iste fizičke dimenzije. Jedan normalan piksel jednak je 4 piksela mrežnice.

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

Napomena za sliku: teško je simulirati različitu kvalitetu slike s dva uređaja na treći uređaj, odnosno ovaj koji trenutno gledate. Kvaliteta slike izgledat će dvostruko bolja i oštrija za glazbeni player na mrežnici, čak i zauzimajući isti fizički prostor. Ako to želite sami testirati, koristio sam jedan od svojih besplatnih programa, možete preuzeti izvorni kod.

Pojam "Retina" zaslon pripada Appleu, pa će druge tvrtke koristiti "HI-DPI" ili "Super power pixel maximum sp33d display" (registrirat ću najnoviju marku) ili ništa od toga. Sve što trebate učiniti je pročitati specifikacije uređaja i shvatiti koji su DPI i veličina zaslona (koliko zabavno).

Zapamtiti: Appleovi proizvodi izvrstan su način da se upoznate s pretvorbom DPI i shvatite razlike između rezolucije, PPI i omjera fizičke veličine, jer morate brinuti samo o 1 množitelju.

Što je množitelj

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

Uzmimo naš primjer iz iPhonea 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 s 4G razlučivosti, jednostavno morate pomnožiti veličinu svojih grafičkih sredstava s 2 i to je to.

Recimo da stvorite gumb 44 * 44px, koji je preporučeni cilj dodira za iOS (o tome ću kasnije). Nazovimo to tipičnim imenom za JIM gumb.

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

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

Prilično jednostavno. Sada JIM ima verziju Jim.png za normalan PPI (IPhone 3) i verziju [e-mail zaštićen] za 200% PPI (iPhone 4).

Sada pitate: „Ali čekajte! Siguran sam da osim dva postoje i drugi faktori. 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 puno množitelja. Srećom, ovo nije tako strašno kao što mislite, na to ćemo se vratiti kasnije.

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

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

Što su DP, PT i SP

DP ili PT je mjerna jedinica koja se koristi za izradu opisa vaših izgleda, kreiranih za razne uređaje i DPI.
DP ili DiP znači Pixel neovisni o uređaju, a PT za Točku. PT koristiti Apple; DP se koristi u Androidu, ali u biti su isti. Ukratko, oni određuju veličinu bez obzira na množitelj uređaja. Puno pomaže kada se o njima raspravlja. zadaci između tako različitih aktera kao što su dizajner i inženjer.

Uzmimo naš prethodni primjer gumba, "JIM".
Jim je širok 44 px za zaslone bez mrežnice i 88 px širok za zaslone s mrežnicom. Prijeđimo na tehničke detalje i dodajmo 20px padding oko Jima jer voli slobodan prostor. Tada će padding biti 40px za mrežnicu. Ali stvarno nema smisla uzimati u obzir piksele retine kada dizajnirate na zaslonu bez mrežnice.

Nastavit ćemo na sljedeći način: za osnovu ćemo uzeti 100% omjer slike normalnog zaslona bez mrežnice.

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

Android i IOS će prilagoditi ovu veličinu zaslonu i pretvoriti s ispravnim množiteljem. Zato mislim da je lakše uvijek dizajnirati sa zadanim PPI za vaš zaslon.

SP se koristi odvojeno od DP i PT, ali radi isto. SP označava piksele neovisne o mjerilu i koristi se za definiranje 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 kao osnovu ono što je čitljivo u mjerilu 1x (16SP, na primjer, odlična je veličina fonta za čitanje).

Zapamtiti: kad ih sastavljaš. specifikacije, uvijek koristite vrijednosti neovisne o rezoluciji/skali. Je uvijek. Što se veličina/razlučivost zaslona više razlikuje, to je značajnije.

Postavljanje PPI

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

Ako ste si postavili ovo pitanje, znači da ste malo upoznati s grafičkim uređivačima. Sada je vrlo važno razumjeti što mi je trebalo vremena: Sve one koje se ne mogu ispisati koriste dimenzije piksela bez obzira na početnu konfiguraciju PPI-ja.

PPI postavke u programima naslijeđe su ispisa. 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 uvijek će se softverom konvertirati u piksele pomoću odgovarajućeg množitelja.

Na primjer. Možete ga isprobati i sami u programu koji vam omogućuje prilagodbu PPI-a, na primjer Photoshop. Nacrtao sam kvadrat 80 * 80px i tekst od 16pt u Photoshopu s konfiguracijom od 72ppi. Drugi je isti s konfiguracijom od 144PPI.



Kao što vidite, tekst je postao prilično velik, odnosno duplo veći, dok je kvadrat ostao isti. Razlog za to je taj što program (u ovom slučaju Photoshop) skalira (kao što bi trebao) pt vrijednosti na temelju 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. Međusobno se razlikuju samo po PPI-u zaslona koji ih prikazuje.

Važno je zapamtiti da će pri dizajniranju za digitalnu tehnologiju PPI utjecati samo na to kako percipirate svoj dizajn i svoj tijek rada te 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 slike koja se prenosi između različitih datoteka prema omjeru PPI datoteke primatelja. Ovo će vam postati problem.

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

Zapamtiti:

  • PPI postavke ne utječu na izvoz za internet.
  • PPI postavke će utjecati samo na grafiku generiranu iz PPI neovisnih mjerenja kao što je PT
  • Piksel je mjerna jedinica 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 dojam o tome kako će izgledati na ciljnim uređajima (npr. 72-120 ppi za 1x internetske stranice / stolna računala).
  • 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čnog za platformu. Idemo kroz IOS uređaje početkom 2014. Što se tiče veličine zaslona i DPI-a, s iOS-om postoje 2 vrste mobilnih uređaja i 2 vrste zaslona za prijenosna računala/stolna računala. U kategoriji mobilnih telefona sigurno imaju iPhone i iPad.

U kategoriji telefona imate stari 3GS (još uvijek podržava iOS6) i noviji. Samo iPhone 3GS bez mrežnice. iPhone 5 i noviji koriste viši zaslon s istim DPI-jem kao iPhone 4 i 4s. Pogledajte cheat sheet u nastavku:

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

U rujnu 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 s istim PPI. S druge strane, iPhone 6 predstavlja potpuno novi množitelj 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 zaslonom u odnosu na sve druge iPhone uređaje.

Smanjuje veličinu slika.

Na primjer, kada dizajnirate za iPhone 6, projicirate na platno od 1334 * 750px, 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 projicirati za 2208 * 1242px i telefon će se smanjiti na 1920 * 1080px. Pogledajte sliku ispod:

Fizička razlučivost je 13% niža od prikazane rezolucije. To stvara nekoliko propusta poput polupiksela, zamagljujući vrlo fine detalje. Iako je rezolucija toliko visoka da će biti nevidljiva samo ako pogledate vrlo blizu. Stoga 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 događa:

Vodič za OS Chrome još nije objavljen, ali upotreba Pixela (zaslona osjetljivog na dodir) također nije sjajna. Međutim, budući da su sve aplikacije za OS Chrome web-bazirane, ipak bih predložio dizajn za zaslone osjetljive na dodir. Moja preporuka bi bila da primijenite Android touch guide.

Web, hibridni uređaji i budućnost

Bit će vam jasno kakvu ćete odluku donijeti ako se razvijate za mobitel. Učinite za zaslone osjetljive na dodir. Ako razvijate za stolna računala, odaberite zaslon koji nije osjetljiv na dodir. 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 dobri su primjeri.

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

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

Zapamtiti:

  • Za gotovo sve što ćete raditi u budućnosti razmišljajte o mobitelu i dodiru.
  • Koristite preporučene mete dodira za svaki OS. To će vam pomoći da poboljšate svoj dizajn i da postignete dosljednost s OS-om.
  • Senzorni ciljevi su indikativni; to ne znači da ih morate slijediti doslovno. U konačnici, vi kontrolirate 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 vam posao. Znanje o softveru ne bi trebalo biti vaša jedina vještina, ali učenje i ovladavanje pravim alatom bit će veliko ulaganje u oživotvorenje vaših ideja.

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

Photoshop

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

Kao što ime govori, prvi cilj programa nije bio dizajn sučelja, već retuširanje fotografija ili bitmapa. Razvijao se tijekom godine i s rođenjem dizajna sučelja, dizajneri su promijenili 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 sučelja. Njegovo desetogodišnje nasljeđe čini Photoshop programom koji je teško pronaći za učenje. Korištenjem Photoshopa kao divovskog švicarskog noža možete učiniti sve, ali ne uvijek na najučinkovitiji način.

Budući da se izvorno temelji na bitmapi, ovisi o DPI-u, za razliku od Illustratora i Sketcha opisanih u nastavku.

Ilustrator

Vektorski uređivač, brat Photoshopa. Kao što mu naziv govori, namijenjen je ilustratorima, ali se može koristiti i kao alat za dizajn sučelja.

Illustrator je prikladan za dizajn ispisa, tako da vas njegovo sučelje, kontrole boja, mjerilo, ravnala i jedinice mogu odbiti i zahtijeva nekoliko podešavanja kako bi se jednostavno koristio samo za dizajn sučelja. Kao i Photoshop, ovo je nevjerojatno moćan alat sa strmom krivuljom učenja.

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

Ako želite početi koristiti Illustrator za svoj web dizajn/sučelje, preporučujem čitanje

1

Potpuno sam nova u photoshopu i moram napraviti nešto što stvarno ne znam kako.

Imam sliku od 100 dpi. Želimo da se ova slika otisne na posteru. Moram 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 mijenjati veličinu plakata. Je li "veličina dokumenta" ista kao i veličina postera? Ako je tako, što trebam učiniti da stvarnu veličinu povećam sa 100 dpi na 300 dpi? Povećava li se slika uz najbolje rješenje 3x?

0

Ako poništite potvrdni okvir ponovnog uzorkovanja, 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 još uvijek imam samo 100 piksela (ista veličina dokumenta), ali njihova pokrivenost se mijenja. Također imajte na umu da je "ppi" (pikseli po inču) poželjniji od "dpi" (točke po inču), budući da se potonje odnosi na nešto drugo u kontekstu profesionalnih tiskara. - JYelton 09 srp. 12 2012-07-09 20:21:24

  • 1 odgovor
  • Sortiranje:

    Aktivnost

0

Photoshop je, uz svu moć koju ima, još uvijek u središtu bitmap editor. DPI postavke su samo faktor pretvorbe. 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" ispisanih slika, potrebno je smanjiti broj točaka po inču, tako da

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

0

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

Vrhunski povezani članci