Kuinka asettaa dpi Photoshopissa. Kuinka muuttaa kuvan resoluutiota Adobe Photoshopilla
Kuinka valmistella grafiikkaa tulostusta varten? Ammattipainon asettelun valmistelu on helppoa, jos noudatat muutamia yksinkertaisia sääntöjä. Kun aloin työskennellä painatuksen parissa, minua ohjaavat ihmiset kertoivat minulle paljon vähemmän tietoa kuin aion kertoa sinulle. Yleisesti ottaen ohjeeni näytti tältä:
"Älä sijoita tekstiä leikkausviivojen lähelle, aseta se arvoon 300 dpi,
Työskentele CMYKissa ja kaikki on hyvin."
Tuolloin minulla oli jo jonkin verran kokemusta grafiikan valmistamisesta verkkoon, mutta en ollut koskaan työskennellyt printin parissa. Nämä pari ehdotusta kuitenkin riittivät saamaan valmiit tuotteet liikkeelle jo seuraavana päivänä. toimiva PDF tiedostot. Tässä artikkelissa yritän välittää sinulle käytännön kokemukseni välttäen turhaa teoriaa. Olen jo käsitellyt osan tästä artikkelisarjassa, mutta mitä ihmettä? Sillä ei ole väliä, mitä olet valmistamassa painamista varten, lentolehtisiä, kansia tai lehteä. Voit helposti ohittaa useimmat ongelmat noudattamalla näitä yksinkertaisia sääntöjä.
Painetut koot
tai mitä tiedostokokoa minun pitäisi käyttää tulostukseen?
Jos valmistelet grafiikkaa tulostukseen etkä verkkoon, noudata yksinkertaista sääntöä: työskentele todellisilla mitoilla. Jos esimerkiksi haluat tulostaa lentolehtisen, jonka mitat ovat 10 cm x 20 cm, luo tiedosto, jonka koko on 10 cm x 20 cm. Jos haluat luoda tarroja, joiden säde on 3 cm, luo tiedosto, jonka mitat ovat 3 cm x 3 cm. Se on todella yksinkertaista. Jos haluat luoda asiakirjan tai grafiikan, joka sopii A4-muotoon, luo A4-tiedosto. Vakiokoko A4 on 210mm x 297mm. Kun luot käyntikorttia, sinun on luotava tiedosto, jossa on käyntikortin fyysinen koko. Ei silmällä, ei likimääräisesti, ei pikseleinä, vaan täsmälleen sellaisin mitoin kuin käyntikortilla on tosielämässä - 90mm x 50mm.
Muista tärkein asia: näytön näyttö mitataan pikseleinä. Valmiit painotuotteet, kuten lehtinen, käyntikortti, tarra tai vihko, mitataan millimetreinä tai muina fyysisiä yksiköitä mitat. Jos haluat työskennellä todellisissa mitoissa, kun luot tiedostoa Photoshopissa tai Illustratorissa, vaihda välittömästi fyysisiä yksiköitä.
Tulostuksen tarkkuus
tai mikä on 300 dpi ja miten tulostuksen resoluutio asetetaan?
Tavallisen painetun valokuvan fyysinen koko on 10 x 15 tuumaa. Mutta kuinka monta pikseliä tämä on? Kuinka monta pikseliä on yhdessä tuumassa? 10, 20 vai sata viisisataa? Kuvan "resoluutio" on vastuussa tästä alueesta. Resoluutio, joka tunnetaan myös resoluutiona, mitataan dpi:nä tai ppi:nä. Se tarkoittaa dots per inch (dots per inch) DPI tai pixel per inch (pikseliä tuumalla) PPI. Useimmiten yksi maalipiste vastaa yhtä pikseliä, mutta siitä ei ole kyse. Mitä enemmän pikseleitä tuumassa on, sitä enemmän graafista tietoa ja yksityiskohtia se sisältää. Jos tavallisessa valokuvassa olisi vain 1 dpi, 1 pikseli olisi yhtä tuumaa, ja valokuvan leveys ja korkeus olisi vain 10 x 15 pikseliä.
Muista vain maagiset numerot ja kaikki on hyvin.
Korkealaatuiseen offset-tulostukseen tarvitaan 300 dpi. Eli yhden tuuman kuvassa pitäisi olla täsmälleen 300 pikseliä. Jos tulostaisimme satunnaisen esitteen, jonka koko on esimerkiksi 10 x 5 tuumaa, niin pikseleinä sellaisen kuvan pitäisi olla 3000 x 1500 pikseliä.
Valokuvien tulostamiseen digitaalitulostimella 150-250 dpi sopii.
90-120 dpi riittää katubannerien tulostamiseen, mikä on loogista, kun katsoo tällaisia bannereita vähintään 10 metrin etäisyydeltä. Banderollit eivät vaadi tulostamisen edellyttämiä yksityiskohtia, joita tarkastelemme käsivarren etäisyydellä.
Väritila (CMYK tai RGB)
tai miten muuntaa asettelu CMYK?
RGB-tila on näyttötila ja CMYK on "paperitila". Itse asiassa väritila CMYK näyttöruudulla on vain jäljitelmä paperille saatavasta, mikä on loogista. Eihän paperilla oleva maali voi olla niin kirkas kuin aurinko, että se sokaisee silmät. Aurinko säteilee valoa ja paperi (kuten mikä tahansa materiaali) heijastaa. Tämä on ero näiden kahden valon toistossa värillisiä malleja. Siksi erityisen kirkkaat RGB-kuvat haalistuvat, kun ne muunnetaan CMYK-muotoon. RGB:llä on laajempi värispektri kuin CMYK:lla. Myrkyllisiä vaaleanvihreitä värejä on mahdotonta saada sekoittamalla, mutta RGB:ssä ne ovat täysin mahdollisia. Jos aiot tulostaa offset-tulostuksen, käytä CMYK-tulostusta. Offsetpainatus on suunniteltu CMYK:lle. Kuva painetaan aluksi 4 kankaalle, jotka asetetaan päällekkäin. RGB:n käyttö, kolmikanavainen kuva tulostukseen 4 värillä johtaa tuhoisiin tuloksiin. Lievästi sanottuna levikki pilaantuu, koska tulosteen värit ovat täysin erilaisia.
Jos tulostat kotitulostin tai valmistellaan kuvaa digitaalista tulostusta varten, jätä se RGB-tilaan. Digipainatus toimii eri tavalla. Pohjimmiltaan digitaaliset tulostimet on suunniteltu muuntamaan RGB:stä lennossa. Samaan aikaan digitaalisissa tulostimissa on tietty mustesarja, joka on samanlainen kuin laajennettu CMYK. Mutta sinun, suunnittelijan, ei tarvitse raahata aivojasi tästä. Ymmärrä vain - digitaalinen painatus RGB, offset CMYK. Ja kaikki tulee olemaan hyvin.
ICC-väriprofiili
tai miksi tarvitsemme profiileja, kun valmistaudumme painatukseen?
ICC-väriprofiili on erityinen tiedosto, joka kuvaa, kuinka tietty laite pystyy käsittelemään värejä. On selvää, että eri näyttöjen kyky näyttää kuvia vaihtelee. Näytöt kanssa hyviä matriiseja näytön värit ovat kirkkaampia ja rikkaampia kuin näytöissä edullisia matriiseja. Sama koskee tulostimien kykyä tulostaa värejä. U erilaisia tulostimia se on merkittävästi erilainen. Jos tulostin ei pysty tulostamaan tiettyä väriä, se yrittää löytää samanlaisen. Painosuunnittelijalle on tärkeää, että painotuote näyttää samalta kuin se näytti näytössä. Samassa muodossa ja samoilla väreillä kuin asiakkaan hyväksymä.
Miten tämä saavutetaan? On selvää, että suunnittelua luotaessa sinun on käytettävä samaa väriprofiili, jota paino käyttää tulostaessaan. Tätä varten sinun on otettava yhteyttä tiettyyn painotaloon ja kysyttävä vaatimuksia toimitetuille asetteluille. Jos sinulla ei todellakaan ole sellaista mahdollisuutta, et tiedä missä asiakas tulostaa mallin, jos painotalo on toisella puolella maailmaa, käytä vakioväriaihioita. Jos tulostus tapahtuu eurooppalaiselle osalle, asenna Europe Prepress. Jos malli painetaan Amerikassa, käytä U.S. Sheetfed Coated, jos olet Aasiassa, käytä Japan Color Coatedia ja todennäköisesti kaikki on hyvin. Mutta on turvallisempaa ottaa yhteyttä kirjapainoon. Ehkä painotalo käyttää tulostamiseen omaa yksilöllistä profiiliaan. Tässä tapauksessa he yksinkertaisesti lähettävät sinulle tiedoston, jonka avulla voit simuloida väriä työskennellessäsi.
Värikorjaus
tai kuinka saada kuva tulostettuna näyttämään samalta kuin näytössä?
Tärkein osa painatukseen valmistautumista on oikea väriluokittelu. On tärkeää muistaa: mitä enemmän maalikanavia väriä kohden, sitä tummemmaksi se tulee. Puhtaimmat ja eloisimmat värit koostuvat yhdestä tai kahdesta kanavasta. C0M100Y100K0 = suurin mahdollinen punainen siirtymä. C100M0Y100K0 Käytä sinistä kanavaa punaisen tummempiin sävyihin. Ihannetapauksessa mustaa kanavaa käytetään valokuvan kontrastialueille, varjoille tai ääriviivoille. Mitä vähemmän sekoitettuja kanavia, sitä kirkkaampi kuva. Tämä tulee ottaa huomioon luotaessa kirkkaita, värikkäitä sarjakuvamainoksia ja kuvituksia. Tämä tulee ottaa huomioon muotokuvien ja ihmisen ihon värinkorjauksessa oikein.
Photoshopissa on paljon työkaluja kanavien käsittelyyn. Nämä ovat tuttuja käyriä Käyrät, tasot Tasot Ja Kanavien saldot. On tärkeää ymmärtää, että näytöllä näkyvä seikka on tulostettuna 20 % tummempaa. Tämä on otettava huomioon värinkorjauksessa. Tässä on useita ratkaisuja. Joko vaalentaa kuvaa marginaalilla, ottamalla huomioon myöhempi tummuminen, tai jäljittele tulostettua tummenemista. Tämä voidaan tehdä esim Väriasetukset - Lisäsäätimet
Leikkaa viivoja
On loogista, että lentolehtisten, käyntikorttien, kalenterien ja muiden materiaalien tulostamisen jälkeen ne on leikattava paperista. Emme puhu tavallisesta A4-kokoisesta dokumentaatiosta, vaan tulostamisesta mielivaltaiset koot. Tämä tehdään tavallisella painoveitsellä. Pino painettua paperia laitetaan terän alle ja vau! Tällaisessa tapauksessa virheitä ei voida hyväksyä. Jos leikkaat sen väärin, CD-kannet eivät mahdu laatikoihin, postikortit eivät mahdu vihkoisiin ja niin edelleen. Tarkat merkit tarvitaan, jotta tulostin voi leikata tulosteen. Nämä merkit ovat leikkausviivoja. Se, miten merkitset ne, on kymmenes asia. Tulostuksen kannalta tällä ei ole väliä. Manuaalisesti tai automaattisesti tallentamalla PDF-tiedoston tai käyttämällä tehosteita, kuten Tehoste > Rajausmerkit Illustratorissa.
Paperia leikattaessa painopakkaus menee hieman viistoon. Siinä on luonnollinen virhe, mikä tarkoittaa, että sen kompensoimiseksi tarvitaan aukkoja, muuten tyhjän paperin ohuita valkoisia reunoja muodostuu tulosteen reunoihin. Suunnitteluasettelua luotaessa tämä virhe on otettava huomioon. Tärkeää grafiikkaa ei saa sijoittaa lähelle reunoja. Ne voidaan yksinkertaisesti leikata pois. Ohut kehykset leikkauslinjojen ympärillä ovat poissuljettuja, ne voidaan yksinkertaisesti leikata pois leikkaamisen aikana. Äskettäin tartuin tilaisuuteen ja suunnittelin itselleni käyntikortteja, joiden reunoilla oli melko paksu katkoviiva. Ne käyntikortit, jotka asetettiin päälle leikattaessa, osoittautuivat hyvin käyntikorttien alaosaksi viistoiksi ja kehys osoittautui liian epätasaiseksi.
Mikä tahansa painotalo tarjoaa mielellään sen tekniset vaatimukset rakojen koon mukaan, mutta jos sinulla ei ole mahdollisuutta ottaa yhteyttä, jätä 4 mm rako kummallekin puolelle. Jos esimerkiksi tulostat grafiikkaa, jonka mitat ovat 100 mm x 100 mm, luo 108 mm x 108 mm tiedosto tai sijoita 4 mm Bleed-tiedostoon luodessasi ja tallenna PDF-tiedosto leikkausviivoilla alkaen leikkauksista. Tietenkin grafiikkasi koon tulee aina olla suurempi kuin 100 mm x 4 mm kummallakin puolella.
Ylipaino
Kuten jo ymmärsit, offsetpainatus painetaan 4 värillä. Violetti, keltainen, sininen ja lisäksi musta. Seuraavat tilanteet eivät ole harvinaisia lehdistössä. Haluamme esimerkiksi luoda vaaleanpunaisen taustan, jossa on musta teksti. Miten tulostin käyttäytyy tässä tilanteessa? 4 väriä painettu erilaisia arkkeja. Nämä levyt liitetään sitten yhteen. Toisin sanoen vaaleanpunainen tausta tulostetaan yhdelle arkille violetilla musteella. Toiselle arkille on painettu musta teksti. Kun kytketään eri kanavia virheitä voi tapahtua. Musta teksti putoaa epätasaisesti vaaleanpunaisen maalin väliin tyhjille alueille, jolloin syntyy valkoisia aukkoja. Tämä on tärkeintä, kun kirjasinkoko on pieni. Tässä tapauksessa Overprint tulee apuun. Tämä asetus ei jätä aukkoja, vaan tulostuu kaikille mustekanaville. Itse asiassa musta fontti istuu vaaleanpunaisen maalin päällä. Toisaalta, kun 2 väriä asetetaan päällekkäin, itse mustasta tulee rikkaampi, ja toisaalta kirjasimen reunojen aukot ja virheet poistetaan.
Ylipainoa ei käytetä vain mustalle maalille, vaan myös saamiseen mielenkiintoisia tehosteita. Itse asiassa Multiply blend -tila simuloi samaa vaikutusta.
Pysäytys
Trapping on toinen ratkaisu eri kanavien värien yhteensopivuuden ongelmaan. Perinteisessä painatuksessa tuskin törmäät ansaan, mutta siihen törmäät läheltä, kun valmistelet grafiikkaa T-paitoihin, virvoitusjuomatölkkeihin jne. epätyypillisiä vaihtoehtoja Tulosta. Tässä on asia. Puristus on yhden maalin helppo levittäminen toiseen. Otetaan esimerkiksi sama ongelma, vaaleanpunainen tausta ja musta teksti. Tässä tapauksessa tekstin kirjainten ympärille tehdään kevyt aivohalvaus, joka ulottuu vaaleanpunaisen alueen reunojen ulkopuolelle. Tämä minimoi mahdollisen raon kahden maalin välillä.
Ja luulen, että se on kaikki mitä sinun tarvitsee tietää, jotta voit valmistella grafiikkasi tulostusta varten. Ja vielä hyvin lyhyesti:
- työskennellä todellisilla mitoilla. Jos olet valmistelemassa käyntikorttia, luo asiakirja, jonka koko on 90 x 50 mm.
- aseta 300 dpi, pienempää resoluutiota käytetään vain ulkomainonnassa
- Työskentele CMYK-muodossa, jos tulostat offsetilla
- selvitä väriprofiili kirjapainosta
- Tulostettu kuva on tummempi, ota tämä huomioon
- älä postaa tärkeitä elementtejä lähelle leikkauslinjoja ja jätä rakoja
- laita päällepainatus mustalle tekstille
Koko, resoluutio ja muodot... Mitä pikseleille tapahtuu? Ostatko kameran megapikselin perusteella? Onko sinulla ongelmia kuvien lähettämisessä verkkoon? Tulostetaanko valokuvasi huonolaatuisina, vaikka ne näyttävät upeilta näytöllä? Pikselien ja tavujen (kuvan koko ja tiedostokoko), laadun ja määrän, koon ja resoluution välillä näyttää olevan jonkin verran sekaannusta. Tällä oppitunnilla tarkastelemme tätä erittäin tärkeää tietoa jokaiselle valokuvaajalle.
Joten katsotaanpa joitain peruskonseptit helpottaaksesi elämääsi, tehostaaksesi työnkulkuasi ja tehdäksesi kuvistasi oikea koko aiottuun käyttöön.
Tämä kuva on 750 × 500 pikseliä ja resoluutio 72 dpi, tallennettu pakattu JPG, joka on 174 kt. Selvitetään mitä tämä kaikki tarkoittaa.
Onko resoluutio ja koko sama asia?
Yksi suurimmista väärinkäsityksistä tulee resoluution käsitteestä. Jos tämä on sinun tapauksesi, luota minuun, että et ole yksin.
Ongelmana on, että lupa voi viitata moniin asioihin, joista kahdesta voi tulla ongelma. Selitän nämä kaksi resoluutiokäsitettä seuraavaksi, mutta niillä on yksi yhteinen piirre, joka minun on ensin selvennettävä. Molemmilla on tekemistä pikselien kanssa.
Olet luultavasti kuullut paljon pikseleistä, mutta... vähintään kun ostit kamerasi. Tämä on yksi markkinoiden selkeimmistä ja "tärkeimmistä" teknisistä tiedoista, joten aloitan siitä.
Mikä on pikseli?
Digitaalinen valokuvaus ei ole erottamaton asia. Jos lähennät tarpeeksi kauas, näet, että kuva näyttää mosaiikilta, joka koostuu pienistä laatoista, joita kutsutaan valokuvauksessa pikseleiksi.
Näiden pikselien määrä ja tapa, jolla ne jakautuvat, ovat kaksi tekijää, jotka on otettava huomioon resoluution ymmärtämiseksi.
Pikselien lukumäärä
Ensimmäinen resoluutiotyyppi viittaa valokuvasi pikselien määrään. Tämän resoluution laskemiseksi käytä vain samaa kaavaa, jota käyttäisit minkä tahansa suorakulmion pinta-alalle; kerro pituus korkeudella. Jos sinulla on esimerkiksi valokuva, jossa on 4 500 pikseliä vaakapuolella ja 3 000 pikseliä pystypuolella, se antaa sinulle 13 500 000. Koska tämä luku on erittäin epäkäytännöllinen, voit yksinkertaisesti jakaa sen miljoonalla ja muuntaa sen megapikseleiksi. Joten 13 500 000 / 1 000 000 = 13,5 megapikseliä.
Pikselitiheys
Toinen ratkaisu on se, kuinka jaat käytettävissä olevien pikselien kokonaismäärän, jota kutsutaan yleisesti pikselitiheydeksi.
Resoluutio ilmaistaan nyt dpi:nä (tai ppi:nä), joka on lyhenne sanoista pisteitä (tai pikseleitä) tuumaa kohti, ja kyllä, tuumaa kohti, sattumalta sitä ei ole käännetty metrijärjestelmään. Joten jos näet 72 dpi:n, se tarkoittaa, että kuvan tiheys on 72 pikseliä tuumalla; jos näet 300 dpi, se on 300 pikseliä tuumalla jne.
Kuvasi lopullinen koko riippuu valitsemastasi resoluutiosta. Jos kuvan koko on 4500 x 3000 pikseliä, se tulostuu 15 x 10 tuuman tarkkuudella, jos määrität resoluutioksi 300 dpi, mutta 72 dpi:llä se on 62,5 x 41,6 tuumaa. Vaikka tulostuskoko muuttuu, et muuta valokuvasi (kuvatiedoston) kokoa, vaan muutat vain olemassa olevien pikselien järjestystä.
Kuvittele kuminauha, voit venyttää tai puristaa sitä, mutta et muuta teipin määrää, et lisää tai leikkaa sitä.
Joten resoluutio ja koko eivät ole sama asia, mutta ne liittyvät toisiinsa.
Tarkoittaako määrä siis laatua?
Edellä mainitun koon ja resoluution välisen suhteen vuoksi monet ihmiset ajattelevat, että megapikselit tarkoittavat laatua. Ja tietyssä mielessä tämä johtuu siitä, että mitä enemmän pikseleitä sinulla on, sitä suurempi on pikselitiheys.
Määrän lisäksi sinun on kuitenkin otettava huomioon pikselisyvyys, joka määrittää kuvasi sävyarvojen määrän. Toisin sanoen se on värien lukumäärä pikseliä kohden. Esimerkiksi 2-bittinen syvyys voi tallentaa vain mustan, valkoisen ja kaksi harmaan sävyä, mutta yleisempi arvo on 8 bittiä. Arvot kasvavat eksponentiaalisesti, esimerkiksi 8-bittisellä valokuvalla (2 - 8 = 256), sinulla olisi 256 vihreän, 256 sinisen ja 256 punaisen sävyä, mikä tarkoittaa noin 16 miljoonaa väriä.
Tämä on jo enemmän kuin silmä pystyy erottamaan, mikä tarkoittaa, että 16-bittinen tai 32-bittinen näyttää meille suhteellisen samalta. Tämä tietysti tarkoittaa, että kuvasi on painavampi, vaikka koko olisi sama, koska jokainen pikseli sisältää lisää tietoa. Tästä syystä laatu ja määrä eivät välttämättä ole samat.
Määrällä on siis väliä, mutta jokaisen pikselin koko ja syvyys määräävät myös laadun. Siksi sinun tulee tarkastella kameran ja sen anturin kaikkia teknisiä tietoja, ei vain megapikselien määrää. Loppujen lopuksi tulostettaessa tai katseltavalla koolla on raja, ja lisäksi se vain johtaa ylimääräinen koko tiedosto (megatavua) eikä se vaikuta kuvan kokoon (megapikseliä) tai laatuun.
Kuinka valita ja hallita kuvan kokoa ja tiedostokokoa?
Ensinnäkin sinun on päätettävä, mitä enimmäistiheyttä tarvitset. Jos lähetät kuvan verkkoon, pärjäät hyvin vain 72 dpi:llä, mutta se on liian alhainen valokuvan tulostamiseen. Jos aiot tulostaa, tarvitset 300–350 dpi:n tarkkuuden.
Puhumme tietysti yleisesti, koska jokaisella näytöllä ja jokaisella tulostimella on hieman erilainen resoluutio. Jos esimerkiksi haluat tulostaa valokuvan kooltaan 8 × 10 tuumaa, kuvan on oltava 300 dpi x 8" = 2400 pikseliä ja 300 dpi x 10" = 3000 pikseliä (eli 2400 x 3000 8× 10 tulostetta 300 dpi:llä). Kaikki suurempi vie vain tilaa kiintolevyltäsi.
Kuinka muuttaa kokoaPhotoshop
Avaa Image Size -valikko ja valitse ponnahdusikkunassa "resample" -ruutu. Jos et ota "resamplea" käyttöön, jaat pikseleitä uudelleen, kuten selitin artikkelin alussa.
Voit myös valita Suhde-valintaruudun, jos haluat säätää asetuksia muutosten mukaan. Joten leveys muuttuu korkeuden muuttuessa ja päinvastoin.
8x10 tuumaa 300ppi, tämä on 8 × 10 -tulosteen koko. Huomaa 3000 pikselin kokox 2400.
750x500 pikseliä 72:ssappi. Tämä on verkkolupa ja se on Tarkka koko kaikki kuvat tässä artikkelissa. Tuumakoolla ei ole väliä verkossa julkaistaessa – vain pikselien koolla on väliä.
Ikkunan yläosassa näet myös tiedoston koon muuttuvan. Tämä on kuvan pakkaamaton versio, josta puhuin artikkelin ensimmäisessä osassa: vähemmän pikseleitä tarkoittaa vähemmän tietoa.
Jos haluat edelleen muuttaa tiedoston kokoa ilman kokoa, voit tehdä sen tallentaessasi kuvan. Ennen valokuvan tallentamista voit valita haluamasi muodon:
Jos et halua menettää tietoja, sinun on säilytettävä pakkaamaton muoto. Yleisin on TIFF.
Jos et haittaa, että menetät vähän tietoa ja sinulla on enemmän kevyt tiedosto, siirry JPEG-tiedostoon ja valitse kuinka pieni haluat sen olevan. Ilmeisesti mitä pienemmän arvon asetat, sitä enemmän tietoja menetät. Onneksi siinä on nappi esikatselu jotta näet pakkauksen vaikutuksen.
JPG korkealaatuinen.
JPG heikkolaatuinen. Huomaatko kuinka se on pikselöity ja hajotettu? Jos valitset erittäin huonon laadun, voit huonontaa kuvaa liikaa.
Johtopäätös
Laatu, määrä, koko ja resoluutio tarkoittaa siis sitä, ja ne kaikki liittyvät pikseleihin, koska ne ovat kuvan perusyksiköitä. Nyt kun tiedät miten toimia paras valinta kuvien tulostamiseen, lähettämiseen ja tallentamiseen. Kaikki nämä tiedot on kuvattu tarkemmin videokurssilla: "Luovan valokuvakäsittelyn salaisuudet aloittelijalle" lukeaksesi kurssin kuvauksen, napsauta alla olevaa kuvaa.
1
Olen täysin uusi photoshopissa ja minun on tehtävä jotain, mitä en todellakaan tiedä miten tehdä.
Minulla on kuva 100 dpi:llä. Haluamme, että tämä kuva tulostetaan julisteelle. Minun on nostettava arvoa 100 dpi:stä 300 dpi:iin.
Photoshopissa valitsin Image/Image size. Poistin "Resample Imagen", vaihdoin 100 pikseliä/tuumaa 300:aan, mutta asiakirjan koko pieneni. Asia on siinä, että en halua muuttaa julisteen kokoa. Onko "asiakirjan koko" sama kuin julisteen koko? Jos näin on, mitä minun pitäisi tehdä säilyttääkseni todellisen koon samalla kun nostan 100 dpi:stä 300 dpi:iin? Kasvaako kuvan koko 3x paras ratkaisu?
0
Jos poistat valinnan "resample"-valintaruudusta, asiakirjan koon tulee pysyä samana, koska muutat vain pikselien ja pikselien välistä suhdetta. fyysinen ulottuvuus. Jos minulla on 100 pikseliä, voin venyttää niitä 1 tuumaan (100 dpi) tai pienentää ne tuuman kolmannekseen (300 dpi). Molemmissa tapauksissa minulla on edelleen vain 100 pikseliä ( sama koko asiakirja), mutta niiden kattavuus vaihtelee. Huomaa myös, että "ppi" (pikseliä tuumalla) on parempi kuin "dpi" (pistettä tuumalla), koska jälkimmäinen viittaa johonkin muuhun ammattipainotalojen yhteydessä. - JYelton 09 heinäkuuta 12. 2012-07-09 20:21:24
1 vastaus
Lajittelu:
Toiminta
0
Photoshop on kaikesta voimastaan huolimatta edelleen bittikarttaeditori ytimessä. DPI-asetukset on yksinkertaisesti muuntokerroin. Jos haluat suurentaa kuvaa, sinun on suurennettava kankaan kokoa tai VÄHENNÄtettävä tuuman asetusta
Esimerkiksi.
100 x 100 kuva @ 100 dpi = 1" x 1" kuva 100 x 100 kuva @ 200 dpi = 0,5" x 0,5"
Tulostettujen kuvien "koon kasvattamiseksi" sinun on vähennettävä pisteiden määrää tuumalla
100x100 kuva @ 5dpi = 20" x 20"
0
3545x7088 kuva @ 100dpi = 36" x 70" 3545x7088 kuva @ 300dpi = 11" x 23" En halua suurempaa tai pienempää kuvaa lopulliseen tulosteeseen. Odotan saavani 2545x7088 @ 300 dpi kuvan 36" x 70". Onko joku muu ohjelma parempi kuin Photoshop tähän? -
En tiedä kaikkea, joten jos olet sitä mieltä, että olen jossain väärässä tai haluat selventää jotain tai sinulla on ehdotuksia tai kysymyksiä tämän oppaan parantamiseksi, lähetä sähköpostia (englanniksi) osoitteeseen [sähköposti suojattu]. Voit myös löytää minut Viserrys, tai Facebook.
Mitä ovat DPI ja PPI
DPI tai (Dots per Inch) on alun perin tulostuksessa käytettyjen pisteiden spatiaalisen tiheyden mitta. Tämä on mustepisaroiden määrä, jonka tulostimesi mahtuu yhteen tuumaan. Pienempi DPI johtaa vähemmän yksityiskohtaiseen kuvaan.Tätä käsitettä sovelletaan tietokoneen näytöille, joita kutsutaan PPI:ksi (pikseliä tuumaa kohti). Sama periaate: lasketaan pikselien määrä, jonka näyttö voi näyttää tuumaa kohti. DPI-nimeä käytetään myös näytöissä.
Windows-tietokoneiden oletusarvoinen PPI on 96. Mac käyttää 72:ta, vaikka tämä arvo ei ole ollut tarkka 80-luvun jälkeen. Tavallisissa, verkkokalvottomissa PC:issä (myös Maceissa) on vähintään 72 PPI:n ja enintään noin 120 PPI:n välillä. Suunnittelemalla PPI-arvolla 72–120 varmistat, että työlläsi on suunnilleen sama kuvasuhde kaikkialla.
Tässä on käytännön esimerkki: Mac-näyttö Cinema 27 tuumassa on 109 PPI, mikä tarkoittaa, että se näyttää 109 pikseliä tuumaa kohti. Leveys kehyksen kanssa on 25,7 tuumaa (65 cm). Varsinaisen näytön leveys on noin 23,5 tuumaa, eli 23,5 * 109 ~ 2560, jolloin näytön fyysinen resoluutio on 2560x1440px. *Tiedän, että 23,5 * 109 ei ole täsmälleen yhtä suuri kuin 2560. Se on itse asiassa +23,486238532 tuumaa. Se olisi tarkempi kuin pikseliä senttimetriä kohti, mutta ymmärrätte pointtini.
Vaikutus suunnitteluusi
Oletetaan, että piirrät sinisen neliön 109 * 109 px yllä määritetylle näytölle. Tämän neliön fyysisen näytön koko on 1*1 tuumaa. Mutta jos käyttäjälläsi on 72 PPI:n näyttö, sininen neliö näyttää fyysisesti suuremmalta, koska 72 PPI:llä näyttö tarvitsee noin puolitoista tuumaa 109 pikselin sinisen neliön näyttämiseksi. Katso alta efektin simulaatio.
Muistaa: Väri- ja resoluutioeroja lukuun ottamatta, muista, että jokainen näkee suunnittelusi eri tavalla. Sinun tulee pyrkiä parhaaseen kompromissiin ja rakentaa suurin osa käyttäjistä. Älä oleta, että käyttäjällä on sama näyttö kuin sinulla.
Näytön tarkkuus (ja alkuperäinen resoluutio)
Näytön resoluutiolla voi olla valtava vaikutus siihen, miten käyttäjä näkee suunnittelusi. Onneksi, koska LCD-näytöt ovat korvanneet CRT:t, käyttäjillä on nykyään yleensä natiivi näytön resoluutio, jolla on hyvä näytön koon ja PPI-suhde.Resoluutio määrittää näytöllä näytettävien pikselien määrän (esimerkiksi: 2560 * 1440 pikseliä 27 tuuman elokuvanäytössä) 2560 leveys, 1440 korkeus. Nyt tietysti, kun tiedät mitä PPI tarkoittaa, ymmärrät, että se ei voi olla fyysisen koon mittayksikkö. Sinulla voi olla 2560 x 1440 näytön kokoinen seinäsi ja toinen pääsi kokoinen näyttö.
Nykyaikaisissa LCD-näytöissä on oletusresoluutio, eli natiivi, joka pystyy käsittelemään tarkan määrän pikseleitä, jotka näyttö pystyy näyttämään. Vanhemmat CRT-näytöt ovat hieman erilaisia, mutta koska niitä voidaan pitää kuolleina, älä mene yksityiskohtiin (eikä vaikuta osittaiseen ymmärrykseeni vanhoista hyvistä televisioista).
Otetaan 27 tuuman Cinema-näyttömme, joka pystyy näyttämään 109 PPI natiiviresoluutiolla 2560 * 1440 px. Jos pienennät resoluutiota, elementit näyttävät suuremmilta. Loppujen lopuksi sinulla on vain 23,5 vaakasuora tuumaa täytettäväksi käytännössä vähemmillä pikseleillä.
Sanoin virtuaalisesti, koska tässä tapauksessa se on niin. Näytössä on natiivi resoluutio 2560 * 1440 px. Jos resoluutiota pienennetään, pikselit näytetään edelleen 109 PPI:llä. Täyttääkseen tämän tilan ja koko näytön käyttöjärjestelmä venyttää kaikkea, GPU/CPU ottaa kaikki pikselit ja laskee ne uudella suhteella.
Jos haluat tehdä 1280 * 720 resoluution (puolet leveydestä, puolet korkeudesta edellisestä) 27 tuumalle, grafiikkasuorittimesi on simuloitava kaksinkertainen pikselikoko täyttääkseen näytön. Mikä on tulos? Joten - hämärtää. Vaikka jakaminen kahdella kuvasuhteella näyttää melko hyvältä yksinkertaisen jakajan vuoksi, jos haluat 1/3 tai 3/4 kuvasuhteesta, päädyt numeroihin, joissa on desimaalit, etkä VOI jakaa pikseliä . Katso esimerkki alla.
Huomautus: vasen: renderöi OSX-ikkuna alkuperäisellä resoluutiolla (1400*900px): oikea: renderöi OSX-ikkunan simuloidulla pienemmällä resoluutiolla (1024*640px verkkokalvo).
Katsotaanpa toista esimerkkiä alla. Otetaan 1 pikselin viiva näytöllä, jolla on alkuperäinen resoluutio. Tehdään nyt resoluutiosta 50 % pienempi. Näytön täyttämiseksi suorittimen on tuotettava 150 % kuvasta kertomalla kaikki luvulla 1,5, 1 * 1,5 = 1,5, mutta pikseleitä ei voi puolittaa. Mitä se tekee, on tämä: se täyttää ympäröivät pikselit värin murto-osalla luoden epäterävyyttä.
Huomautus: vasemmalla on 1 pikselin paksuinen viiva millä tahansa oletusresoluutiolla ja oikealla 1 pikselin paksuinen viiva 150 % pienemmällä resoluutiolla.
Joten jos sinulla on verkkokalvo Macbook Pro ja haluat muuttaa resoluutiota, se näyttää alla olevan ikkunan, jossa voit tietää (alla olevassa kuvakaappauksessa), miltä tämä resoluutio "näyttää" 1280*800px. Se käyttää käyttäjän kokemusta näytön resoluutiosta ilmaisemaan koon suhteen.
Tämä on hyvin subjektiivinen näkemys, koska se käyttää pikselien resoluutiota fyysisen koon yksikkönä, mutta se on totta, ainakin heidän näkökulmastaan.
Muistaa: Jos haluat nähdä suunnittelusi (tai minkä tahansa mallin) pikselin aina täydellisenä, älä koskaan käytä näytössäsi muuta kuin alkuperäistä resoluutiota. Kyllä, saatat olla mukavampi pienemmällä suhteella, mutta pikselien suhteen haluat olla mahdollisimman tarkka. Valitettavasti jotkut ihmiset käyttävät resoluutiota tapana nähdä paremmin, mitä näytöllä (erityisesti työpöydällä) tapahtuu, kun heidän pitäisi käyttää esteettömyysasetuksia. Tämä saa silti suunnittelustasi näyttämään huonolta, mutta tästä näkökulmasta katsottuna käyttäjät etsivät parempaa luettavuutta, eivät kiiltoa.
Mikä on 4k
Ehkä sisään Viime aikoina Olet kuullut paljon termistä 4K (ainakin kun kirjoitin siitä vuoden 2014 alussa), 4k on varsin trendikäs aihe. Ymmärtääksemme mitä se on, on ensin ymmärrettävä mitä "HD" tarkoittaa.
Ole varovainen, tämä on törkeää liiallista yksinkertaistamista. Puhun vain yleisimmistä ratkaisuista. Olemassa erilaisia luokkia HD. Termi HD koskee mitä tahansa resoluutiota alkaen 1280x720px tai 720p for vaakasuuntaisia viivoja 720 pikselillä. Jotkut voivat kutsua tätä resoluutiota myös SD:ksi (standard definition).
Termi Full HD koskee 1920x1080px-näyttöjä. Useimmat huippuluokan televisiot ja puhelimet (Galaxy SIV, HTC One, Sony Xperia Z, Nexus5) käyttää tätä resoluutiota.
4K alkaa 3840 x 2160 pikselistä. Sitä kutsutaan myös Quad HD:ksi ja Ultra HD:ltä voidaan kutsua UHD. Yksinkertaisesti sanottuna 4K-näytölle voit pakata 4 1080p pikselimäärän mukaan. Toinen 4K-resoluutio on 4096x2160. Se on hieman suurempi ja sitä käytetään projektoreissa ja ammattikameroissa.
Mitä tapahtuu, jos liitän 4K-näytön tietokoneeseeni
Nykyaikaiset käyttöjärjestelmät eivät skaalaa 4K-tarkkuutta, mikä tarkoittaa, että jos yhdistät 4K-näytön Chromebookiin tai MacBookiin, se ottaa resurssit, joilla on suurin DPI, tässä tapauksessa 200 % tai @2x (kaksi kertaa suurempi), ja näyttää ne normaali suhde. Näin kaikki näyttää hyvältä, mutta pieneltä.
Hypoteettinen esimerkki: jos liität 12 tuuman 4K-näytön tietokoneeseen, jossa on 12 tuuman näyttö korkea resoluutio(2x), kaikki näyttää puolet suuremmalta.
Muistaa:
Tarkkaile Hertziä
Tässä pidämme pienen tauon PPI:stä ja näytön resoluutiosta. Olet ehkä nähnyt, että näytön resoluutioasetusten vieressä on arvo monitorin Hz:lle. Sillä ei ole mitään tekemistä PPI:n kanssa, mutta jos ihmettelet, näytön hertsi - tai virkistystaajuus - on nopeusyksikkö, jolla näyttösi näyttää kiinteän kuvan tai kehyksen sekunnissa. 60 Hz:n näyttö pystyy näyttämään 60 kuvaa sekunnissa. Monitori 120 Hz - 120 kuvaa sekunnissa jne.
Käyttöliittymän yhteydessä Hertz(Hz)-arvo määrittää, kuinka sujuvasti ja yksityiskohtaisesti animaatiosi näyttää. Useimmat näytöt toimivat 60 Hz:llä. Huomaa, että näytettävien ruutujen määrä sekunnissa riippuu myös laitteen prosessointi- ja grafiikkatehosta. 120 Hz:n näytön liittäminen Atari 2600:een olisi täysin hyödytöntä.
varten parempi ymmärrys katso alla olevaa esimerkkiä. T-Rex kulkee pisteestä A pisteeseen B yhtä tasaisin ja nopein askelin 60 Hz:n ja 120 Hz:n näytöllä. 60 fps -näyttö voi näyttää 9 kuvaa animaation aikana, kun taas 120 fps -näyttö voi näyttää loogisesti kaksi kertaa enemmän kehyksiä samassa ajassa. Animaatiot näyttävät sujuvammilta 120 Hz:n näytöllä.
Muistaa: Jotkut saattavat sanoa, että ihmissilmä ei voi nähdä enempää kuin 60 kuvaa sekunnissa. Se ei ole oikein. Älä kuuntele ja kävele pois nauraen hysteerisesti.
Mikä on verkkokalvonäyttö
Apple esitteli termin "Retina"-näyttö iPhone 4 -älypuhelimille. Sitä kutsutaan Retinaksi (käännettynä verkkokalvoksi), koska laitteen PPI oli niin korkea, että ihmisen verkkokalvon olisi todennäköisesti mahdotonta nähdä yksittäisiä pikseleitä näytöllä. .Tämä väite pätee niiden laitteiden näyttökooihin, joissa sitä käytetään, mutta samalla kun näytöt paranevat ja paranevat, silmämme ovat nyt tarpeeksi koulutettuja havaitsemaan pikseleitä - erityisesti pyöristetyille elementeille. käyttöliittymä.
Teknisesti ne näyttävät kaksi kertaa enemmän pikseliä korkeudella ja leveydellä samassa fyysisessä koossa.
IPhone 3G/S:n diagonaali oli 3,5 tuumaa ja resoluutio 480 * 320 pikseliä ja 163 PPI.
iPhone 4/S:n diagonaali oli 3,5 tuumaa ja resoluutio 960 * 640 pikseliä ja 326 ppi.
PUOMI! Tasan kaksi kertaa. Yksinkertainen kerroin. Joten sen sijaan, että ne olisivat pienempiä, näytön elementit näyttävät kaksi kertaa visuaalisesti terävämmiltä, koska niissä on kaksi kertaa enemmän pikseleitä ja täsmälleen samat fyysiset mitat. Yksi normaali pikseli on yhtä suuri kuin 4 verkkokalvon pikseliä.
Harkitse alla olevaa esimerkkiä suoraa käyttöä varten monimutkaisessa suunnittelussa.
Kuva Huomautus: vaikea jäljitellä erilaista laatua kuvat kahdesta laitteesta kolmanteen laitteeseen, eli siihen, jota katselet juuri nyt. Kuvanlaatu näyttää kaksi kertaa paremmalta ja terävämmältä retina-musiikkisoittimelle, vaikka se vie saman fyysisen tilan ilmaisia ohjelmia, voit ladata lähdekoodin.
Termi "Retina"-näyttö on Applen omistuksessa, joten muut yritykset käyttävät "HI-DPI"- tai "Super power pixel maximum sp33d -näyttöä" (olen tekemässä jälkimmäistä tavaramerkkiä) tai ei mitään niistä. Sinun tarvitsee vain lukea laitteen tekniset tiedot ja selvittää, mikä DPI ja näytön koko ovat (kuinka hauskaa).
Muistaa: Applen tuotteet, ovat hienolla tavalla Tutustu DPI-muunnoksiin ja ymmärrä erot resoluution, PPI:n ja fyysisen kokosuhteen välillä, koska sinun tarvitsee huolehtia vain yhdestä kertoimesta.
Mikä on kerroin
Kun suunnittelet muuntaa kaikki mahdolliset PPI:t, kerroin on matemaattinen pelastajasi. Jos tiedät kertoimen, sinun ei enää tarvitse huolehtia yksityiskohtaiset ominaisuudet laitteet.Otetaan esimerkkimme iPhone 3G:stä ja 4:stä. Sinulla on kaksi kertaa enemmän pikseleitä samassa fyysisessä koossa. Siksi kertoimesi on 2. Tämä tarkoittaa, että grafiikkasisältösi on yhteensopiva 4G-resoluution kanssa, sinun on yksinkertaisesti kerrottava grafiikkaresurssien koko kahdella - ja siinä se.
Oletetaan, että luot 44*44px-painikkeen, joka on suositeltu iOS-kosketuskohde (puhun tästä myöhemmin). Kutsutaan sitä tyypillinen nimi JIM-painikkeet.
Jotta JIM olisi hyvä iPhone 4:ssä, sinun on luotava kaksi kertaa suurempi versio. Mitä teemme alla.
Huomautus: vasen - 2px pyöristetyt kulmat Kirjasinkoko 16px, oikea 4px pyöristetyt kulmat 32px kirjasinkoko.
Melko yksinkertainen. JIM:llä on nyt versio Jim.png:stä normaalille PPI:lle (IPhone 3) ja versio [sähköposti suojattu] 200 % PPI (iPhone 4).
Nyt kysyt: "Mutta odota! Olen varma, että on muita kertoimia kuin vain kaksi. Kyllä, on, ja tässä siitä tulee painajainen. Okei, ei ehkä painajainen, mutta olen varma, että vietät mieluummin päivän silitellen sukkisi kuin käsittelet useita kertoimia. Onneksi se ei ole niin pelottavaa kuin luulet.
Puhutaanpa ensin yksiköistä, koska nyt tarvitset muun yksikön kuin pikselin kuvaamaan multi-DPI-mallejasi. Silloin on DP:n ja PT:n aika.
Muistaa: Jokaisen suunnittelemasi mallin kerroin on tiedettävä. Kertoimet pitävät tätä näyttökokojen ja PPI:n kaaoksen maailmaa yhdessä ja tekevät siitä ymmärrettävän ihmisille.
Mitä ovat DP, PT ja SP
DP tai PT on useille laitteille ja DPI:ille luotu mittayksikkö, jota käytetään kuvaamaan asettelujasi.DP tai DiP tarkoittaa laitteesta riippumatonta pikseliä ja PT tarkoittaa pistettä. PT käyttää Apple; DP:tä käytetään Androidissa, mutta pohjimmiltaan ne ovat samat. Lyhyesti sanottuna ne määrittävät koon laitekertoimesta riippumatta. Tämä on erittäin hyödyllistä, kun keskustellaan teknisistä ongelmista. tehtäviä eri aiheiden välillä, kuten suunnittelija ja insinööri.
Otetaanpa edellinen painikeesimerkki "JIM".
Jim on 44 kuvapistettä leveä normaaliksi, ei verkkokalvon näytöt, ja 88 pikseliä verkkokalvonäytöille. Jatketaan tekniset yksityiskohdat ja lisää 20 kuvapisteen täyttö Jimin ympärille, koska hän pitää tyhjästä tilasta. Tällöin verkkokalvon sisennys on 40 pikseliä. Mutta verkkokalvon pikseleitä ei todellakaan ole järkevää ottaa huomioon suunniteltaessa ei-retina-näytölle.
Toimimme seuraavasti: otamme lähtökohtana 100 % tavallisen ei-retina-näytön kuvasuhteen.
Tässä tapauksessa JIM on kooltaan 44 * 44 DP tai PT ja 20 DP tai PT pehmuste. Voit antaa tekniikkasi. missä tahansa PPI:ssä JIM on edelleen 44 * 44 dp tai pt.
Android ja IOS mukauttavat tämän koon näytölle ja muuntavat oikealla kertoimella. Tästä syystä mielestäni on helpompi aina suunnitella näytön oletusarvoisella PPI:llä.
SP:tä käytetään erillään DP:stä ja PT:stä, mutta se toimii samalla tavalla. SP on lyhenne sanoista Scale-independent pixels, ja sitä käytetään kirjasinkokojen määrittämiseen. SP riippuu fontin asetuksista Android-käyttäjät laitteet. Suunnittelijalle SP:n määritelmä on sama kuin DP:n määritelmä kaikelle muulle. Ota perustaksi se, mikä on luettavissa 1x mittakaavassa (esimerkiksi 16SP on hyvä fonttikoko lukemiseen).
Muistaa: kun teet teknisiä Käytä aina resoluutiosta/skaalasta riippumattomia arvoja. Aina. Mitä enemmän näytön koko/resoluutio eroaa, sitä tärkeämpää tämä on.
PPI-asetus
Nyt kun tiedät mitä PPI, verkkokalvo ja kerroin ovat, on tärkeää sanoa jotain, josta minulta ei ole paljon kysytty ja se on hämmentävää: "Mitä tapahtuu, jos muutan PPI-määrityksiä grafiikkaeditorissani?"Jos kysyit itseltäsi tämän kysymyksen, se tarkoittaa, että olet jonkin verran perehtynyt asiaan graafiset editorit. Nyt on erittäin tärkeää ymmärtää jotain, jonka ymmärtäminen kesti jonkin aikaa: Kaikessa, jota ei voi tulostaa, käytetään pikselimittoja alkuperäisestä PPI-kokoonpanosta riippumatta.
Ohjelmien PPI-asetukset ovat tulostamisen perintöä. Jos suunnittelet vain verkkoa, PPI ei vaikuta bittikarttasi kokoon. Siksi käytämme kertoimia sen sijaan tietyt arvot PPI. Kanvasi ja grafiikkasi muunnetaan aina pikseleiksi käyttämällä ohjelmisto, käyttämällä sopivaa kerrointa.
Esimerkiksi. Voit kokeilla tätä itse ohjelmassa, jolla voit säätää PPI:tä, esimerkiksi Photoshopissa. Piirsin 80*80px neliön ja 16pt tekstin Photoshopissa 72ppi kokoonpanolla. Toinen on sama 144PPI-kokoonpanon kanssa.
Kuten näette, tekstistä on tullut melko iso, kaksi kertaa suurempi, kun taas neliö pysyy samana. Syynä tähän on, että ohjelma (Photoshop in tässä tapauksessa). Toisaalta pikseleillä määritellyt - sininen neliö - pysyy täsmälleen samankokoisena. Pikseli on pikseli ja pysyy pikselinä PPI-asetuksista riippumatta. Ne eroavat toisistaan vain ne näyttävän näytön PPI:n suhteen.
On tärkeää muistaa, että digitaaliseen suunnitteluun PPI vaikuttaa vain siihen, miten koet suunnittelusi ja työnkulkusi sekä pt-grafiikan, kuten fontin. Jos sisällytät työhösi lähdetiedostoja osoitteesta erilaisia asetuksia PPI, ohjelma muuttaa kaikkien välillä siirrettyjen kuvien kokoa erilaisia tiedostoja vastaanottavan tiedoston PPI-suhde. Tästä tulee sinulle ongelma.
Ratkaisu? Käytä PPI:tä (1x mallille, mieluiten välillä 72-120) ja pysy siinä. Itse käytän 72 ppi:tä, koska se on Photoshopin oletusasetus, ja useimmat kollegani tekevät samoin.
Muistaa:
PPI:n käsittely iOS:ssä
On aika sukeltaa alustakohtaiseen suunnitteluun. Katsotaanpa iOS-laitteita vuoden 2014 alussa. Mitä tulee näytön kokoihin ja DPI:hen, iOS:ssä on 2 tyyppiä mobiililaitteet ja 2 erilaista kannettavaa/pöytäkoneen näyttöä. Mobiilikategoriassa heillä on tietysti iPhone ja iPad.Puhelinluokassa sinulla on vanha 3GS (tukee edelleen iOS6:lla) ja uudempi. Vain iPhone 3GS ei ole verkkokalvolla. iPhone 5 ja uudemmat ovat käytössä enemmän korkea näyttö samalla DPI:llä kuin iPhone 4:ssä ja 4s:ssä. Katso huijauslomake alta:
Huomautus: 1) 1x kerroin, 2) 2x kerroin, 3) 2x kerroin.
Syyskuussa 2014 Apple esitteli kaksi uutta iPhone-luokkaa: iPhone 6 ja iPhone 6 Plus. iPhone 6 on suurempi kuin iPhone 5 (0,7 tuumaa), mutta sillä on sama PPI. Toisaalta iPhone 6 esittelee iOS:lle täysin uuden kertoimen, @3x koostaan, 5,5 tuumaa, johtuen.
Sinun on tiedettävä jotain erityistä siitä, kuinka iPhone 6 Plus käsittelee näyttöään verrattuna kaikkiin muihin iPhoneihin.
Se pienentää kuvien kokoa.
Kun esimerkiksi suunnittelet iPhone 6:lle, suunnittelet 1334*750px-kankaalle ja puhelin renderöi myös 1334*750 fyysistä pikseliä. SISÄÄN Iphonen kuori 6 Plus -puhelimen resoluutio on pienempi kuin kuvan renderöinnissä, joten sinun on suunniteltava 2208*1242px-resoluutiolle ja puhelimen koko pienenee 1920*1080px:iin. Katso alla oleva kuva:
Fyysinen resoluutio on 13 % alempi kuin renderöity resoluutio. Tämä luo pari virhettä, kuten puolipikseliä, mikä tekee erittäin hienoista yksityiskohdista epäselviä. Vaikka resoluutio on niin korkea, että sen huomaa vain, jos katsot hyvin läheltä. Suunnittele siis 2208*1242px-kankaalle ja ole varovainen hyvin pienten suunnitteluelementtien, kuten superjakajien, kanssa. Katso alta simulaatio siitä, mitä tapahtuu:
Chrome-käyttöjärjestelmän opasta ei ole vielä julkaistu, mutta Pixelistä (kosketusnäytöllä) ei myöskään ole paljon käyttöä. Koska kaikki Chrome-käyttöjärjestelmän sovellukset ovat verkkopohjaisia, suosittelen kuitenkin niiden suunnittelua. kosketusnäytöt. Suositukseni olisi seurata Android-opasta kosketustarkoituksiin.
Web, hybridilaitteet ja tulevaisuus
Saat selväksi, minkä päätöksen teet, jos kehität mobiilisovellusta. Tee se kosketusnäytöille. Jos kehität pöytätietokoneita, valitse ei-koskettavia. Se kuulostaa yksinkertaiselta, mutta se jättää huomiotta uuden kasvavan trendin - hybridilaitteet.Hybridilaite on laite, jonka väitetään tarjoavan molemmat kosketusohjaus, ja ei-sensorinen. Chromebook Pixel, Surface Pro ja Lenovo Yoga ovat hyviä esimerkkejä.
Mitä tehdä tässä tapauksessa? No, tässä ei ole helppoa vastausta, mutta annan yhden: valitse kosketusohjaimet. Tähän tekniikka menee.
Jos suunnittelet verkkoa tai jotain vastaavaa, harkitse kosketusohjaimia.
Muistaa:
Grafiikka ohjelmisto
Ohjelmisto ei tee sinusta suunnittelijaa, mutta oikean ohjelmiston valitseminen käsillä olevaan tehtävään voi parantaa huomattavasti tuottavuuttasi ja helpottaa työtäsi. Ohjelmistoosaamisen ei pitäisi olla ainoa taitosi, mutta oikean työkalun oppiminen ja hallitseminen auttavat toteuttamaan ideasi paljon.Mitä tulee DPI-muutosten käsittelyyn käyttöliittymäsuunnittelussa, kaikki ohjelmat toimivat eri tavalla. Jotkut ovat parempia kuin toiset erityisiä tehtäviä. Tässä ovat yleisimmät:
Photoshop
Käyttöliittymäsuunnittelutyökalujen äiti. Ehkä eniten käytetty työkalu nykyään. Hänelle on loputtomasti resursseja, opetusvälineet, artikkeleita. Photoshop on ollut olemassa melkein käyttöliittymäsuunnittelun kynnyksellä.Kuten nimestä voi päätellä, ohjelman ensimmäinen tavoite ei ollut käyttöliittymäsuunnittelussa, vaan valokuvien tai rasterikuvien retusointi. Se kehittyi vuoden aikana, ja käyttöliittymäsuunnittelun syntyessä suunnittelijat muuttivat sen tarkoitusta. Tämä johtui osittain siitä, että he olivat tottuneet siihen, ja koska se oli ainoa ohjelma, joka pystyi tekemään asioita niin hyvin kuin tarvittiin.
Photoshop on tähän päivään asti rasterikuvien muokkauksen mestari ja edelleen käytetyin käyttöliittymäsuunnitteluohjelma. Sen vuosikymmeniä jatkunut perintö tekee Photoshopista vaikeasti opetettavan ohjelman. Käyttämällä Photoshopia kuin jättimäistä Sveitsin armeijan veistä voit tehdä mitä tahansa, mutta ei aina tehokkaimmalla tavalla.
Koska se perustuu natiivisti rasterikuvaan, se on DPI-riippuvainen, minkä vastakohta Illustrator ja Sketch kuvataan alla.
Kuvittaja
Vektorieditori, Photoshopin veli. Nimensä mukaisesti se on suunnattu kuvittajille, mutta sitä voidaan käyttää myös käyttöliittymäsuunnittelun työkaluna.Illustrator soveltuu painosuunnitteluun, joten sen käyttöliittymä, värinhallinta, mittakaava, viivoittimet ja mittayksiköt voivat olla epämiellyttäviä ja vaatii muutaman säädön ollakseen helppokäyttöinen vain käyttöliittymäsuunnittelussa. Kuten Photoshop, se on uskomattoman tehokas työkalu, jolla on jyrkkä oppimiskäyrä.
Se on erilainen kuin Photoshop-teemat että se ei riipu DPI:stä johtuen vektorimuodot. Toisin kuin rasterikuvat, grafiikka, joka on tehty vektorin muotoja, perustuu matemaattisiin kaavoihin ja se lasketaan uudelleen ohjelmallisesti laadun heikkenemättä.
Rasteri- ja vektorikuvien välisen eron ymmärtäminen on avainasemassa skaalautuvan kuvan luomisessa visuaalinen suunnittelu ja graafiset resurssit.
Jos haluat aloittaa Illustratorin käytön web-/käyttöliittymäsuunnitteluun, suosittelen lukemista
Kirjaimellisesti kaikkialla voit kuulla DPI:stä ja PPI:stä, kuinka tärkeitä ja tarpeellisia ne kaikki ovat, sinun on jopa pystyttävä käyttämään niitä kaikkia kerralla. Kyllä, ja web-suunnittelussa se on välttämätöntä, muuten No, millainen webmaster sinä olet?! Mutta mitä kokotiedot todellisuudessa tarkoittavat ja miten web-suunnittelija voi käyttää niitä? Pitääkö minun kiinnittää tähän huomiota vai pitäisikö minun käyttää vain oletusasetuksia?
Periaatteessa kaikki riippuu projektistasi. Jos tiedät etukäteen, mihin ympäristöön olet luomassa verkkosivustoa tai logoa ja miten työtäsi tullaan käyttämään jatkossa, voit heti määrittää arvot ja tarpeen työskennellä DPI:n ja PPI:n kanssa. Mutta sillä välin, ennen kuin aloitat työskentelyn minkä tahansa projektin kanssa, olisi hyvä muistaa nämä arvot ja päivittää joitain kohtia muistissasi.
Tässä materiaalissa puhumme DPI:stä ja PPI:stä tarkemmin ja esimerkkien avulla ymmärrämme, milloin ja missä tapauksissa web-suunnittelijan tulisi kiinnittää niihin huomiota. Sanotaan heti, että artikkeli saattaa tuntua "kuivalta" ja tylsältä, mutta olemme varmoja, että löydät siitä mielenkiintoisia kohtia. Kummallista kyllä, mutta PPI-arvot he voivat tai eivät vaikuttaa suunnitteluun ja kuviin, jopa kolmannen osapuolen kuviin PSD-tiedostoja ja kopioidut tiedot. Ja sitten on näytön PPI. Ja kuvittele, että tämä kaikki liittyy toisiinsa. Lopuksi teemme yhteenvedon ja yhteenvedon kaikista johtopäätöksistä.
Pikselit jaPPI
Pikselit osana kuvia viittaavat pienimpiin yksiköihin, jotka asettavat tietyn kuvan ruudukolle. Pikselien lukumäärän suhde tuumaa kohti on PPI. Vastaavasti mitä suurempi tämä määrä, sitä selkeämpi kuva on, koostumuksen pienimmät yksityiskohdat tulevat näkyviin silmälle. Pikseloitumista tapahtuu, kun pikseleiden määrä tuumalla on hyvin pieni. Vastaavasti jokainen pikseli saa hyvin selkeät reunat, jotka ovat selvästi näkyvissä. Heidän joukossaan ei ole tungosta.
PPI on kuvanlaadun mitta, ja sitä käytetään oletuksena Photoshopissa. Kun työskentelet valokuvien parissa, voit muuttaa kuvan näytteenottoa tai uudelleennäytteenottoa (muuttaa pikselien määrää) tai muuttaa kuvan kokoa (kunkin pikselin kokoa, mutta ei pikselien määrää). Photoshopissa koonmuutosikkunassa sinun on seurattava pikselimäärän ja uudelleennäytteenoton suhdetta (yksityiskohtia ja pikselien määrän lisäämistä).
Kuvien verkkostandardi on 72 pikseliä tuumalla. Tällä arvolla kuvat näyttävät kauniilta, jos niitä alun perin on hyvä laatu(ei vääristynyt, selkeä). Muista, että valokuvasi tulee aina olla täysikokoinen ja leveä täyttääksesi kehykset ja sijoitusrajat. Esimerkiksi, iso kuva hatussa Facebook-sivut. Kuvan tulee olla 851 pikseliä leveä. Pikseloitumisen estämiseksi 72 pikseliä tuumalla resoluutiolla valmiin kuvan leveyden tulisi olla lähes 12 tuumaa leveämpi.
Vertaa eroa.
JA
Yllättävän lähettää tekstiviestiMyös PPI:llä on vaikutusvaltansa. Samanlainen kuin miten suuri määrä pikseliä tuumalla tekee valokuvasta selkeämmän ja tekstistä tulee myös luettavaa. Fontit, joilla on korkea PPI, ovat helpompia lukea ja luettavampia, vaikka kirjaimet olisi tehty pienikokoisina. Toisin sanoen teksti voi olla selkeää tai epäselvää, kuten valokuvat.
Lopuksi, kun ajattelemme pikselien roolia web-suunnittelussa, meidän on muistettava, että selainikkuna muuttuu jatkuvasti saman käyttäjän sisällä. Muutama vuosi sitten jokainen yritti saada yhden hakulomakkeen, yhden ikkunan koon ja vastaavasti sivustoja luotiin näiden vaatimusten täyttämiseksi. Nykyään yhä useammat web-suunnittelut luodaan responsiivisesti, mutta toimivat skaalautuvilla kerroksilla, Voit sallia kuvien kasvaa suhteessa selainikkunaan, mutta silti pysyä todellisen kokonsa sisällä. Tämä mahdollistaa kuvien eheyden ja laadun säilyttämisen.
Vaikka PPI on tärkeä Internetille, näistä arvoista ei ole juurikaan hyötyä tulostuksessa. Tulostusmäärityksiä varten on tarkoituksenmukaisempaa käyttää pistettä tuumalla tai DPI:tä.
Pisteet jaDPI
Termi DPI tai dots per inch kehitettiin käsittelemään tulostuksen kuvanlaatua. Kun valokuva tulostetaan, se koostuu sadoista tuhansista pienistä pisteistä, jotka on kerrostettu päällekkäin ja vierekkäin erivärisillä musteilla. Myös näissä kohdissa muste sekoittuu muodostaen siten suuremman valikoiman värejä ja sävyjä. DPI-arvo on tulostettujen pisteiden määrä tuumaa kohti. Mitä suurempi tämä arvo on, sitä tasaisemmalta ja paremmalta kuva näyttää, ja liukuvärien siirtymät tulevat realistisemmiksi.
Mutta jokapäiväisessä elämässä ihmiset käyttävät useinDPI viittaa mihin tahansa resoluutioon, ja se sekoitetaanPPI. Jos työskentelet projektin kanssa, jota ei ole tarkoitettu tulostukseen, DPI:ssä ei pitäisi olla sekaannuksia tai ongelmia. Jos olet luomassa logoa, jota käytetään sekä painettuna (käyntikortit, lomakkeet jne.) että verkkosivustolla, sinun on luotava korkealaatuisia kuvia aluksi. Luo kuvasta korkean DPI:n kopio, jota käytetään yksinomaan tulostukseen.
Kun katsomme näyttöä, on epätodennäköistä, että kukaan pystyy näkemään eron näiden kahden välillä identtisiä kuvia, luotu 100 DPI:llä ja 300 DPI:llä. Syynä on se, että näytöt eivät näytä grafiikkaa pisteinä. DPI-arvoilla ei ole heille väliä.
Tulostuksen standardiksi katsotaan 300 DPI. Tämä on tärkeää, jotta tulostin itse ei voi muuttaa tätä arvoa, jos se ei ole työtiedoston ominaisuuksissa. Muuten kuva vääristyy, jopa värisävyt voivat muuttua.
DPI tulee myös peliin muuttamaan tulostettu elementti muotoon digitaalisessa muodossa. Mitä suurempi arvo, sitä korkeampi on skannatun asiakirjan laatu. Yleensä korkealaatuisten valokuvien DPI on 200 at todellinen koko. Mutta kannattaa aina yrittää skannata korkeilla parametreilla, niin on helpompaa muokata tietoja, suurentaa ja tulostaa uudelleen.
megapikseliä
Koska puhumme tarpeesta käyttää korkealaatuisia kuvia web-suunnittelussa, on syytä mainita yhden pikselin megapikselin muoto. Megapikselin yksikköä käyttävät ammattikamerat, jotta käyttäjät ymmärtävät, millaista se on, laadukasta valokuvausta ja kuinka kaunista se on verrattuna tavallisiin vaihtoehtoihin. Jos katsomme lukuja, yksi megapikseli on yhtä suuri kuin miljoona pikseliä.
Kaikki digitaaliset kuvat lähteestä riippumatta koostuvat pikseleistä (ei pisteistä). Megapikselit auttavat vain ymmärtämään tulostettavan valokuvan resoluution ja laadun. Se on kuin laskennan yksinkertaistamista: senttimetrit, metrit, kilometrit.
Numerot web-suunnittelussa
Pikselillä ei ole kokoa, ei merkitystä, ei sen matematiikan edustamisen ulkopuolella. Hän vain yhdistävä linkki fyysisen näytön koon (tuumaa), näytön resoluution (pikseliä tuumaa kohti) ja näytön pikselikoon (pikseliä) välillä. Tavallisten (ei-Retina) pöytätietokoneiden näyttöjen PPI on tyypillisesti välillä 72-120. Suunnittelemalla PPI-arvolla 72-120 varmistat, että työsi on suunnilleen yhtä suuria.
Yleinen kaava koon laskentaan ja laskemiseen resoluutiosta ja koosta riippuen näyttää tältä:
Tässä on esimerkki: LG w2253tq 22 tuuman näytön näytössä on PPI = 102, mikä tarkoittaa, että se näyttää 102 pikseliä tuumaa kohden näyttöaluetta. Itse näytön leveys on noin 18,8 tuumaa, joten 18,8 * 102 on noin 1920, mikä muodostaa näytön alkuperäisen resoluution 1920x1080 px.
Löysimme kätevän PPI-laskimen näytöille, uskomme sen olevan hyödyllinen sinulle.
Piirrät esimerkiksi sinisen neliön, jonka mitat ovat 102 x 102 pikseliä, näytölle, jonka PPI on 102.
Tämän neliön fyysinen koko on 1" x 1". Mutta jos käyttäjän näytössä on PPI = 72, sininen neliö on suurempi fyysiset mitat. Koska PPI = 72, 100 pikselin neliön näyttäminen sivulla vie noin puolitoista tuumaa (karkeasti pyöristettynä). Yllä olevan kaavan avulla tämä lasketaan helposti ja nopeasti.
Tästä syystä jokainen käyttäjä näkee verkkosivujen suunnittelun eri tavalla. Verkkovastaavan tavoitteena on löytää paras kompromissi, joka on kätevä enemmistölle, koska kaikilla ei ole samaa näyttöä kuin sinulla.
Toinen mielenkiintoinen kohta
Mitä tapahtuu, jos muutat PPI-arvoa Photoshopissa ja luot projekteja PPI:llä 100 tai 120. Tosiasia on, että digitaalinen sisältö mitataan aluksi pikseleinä PPI-arvosta riippumatta. PPI ei sinänsä vaikuta suunnitteluun. Siksi, kun on tarpeen suurentaa kuvia, käytetään kertoimia.
Luo uusi asiakirja Photoshopissa ja valitse PPI 72. Luo 102 x 102 pikselin neliö ja 14 pisteen teksti.
Luo sitten samalla tavalla neliö ja teksti asiakirjaan PPI 102:lla.
Verrataanpa tapahtunutta. Toisessa tapauksessa (näytölle natiivi) teksti suureni, mutta neliö pysyi samana, se ei muuttunut. Tosiasia on, että Photoshop skaalaa pisteiden arvon automaattisesti asiakirjan PPI:n mukaisesti. Näin tekstin koko kasvoi renderöinnin aikana.
Mitä tulee neliöön, sen arvot määritettiin pikseleinä, joten sen koko ei muuttunut. Pikseli ei koskaan muutu, riippumatta valitsemastasi PPI:stä. Jotta neliö muuttuisi, tarvitaan eri kokoinen näytön, näytön, PPI. Et voi tehdä tätä ohjelmallisesti.
Muista siis se web-suunnittelussaPPI vaikuttaa vain ulkoasun, kuvien ja lohkokokojen käsitykseen. Ja myös työskentelyprosessista fonttien kanssa, jotka mitataan pisteinä (hyväksytty tällä tavalla).
On toinenkin vaihtoehto, jos sinulla on useita erilaisia PSD:itä erilaisia asetuksia PPI-tiedostoissa. Mitä tulee tapahtumaanPhotoshop? Sovellus säätää automaattisesti elementtien kokoa näytön ja PPI-arvojen mukaan. Sama tapahtuu, jos käytät verkkosivuston asettelua 72 PPI:n resoluutiolla ja lisäät logon 100 PPI:n asiakirjasta. Kuvan kokoa muutetaan automaattisesti, mikä voi aiheuttaa ongelmia.
Ratkaisu on kuitenkin olemassa. Työskentele aluksi yleisesti hyväksytyllä 72 PPI:n resoluutiolla. Tämä on Photoshopin oletusasetus. Mutta jos asiakkaat tai tuttavat/ystävät kertovat, että ulkoasussa on jotain vialla, mieti, miten he avaavat sen ja mitä sovellusasetuksia heillä on.
Lisäksi kannattaa muistaa vektorikuvat, jotka skaalautuvat hyvin ja estävät tarpeen luoda useita pikselikuvia eri PPI:illä. Vektori muuttuu automaattisesti kertoimen, näytön, resoluution ja muiden mukaan. Mutta vektorin käytöllä on rajoituksensa. Et voi esimerkiksi luoda monimutkaista grafiikkaa: varjoja, liukuvärejä jne. Vektori voi olla erittäin painava, ja siksi käyttäjän järjestelmä voi yksinkertaisesti "jäätyä" niille sivustoille, joissa on käsiteltävä paljon vektoridataa.
johtopäätöksiä
Käyttämällä projektillesi sopivia PPI- tai DPI-arvoja voit vaikuttaa sen laatuun ja ulkonäköön. Samaan aikaan PPI on tarkoitettu yksinomaan digitaalisen sisällön työskentelyyn ja vaikuttaa kuvien laatuun.
PPI soittaa tärkeä rooli web-suunnittelussa, koska se vaikuttaa kuviin ja elementtien suhteeseen. Toisaalta valokuvat voivat olla epäselviä tai selkeitä, toisaalta koko voi muuttua, jos sitä ei alun perin ilmaistu pikseleinä. Jos haluat koko mallin näyttävän upealta, käytä vain omia arvojasi alkuperäinen näyttö tai oletusarvot. Pikselit eivät pidä puolimitoista. Ei ole olemassa sellaista asiaa kuin puoli pikseliä tai puolitoista pikseliä. Niitä on yksi tai kaksi, joten tarkkuus on ennen kaikkea tärkeä. Ja voit saavuttaa sen vain työskentelemällä sinulle alkuperäisten parametrien kanssa.
Toinen seikka on, että monet käyttäjät muuttavat itse sivuston sivun resoluutiota tehdäkseen sen lukemisesta/katsomisesta mukavampaa. Täällä sivuston suunnittelu voi näyttää masentavan huonolta ja rumalta. Mutta on epätodennäköistä, että mitään voidaan tehdä, koska mukavuus on vierailijoille tärkeää. Muista siis, että tiedoston resoluutio on yleensä 72 PPI. Tämä säästää enemmän palvelintilaa. Kuvatiedostot ovat pieniä ja latautuvat nopeammin . Ja vaikka ne ovat pienempiä alkuperäiset valokuvat, useimmissa tapauksissa ne ovat suurempia käyttäjien näytöllä, koskaNäyttöjen PPI on kaikilla erilainen ja enimmäkseen 100+PPI.
