Skip to main content

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

Css Özel Font Yapımı ve Kullanımı (Mayıs Ayı 2024)

Css Özel Font Yapımı ve Kullanımı (Mayıs Ayı 2024)
Anonim

Dikkatlice hazırlanmış mektup karakterleri ile çeşitli boyutlarda etkili bir şekilde çalışacak bir font tasarlarken, yıllar sürecek bir beceri, bu hızlı ve eğlenceli proje, Inkscape ve fontastic.me kullanarak kendi el yazısı yazılarınızı nasıl oluşturabileceğinizi gösterecek sen kendi eşsiz yazı tipin. 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.

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.

Bu dersin amacı için, bazı yazılı harflerin bir fotoğrafını izleyeceğiz, 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.

05/05

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

Eğer takip etmek istiyorsanız ve kendi yapmak istemiyorsanız, bazı harflerin bir fotoğrafına ihtiyacınız olacaktır, A-Z harflerini içeren a-doodle-z.jpg dosyasını indirip 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

Başlamadan önce bitmap grafiklerini izleme işlemini gözden geçirmek iyi bir fikirdir.

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. Burada tüm ayarları varsayılanlarına bıraktık ve iyi ve temiz bir sonuç ürettik. İ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ğimiz 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

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. Örneğimizde, bu her harf için geçerlidir, bu nedenle her harfi birlikte bu aşamada gruplamak anlamlı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

Belgeyi uygun bir boyuta ayarlamanız gerekir, bu yüzden Dosya> Belge Özellikleri'ne gidin ve iletişim kutusunda Genişlik ve Yüksekliği gerektiği şekilde ayarlayın. 500px'i 500 piksele ayarladık, 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

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

Tüm harflerinizi, sayfa kenarlarının dışında kalacak şekilde sürükleyin. Fontastic.me, sayfa alanının dışındaki herhangi bir öğeyi yok sayar, böylece bu mektupları burada hiçbir sorun olmadan park edebilirsiniz.

Ş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. Benimkini a.svg olarak adlandırdık - 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. Hastaysanız, her 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. Bu süreci hakkında, yazı tipinizi yapmak için fontastic.me'yi nasıl kullanacağınızı açıklayan bir makalede biraz öğrenebilirsiniz.