Inkscape болон Fontastic.me ашиглан өөрийн үсэг үүсгэх

Энэ зааварт Inkscape болон fontastic.me ашиглан хэрхэн өөрийн бичсэн фонтоо хэрхэн үүсгэж болохыг харуулах болно.

Хэрэв та эдгээрийг мэдэхгүй бол Inkscape бол Windows, OS X болон Линуксд зориулсан үнэгүй, нээлттэй эхийн вектор зургийн аппликэйшн юм. Fontastic.me нь төрөл бүрийн дүрслэлийн фонтуудыг санал болгодог вэбсайт бөгөөд таны SVG графикийг байршуулах боломжийг олгодог.

Үргэлж бүтээсэн үсгийн загварыг дизайн хийхэд зориулж бичсэн кернинг үсэг зохиох нь олон жилийн туршид шаардагдах ур чадвар юм. Энэ нь танд онцгой өвөрмөц фонтыг өгөх хурдан, хөгжилтэй төсөл юм. Fontastic.me-ийн гол зорилго нь вебсайтуудын фонтыг үүсгэх явдал юм. Гэхдээ үсгийн фонтууд эсвэл бага хэмжээний текст үүсгэхэд ашиглаж болох үсгийн фонтыг үүсгэх боломжтой.

Энэ гарын авлагад зориулж би зарим бичсэн захидлыг бичиж үзэх болно, гэхдээ та энэ аргыг хялбархан зохицуулж, таны үсэгийг шууд Inkscape дээр зурж болно. Энэ нь таблетуудыг зурж буй хүмүүст илүү сайн ажиллах болно.

Дараагийн хуудсанд бид өөрсдийн фонтыг үүсгэх болно.

01 - 05

Өөрийн бичсэн фонтуудын зургийг импортлох

Бичвэр ба дүрс © Иан Пуллен

Хэрэв та дагаж мөрдөхийг хүсч байгаа бол зарим зурсан зургуудыг авах хэрэгтэй бөгөөд хэрэв та өөрөө өөрийн болгохыг хүсэхгүй байгаа бол AZ-н том үсгүүд агуулсан a-doodle-z.jpg -ийг татаж авч ашиглаж болно.

Хэрэв та өөрөө үүсгэх гэж байгаа бол бараан өнгийн бэх болон цагаан цаасыг хүчтэй тодосгохын тулд ашиглана. Мөн 'O' гэх мэт үсгээр хаалттай орон зайг оролдож зайлсхийх, ингэснээр таны мөрөөр бэлтгэх үед амьдрал илүү төвөгтэй болгодог.

Зургийг импортлохын тулд Файл> Импорт руу очоод фото зураг руу очиж Нээлттэй товчлуур дээр дарна уу. Дараагийн яриа хэлэхэд та Embed-ийн сонголтыг ашиглахыг зөвлөж байна.

Зургийн файл маш том бол View> Zoom-ийн дэд цэсэн дэх сонголтуудыг ашиглан томруулж, дараа нь булан бүрт сумны бариулыг харуулахаар дахин нэг удаа товшоорой. Ctrl эсвэл Command товчийг барьж байхад бариулыг дарж, чирж, эх хувьаа хадгална.

Дараа нь бид вектор мөрийн үсгүүдийг үүсгэхийн тулд зургийг шалгана.

05 - 05

Векторын шугамын үсэг үүсгэхийн тулд фото зургийг олох

Бичвэр ба дүрс © Иан Пуллен

Би өмнө нь Inkscape дээр Bitmap графикийг хайж байснаа тайлбарлаж байсан боловч энд дахин процессыг хурдан тайлбарлах болно.

Сонгож авсан эсэхийг баталгаажуулахын тулд зураг дээр дарж, дараа нь Path Trace Bitmap руу очно. Ингэснээр Trace Bitmap харилцах цонхыг нээнэ. Миний хувьд, бүх тохиргоонуудыг анхдагчаар нь орхисон бөгөөд энэ нь сайн, цэвэр үр дүнг гаргасан. Та нарийвчилсан тохиргоог өөрчлөх шаардлагатай байж болох ч илүү хүчтэй гэрэлтүүлэгтэй зураг үүсгэхийн тулд илүү сайн гэрэлтүүлэгтэйгээр гэрэл зураг авалтаа дахин гаргахад хялбар байх болно.

Дэлгэцийн зураг дээр та миний анхны зургаас холдуулсан шулуун зургийг харж болно. Мөрдлөг дууссаны дараа үсэг шууд зураг дээр байрлуулагдах тул тийм ч тод биш байж магадгүй юм. Идэвхжихээс өмнө Trace Bitmap харилцах цонхыг хааж, зураг дээр дарж үүнийг сонгоод, баримтаас устгахын тулд өөрийн гар дээр байгаа Delete товчин дээр дарна.

03 - 05

Хувь хүний ​​Захидал руу шилжих

Бичвэр ба дүрс © Иан Пуллен

Энэ үед бүх үсэгнүүд нэгдэж орсон тул Path> Break Apart руу тэдгээрийг тусдаа үсэг болгон хуваадаг. Хэрэв та нэгээс олон элементээс бүрдсэн үсэг байгаа бол тэдгээр нь тусдаа элементүүдэд хуваагдана. Миний хувьд энэ нь бүх захидлуудад хамаатай бөгөөд ингэснээр энэ үе шат бүрт үсэг тус бүрийг нэгтгэх нь чухал юм.

Үүнийг хийхийн тулд үсгийг сонгон дарж үсгээр тойроод, Object> Group руу оч эсвэл Ctrl + G эсвэл Command + G товчийг дарах хэрэгтэй.

Мэдээжийн хэрэг, та зөвхөн нэгээс илүү элемент агуулсан үсэгнүүдтэй үүнийг хийх хэрэгтэй.

Захидлын файлуудыг үүсгэхээс өмнө бид баримтыг зохих хэмжээгээр дахин хэвлэнэ.

04 - 05

Баримтын хэмжээг тохируулах

Бичвэр ба дүрс © Иан Пуллен

Бид баримтаа зохих хэмжээгээр тохируулах хэрэгтэй. Тиймээс Файл> Документ шинж чанарууд болон харилцах цонхон дээр очиж шаардлагатай бол Өргөн ба Өндөрийг тохируулах хэрэгтэй. Би 500px-ээр 500px-ээр бодож тавьсан. Гэхдээ аль ч үсэг тус бүрийн хувьд өргөнийг өөр өөрөөр тохируулахын тулд сүүлчийн үсэг нь илүү тохиромжтой.

Дараа нь бид fontastic.me дээр байршуулах SVG үсгийг үүсгэх болно.

05 - 05

Захидал бүрийн хувьд бие даасан SVG файл үүсгэх

Бичвэр ба дүрс © Иан Пуллен

Fontastic.me үсэг тус бүрийг тусдаа SVG файл болгохыг шаарддаг тул бид тэдгээрийг дарж эхлэхээс өмнө эдгээрийг үйлдвэрлэх хэрэгтэй болно.

Хуудасны ирмэгээс гадуур байгаа бүх үсэгээ чирнэ үү. Fontastic.me хуудасны гаднах хэсэг элементүүдийг үл тоомсорлодог тул бид энд ямар ч асуудалгүйгээр байрлуулсан эдгээр захидлыг үлдээж болно.

Эхлээд эхний үсэгийг хуудас руу чирч, шаардлагатай бол дахин хэмжихийн тулд чирэгчийн бариулыг булангийн хэсэгт ашиглаарай.

Дараа нь File> Save As руу очоод файлын утгатай нэр өгнө. Mine a.svg гэж нэрлэсэн. Файл нь .svg дагавартай гэдгийг баталгаажуулаарай.

Та одоо эхний үсгийг нүүлгэж эсвэл устгаад хоёр дахь үсгийг хуудсан дээр байрлуулж Файл> Save As руу дахин очиж болно. Та захидал болгонд үүнийг хийх хэрэгтэй. Хэрэв та надаас илүү тэвчээртэй байвал, захидал бүрийн хувьд илүү таарахын тулд хуудсын өргөнийг тохируулж болно.

Эцэст нь, цэг таслалыг гаргахыг та хүсч болох боловч зай гаргахыг хүсч байна. Зайны хувьд хоосон хуудас хадгална уу. Мөн дээд, доод үсгийг хүсч байгаа бол тэдгээрийг бүгдийг нь хадгалах хэрэгтэй.

Одоо та fontastic.me дээр очиж фонтоо үүсгэж болно. Би энэ үйл явцын талаар жаахан тайлбарласан байгаа бөгөөд энэ нь хэрхэн ашиглах талаар тайлбарлах болно . Fontastic.me