Illustrator'ın kullanılma biçimindeki en çarpıcı değişikliklerin çoğu, vektör görüntülerini web'e çevirme alanında gerçekleşiyor ve bu süreçteki en önemli bağlantı, değeri bilinmeyen SVG formatıdır. SVG dosyaları, vektör çizimlerinin değerli ölçeklenebilirlik özelliklerini korur ve web sitelerinde ve web geliştirme ortamlarında neredeyse evrensel olarak desteklenir. Web için vektör çizimleri hazırlarken, Illustrator'ın standart efektlerinden kaçınmak ve bunun yerine SVG filtreleri kullanmak önemlidir.
Illustrator, makul ancak minimalist bir SVG filtresi seti ile birlikte gelir, ancak burada SVG filtrelerini nasıl bulacağınız ve ekleyeceğiniz ve kendi SVG filtrelerinizi oluşturmak için kaynaklar hakkında bazı ipuçları verilmiştir. Web ve uygulama geliştiricileriyle çalışanlar için, SVG kodunu dağıtmak için hile sayfasını kontrol ederek hayatlarını daha kolay ve daha üretken hale getirin.
Illustrator'da ekranlar için SVG dosyaları oluşturduğunuzda ve efektler (alt gölgeler gibi) uygulamak istediğinizde, bunları SVG filtreleri olarak uygulamalısınız. Bu şekilde, SVG dosyalarınız bozulma olmadan sonsuz ölçeklenebilirliği korur.
Aşağıdaki adımlar, Illustrator'daki grafiklere bir SVG filtresi uygulama konusunda size yol gösterir:
Filtreyi uyguladığınız nesneleri seçin.
Efekt→SVG Filtreleri'ni seçin.
Görüntülenen listeden bir filtre seçin.
Çoğu filtrenin açıklayıcı adları vardır. Örneğin , adında gölge olanlar alt gölgeler, adında gauss olanlar ise gauss bulanıklarıdır. İş akışı biraz garip ve dolambaçlı, ancak bir filtre uygulamak için mevcut tüm seçeneklere erişmek için önce bir filtre seçmeniz gerekiyor.
Seçilen filtreyi değiştirmek için:
Bir filtreye karar verdikten sonra, SVG Filtresini Uygula panelinde Tamam'ı tıklayın.
Illustrator'ın SVG filtre seti minimalisttir, ancak kendi filtrelerinizi tasarlayarak veya çevrimiçi kaynaklardan önceden paketlenmiş SVG filtre setlerini indirerek geliştirebilirsiniz. Filtre tasarlamak kodlamayı içerir, ancak HTML konusunda rahatsanız yapılabilir. SVG filtreleri oluşturmak için w3Schools'daki öğreticiyi öneririm . Yoksa çevrimiçi filtrelerin setleri satın alabilir ve hatta serbest SVG filtrelerinin bazı güzel setlerini bulabilirsiniz Creatingo .
Kendi SVG filtrelerinizi satın aldıktan veya oluşturduktan sonra bunları Illustrator'da şu şekilde yükleyebilirsiniz:
Efekt→SVG Filtreleri→SVG Filtresini İçe Aktar'ı seçin.
Açılan iletişim kutusunda, oluşturduğunuz veya ücretsiz olarak indirdiğiniz SVG filtreleri dosyasına gidin ve çift tıklayın.
Aradığınız dosya bir SVG dosyası olmalıdır (birden çok filtre tek bir SVG dosyasında toplanmıştır).
Yeni filtreleriniz artık SVG Filtreleri alt menüsünde mevcuttur.
Yeni filtrelerinizi seçili nesnelere uygulamak için Efekt→SVG Filtreleri'ni seçin.
Illustrator'da oluşturduğunuz SVG grafikleri genellikle oyun tasarımcılarına, animatörlere, bilgi grafiklerine veya geliştiricilerin SVG grafiğinin arkasındaki kodla çalışacağı diğer çıktılara teslim edilir. Bir illüstratör olarak, bu kodu nasıl oluşturacağınızı bilmenize gerek yoktur, ancak onu nasıl edineceğinizi ve bir geliştiriciye devredeceğinizi bilmeniz gerekebilir. İşte nasıl.
SVG grafiklerinizi kod olarak dışa aktarmanın yolu, Illustrator'ın Kaydetme işlevlerinden geçer. Kaydet menüsünde, dosyanızı SVG kodu olarak dışa aktaran seçenekler (bulması kolay değildir) bulunur. Bu kodu oluştururken ekran geliştiricinizle gerçek zamanlı iletişim halinde olmak isteyeceksiniz çünkü bu kodun nasıl kullanılacağına göre birkaç seçenek belirleniyor:
Dosya → Kaydet'i (veya bir dosyayı yeniden kaydediyorsanız Farklı Kaydet'i) seçin.
Açılan iletişim kutusunda Format menüsünden SVG'yi seçin.
Tarayıcılarda görüntülenmeyen sıkıştırılmış bir dosya için olan SVGZ dosyası seçeneğini yoksayın.
SVG Seçenekleri iletişim kutusunu açmak için Kaydet'e tıklayın.
SVG Profilleri açılır menüsünde her zaman SVG 1.1'i seçin. Diğer sürümler eskidir.
SVG dosyanıza gömülü veya bağlantılı resimler varsa, Resim Konumları açılır menüsünden Göm'ü seçin. Ancak, önce bu seçim hakkında web geliştiricinize danışın.
Dosyayı Illustrator'da düzenlenebilir hale getirmek için Illustrator Düzenleme Özelliklerini Koru'yu seçin.
Bu seçenek dosya boyutunu artırır ancak düzenleyebileceğiniz, güncelleyebileceğiniz ve web geliştiricileriyle paylaşabileceğiniz tek bir SVG dosyasıyla çalışmanıza olanak tanır.
Daha Fazla Seçenek düğmesi görüntülenirse, gelişmiş seçeneklere erişmek için tıklayın. ve seçimlerinizi yapın.
Esasen, farklı seçenekler, özellikleri aşağıdaki şekillerde tanımlayan dosyanızla birlikte CSS oluşturur. Bu CSS özelliklerini nasıl tanımlayacağınız konusunda web geliştirici ekip arkadaşınıza danışın:
Geliştirici-iş ortağınız sizin seçmenizi istemedikçe, SVG Seçenekleri iletişim kutusunun altındaki beş onay kutusunun seçimini kaldırın.
Bu seçenekler son derece özel uygulamalar içindir.
SVG Seçeneği iletişim kutusunda yaptığınız seçimlere dayalı olarak SVG Kodu oluşturmak için SVG Kodu düğmesini tıklayın.
Oluşturulan SVG kodu, işletim sisteminizin metin düzenleyicisinde görüntülenir. Bu kodu, işletim sisteminizin metin düzenleyicisini kullanarak bir metin dosyası olarak kaydedebilir ve dosyayı bir geliştiriciye teslim edebilirsiniz.
Kodu oluşturduktan sonra, dosyanızı kaydetmek için Tamam'ı tıklayın.
Bu dosyayı Illustrator'da yeniden açıp düzenleyebilirsiniz.
Adobe Acrobat CS5'teki Anlık Görüntü aracını, hem metin hem de görüntü seçmek ve bir PDF dosyasında belirli bir alanın resmini oluşturmak için kullanabilirsiniz. Sonuç genellikle bir PDF dosyası içindeki bir bölümün ekran görüntüsü olarak adlandırılır. Sonuç bir resimdir ve metniniz […]
Araştırmacılar ve bilim adamları için tasarlanan Photoshop CC'deki ölçüm yetenekleri oldukça güçlüdür. Teknik bir görüntüdeki hemen hemen her şeyi ölçebilir ve bunların sayısını sayabilirsiniz, belki bir mikroskop veya teleskoptan. Bir görüntüdeki herhangi bir öğenin tam boyutunu biliyorsanız, hemen hemen her şeyi keşfedebilirsiniz […]
Adobe Creative Suite 5 (Adobe CS5) Illustrator'daki Sıvılaştırma araçlarını kullandığınızda, basitten karmaşığa doğru bozulmalar oluşturarak nesneleri bükebilir, dalgalı, yapışkan veya dikenli hale getirebilirsiniz. Sıvılaştırma araçları, nesnelerinizdeki her türlü yaratıcı veya tuhaf (nasıl baktığınıza bağlı olarak) çarpıtmalar gerçekleştirebilir. Sen […]
Adobe XD projenizde metniniz olduğunda, metin özelliklerini değiştirmeye başlayabilirsiniz. Bu özellikler, Yazı Tipi Ailesi, Yazı Tipi Boyutu, Yazı Tipi Ağırlığı, Hizalama, Karakter Aralığı (karakter aralığı ve izleme), Satır Aralığı (önde gelen), Dolgu, Kenarlık (kontur), Gölge (alt gölge) ve Arka Plan Bulanıklığını içerir. Şimdi bu özelliklerin nasıl uygulandığını gözden geçirelim. Okunabilirlik ve yazı tipi hakkında […]
QR kodu grafikleri oluşturmak ve değiştirmek için InDesign'ı kullanabilirsiniz. QR kodları, kelimeler, sayılar, URL'ler veya diğer veri biçimleri gibi bilgileri depolayabilen bir barkod biçimidir. Kullanıcı, akıllı telefon gibi bir cihazdaki kamerasını ve yazılımını kullanarak QR kodunu tarar ve yazılım […]
Adobe Illustrator'da olduğu gibi, Photoshop çalışma yüzeyleri tek bir belge içinde ayrı sayfalar veya ekranlar oluşturma yeteneği sağlar. Bu, özellikle bir mobil uygulama veya küçük broşür için ekranlar oluşturuyorsanız yardımcı olabilir. Çalışma yüzeyini, Katmanlar paneli kullanılarak oluşturulan özel bir katman grubu türü olarak düşünebilirsiniz. Onun […]
Adobe Illustrator CC'de metni sarmak, bir hediyeyi sarmakla aynı şey değildir - bu daha kolaydır! Metin sarma, metni bu şekilde gösterildiği gibi bir grafiğin etrafına sarmaya zorlar. Bu özellik, herhangi bir parçaya biraz yaratıcılık katabilir. Grafik, metni etrafına sarmaya zorluyor. İlk önce, oluştur […]
Adobe Illustrator CC'de tasarım yaparken, genellikle tam boyutta (örneğin, 2 x 3 inç) bir şekle ihtiyacınız vardır. Bir şekil oluşturduktan sonra, onu tam ölçülere göre yeniden boyutlandırmanın en iyi yolu, bu şekilde gösterilen Dönüştür panelini kullanmaktır. Nesneyi seçtikten sonra Pencere → Dönüştür'ü seçin ve […]
Illustrator'da SVG grafiklerine saydamlığın nasıl uygulanacağını öğrenin. Saydam arka planlara sahip SVG'lerin nasıl çıktı alınacağını ve saydamlık efektlerinin nasıl uygulanacağını keşfedin.
Görüntülerinizi Adobe XD'ye aktardıktan sonra, çok fazla düzenleme denetiminiz yoktur, ancak görüntüleri herhangi bir şekilde yaptığınız gibi yeniden boyutlandırabilir ve döndürebilirsiniz. Ayrıca, köşe widget'larını kullanarak içe aktarılan bir görüntünün köşelerini kolayca yuvarlayabilirsiniz. Görüntülerinizi maskeleme Kapalı bir şekil tanımlayarak […]
