Შექმენით საკუთარი ფონტები გამოყენებით Inkscape და Fontastic.me

ამ tutorial- ში მე ვაჩვენებ, როგორ შეგიძლიათ შექმნათ საკუთარი ხელნაწერის შრიფტები Inkscape და fontastic.me- ის გამოყენებით.

თუ თქვენ არ იცნობს ამ, Inkscape არის თავისუფალი და ღია წყაროებიდან ვექტორული ხაზის ნახაზი პროგრამა, რომელიც ხელმისაწვდომია Windows, OS X და Linux. Fontastic.me არის საიტი, რომელიც გთავაზობთ მრავალფეროვანი ხატი შრიფტები, მაგრამ საშუალებას გაძლევთ ატვირთოთ საკუთარი SVG გრაფიკა და დააკონვერტიროთ ისინი შრიფტით უფასოდ.

შრიფტის შექმნისას, რომელიც ეფექტურად იმუშავებს სხვადასხვა ზომის საშუალებით, ფრთხილად შემუშავებული წერილით არის უნარი, რომელსაც შეუძლია წლების მანძილზე დასვენება, ეს არის სწრაფი და სახალისო პროექტი, რომელიც მოგცემთ უნიკალურ შრიფტს. Fontastic.me- ის მთავარი მიზანია ვებ-გვერდების შრიფტის შექმნა, მაგრამ შეგიძლიათ შექმნათ შრიფტის ასოები, რომლითაც შეგიძლიათ გამოიყენოთ სათაურები ან ტექსტების მცირე რაოდენობა.

ამ tutorial- ისთვის, მე ვაპირებ რამდენიმე წერილობითი წერილის სურათს, მაგრამ თქვენ შეგიძლიათ ადვილად მოერგოთ ეს ტექნიკა და შეადგინოთ თქვენი ასოები Inkscape- ში. ეს შეიძლება იმუშაოს განსაკუთრებით კარგად მათთვის, ვინც ნახატების ტაბლეტებს იყენებენ.

მომდევნო გვერდზე, ჩვენ დავიწყებთ შექმნის საკუთარი შრიფტი.

01 წლის 05

შემოიტანეთ თქვენი წერილობითი ფორმის ფოტო

ტექსტი და სურათები © იანი პულენი

თქვენ დაგჭირდებათ გარკვეული შედგენილი წერილების ფოტო, თუ გსურთ დაიცვას ერთად და თუ არ გინდა, რომ გააკეთოთ საკუთარი, შეგიძლიათ ჩამოტვირთოთ და გამოიყენოთ doodle-z.jpg, რომელიც შეიცავს ასოების AZ- ს.

თუ თქვენ აპირებთ შექმნას საკუთარი, გამოიყენეთ მუქი ფერის მელანი და თეთრი ქაღალდი ძლიერი კონტრასტისთვის გარდა ამისა, ცდილობენ და თავიდან აიცილოთ ნებისმიერი დახურული სივრცე ასოებით, როგორიცაა "ო", რადგან ეს გახდის სიცოცხლეს უფრო გართულებულს, როდესაც ემზადება თქვენი ტრასირებული წერილები.

ფოტოების იმპორტისთვის, გადადით ფაილში> იმპორტში და შემდეგ გადადით ფოტოზე და დააჭირეთ ღილაკს ღია ღილაკს. მომდევნო დიალოგში, მე ვურჩევ, რომ გამოიყენოთ Embed ოფცია.

თუ სურათის ფაილი ძალიან დიდია, შეგიძლიათ დააინსტალიროთ "View> Zoom" ქვე-მენიუში პარამეტრების გამოყენებით დააჭირეთ და გადაიტანეთ სახელური, ხოლო Ctrl ან Command key- ის ჩატარებისას და შეინარჩუნებს თავდაპირველ პროპორციებს.

შემდეგი ჩვენ ვიპოვოთ გამოსახულება ვექტორული ხაზების შესაქმნელად.

02 05

კვალი სურათი შექმნა ვექტორული ხაზი წერილები

ტექსტი და სურათები © იანი პულენი

მე ადრე აღწერილი ვიყავი Inkscape- ში Bitmap გრაფიკა , მაგრამ სწრაფად აღწერს პროცესი აქ.

დააჭირეთ სურათს, რომ ის შეარჩიოთ და შემდეგ გადადით Path> Trace Bitmap, გახსენით კვალი Bitmap დიალოგი. ჩემს შემთხვევაში, ყველა პარამეტრი დავტოვე მათთვის და ეს კარგი, სუფთა შედეგი გამოიღო. თქვენ შეიძლება დაგჭირდეთ შეცვალოს კვალი პარამეტრები, მაგრამ თქვენ შეიძლება ადვილად გადასაღებად თქვენი ფოტო კვლავ უკეთესი განათების წარმოების გამოსახულება ძლიერი განსხვავებით.

ეკრანზე გადაღებულია, შეგიძლიათ იხილოთ დამახსოვრებული წერილები, რომლიდანა ორიგინალური ფოტოდან გადმომირიე. როდესაც დაკვირვება დასრულდა, წერილები პირდაპირ გადაეცემა ფოტოს, ამიტომ ისინი არ შეიძლება იყოს ძალიან აშკარა. გადაადგილების დაწყებამდე შეგიძლიათ დაიხურა Trace Bitmap Dialog და ასევე დააჭირეთ სურათს, რომ აირჩიოთ და დააწკაპუნეთ ღილაკზე წაშლა ღილაკს წაშალოთ დოკუმენტიდან.

05 of 03

გაყევით ტრეიზირება ინდივიდუალურ წერილებში

ტექსტი და სურათები © იანი პულენი

ამ ეტაპზე, ყველა ასო იკრიბება ერთად, ასე რომ გადადით Path> შესვენება გარდა გაყოფილი მათ ინდივიდუალური წერილები. გაითვალისწინეთ, რომ თუ თქვენ გაქვთ ასოები, რომლებიც შედგება ერთზე მეტ ელემენტად, ეს ასევე გაყოფილია ცალკეულ ელემენტებში. ჩემს შემთხვევაში, ეს ეხება ყველა წერილს, ამიტომ ამ ეტაპზე თითოეულ წერილთან ერთად შეიტანეთ აზრი.

ამისათვის დააჭირეთ ღილაკს და გადაათრიეთ შერჩევის მარკუსი ასოზე და შემდეგ გადადით ობიექტზე> ჯგუფი ან დააჭირეთ Ctrl + G ან Command + G თქვენს კლავიატურაზე.

ცხადია, თქვენ მხოლოდ უნდა გააკეთოთ ეს ასოებით, რომელიც შეიცავს ერთზე მეტ ელემენტს.

წერილობითი ფაილების შექმნამდე, ჩვენ ვიზრუნებთ დოკუმენტს შესაბამისი ზომაზე.

04 of 05

დააყენეთ დოკუმენტის ზომა

ტექსტი და სურათები © იანი პულენი

ჩვენ უნდა გამოვიყენოთ დოკუმენტი შესაბამისი ზომისთვის, ასე რომ გადადით ფაილში> დოკუმენტის თვისებებით და დიალოგში, დადგენილი სიგანე და სიმაღლე. მე ვაყენებ 500 მლნ 500px- ს, თუმცა იდეალურად თქვენ თითოეულ ასოზე სხვაგვარად დააყენებთ ისე, რომ საბოლოო წერილები შეესაბამება უფრო დახვეწას.

შემდეგი, ჩვენ შევქმნით SVG წერილებს, რომლებიც ატვირთული იქნება fontastic.me- ზე.

05 05

შექმნა ინდივიდუალური SVG ფაილები თითოეული წერილი

ტექსტი და სურათები © იანი პულენი

Fontastic.me მოითხოვს თითოეული ასო ცალკე SVG ფაილის, ამიტომ ჩვენ უნდა აწარმოოს ეს ადრე დაჭერით.

გადაათრიეთ ყველა თქვენი ასოები, რათა ისინი გვერდს მიღმა არიან. Fontastic.me უგულებელყოფს ნებისმიერ ელემენტს, რომლებიც გარეთ არიან გვერდის არეში, ასე რომ, ჩვენ შეგვიძლია დატოვონ ეს წერილები აქ პრობლემა არ არის.

ახლა გადაათრიეთ პირველი წერილი გვერდზე და გამოიყენეთ დრაივი სახელურები კუთხეში, რათა საჭირო გახდეს ხელახლა ზომის საჭიროება.

შემდეგ გადადით ფაილში> გადავარჩინოთ და მისცეს ფაილი არსებულ სახელს. მე ვუწოდი a.svg - უზრუნველყოს, რომ ფაილი აქვს .svg suffix.

შეგიძლიათ გადაწეროთ ან წაშალოთ პირველი წერილი და გადააადგილეთ მეორე წერილი გვერდზე და გადადით File> Save As. თითოეულ წერილში უნდა გააკეთოთ ამის გაკეთება. თუ ჩემზე მეტი მოთმინება გაქვთ, შეგიძლიათ შეცვალოთ გვერდი სიგანე, როგორც მიდიხარ უკეთესად თითოეულ წერილს.

საბოლოოდ, შეგიძლიათ განიხილოს წარმოების პუნქტუაცია, თუმცა აუცილებლად გინდა სივრცეში. სივრცეში, უბრალოდ შეინახეთ ცარიელი გვერდი. ასევე, თუ თქვენ გსურთ ზედა და ქვედა ასოებს, თქვენ უნდა შეინახოთ ყველა ეს.

ახლა შეგიძლიათ ეწვევა fontastic.me და შექმნათ თქვენი შრიფტი. მე განვმარტე ამ პროცესის შესახებ თანმხლები სტატიის შესახებ, რომელიც განმარტავს, თუ როგორ გამოიყენოთ ეს საიტი თქვენს შრიფტის შესაქმნელად : შექმენით ფონტის გამოყენება Fontastic.me