Handbók hönnuðar við Pixel Hinting
Pixel-fullkomin tákn og leturfræði eru á milli fólksins á netinu. Augljóslega viljum við öll leitast við slíkt hreinsað verk, en stundum jafnvel eftir að við reynum endar við enn með eitthvað lítið ... minna. Pixel Hinting er ein af þeirri færni sem tekur sjálfvirka eiginleika og bætir við niðurstöður þess. Þrátt fyrir öfgafullan háupplausn sýna í dag, eins og sjónhimnur Apple, þurfum við enn frekar að "falsa" sléttar línur þannig að við komumst ekki í endurnýjuð sóðaskap.
Margir hönnuðir og verktaki flytja meira í átt að SVG og vettvangsaðgerðum aðferðum núna; með stuðninginn aðeins að verða betri um daginn. En jafnvel þó að vöxtur-undirstaða lausnir hafa langa leið að fara áður en þeir eru þroskaðir nóg til að nota í framleiðslu. SVG er frábært fyrir að sýna vektorform, en ekki svo heitt að breyta stærð þessara forma. Svo eins og allt annað þarna úti, er tími og tími fyrir hverja lausn.
Hvað eru vektorar?
Vigrar eru í raun framleiddar niðurstöður stærðfræðilegrar framsetningar forms. Þegar þú sérð eitthvað á skjánum þínum er það vegna þess að tölvan þín skilaði þeim hlutum og batt þeim á punktana á skjánum þínum. Í því skyni hefur tölvan þín einnig tekið ákvarðanir um hvað ætti og ætti ekki að vera sýnt sem heil punktar. Til dæmis hefur hástafurinn "D" bæði beinan línu og boginn einn.
Eins og þú getur séð, án þess að andstæðingur-aliasing er boginn lína á "D" er alveg pixelated. Svo að bæta við, þegar vigurformar eru gerðar eru þau venjulega andstæðingur-aliased til að veita meira ... sterkan útlit. Í stað þess að birta aðeins punkta sem falla innan vigtaútlitsins alveg, eru pixlar smám saman skyggður út. Þetta bragðarefur heilann inn í að sjá sléttari línu á bognum formum sem ekki smella á pixla ristina fullkomlega.
Ofangreint er hægt að sjá hvernig það sem gefinn er "D" er gefið það sem kallast hálf dílar til að fjarlægja hakkað pixelation. Hins vegar kynnir þetta sama eiginleiki vandamál: Tölvur eru hræðilegar við að reikna út hvað er sjónrænt aðlaðandi. Þannig að meðan á því að bæta þessum hálfpixlum er hringlaga horni lítið frábært, gerir það einnig að ofan / neðri innri línan líta óskýr. Sjálfvirk andstæðingur-aliasing sem á sér stað þegar vigur form er endað að gera flestar gerðir af form og leturfræði líta vel út, en skilur öðrum í enn verri gæðum en það byrjaði með.
Halló, pixel vísbending.
Nú þegar þú hefur stuttan bakgrunn á vektorformum og hvernig þau virka, skulum við hoppa inn í raunverulegt verk. Pixel vísbending felur í sér að færa akkerapunkta vigranna til að hvíla á mörkum pixla á fagurfræðilegan skemmtilegan hátt. Gerðu þær beinar línur meira fullkomnar, en skildu samt hálf dílar að bugunum. Algengast er að pixel vísbending sé notuð á leturfræði og formi fyrir raster myndir (lógó, tákn, vörumerki osfrv.). Nú, síðast en ekki síst, til þess að rétt sé að stilla vigurinn þinn verður það að vera í stærð og lögun sem þú vilt. Þegar þú hefur pixla gefið vísbendingu um vinnuna þína, þá geturðu snúið þér eða breytt stærðinni, og sennilega kastað allt sem vinnur í burtu með því að sjálfkrafa andstæðingur-aliasing það aftur. Áður en við byrjum að byrja að ganga úr skugga um að eftirfarandi stillingar séu stilltar (ég mun nota Photoshop fyrir þetta verkefni):
- Kveiktu á pixla ristina þína (Skoða> Sýna> Rist, einnig vertu viss um að aukahlutir séu merktar yfir Show-valmyndinni)
- Gakktu úr skugga um að ristin þín sé með rist fyrir hverja 10 punkta, með 10 undirdeildum. Eða eitthvað svipað þannig að það er lína milli hvers pixla.
- Slökktu á glefsóttu (Skoða> hakaðu úr smella). Við viljum ekki að akkerispunkta gleymi við 1 punkta stigum, við viljum færa stig innan pixla.
Pixel hinting leturfræði
Ferlið til að gera form á móti typography er svolítið öðruvísi, þannig að ég mun ganga í gegnum bæði. Helst með typography, þú vilt að kjarna þinn tegund fyrir eða meðan á hinting aðferð þinni. Engu að síður ætti pixel vísbending að vera einn af síðustu hlutum sem þú gerir.
Í fyrsta lagi skaltu velja leturgerðina sem þú vilt punkta vísbendinguna og búa til afrit af laginu og umbreyta því laginu í form.
Þú getur séð að textinn fellur óþægilega á ristið, bæði á láréttu og lóðréttu ásnum. Til að laga þetta, munum við varpa ljósi á akkerispunkta hvers bréfs þar til þau samræma betur með pixla ristinu sem sett er fram. Markmiðið er að fá lögunarlínurnar nálægt, ef ekki beint á, ristilínurnar. Snúðu inn til að losa fókuspunktar nákvæmari. Þó að gera þetta, þá skalðu oft aðdráttarlaust til að tryggja að breytingar þínar líti vel út.
Þú vilt ekki að passa nákvæmlega við ristina, þar sem það tekur í burtu kostina af andstæðingur-aliasing í fyrsta sæti. Í staðinn, reyndu einfaldlega að halda hlutum í samræmi - leyfðu aðeins hálf pixla á annarri hlið hvers ás. Til dæmis leyfum ég alltaf hálf dílar til hægri og efst á bókstöfum, en þvinga vinstri og neðri brúnirnar að skola í ristina.
Eins og þú sérð, hefur "komast inn" verið aðlagast, en "snertingin" er eins og er. Rétt eins og kerning er pixel vísbending meira en iðn en vísindi. Það er mikil augað að líta og greina hvort vinnan lítur betur eða verri eftir aðlögun. Ekki vera hugfallin ef þú finnur leturgerðarljósið sem er gróft, endurtekið og haltu áfram að vinna með það. Ef niðurstaðan þín lítur enn undir undirlagi geturðu alltaf eytt laginu og afritað ferskt úr upprunalegu laginu aftur. Það tekur nokkurn tíma að fá leturfræði sérstaklega til að líta vel út, bara haltu áfram og fyrr eða síðar verðum við að borga.
Pixel vísbending vektor form
Almennt er pixel vísbending form áskilið fyrir tákn eða lógó. Aftur viltu ganga úr skugga um að lögun þín sé í stærð og snúningur sem þú vilt hafa áður en byrjað er að stilla það síðar gæti henda öllu vinnunni þinni. Aðlaga form er miklu auðveldara og krefst minni auga fyrir eigin smáatriði. Það er sagt að flóknari form tekur lengri tíma og er erfiðara að stilla, svo það er best að byrja með eitthvað einfalt.
Hér að ofan má sjá að örin okkar og hringurinn sitja aðeins örlítið burt þar sem við viljum að þau séu. Hálfdílar sem eru búnar til með andstæðingur-aliasing, veldur því að allur lögunin lítur út sem óskýr. Svo skulum nudge allt að falla á ristið smá betra.
Það erum við að fara! Með því að stilla akkerapunkta til að stilla upp á ristið endar við með miklu skarpari táknmáli. Það er mikilvægt að nefna að þar sem þetta tákn er hringur þurfti einnig að breyta speglum á breiddina að hæðinni. Einnig, ekki gleyma að ganga úr skugga um að innan í formi lítur vel út og í samræmi eins og heilbrigður. Ef þú lítur á fyrri mynd sem þú munt taka eftir að innanhrings hringsins eru ekki andstæðingur-aliased það sama.
Að lokum
Með vinnunni hér að ofan er niðurstaðan mynd sem lítur skarpari og faglegri. Auðvitað getur þú beitt þessum aðferðum við miklu mikilvægari hluti en hnappur.
Þó að sjálfvirka andstæðingur-aliasing gert með tölvunni þinni lítur ásættanlegt, gæti það verið betra. Svo þegar það kemur að lógóinu þínu eða mikilvægum táknum / leturfræði í rasterformi er pixel vísbending meira en bara sess færni; Þangað til dagurinn sem við erum öll að nota með hápunktsþéttleika sýna er nauðsynlegt.