Windows üçün öz şriftinizi necə yaratmaq olar. Öz əlyazma şriftinizi necə yaratmaq olar. Rus dilində FontCreator - şriftlərin yaradılması
Hamıya salam.
Bir müddət əvvəl imtahanlara buraxılmaq üçün bir problemlə qarşılaşdıq - dərsdən yayınan hər kəs əl ilə yazdığı inşaları təqdim etməli idi. 1-2 keçid üçün 1 esse, 2-5 keçid üçün 2 esse və s. Hər bir referat ən azı 10 vərəqdən ibarətdir. İnternetdə bir mövzuda mücərrəd tapmaq çətin deyil, amma ən az səylə hər şeyi kağıza necə köçürmək olar?İnternetdə çoxlu rus əlyazma şriftləri tapıldı (link). Lakin bu şriftlərin bir neçə nüsxəsini yüklədikdən sonra məlum oldu ki, yazılanların həqiqiliyinə heç kim inanmayacaq və sadə yoxlama Müəllim məndən eyni əlyazma ilə nəsə yazmağı tələb edəndə yanından keçə bilmirəm.Buna görə qərar verildi öz əlyazma şriftinizi yaradın. Amma əl yazınızdan şrift necə düzəltmək olar ki, heç kim onu ayırd edə bilməsin və siz yazan siz olduğunuzu sakitcə nümayiş etdirə biləsiniz?
Həll yolu tapıldı - gözəl proqram High-Logic FontCreator Professional 9
Əl yazısı şrifti
Font Creator quraşdırırıq, məncə bununla bağlı heç bir problem olmamalıdır.
- Təmiz ağ vərəqdə bütün rəqəmləri, rus və ingilis əlifbasının hərflərini, həmçinin xüsusi olanları yazırıq. simvollar.
- Yaranan əlifbanı skan edirik (tercihen) və ya şəklini çəkirik.
- Paint, Photoshop proqramlarında və ya hər hansı digər qrafik redaktoru skan edilmiş (fotoşəkilli) əlifbamızı açın.
- Quraşdırılmış Şrift Yaradıcısını işə salın:
- Fayl (Fayl) - yeni (Yeni) və ya Ctrl + N
- Şriftimizə əl yazısından ad veririk ( mənim şriftlərim. ru ), Daimi və Konturları daxil etmə (siluetlərin boş konturları üçün) seçin.
- İşarələrin, ingilis hərflərinin və bəzi digər əlifbaların siluetləri olan bir pəncərə görünür. İndi rus əlifbasının hərflərini əlavə edək:
1. Üst sətirdə Daxil et üzərinə klikləyin və Simvolları seçin.
2. Qarşınızda əl yazınızdan şriftinizin hərfləri və simvolları olan bir cədvəl görünür, cədvəlin aşağısına rus əlifbasının hərflərinə sürüşdürün.
3. “A” hərfini seçin və Əlavə et üzərinə klikləyin, sonra “I” seçin və əlavə edin.
4. Eyni şəkildə “Ё”, “е” hərflərini və sizə lazım olan digər əlifbalardan hərfləri əlavə edin.
5. “Bu simvolu əlavə et…” sahəsində vergülü $0410-$044F arasında tireyə dəyişin.6. Nəticədə Add these character... sahəsində belə yazılmalıdır: $0410-$044F,$0401,$0451
7. Ok düyməsini klikləyin.
Şablonunuzda rus simvolları və əlavə etdiyiniz bütün hərflər və işarələr görünür.
Bizə lazım olmayan bütün simvolları silirik (ilk dördü istisna olmaqla, onlar sistem simvollarıdır).
Əgər hələ də açmamısınızsa, bunu etməyin vaxtıdır.
Qrafik redaktorda ilk hərfi seçin və kopyalayın ( Ctrl +C) Font Creator-da bu hərfi seçin və daxil edin ( Ctrl + V)
Ən aşağı sətir 1 (Win Descent) quyruğu olan hərflər üçün maksimum hədddir (ts, y, shch, z, r, d) bu sətirdən aşağı olan hər şey çap olunmayacaq.
Sətir 2 (Əsas xətt) hər hərfin dəstək xəttidir. Bütün hərflər bu sətirdə yerləşməlidir.
Sətir 3 (x-Hündürlük) - kiçik hərflərin maksimum hündürlüyü.
Sətir 4 (CapHeight) - böyük hərflərin, rəqəmlərin, həmçinin "c", "d", "b" hərflərinin maksimum hündürlüyü.
Sətir 5 (WinAscent ) - simvolların yuxarı həddi, bu sətirdən yuxarı olan hər şey çap olunmayacaq.
Sol (6) və sağ (7) şaquli xətlər şriftinizin hərflərinin bir-birinə necə toxunacağını müəyyənləşdirir. Əlyazmadakı kimi hərflərin bir-birinə toxunmasını istəyirsinizsə, hərfi sola yaxınlaşdırın (6) və sağı (7) hərfin üzərinə köçürün ki, xəttdən bir qədər kənara çıxsın.
Bütün hərfləri sətirlərə uyğunlaşdırırıq, əks halda şrift simvolları təsadüfi yerləşdiriləcək və buna görə də gözəl olmayacaq.Müxtəlif hərflərin düzülüşünə bir nümunə:
Tamam, indi hər şey bitdi. Şriftinizi quraşdırın və işə salın mətn redaktoru, şriftinizi tapın və ondan istifadə etməkdən həzz alın. Şrifti necə quraşdırmaq olar.
Əgər yuxarıda təsvir edilən hər şeyi etməkdə çox tənbəlsinizsə və öz əl yazınızdan peşəkar şəkildə hazırlanmış şrift əldə etmək istəyirsinizsə, sifarişlərinizi vebsaytımızda gözləyirik.
Öz şriftinizi yaradın
Salam uşaqlar. Söz verdiyim kimi, mən sizə öz şriftinizi necə edəcəyinizi söyləyirəm.
Dərhal deyəcəyəm ki, proqramı burada yükləmək üçün link vermirəm, ancaq özünüz tapmaq çətin olmayacaq. Proqram High-Logic Font Creator adlanır, mən onunla başladım və bu ən sadə yolçəkdiyiniz hərfləri əsl şriftə çevirin. Hər hansı bir səhv görsəniz, yazın, çünki bütün bunlar demək olar ki, intuitiv şəkildə həyata keçirilib və mən özümü heç də ustalıqla icra etmiş kimi göstərmirəm :) Və həmişəki kimi, klikləməklə daha böyük şəkillər açılacaq.
Şriftlərlə peşəkar şəkildə məşğul olan dostlar, and içməyin, burada praktiki olaraq heç bir şərt və ya qayda olmayacaq. Yazı həmişə belə bir şey yaratmaq istəyib, amma necə yanaşacağını bilməyənlər üçün nəzərdə tutulub :)
Beləliklə, etməli olduğumuz ilk şey hərfləri, rəqəmləri, simvolları, yəni sizə lazım olan hər şeyi çəkməkdir. Bu dəsti fond üçün çəkdim, bu gün onu şriftə çevirəcəyəm. Kiçik kiçik hərflər yoxdur, ona görə də şrifti tam etmək üçün onları da çəkin. 
Mən hər şeyi Illustrator-da çəkirəm, amma bu, sizdən asılıdır. Bir çox insanlar sadəcə kağız üzərində yazır və skan edir, bu da bir seçimdir.
Sonra hər bir hərfi ayrıca saxlamaq lazımdır. Budur, indi proqramı açın.
İlk hərəkətimiz olduqca aydındır: Fayl - Yeni... Pəncərəni görürük:
Pəncərədə Font family name sahəsinə şriftimizin adını daxil edin, Unicode, Regular, Don't include konturları seçin.Bunlar mənim parametrlərimdir :)
OK düyməsini basın, şrift şablonunun hamısı ilə açıldığını görürük mümkün hərflər, rəqəmlər və digər simvollar.
Defolt şriftin nə olduğunu xatırlamıram, məndə Arial şrift şablonu var. Şrifti dəyişdirmək, hərflər əlavə etmək üçün Daxil et - Simvollar bölməsinə keçməlisiniz üst panel. Kiril əlifbasını da əlavə edə bilərsiniz, lakin hələlik bunu etməyəcəyik.
Sonra, ən vacib şey məktublarımızı əlavə etməkdir. Böyük A hərfini tapın və üzərinə iki dəfə klikləyin.
Bir dəstə hüceyrə və zolaqlı bir pəncərə görürük.
Panik edirik, proqramı minimuma endirir, dərindən nəfəs alır və geri qayıdırıq. İndi Dina hər şeyi izah edəcək.
Hər bir zolağın öz məqsədi var, amma ilk növbədə. Bu pəncərədə istənilən yerə sağ klikləyin və Import Image düyməsini basın.
Bütün məktublarımızı harada saxladığımızı xatırlayırıq, A-mızı tapırıq, açırıq. Başqa bir pəncərə:
Burada mürəkkəb bir şey yoxdur, kaydırıcıyı hərəkət etdirin, gördüyünüz hər şeyə vurun, önizləmə sizə hansı parametrləri təyin etmək üçün ən yaxşı olduğunu söyləyəcək. Şəkil mənimkini göstərir, siz də cəhd edə bilərsiniz. Yarat klikləyin. Budur məktubumuz:
Beləliklə, gördüyümüz şey: iki şaquli zolaq və beş üfüqi zolaq.
Məktub iki şaquli zolaq arasında yerləşməlidir, onlar məktubdan əvvəl və sonra məsafəni göstərir. Onları çox yaxın və ya birbaşa məktubun üzərinə qoymayın, əks halda qarışıqlıq olacaq.
İndi üfüqi xətlər haqqında. Sizi şərtlərlə yükləməyəcəyəm, bunu məşhur şəkildə izah edəcəyəm:
1. Ən yuxarı çubuq əsas xəttdən yuxarı olan maksimum məsafədir (4).
2. Yuxarıdan ikinci böyük hərflərin hündürlüyüdür.
3. Üçüncüsü kiçik hərflərin hündürlüyüdür.
4. Bütün hərflərin düzüldüyü əsas xətt.
5. Əsas xəttdən aşağıda maksimal məsafə (4).
Üfüqi xətlərin parametrlərini dəyişdirmək üçün Format sekmesinde Parametrləri açmalısınız. Bəzi məşhur şriftlərin parametrlərini Google-da axtarmağı və nəyisə dəyişmək istəyirsinizsə, onlardan nümunə kimi istifadə etməyi tövsiyə edirəm. Amma mən belə bir şey etməmişəm :)
Gördüyünüz kimi, hərfi 2-ci sətirə, CapHeight-a artırdım, yalnız şaquli zolaqları tənzimləmək qalır. İstəyirəm ki, hərfdən əvvəl və sonra layiqli məsafə olsun, ona görə də məktubun özünü sol sətirdən uzaqlaşdırıram və sağı yuxarıdakı qara üçbucaqdan tutub hərfə yaxınlaşdırıram. Bunun kimi:
Bütün böyük hərflərimlə bunu edəcəyəm. Kiçik hərflər əlavə edirsinizsə, onların hündürlüyünü 3-cü sətirə qədər edin.
Məktubu yerləşdirəndə sadəcə bu pəncərəni bağlayırıq. Bütün hərflər yerinə düşəcək və bu nəzərə çarpır:
Mənim quyruğu olan Q hərfi var, onun ümumi hərflər cərgəsindən fərqlənməsini istəmirəm, ona görə də onu əsas xəttə qoyuram və quyruğu aşağıda qoyuram.
Bütün kiçik hərflərlə (p, q, y, g, j) eyni şeyi edin və bəziləri, əksinə, böyük hərfdən (d, b, k, f) bir qədər yüksək ola bilər.
Mənə hələ rəqəmlər lazım deyil, ona görə də şəklim belə görünür:
Əgər hərfləri hərəkətdə sınamaq üçün səbirsizlənirsinizsə, o zaman Fayl - Fərqli saxla bölməsinə keçin, şrifti proqramın təklif etdiyi .ttf formatında saxlayın.
Şrifti quraşdırırıq, mətn redaktoruna gedirik, şriftimizi tapırıq, yoxlayırıq. işləyir!
Yaxşı, indi əylənə bilərsiniz. Biz 9 May atəşfəşanlığının ən pis şəklini çəkirik, Photoshop-da sehrlər edirik, mətni yazın və voila! :)
O qədər də çətin deyil, elə deyilmi? Mütləq sınayın və nəticələri bizə göstərin :)
Şrift yaratmaq üçün redaktordan istifadə etməyi məsləhət görürəm FontCreator High-Logic-dən. Dərhal deyəcəyəm ki, proqram pulludur, amma bu, diqqətimi çəkən ən yaxşı seçimdir. Əgər ehtiyacın varsa pulsuz redaktorşriftlər, proqrama diqqət yetirin İşıq yazın cr8software-dən və onlayn xidmət Glyphr Studio. FontCreator ilə bağlı qalacağam (səhv etmirəmsə, 6.0 versiyası idi).
Addım 1: və beləliklə, redaktoru işə salın və əmrdən istifadə edin: Fayl > Yeni(Fayl > Yeni) - yeni şrift yaradın. Açılan pəncərədə Yeni Şrift (İngilis dilindən) Yeni Şrift ) , bir sıra parametrləri təyin etməlisiniz:
- Şrift soyadı- şrift ailəsinin adı, yəni. yalnız şriftin adı, buna bənzər bir şey Times New Roman, işarə etdim Mənim Şriftim.
- Xarakter dəsti- şriftə daxil edilmiş simvollar toplusu, seçməyi məsləhət görürəm Unicode (simvollar).
- Şrift üslubu- şrift üslubu, hər bir üslub üçün ayrıca fayl yaratmalısınız. Normal (standart) şrift üslubu üçün seçimi seçin Daimi.
- Əvvəlcədən təyin edilmiş konturlar- quraşdırılmış sxemlər. Mən sizə siluetlərin təmiz konturunu yaratmağa imkan verəcək konturları daxil etməyin seçimini tövsiyə edirəm.
Addım 2: qarşınızda bəzi simvolların, rəqəmlərin və siluetlərin forması olan bir pəncərə görünəcək Latın hərfləri. üçün kiril əlifbasının əlavə edilməsişrift üçün aşağıdakıları etməlisiniz:
2.1. Komandadan istifadə edərək: Daxil et > Simvollar... (Daxil et > Simvollar...)- Pəncərəni aç Simvol daxil edin(İngilis dilindən) simvolların daxil edilməsi).
Bu halda, aşağıdakı mesajı ala bilərsiniz:
Bu əməliyyat geri qaytarıla bilməz. Davam etmək istəyirsiniz?
Əməliyyatın geri dönməz olduğunu sizə xəbər verir və onu başa çatdırmaq üçün hərəkətinizi təsdiqləməlisiniz, düyməni basın " Bəli».
2.2. Sonra qarşınızda simvollar cədvəli görünəcək. Rahatlıq üçün, siyahıda Şriftlərşrifti seçin Arial. Siyahıda Unicode Blokuna keçin seçin kiril. Sahənin istifadəsi Seçilmiş xarakter, “A” ($0410) və “I” ($044F) hərflərinin koduna baxır. Sahədə Bu simvolları və/yaxud simvol diapazonlarını əlavə edin... biz lazımi simvolları və/və ya simvol diapazonunu əlavə edirik, bizim vəziyyətimizdə bu: $0410-$044F . düyməsini basın " tamam».
2.3. Şrift formanıza kiril hərflərinin simvolları əlavə olunacaq. Eyni şəkildə, lakin ayrıca, əvvəlki addımda göstərilən simvollar sırasına daxil olmayan “е” ($0451) və “Ё” ($0401) hərflərini əlavə edə bilərsiniz.
Addım 3:İndi simvol yaratmağa başlaya bilərsiniz. Burada vektor redaktəsi ilə yanaşı, müvafiq alətlərdən istifadə etməklə FontCreator şəkilləri vektor şəklinə çevirərək simvollar yaratmağa imkan verir. Aydındır ki, hər bir simvol üçün ayrıca bir şəkil çəkmək lazımdır.
3.1. Nümunə olaraq böyük "A" hərfi çəkirəm.
3.2. Prinsipcə, skan edildikdən sonra bu şəkil faylı idxal üçün istifadə edilə bilər. Bunu etmək üçün formada bir şəkil seçin istədiyiniz simvol. Sonra əmrdən istifadə edərək: Alətlər > Şəklin İmport… (Alətlər > Şəkil İdxal)- Pəncərəni aç Raster şəkli idxal edin (İngilis dilindən) idxal bitmap) .
3.3. Açılan pəncərədə düyməni basın Yüklə...» (İngilis dilindən) yükləyin) və sizə lazım olan şəkil faylını seçin.
3.4. Slayderin hərəkət etdirilməsi Həddi (İngilis dilindən) eşik) Daha aydın kontur yaratmaq üçün şəklin qaralma səviyyəsini təyin edin. Siz həmçinin filtrlərdən istifadə edə bilərsiniz:
- Hamar Filtr- hamarlaşdırıcı filtr.
- Aşınmaq- bulanıqlıq, simvolu daha qalın edir.
- Genişləndirmək- uzanma şrifti daha incə edir.
İdxal rejimi (İngilis dilindən) idxal rejimi) buraxmaq daha yaxşıdır İz, əyrilərə çevirmək üçün. İLƏ Mənfi (İngilis dilindən) mənfi) , məncə hər şey aydındır. Beləliklə, düyməni basın Yaratmaq».
Addım 4: Redaktə rejiminə keçməklə, formada simvolun üzərinə iki dəfə klikləməklə, sadəcə olaraq pozuntuları düzəltmək, ölçüsünü tənzimləmək və girinti xəttini təyin etmək kifayətdir. Digər simvollar üçün də eyni şeyi etməlisiniz.
Ümumiyyətlə, şrift yaratmaq prosesi xüsusilə çətin adlandırıla bilməz. Bu səbir və çox vaxt tələb edir. FontCreator şrift redaktorundan istifadə edərək, bu dəfə simvol şəklini vektora idxal və çevirməklə bir çox yollarla yadda saxlamaq olar. Ancaq hətta bu seçim çox işdir. Məndə bu qədərdir. Diqqətinizə görə təşəkkürlər. Uğurlar!
Mənə elə gəlir ki, hərf çəkmək və hərf yaratmaq həvəsi olanların bir çoxunun nə vaxtsa belə bir fikri var: bütün bu gözəlliyi şriftə çevirməməliyikmi? Belə ki, nəinki konkret bir kompozisiyaya heyran olasan, həm də bu gözəl hərfləri əsl klaviaturada çap edəsən və daha da gözəllik yaradasan... Yaxşı, ən azından mənim üçün belə idi :) Şrift yarada biləcəyini anlayanda Özünüz, bu, sözün əsl mənasında mənim başıma şüur inqilabı oldu (yəqin ki, ingilis dilində “aha-an” deyilir).
Və mən bunu necə edəcəyimi anlamağa çalışmağa başladım. Məlumat az idi, orada olanlar isə anlaşılmaz və mürəkkəb idi. Bu sıx terminlər meşəsində azdım və şrift yaratmağı öyrənmək fikrindən demək olar ki, imtina etdim. Amma hansısa bir möcüzə ilə təslim olmadım, cəhd etməyə davam etdim və ilk şriftim Bronks etdim - idealdan uzaq, lakin təcrübə baxımından çox dəyərli. Yeri gəlmişkən, Bronksun necə yarandığını artıq yazmışdım. Bu gün sizə bütövlükdə şrift yaratmaq prosesi haqqında daha ətraflı danışmaq istəyirəm ki, bunun "sizin" fəaliyyətiniz olub-olmadığını və onu sınamaqda maraqlı olub olmadığını başa düşməyiniz daha asan olsun.
Şrift QISA İLƏ BAŞLAYIR
QLİF ÇƏKMƏK GÜNÜN İŞİDİR :)
Cəsarətimi, yəni ilhamımı toplayıb, ümumiyyətlə ən azı yarım gün boş qalana qədər (ideal olaraq bütün gün) gözləyirəm və qliflər çəkmək üçün otururam. Qliflər şriftdəki simvollardır, həm hərflər, həm də rəqəmlər və plus, vergül, sual işarəsi və s.
Şrifti nə qədər geniş şəkildə çəkməyim, yəni nə qədər qlif yaratmağım birbaşa hədəf auditoriyadan asılıdır. Aydındır ki, qliflər nə qədər çox olarsa, şrift də bir o qədər dəyərlidir, lakin eyni zamanda vaxt sərf etməyə dəyər qliflər var və o qədər də çox olmayanlar var (məsələn, standart bir handdrone şrifti yaradırsınızsa). kiçik biznes üçün geniş dil dəstəyi hamıdan, hamısından, bütün riyazi işarələrdən daha aktual olacaq, bunların çoxunu, düzünü desəm, ilk dəfə Glyphs proqramında gördüm :)). Üzərində çox çalışdığım şriftin yaradılması ilə bağlı emalatxanada mütləq hansı qliflərin, hansıların əlavə və hansı miqdarda çəkilməli olduğu barədə ətraflı danışacağam (bu barədə qeydin sonunda :)).
Qısaca deyə bilərəm ki, birinci şrifti sadə və yığcam etməyi məsləhət görərdim, əks halda dərhal hərflərin həm ilkin, həm də son variantını etməyə çalışsanız və kiril əlifbasını latın əlifbasına əlavə etsəniz, sadəcə tamamlamayacaqsınız. şrift (və əgər onu tamamlasanız, bu, çətin ki, öz bəhrəsini verəcək, çünki yazı yazarkən səhvsiz edə bilməzsiniz, şriftin keyfiyyətinə təsir edən kiçik ləkələri və detalları görmək qabiliyyəti yalnız təcrübə ilə görünür). Buna görə də, əvvəlcə standartla məşğul olmaq yaxşıdır A-Z təyin edin, a-z, 0-9, əsas durğu işarələri.
Niyə yarım günümü şrift çəkməyə ayırıram? Çünki "dalğa tutduqda", yəni müəyyən bir üslubu, şriftin ab-havasını hiss edirsən, əl inkişaf edərkən hər şeyi bir anda çəkmək daha yaxşıdır. Bu, yəqin ki, daha çox əl ilə yazılmış şriftlərə aiddir (başqalarını hələ sınamamışam). Bir kənara qoysanız və qalan hərfləri daha sonra çəkməyə çalışsanız, onların fərqli olacağına zəmanət verilir və yenidən "əlinizi tənzimləmək" və ümumi üsluba düşməyə vaxt lazımdır.
Şrift çəkmək ən yaradıcı prosesdir. Əgər siz sadəlövhcəsinə şrift yaratmağın yaradıcılıq və ilham bayramı olduğuna inanırsınızsa, mən sizi məyus etməyə tələsirəm: yaradıcılıq və rəsm hərfləri şrift yaratmaq üçün lazım olan vaxtın ən çoxu 20%-ni (adətən daha az) tutur. Qalanı texnologiyadır: skan, emal, əlifbanın düzülməsi, tənzimləmə, proqrama ixrac, boşluq və kerning, kod parametrləri, sınaq və bütün bunlar. Buna görə də, yalnız hərflər çəkmək istəyirsinizsə və texniki hissə haqqında düşünmək belə darıxdırıcıdırsa, hərf yaratmaq daha yaxşıdır.
PROSESİN RƏQƏMİ HİSSƏSİ
Şrift çəkildikdən sonra onu rəqəmsallaşdırmaq vaxtıdır. Mənim emal zənciri belə görünür: skaner - photoshop - illüstrator. Skanerdə maksimum parametrləri təyin edirəm, Photoshop-da kontrastı artırıram və konturları bir az təmizləyirəm, Illustrator-da iz qoyuram, əlifbanı tapıram (yəni hərfləri ardıcıllıqla düzürəm, "yığmağa" çalışıram. hər şeyin necə göründüyünü yoxlamaq üçün bir neçə söz) və təmiz-təmiz - hərfləri təmizləyirəm.
Təmizləmə mərhələsi haqqında - əvvəllər düşünürdüm ki, "niyə təmizləyin, bu əlyazma şriftdir". Lakin sonradan bu detal üzə çıxdı: vektorda nə qədər çox nöqtə varsa, şriftin hər şəkildə səhv olma ehtimalı bir o qədər yüksəkdir - Gliflərin (və ya şriftin yığılacağı başqa bir proqramın) faylı ixrac etməkdən imtina etməsindən. , son istifadəçilərin səhvsiz istifadə edə bilməməsinə. Buna görə də, minimum nöqtələr rahatlığın açarıdır və bəli, hələ də onları, hətta fakturalı şriftləri təmizləmək lazımdır.
Mən Illustrator-da hərfləri bir neçə yolla təmizləyirəm: birincisi, Astute Graphics-dən sehrli silgi ilə (hissə) ödənişli plagin haqqında danışdığım ), təəssüf ki pulsuz alternativ Mən hətta təxmini keyfiyyəti də bilmirəm, ikincisi, standart bir illüstratorun qələmi ilə - konturları vurğulayıram və daha dəqiq edirəm.
Bundan sonra şrifti ixrac üçün hazırlayıram - bu, çox güman ki, bir neçə videonun olacağı ayrıca böyük bir hekayədir - və hərfləri Glyphs-ə köçürürəm.
YAXŞI Şrift PROQRAMI VACİBDİR
Şriftin yığılması, yəni klaviaturada yazıla bilən vektor hərflərinin işlək hərflərə çevrilməsi nəzəri olaraq müxtəlif proqramlarda həyata keçirilə bilər. Google-a baxsanız, hər zövqə və büdcəyə uyğun seçimlərin təsirli siyahılarını tapa bilərsiniz. Adları burada qeyd etmirəm, çünki bilmədiyim/heç vaxt cəhd etmədiyim bir şeyi tövsiyə etməyə hazır deyiləm. Mən Glyphs proqramında işləyirəm və yalnız onu bilirəm ki, bütün ciddi tipli dizaynerlər (şrift satanlar) onları ya Glyphs, ya da Fontlab-da düzəldirlər. Bu, çox güman ki, daha ucuz/pulsuz proqramların maraqlı şrift hekayələri yaratmaq üçün lazım olan bütün variantları təmin etməməsi ilə bağlıdır.
Bir vaxtlar mən Qlifləri seçdim, çünki bir tərəfdən “düzgün” şrift proqramına (yəni, həqiqətən düşünülmüş, mürəkkəb, elementlərlə zəngin şriftlər yaratmaq üçün istifadə edilə bilən və yapışmayan) dərhal öyrəşmək istəyirdim. təxminən bir ay pulsuz birində). yalnız sonradan orada şərti liqatura yarada bilməyəcəyini öyrənmək üçün), digər tərəfdən Fontlab üçün bir neçə dəfə çox pul ödəməyə hazır deyildim. Görünür, seçim düzgün idi - Fontlab-dan Glyphs-ə keçən insanları tanıyıram və sonuncunun daha aydın interfeysə sahib olduğunu deyirəm :)
Yaxşı bir şrift proqramı vacibdir, çünki burada sadəcə hərflərin işləyən şriftə sehrli çevrilməsi baş verir. Proqram dil dəstəyi yaratmağa imkan vermirsə, onu yarada bilməyəcəksiniz. Alternativ böyük hərflər dəsti əlavə edə bilmirsinizsə, onları artıq çəkmiş olsanız belə, onları əlavə edə bilməyəcəksiniz.
Glyphs-ə ixrac etdikdən sonra bir çox fərqli şeylər qurdum: hərf qrupları, interval (hərflərin solunda və sağında mənfi boşluq, kobud desək), kerning (xüsusi hərf cütləri arasındakı məsafələr), dil dəstəyi əlavə etmək, liqaturalar (xüsusi). hərf birləşmələrinin variantları), ilkin və son seçimlər (uzun at quyruğu, çubuqlar, çiçəklənmələr və bütün bunlarla) və təklif olunarsa, alternativ dəstlər. Yol boyu kod elə konfiqurasiya olunub ki, hər şey son istifadəçi üçün nəzərdə tutduğum kimi və problemsiz işləsin. Bir-iki cümlə ilə təsvir etdiyim bu mərhələ, əslində şrift yaradan zamanın təxminən 70%-ni alan şeydir :) Və mən bunu xəsis olduğum üçün deyil, yalnız kerning haqqında yaza biləcəyiniz üçün qısaca təsvir edirəm. bundan üç dəfə uzun bir not və yenə də kifayət etməyəcək. Şriftlər haqqında kursda bütün bu məqamlar üzərində ətraflı dayanacağam (hazırda “kifayət qədər təfərrüatlı deyil” və “həzm etmək üçün çox məlumat” arasındakı xətti tapmağa çalışıram).
Bu məqalə təlimatında sizə özünüz yaratdığınız nişanlardan istifadə edərək veb sayt üçün öz şriftinizi necə yaratacağınızı söyləyəcəyəm. Bunun üçün bizə lazım olan tək şey vektor qrafikası yaratmaq üçün proqram (Adobe Illustrator və ya Inkspcape) və İnternetə çıxışdır!Beləliklə, başlayaq! Bunun üçün istifadə olunan bütün şəkilləri, nişanları və css şriftini məqalənin sonunda yükləyə bilərsiniz.
Bu dərslik üçün sadə bir şey edəcəyik. İlk simvol üçün adi bir ulduz çəkəcəyik. İkinci simvol üçün - içərisində W hərfi olan bir qartal. Çəkmək olduqca asandır və istənilən forma və birləşmələri yarada bilərsiniz. Bu məqsədlər üçün illüstratordan istifadə etdim.
Yaradıcı hissəni tamamladıqdan sonra yaradıcılığınız SVG formatında saxlanmalıdır. "Farklı Saxla" düyməsini basın və fayl növünü SVG olaraq seçin. İndi birbaşa şrift yaratmağa davam edə bilərsiniz.
Bu məqsədlər üçün biz məşhur və istifadə edirik pulsuz xidmət IcoMoon.
Ediləcək ilk şey yaratmaqdır yeni layihə, buna görə yuxarı sol küncdəki menyuya klikləyin və "Yeni Layihə" düyməsini basın. Sonra hazır olanları yükləyirik svg faylları"İmşəkləri idxal et" düyməsini kliklədikdən sonra. Bu addımları tamamladıqdan sonra monitorunuzda belə bir şəkil görməlisiniz:
İndi hər bir ikona (bizim halda bu e600 və e601 olacaq), şriftimizin adını, CSS prefiksini və s. üçün kodu dəyişdirmək imkanımız var. Bütün bunlar "Seçimlər" bölməsində edilir. Həmçinin, “Sürətli istifadəni aktivləşdir” linkinə klikləməklə şrifti işlək görə bilərik – bu, bizə şriftimizə müvəqqəti keçid, həmçinin CodePen-də kodu görmək imkanı əldə etməyə imkan verəcək.
Hər şeyi konfiqurasiya etdikdən sonra səhifənin altındakı “Yükləmə” düyməsini sıxın və arxivi endirin. Bu arxivdə siz öz şriftinizi ttf, eot, svg və woff formatlarında + şriftlə demo səhifəni tapa bilərsiniz.
Saytda nişanlardan istifadə
İndi bizə lazım olan yalnız @font-face istifadə edərək CSS şriftini daxil etmək və digər parametrləri təyin etməkdir (onların hamısı yüklədiyiniz arxivdəki css faylında yazılıb).
@font-face ( font-family: "wdm-eagle"; src: url("//yourwebsitename.com/fonts/wdm-eagle.eot"); , ( font-family: "wdm-eagle"; danışmaq: heç biri; şrift üslubu: normal; şrift çəkisi: normal; şrift-variant: normal; mətn-transform: heç biri; sətir hündürlüyü: 1; /* Daha yaxşı şrift göstərilməsi ========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ) .wdm-star:before ( content: "\e600"; ) .wdm-eagle:fore ( content: "\e601"; )
İndi şriftimizi HTML kodunda belə istifadə edə bilərik:
Teq üçün sinif adının təyin edilməsi ikonamızı alırıq.
