అందమైన టైపోగ్రఫీని స్కెచ్‌లో అమలు చేయండి

విషయము

• ఒక మార్గంలో వచనం
• ఫ్యాన్సీ ఫాంట్ లక్షణాలు
• ప్రత్యేక అక్షరాలు
• ముగింపు

డిజైనర్లు మరియు డెవలపర్‌లుగా, గొప్ప టైపోగ్రఫీ కేవలం ఆహ్లాదకరమైన ఫాంట్‌ను ఎంచుకోవడం కంటే ఎక్కువ అని మాకు తెలుసు. కానీ మన వచనాన్ని తదుపరి స్థాయికి తీసుకెళ్లడానికి మనం ఉపయోగించే ఆచరణాత్మక పద్ధతులు ఏమిటి? స్కెచ్ వంటి డిజైన్ సాధనంలో మేము ఆ పద్ధతులను ఎలా అమలు చేస్తాము లేదా వాటిని వెబ్‌సైట్‌లో అమలు చేస్తాము?

ఈ వ్యాసంలో, మీ టైపోగ్రఫీ ఆటను పెంచడానికి నేను మూడు పద్ధతులను కవర్ చేయబోతున్నాను: ఒక మార్గంలో వచనం, దాచిన ఓపెన్‌టైప్ ఫాంట్ లక్షణాలు మరియు ప్రత్యేక అక్షరాలు. ఈ పద్ధతులు ఉత్తేజకరమైనవి, ఎందుకంటే స్కెచ్‌లో వాటిని ఎలా ఉపయోగించాలో కొంతమందికి తెలుసు, మరియు వారు మీ పనిని మరింత ప్రొఫెషనల్గా చూడటానికి సహాయపడతారు. నేను ఈ కథనంతో వనరుల యొక్క ప్రత్యేకమైన వెబ్ పేజీ మరియు మీ నుండి ప్రేరణ మరియు కోడ్‌ను లాగడానికి అందమైన ఉదాహరణల గ్యాలరీతో ఉన్నాను. కొన్ని గొప్ప టైపోగ్రఫీ కావాలా? ఉత్తమ ఉచిత ఫాంట్‌ల యొక్క మా రౌండప్ చూడండి.

ఒక మార్గంలో వచనం

వచన స్ట్రింగ్ ఇకపై ఫ్లాట్ లైన్‌లో కూర్చుని బదులుగా కస్టమ్ లైన్ లేదా ఆకారం చుట్టూ చుట్టబడినప్పుడు ‘ఒక మార్గంలో వచనం’. మార్గం ఖచ్చితమైన వృత్తం లేదా చాలా సూక్ష్మమైన ఆర్క్ అయినప్పుడు ఇది చాలా ప్రభావవంతంగా ఉంటుంది. మీ మార్గం మరింత క్లిష్టంగా లేదా వక్రంగా ఉంటే, మీ వచనం పిల్లతనంలా కనబడుతుంది - ఈ లక్షణాన్ని అతిగా చేయడం సులభం!

స్కెచ్‌లో, ఒక మార్గంలో ఉన్న వచనం పాతది మరియు కొంచెం సూక్ష్మమైన లక్షణం, ఇది మీ స్వంతంగా గుర్తించడానికి గందరగోళంగా ఉంటుంది. హుడ్ కింద వెక్టర్ మార్గాలు ఎలా పనిచేస్తాయో అర్థం చేసుకోవడం ముఖ్య విషయం, ఇది పంక్తులు మరియు క్లోజ్డ్ ఆకారాలు రెండింటికీ వర్తిస్తుంది. ప్రతి వెక్టర్ మార్గంలో ప్రారంభ స్థానం మరియు ముగింపు స్థానం మరియు కంప్యూటర్ కోసం ఒక దిశ ఉంటుంది
ఆ మార్గాన్ని గీసేటప్పుడు లోపలికి వెళ్ళటానికి.

మీరు స్కెచ్ యొక్క వెక్టర్ సాధనాన్ని (పెన్ సాధనం) ఉపయోగించినప్పుడు, మీరు ఎక్కడ గీయడం మొదలుపెట్టారో మరియు మీ అనుకూల మార్గాన్ని ఏ దిశలో గీసారో గుర్తుంచుకోవడం సులభం. కానీ వృత్తం వంటి ఆకారాల కోసం - ఇది నిరంతర మార్గంగా కనిపిస్తుంది - ప్రారంభ స్థానం లేదా మార్గం దిశను తెలుసుకోవడానికి స్పష్టమైన మార్గం లేదు.

పాత్ లేయర్‌ను ఎంచుకుని, ఆపై రిటర్న్ కీని నొక్కడం ద్వారా ఎడిట్ మోడ్‌ను నమోదు చేయండి. స్కెచ్ స్వయంచాలకంగా మార్గం వెంట వెక్టర్ పాయింట్‌ను ఎంచుకుంటుంది మరియు ఇది మీ ప్రారంభ స్థానం. మీరు టాబ్ కీని నొక్కితే, స్కెచ్ తదుపరి వెక్టర్ పాయింట్‌ను ఎన్నుకుంటుంది, మార్గం యొక్క దిశలో కదులుతుంది (అందువల్ల బహిర్గతం చేస్తుంది).

ఒక మార్గంలో టెక్స్ట్ కోసం ఇది చాలా ముఖ్యం ఎందుకంటే మార్గం యొక్క దిశ మీ టెక్స్ట్ కదిలే దిశ. మార్గం ఎడమ నుండి కుడికి కదలకపోతే, మీ టెక్స్ట్ తలక్రిందులుగా కనిపిస్తుంది. మీ మార్గం యొక్క దిశను తిప్పికొట్టడానికి, మెను బార్‌లోని ‘లేయర్> పాత్స్> రివర్స్ ఆర్డర్’ కు వెళ్లండి.

ఇప్పుడు మీ మార్గం సిద్ధంగా ఉంది, దీన్ని మీ టెక్స్ట్ లేయర్‌తో కనెక్ట్ చేయడానికి సమయం ఆసన్నమైంది. వచన పొర పొరల జాబితాలోని మార్గం పొర పైన నేరుగా ఉండాలి మరియు ఇది మారదని నిర్ధారించడానికి రెండు పొరలను సమూహపరచమని నేను సూచిస్తున్నాను. మీ వచన పొరను ఎంచుకుని, ఆపై ‘టైప్> టెక్స్ట్ ఆన్ పాత్’ కు వెళ్లండి. తరువాత, టెక్స్ట్ పొరను మీ కాన్వాస్ చుట్టూ ఉంచడానికి మీరు లాగండి.

అగ్ర చిట్కాలు

దీనికి కొంచెం సమయం పడుతుంది, ఎందుకంటే టెక్స్ట్ లేయర్ యొక్క స్థానం మార్గం వెంట కనిపించే చోటికి తక్కువ సంబంధం ఉన్నట్లు అనిపించవచ్చు. ఇంకా, స్కెచ్ యొక్క రెండరింగ్ ఇంజిన్ ఒక మార్గంలో వచనంతో పనిచేసేటప్పుడు పొరపాట్లు చేస్తుంది, వింత ప్రదేశాలలో వచనాన్ని కత్తిరించేలా కనిపిస్తుంది. శీఘ్ర జూమ్ ఇన్ మరియు అవుట్ సాధారణంగా ఈ రెండరింగ్ బగ్‌ను పరిష్కరిస్తుంది.

వచనంలో వచనంతో పనిచేయడానికి చివరి చిట్కా: మూసివేసిన మరియు వృత్తం వలె నిరంతరాయంగా కాకుండా, మార్గం ఒక పంక్తి వలె తెరిచినప్పుడు లక్షణం ఉత్తమంగా పనిచేస్తుందని నేను కనుగొన్నాను. స్కెచ్ యొక్క కత్తెర సాధనం అక్కడ మీకు సహాయం చేస్తుంది మరియు దాన్ని ఎలా ఉపయోగించాలో నేను మొత్తం వ్యాసం రాశాను.

మీ వెబ్‌సైట్‌లో, మీరు SVG యొక్క మూలకాన్ని ఉపయోగించి ఒక మార్గంలో వచనాన్ని అమలు చేయవచ్చు. ఎగుమతి చేసిన SVG లలో స్కెచ్ ప్రస్తుతం ఈ లక్షణానికి మద్దతు ఇవ్వదు, కానీ మూలకాన్ని మీరే జోడించడం అంత సులభం కాదు. వనరుల పేజీలో మీరు దీన్ని సులభతరం చేసే కోడ్‌పెన్ టెంప్లేట్‌ను కనుగొంటారు.

ఫ్యాన్సీ ఫాంట్ లక్షణాలు

మీరు ఫాంట్‌ను ఎంచుకుని, టైప్ చేయడం ప్రారంభించినప్పుడు, ఫాంట్ సామర్థ్యం ఉన్న దానిలో కొంత భాగాన్ని మాత్రమే మీరు చూస్తున్నారు. చిన్న టోపీలు, విచక్షణ లిగెచర్స్ మరియు ప్రత్యామ్నాయ అక్షరాలు - తరచుగా ఓపెన్‌టైప్ లక్షణాలు అని పిలుస్తారు - దాచిన సామర్థ్యాలలో కొన్ని మాత్రమే.

ఓపెన్‌టైప్ లక్షణాలు స్కెచ్‌లో మరియు ఐవర్క్ వంటి మాకోస్‌లో ఇతర అనువర్తనాలు కూడా అందుబాటులో ఉన్నాయని చాలా మందికి తెలియదు. స్కెచ్ ఉపయోగించి, మీ టెక్స్ట్ లేయర్‌లో ఎడిట్ మోడ్‌ను ఎంటర్ చేసి, ‘అన్నీ ఎంచుకోండి’. తరువాత, ‘వీక్షణ> ఫాంట్‌లను చూపించు’ పైకి వెళ్లడం ద్వారా డిఫాల్ట్ మాకోస్ ఫాంట్‌ల ప్యానెల్‌ను తెరవండి. ఫాంట్స్ ప్యానెల్‌లోని టూల్‌బార్‌లో ఎడమ వైపున గేర్ ఐకాన్ మెనూ ఉంది, ఇందులో రహస్యంగా పేరున్న ‘టైపోగ్రఫీ ...’ ఎంపిక ఉంటుంది. అక్కడే మేజిక్ జరుగుతుంది!

మీరు ఎంచుకున్న వచనానికి ఏ ఫాన్సీ ఫాంట్ లక్షణాలు అందుబాటులో ఉన్నాయో టైపోగ్రఫీ ప్యానెల్ వెల్లడిస్తుంది. ఉదాహరణకు, ఎగువన మీరు తరచుగా ‘అరుదైన లిగాచర్స్’ కోసం చెక్‌బాక్స్‌ను కనుగొంటారు, అది ‘క్యూ’ లేదా ‘ఇటి’ వంటి అలంకార అక్షరాల కలయికలను ప్రారంభిస్తుంది.

ఫాంట్‌లో చేర్చగలిగే టన్నుల ఉత్తేజకరమైన టైపోగ్రాఫిక్ లక్షణాలు ఉన్నాయి, కానీ ఇక్కడ నాకు ఇష్టమైన వాటిలో ఒకటి: చిన్న టోపీలు. స్మాల్ క్యాప్స్ అనేది చిన్న అక్షరాల సమితి, ఇవి సాధారణంగా చిన్న అక్షరం ‘x’ వలె ఉంటాయి. టైపోగ్రఫీ ప్యానెల్ ఉపయోగించి మీరు అన్ని చిన్న అక్షరాలను చిన్న టోపీలుగా మార్చవచ్చు, ఇవి చిన్న శీర్షికలకు లేదా వ్యాసం యొక్క మొదటి పంక్తికి చాలా బాగుంటాయి.

గుర్తుంచుకోవలసిన విషయాలు

ఈ ఫాంట్ లక్షణాలు స్కెచ్‌లోని నుండే ప్రాప్యత చేయగలిగినప్పటికీ, అవి కొద్దిగా చమత్కారంగా ఉంటాయి. మీరు తెలుసుకోవలసినది ఇక్కడ ఉంది: మొదట, మీరు టైపోగ్రఫీ ప్యానెల్‌లో లక్షణాలను ఆన్ మరియు ఆఫ్ చేస్తున్నప్పుడు, మార్పులు జరగడానికి ముందు మీరు ఒక్క క్షణం వేచి ఉండాల్సిన అవసరం ఉంది.

రెండవది, మీరు స్కెచ్ ఇన్స్పెక్టర్ ఉపయోగించి ఫాంట్ పరిమాణం లేదా బరువును మార్చుకుంటే, ఏదైనా ఫాన్సీ టైపోగ్రాఫిక్ లక్షణాలు వాటి డిఫాల్ట్లకు రీసెట్ చేయబడతాయి; బదులుగా ఫాంట్స్ ప్యానెల్‌లో ఈ రెండు లక్షణాలను సర్దుబాటు చేయాలని నేను సూచిస్తున్నాను. స్కెచ్ యొక్క ఇన్స్పెక్టర్లో ఇతర ఫాంట్-సంబంధిత లక్షణాలను (రంగు, అక్షర అంతరం లేదా పంక్తి ఎత్తు వంటివి) మార్చడం మీ టైపోగ్రాఫిక్ లక్షణాలను ప్రభావితం చేయదు.

మీ వెబ్‌సైట్‌లో ఈ ఫాన్సీ ఫాంట్ లక్షణాలను అమలు చేయడం కొన్ని CSS లక్షణాలను జోడించడం చాలా సులభం, ఇప్పుడు అన్ని ప్రధాన బ్రౌజర్‌ల మద్దతు ఉంది.

ప్రత్యేక అక్షరాలు

లిగాచర్స్ మరియు స్మాల్ క్యాప్స్ వంటి ఫాన్సీ లక్షణాలతో పాటు, చాలా ఫాంట్లలో డింగ్ బాట్స్, వర్ధిల్లు మరియు చిహ్నాలు వంటి ప్రత్యేక అక్షరాలు ఉంటాయి. ఈ వ్యాసం యొక్క ప్రారంభ చిత్రంలో, బాటిల్, సన్ ఐకాన్ మరియు చేతి సంజ్ఞ అన్నీ వివిధ ఫాంట్లలో భాగం.

మీ డిజైన్‌లో పనిచేసేటప్పుడు, ఫాంట్‌లో చేర్చబడిన ప్రత్యేక అక్షరాలను యాక్సెస్ చేయడానికి రెండు మార్గాలు ఉన్నాయి. మొదటిది, ఆపిల్ యొక్క అంతర్నిర్మిత ఫాంట్ బుక్ అనువర్తనాన్ని ఉపయోగించడం, ఇది టూల్‌బార్‌లోని గ్రిడ్ చిహ్నంపై క్లిక్ చేయడం ద్వారా ప్రతి ఫాంట్ యొక్క ‘కచేరీలు’ (అక్షరాలు మరియు గ్లిఫ్‌ల గ్రిడ్) చూడటానికి మిమ్మల్ని అనుమతిస్తుంది. మీరు సర్వసాధారణమైన అక్షరాలను (A-Z) స్క్రోల్ చేస్తున్నప్పుడు, మీరు మా లాంటి మేధావుల కోసం టైప్ డిజైనర్ ప్రేమగా సృష్టించిన లిగెచర్స్, స్మాల్ క్యాప్స్, డయాక్రిటిక్స్ (యాస మార్కులు) మరియు ప్రత్యేక చిహ్నాలను చూడటం ప్రారంభిస్తారు.

మీరు మీ కర్సర్‌ను అక్షరంపై ఉంచినప్పుడు, మీరు పాత్ర పేరు మరియు యూనికోడ్ విలువతో కొద్దిగా టూల్‌టిప్‌ను చూస్తారు. అన్నింటికన్నా ఉత్తమమైనది, మీరు ఆ పాత్రను ఫాంట్ బుక్ నుండి మరియు మీరు వచనాన్ని సవరించే ఇతర అనువర్తనాలకు (స్కెచ్ వంటివి) లాగవచ్చు. స్కెచ్‌లో మీ టెక్స్ట్ లేయర్ ఎడిట్ మోడ్‌లో ఉందని నిర్ధారించుకోండి - మెరిసే టెక్స్ట్ కర్సర్ చేత సూచించబడుతుంది - మీరు లాగడానికి ముందు.

అక్షరాల ప్యానెల్

ఈ ప్రత్యేక అక్షరాలను మీరు యాక్సెస్ చేయగల ఏకైక మార్గం ఫాంట్ బుక్ కాదు; వాటిలో చాలా వరకు అక్షరాల ప్యానెల్ ద్వారా చేర్చవచ్చు. ఈ ప్యానెల్ స్కెచ్‌లో మరియు మాకోస్ అంతటా, మెను బార్‌లోని సవరణ మెను దిగువన యాక్సెస్ చేయవచ్చు (దీనిని ఇప్పుడు ‘ఎమోజి & సింబల్స్’ అని పిలుస్తారు). అక్షరాల ప్యానెల్ చిన్నదిగా కనిపిస్తే, ఎగువ-కుడి మూలలోని చిన్న చిహ్నాన్ని క్లిక్ చేయండి, అది లోపల ‘⌘’ గుర్తుతో విండో వలె కనిపిస్తుంది - ఇది కాంపాక్ట్ మరియు విస్తరించిన ప్యానెల్ మధ్య టోగుల్ చేస్తుంది.

విస్తరించిన అక్షరాల ప్యానెల్ శక్తివంతమైనది, మీకు లెక్కలేనన్ని చిహ్నాలు, విరామ చిహ్నాలు మరియు పిక్టోగ్రాఫ్‌లకు ప్రాప్యత ఇస్తుంది. మీ అక్షరాలతో పాటు దాన్ని చేర్చడానికి ఈ అక్షరాలలో ఒకదాన్ని డబుల్ క్లిక్ చేయండి. నా వ్యక్తిగత అభిమానం న్యూమరో (‘లేదు’), ఇది ‘#’ కన్నా చాలా సొగసైనది మరియు ‘సంఖ్య:’ రాయడం కంటే కాంపాక్ట్.

సైడ్‌బార్‌లోని వర్గాల జాబితాను అనుకూలీకరించడానికి అక్షరాల ప్యానెల్ ఎగువన ఉన్న గేర్ చిహ్నంపై క్లిక్ చేయండి. మీరు యూనికోడ్‌ను జాబితాకు కూడా జోడించవచ్చు, ఇది వేలాది యూనికోడ్-కంప్లైంట్ అక్షరాలలో ప్రతి ఒక్కటి బ్రౌజ్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. మరో మాటలో చెప్పాలంటే, మీరు imagine హించే ప్రతి పాత్రకు ఇది చాలా ప్రాప్యతను ఇస్తుంది! నేను తరచుగా ఉపయోగించే ప్రత్యేక అక్షరాలను ఇష్టమైన జాబితాలోకి లాగడం కూడా ఉపయోగకరంగా ఉంది, ఇది మీరు ఉపయోగించాలనుకున్న ప్రతిసారీ ఆ పాత్రను శోధించవలసిన అవసరాన్ని తొలగిస్తుంది.

వెబ్‌లో మీ డిజైన్‌ను అమలు చేయడానికి వచ్చినప్పుడు, ప్రత్యేక అక్షరాలను చొప్పించడం సులభం. ఏదైనా యునికోడ్ అక్షరం వెబ్‌సైట్‌లో పాత్ర యొక్క సంబంధిత HTML విలువను సూచించడం ద్వారా లేదా పాత్ర యొక్క యూనికోడ్ హెక్స్ విలువతో CSS- సృష్టించిన కంటెంట్‌ను ఉపయోగించడం ద్వారా ఉపయోగించవచ్చు. వనరుల పేజీలో, ఏ పాత్రకైనా ఈ విలువలను త్వరగా కనుగొనడం కోసం నేను ఒక గొప్ప వెబ్‌సైట్‌కు లింక్ చేసాను మరియు వాటిని CSS లో ఎలా అమలు చేయాలో వివరించే మరొక వెబ్‌సైట్.

ముగింపు

మీరు చెప్పగలిగినట్లుగా, ఈ వ్యాసం ప్రతి అంశం యొక్క ఉపరితలాన్ని తగ్గిస్తుంది. అందుకే వనరుల పేజీ గురించి నేను చాలా ప్రస్తావించాను! ఇది అందమైన ఉదాహరణల గ్యాలరీ, ప్రయత్నించడానికి ఓపెన్‌టైప్ లక్షణాలతో నిండిన ఎంచుకున్న ఉచిత ఫాంట్‌లు, వేరుగా ఎంచుకోవడానికి నా స్వంత స్కెచ్ ప్రాజెక్ట్ ఫైల్‌లు మరియు అనేక ఇతర ఉపయోగకరమైన వెబ్‌సైట్‌లు మరియు టెంప్లేట్‌లను కలిగి ఉంది. హ్యాపీ టైప్‌సెట్టింగ్!

ఈ వ్యాసం మొదట ప్రచురించబడింది నెట్ మ్యాగజైన్ సంచిక 284. ఇక్కడ కొనండి.