HarryPot
Alkuperäinen juliste- 5. syyskuuta 2009
- 1. huhtikuuta 2013
Googlea haettaessa näyttää siltä, että Photoshop on huonoin ohjelmisto verkkosuunnitteluun. Joidenkin ohjelmistojen on kuitenkin oltava hyviä.
Vieraillessaan http://www.apple.com Näen tekstin valokuvan muodossa ja teksti näyttää erittäin terävältä ja selkeältä.
Olisin kiitollinen kaikesta avusta.
Renzatic
Keskeytetty
- 3. elokuuta 2011
- Mummit, mistä helvetistä minä sinulle maksan?
- 1. huhtikuuta 2013
Edit: Vaikka klikkaan yllä olevaa Applen linkkiä, näen, että iPhone 5:n otsikko on bittikartta. Joten luulisin kysymyksen olevan, miten tuot tekstisi? Käytätkö tekstityökalua vai leikkaatko ja liitätkö kirjaimia pois bittikarttamallista?
Se riippuu myös käyttämäsi kuvan koosta. Jos se on suuri kuva ja pienennät sitä tai päinvastoin, se voi aiheuttaa epäselvyyttä. Viimeksi muokattu: 1. huhtikuuta 2013 H
HarryPot
Alkuperäinen juliste- 5. syyskuuta 2009
- 1. huhtikuuta 2013
Renzatic sanoi: Edit: Vaikka klikkaan yllä olevaa Applen linkkiä, näen, että iPhone 5:n otsikko on bittikartta. Joten luulisin kysymyksen olevan, miten tuot tekstisi? Käytätkö tekstityökalua vai leikkaatko ja liitätkö kirjaimia pois bittikarttamallista?
Se riippuu myös käyttämäsi kuvan koosta. Jos se on suuri kuva ja pienennät sitä tai päinvastoin, se voi aiheuttaa epäselvyyttä.
Kiitos vastauksesta.
Mikä bittikartta oikein on?
Käytän Photoshopia. Periaatteessa minun on luotava banneri käytettäväksi verkkosivustolla. Se on kooltaan 980 x 300 pikseliä, jossa on yksi kuva sivulla ja hieman tekstiä oikealla. Voisin tehdä tämän CSS:llä ja saada paljon terävämpää tekstiä, mutta koska käytän animaatiossa JavaScriptiä, sen tekeminen vaatisi paljon enemmän aikaa kuin pelkkä Photoshopin käyttäminen koko kuvan luomiseen tekstillä.
Olen päässyt parempiin tuloksiin aloittamalla paljon suuremmalla asiakirjakoolla (2940x900px) ja sitten litistämällä kuvan ja pienentämällä sen kokoon 980x300px. Silti en ole onnistunut saavuttamaan jotain Applen kaltaista. B
valkoinen
- 30. heinäkuuta 2012
- 1. huhtikuuta 2013
Tallenna PNG- tai GIF-muodossa, älä koskaan JPEG-muodossa (ellei sinulla ole tekstiä kuvien päällä). H
HarryPot
Alkuperäinen juliste- 5. syyskuuta 2009
- 1. huhtikuuta 2013
blanka sanoi: Salaisuus saada vektorigrafiikkaa (logot) ja tekstiä täydelliseksi on renderöidä ne ensin esimerkiksi 4x pikselien määrällä. Skaalaa sitten kahdessa vaiheessa BILINEAARisella alennusnäytteistyksellä. ÄLÄ KÄYTÄ oletusarvoista bicubicia, se on kamalaa vektorille/tekstille.
Tallenna PNG- tai GIF-muodossa, älä koskaan JPEG-muodossa (ellei sinulla ole tekstiä kuvien päällä).
Kun sanot pienennyksen, tarkoitatko vain kuvan koon vaihtamista?
Renzatic
Keskeytetty
- 3. elokuuta 2011
- Mummit, mistä helvetistä minä sinulle maksan?
- 1. huhtikuuta 2013
HarryPot sanoi: Mikä tarkalleen on bittikartta?
Käytän Photoshopia. Periaatteessa minun on luotava banneri käytettäväksi verkkosivustolla. Se on kooltaan 980 x 300 pikseliä, jossa on yksi kuva sivulla ja hieman tekstiä oikealla. Voisin tehdä tämän CSS:llä ja saada paljon terävämpää tekstiä, mutta koska käytän animaatiossa JavaScriptiä, sen tekeminen vaatisi paljon enemmän aikaa kuin pelkkä Photoshopin käyttäminen koko kuvan luomiseen tekstillä.
Olen päässyt parempiin tuloksiin aloittamalla paljon suuremmalla asiakirjakoolla (2940x900px) ja sitten litistämällä kuvan ja pienentämällä sen kokoon 980x300px. Silti en ole onnistunut saavuttamaan jotain Applen kaltaista.
Pohjimmiltaan hieno sana kuvalle. Ne ovat resoluutiosta riippuvaisia. Et voi skaalata niitä ylös tai alas menettämättä prosessin määrittelyä ja/tai yksityiskohtia.
Tämä on vastakohta vektorille, jonka tekstityökalu tuottaa. Ne ovat resoluutiosta riippumattomia, koska ne eivät perustu yksittäisiin pikseleihin, vaan koordinaatteihin, jotka CPU piirtää. Voit ottaa tekstityökalusta pienen 2px:n A:n ja käyttää muunnostyökalua skaalataksesi sen 300 pikseliin, jolloin A-kirjain on silti täysin terävä.
Siksi kysyin, käytätkö mallia kirjeissäsi. Jos otat joukon bittikarttakirjaimia ja skaalaat niitä satunnaisesti, menetät tarkkuuden reunoista, mikä saattaa saada ne näyttämään epäselviltä verkkosivulla. Tämä pätee erityisesti, jos olet laajentamassa.
Mitä tulee banneriisi, se ei koskaan tee pahaa suunnitella sitä hieman isommaksi kuin tarvitset. Kyllä, tämä kuulostaa siltä, että se päihittää sen, mitä juuri sanoin edellä, mutta selaimet voivat pienentää kuvia mukavasti ja sujuvasti. Katsokaa yllä olevaa Eeternallogoa.
...no helvetissä. On aprillipäivä, ja he ovat sotkeneet sen. Kuvat. Mutta teksti näyttää silti hyvältä, joten voin silti käyttää sitä esimerkkinä.
Jos vedät kuvan työpöydällesi, näet, että kuva on itse asiassa hieman suurempi kuin mitä se on verkkosivulla. Todennäköisesti noin 50 % suurempi. Tämä johtuu siitä, että bittikartat skaalautuvat sujuvasti, kunhan niiden kuvasuhde on oikea.
Suosittelen, että luot kuvasi 1960 x 600:n tarkkuudella (melko samanlainen kuin teit, mutta pienempi), mutta älä pienennä kuvan kokoa, kun olet valmis. Aseta sen sijaan asteikko verkkosivullesi. Tämän pitäisi pitää tekstisi kauniin ja terävän näköisenä (tämä tekee siitä myös hyvän näköisen verkkokalvonäytöissä).
...ja tietysti kokeilla. Kuten Applen kaverit käyttivät 1:1-kuvaa verkkosivustolleen. Tämä voi johtua heidän käyttämänsä tekstin antialiasoinnin tyypistä. Koska käytän Windows PC:tä, en onnistunut täydellisesti vastaamaan fonttia (Helvetica vs. SegoeUI semilight), mutta tämän kuvan pitäisi antaa sinulle käsitys siitä, mitä tarkoitan...
Voit ohjata tekstin antialiasointia pienestä palkista yläreunassa, pienen aa-kuvakkeen vieressä. Suosittelen myös leikkiä sen kanssa. H
HarryPot
Alkuperäinen juliste- 5. syyskuuta 2009
- 1. huhtikuuta 2013
Renzatic sanoi: SNIP
Mitä tulee banneriisi, se ei koskaan tee pahaa suunnitella sitä hieman isommaksi kuin tarvitset. Kyllä, tämä kuulostaa siltä, että se päihittää sen, mitä juuri sanoin edellä, mutta selaimet voivat pienentää kuvia mukavasti ja sujuvasti. Katsokaa yllä olevaa Eeternallogoa.
Kiitos paljon! Aion kokeilla antamiasi suosituksia.
...no helvetissä. On aprillipäivä, ja he ovat sotkeneet sen. Kuvat. Mutta teksti näyttää silti hyvältä, joten voin silti käyttää sitä esimerkkinä.
B
valkoinen
- 30. heinäkuuta 2012
- 3. huhtikuuta 2013
Renzatic sanoi: Aseta sen sijaan asteikko verkkosivullesi. Tämän pitäisi pitää tekstisi kauniin ja terävän näköisenä (tämä tekee siitä myös hyvän näköisen verkkokalvonäytöissä).
Mutta se skaalaa myös bicubic, joten ei paras mahdollinen terävyys. Täydellisen 1:1-kuvan tekeminen bilineaarisella alasnäytteellä on edelleen parasta niille, jotka halkeilevat karvoja. Ja tietysti kaksinkertainen koko, johon ladataan CSS-mediakyselyitä, jos pikselitiheys on yli 1,25 tai niin.
-----------
Renzatic sanoi: Voit ohjata tekstin antialiasointia pienestä palkista yläosassa, pienen aa-kuvakkeen vieressä. Suosittelen myös leikkiä sen kanssa.Vähennä näyte manuaalisesti 2-kertaiseksi ainakin pikseleiksi muuntamisen jälkeen. Mikään vaihtoehdoista ei ole täydellinen. S
smithydan
- 11. huhtikuuta 2013
- 4. huhtikuuta 2013
Tämä parantaa kuvan laatua, mutta myös latausaikaa, riippuen siitä, mikä se tarkalleen on.
Onko sinulla ennen ja jälkeen, joko kuvakaappaus tai kuva.
noin 12
- 20. toukokuuta 2002
- Dallas, TX Yhdysvallat
- 5. huhtikuuta 2013
Tallenna grafiikkaa Applen sivustolta ja vertaa niitä omaasi. Lähennä. Katso, voitko erottaa erot. Jos käytät JPEG:tä (jopa korkeimmalla pakkausasetuksella), tekstin ja kuvan kontrastisten osien ympärillä ON artefakteja. S
smithydan
- 11. huhtikuuta 2013
- 8. huhtikuuta 2013
Tarvitset kuvittajan tekstin luomiseen ja vientiin. J
jtara
- 23. huhtikuuta 2009
- 8. huhtikuuta 2013
Mikset toimittaisi tekstiä tekstinä?
chirpie
- 23. heinäkuuta 2010
- 9. huhtikuuta 2013
jtara sanoi: Tekstin laittaminen bittikarttabanneriin on kauhea idea. Se paisuttaa bittikartan kokoa ja antaa sinulle ikäviä esineitä JPEG-muodossa, ellet käytä erittäin korkealaatuista asetusta. Ja bittikartan teksti on heikentynyt luettavuutta. (Vaikka Google ja muut voivat nyt joissain tapauksissa pystyä lukemaan grafiikkaan upotettua tekstiä.)
Mikset toimittaisi tekstiä tekstinä?
Joskus haluat erityisen kirjasimen ja haluat sen toimivan vanhemmissa selaimissa. (Olen henkilökohtaisesti luopunut niistä kaikkien Google-kirjasimien hyväksi. Se on aivan liian vapauttavaa olla tekemättä. ^_^)
Lisäksi, niin kauan kuin se on vain tekstiä, voit tallentaa sen muodossa .png'js-selectToQuoteEnd'>
Liitteet
Viimeksi muokattu: 9. huhtikuuta 2013 S
smithydan
- 11. huhtikuuta 2013
- 9. huhtikuuta 2013
Jos jatkamme niiden (vanhojen selaimien) mukauttamista, käyttäjät eivät koskaan tule esiin. If säästää aikaa, kun et ole huolissasi taaksepäin yhteensopivuudesta. Viimeksi muokattu: 10. huhtikuuta 2013 H
HarryPot
Alkuperäinen juliste- 5. syyskuuta 2009
- 9. huhtikuuta 2013
Olen pystynyt parantamaan tekstin terävyyttä melko paljon käyttämällä PNG:tä ja tekemällä hieman isompaa kuvaa, sitten litistämällä kuvaa ja sitten alasampomalla Photoshopilla haluttuun kokoon.
Miksi käyttää tekstiä bannerissa eikä tehdä sitä HTML:n ja CSS:n kanssa. Se johtuu siitä, että käytän javascript-liukusäädintä (NivoSlider), enkä ole onnistunut saamaan oikein järjestettyä banneria pelkällä CSS:llä.
Suosittu Viestiä