Inkscape ve Fontastic.me Kullanarak Kendi Yazı Tiplerini Oluşturun

Bu öğreticide, Inkscape ve fontastic.me'yi kullanarak kendi el yazısı yazılarınızı nasıl oluşturabileceğinizi göstereceğim.

Bunlara aşina değilseniz Inkscape , Windows, OS X ve Linux için kullanılabilen ücretsiz ve açık kaynak kodlu bir vektör çizim uygulamasıdır. Fontastic.me, çeşitli simge fontları sunan bir web sitesidir, ancak kendi SVG grafiklerinizi yüklemenizi ve bunları ücretsiz olarak bir fonta dönüştürmenizi sağlar.

Dikkatlice hazırlanmış mektup karakterleri ile çeşitli boyutlarda etkili bir şekilde çalışacak bir font tasarlarken, yıllar boyu sürecek bir beceri, bu size benzersiz bir yazı tipi kazandıracak hızlı ve eğlenceli bir projedir. Fontastic.me'nin ana amacı web siteleri için simge fontları üretmektir, ancak başlık veya az miktarda metin üretmek için kullanabileceğiniz bir yazı tipi oluşturabilirsiniz.

Bu dersin amacı için, bazı yazılı mektupların bir fotoğrafını izleyeceğim, ancak bu tekniği kolayca uyarlayabilir ve mektuplarınızı doğrudan Inkscape'de çizebilirsiniz. Bu özellikle çizim tabletleri kullananlar için işe yarayabilir.

Bir sonraki sayfada, kendi yazı tipimizi oluşturmaya başlayacağız.

05/05

Yazılı Yazı Tipinizin bir Fotoğrafını İçe Aktar

Metin ve görüntüler © Ian Pullen

Eğer takip etmek istiyorsanız ve kendi yapmak istemiyorsanız, bazı büyük harfler içeren bir resme ihtiyacınız olacaktır. AZ harflerini içeren a-doodle-z.jpg dosyasını indirebilir ve kullanabilirsiniz.

Kendinizinkini yaratacaksanız, güçlü kontrast için koyu renkli bir mürekkep ve beyaz kağıt kullanın ve tamamlanmış harfleri iyi ışıkta fotoğraflayın. Ayrıca, izlenen harflerinizi hazırlarken hayatı daha karmaşık hale getireceğinden, 'O' gibi harflerle kapalı alanlardan uzak durun.

Fotoğrafı içe aktarmak için Dosya> İçe Aktar'a gidin ve fotoğrafa gidin ve Aç düğmesine tıklayın. Bir sonraki iletişim kutusunda Gömme seçeneğini kullanmanız önerilir.

Görüntü dosyası çok büyükse, Görünüm> Yakınlaştırma alt menüsündeki seçenekleri kullanarak uzaklaştırabilir ve ardından her köşede ok tutamaçlarını görüntülemek için üzerine bir kez tıklayarak yeniden boyutlandırabilirsiniz. Ctrl veya Command tuşunu basılı tutarken bir tutamacı tıklatıp sürükleyin ve orijinal oranlarını koruyacaktır.

Ardından, vektör satır mektupları oluşturmak için görüntüyü izleyeceğiz.

02/05

Vektör Çizgi Mektupları Oluşturmak İçin Fotoğrafı İzleme

Metin ve görüntüler © Ian Pullen

Daha önce Inkscape'de bitmap grafiklerini izlemeyi tanımladım, ancak bu işlemi burada tekrar hızlı bir şekilde anlatacağım.

Seçilmiş olduğundan emin olmak için fotoğrafa tıklayın ve ardından İzleme Bitmap diyaloğunu açmak için Yol> İz Bitmap'e gidin. Benim durumumda, tüm ayarları varsayılanlarına bıraktım ve iyi ve temiz bir sonuç üretti. İzleme ayarlarını ayarlamanız gerekebilir, ancak daha güçlü kontrasta sahip bir görüntü oluşturmak için fotoğrafınızı daha iyi bir ışıkla çekmeyi daha kolay bulabilirsiniz.

Ekran görüntüsünde, orijinal fotoğraftan sürüklediğim izlenen harfleri görebilirsiniz. İzleme tamamlandığında, harfler doğrudan fotoğrafın üzerine yerleştirilir, bu yüzden çok net olmayabilirler. Devam etmeden önce, Trace Bitmap diyalog penceresini kapatabilir ve fotoğrafı seçmek için üzerine tıklayıp klavyenizdeki Delete tuşuna basarak belgeden kaldırabilirsiniz.

03/05

İzlemeyi Bireysel Mektuplara Bölün

Metin ve görüntüler © Ian Pullen

Bu noktada, tüm harfler bir araya getirilmiştir, bu yüzden bunları ayrı harflere ayırmak için Yol> Ayrıl'a gidin. Birden fazla elemandan oluşan harflere sahipseniz, bunların ayrı öğelere de ayrılacağını unutmayın. Benim durumumda, bu her harf için geçerlidir, bu yüzden her harfin bu aşamada birlikte gruplandırılması mantıklıdır.

Bunu yapmak için, bir seçim çerçevesini tıklatın ve bir mektubun etrafına sürükleyin ve ardından klavyenize bağlı olarak Ctrl + G veya Command + G tuşlarına basın.

Açıkçası, bunu sadece birden fazla öğe içeren harflerle yapmanız gerekir.

Mektup dosyalarını oluşturmadan önce, belgeyi uygun bir boyuta yeniden boyutlandırırız.

04/05

Belge Boyutunu Ayarlayın

Metin ve görüntüler © Ian Pullen

Belgeyi uygun bir boyuta ayarlamamız gerekiyor, bu yüzden Dosya> Belge Özellikleri'ne gidin ve iletişim kutusunda Genişlik ve Yüksekliği gerektiği şekilde ayarlayın. 500 piksele 500 piksel ekledim, ideal olarak her harf için genişliği farklı bir şekilde ayarlayacaksınız, böylece son harfler daha düzgün bir şekilde birbirine uyuyor.

Ardından, fontastic.me'ye yüklenecek SVG harflerini oluşturacağız.

05/05

Her Harf için Bireysel SVG Dosyaları Oluşturun

Metin ve görüntüler © Ian Pullen

Fontastic.me her mektubun ayrı bir SVG dosyası olmasını gerektirir, bu yüzden basmadan önce bunları üretmeliyiz.

Tüm harflerinizi, sayfa kenarlarının dışında kalacak şekilde sürükleyin. Fontastic.me, sayfa alanının dışındaki tüm öğeleri göz ardı eder, bu yüzden bu mektupları burada hiçbir sorun olmadan park edebiliriz.

Şimdi ilk harfi sayfaya sürükleyin ve gerektiği şekilde yeniden boyutlandırmak için köşedeki sürükle tutamaçlarını kullanın.

Sonra Dosya> Farklı Kaydet'e gidin ve dosyaya anlamlı bir ad verin. Ben benim a.svg aradım - dosyanın .svg son ekine sahip olduğundan emin olun.

Şimdi ilk harfi taşıyabilir veya silebilir ve ikinci harfi sayfaya yerleştirebilir ve tekrar Dosya> Farklı Kaydet'e gidebilirsiniz. Her harf için bunu yapmalısın. Benden daha fazla sabrınız varsa, her bir harfle daha iyi eşleşmesi için sayfanın genişliğini ayarlayabilirsiniz.

Son olarak, kesinlikle bir boşluk karakteri isteyecek olsanız da noktalama işareti üretmeyi düşünebilirsiniz. Bir boşluk için, sadece boş bir sayfa kaydedin. Ayrıca, büyük ve küçük harfler istiyorsanız, bunların hepsini de kaydetmeniz gerekir.

Şimdi fontastic.me adresini ziyaret edebilir ve yazı tipinizi oluşturabilirsiniz. Yazılı bir yazıyla , bu sitenin yazı tipini nasıl kullanacağınızı açıklayan bir makalede anlattım : Fontastic.me Kullanarak Font Oluşturma