Ekstrakt Varlıkları Nedir
Yeni Öğeleri Ayıkla Photoshop CC 2014'ün özelliği, Responsive Web Design (RWD) için görüntü yaratmanın başka bir sıkıcı iş akışı üzerinde bir afterburner'ı askıya alıyor. Varlıkların Ayıkla komutunun, bir web sayfasını derleme hazır varlıklara birkaç dakika içinde hızlı bir şekilde nasıl azaltabileceğine bakalım.
Açık bir soruyla başlayalım: Varlıkların Varlığı Nedir?
Basit bir şekilde, Ayıklama Öğeleri, Photoshop'ta, Photoshop dosyalarınızdan web ve ekran tasarımı için görüntüleme varlıklarının oluşturulmasını otomatikleştirmeye yardımcı olacak bir arabirim olan Photoshop'ta Jeneratör özelliği sağlayan yeni bir özelliktir. Varlıkları Ayır komutu, varlıklar oluşturmak istediğiniz katmanı veya katmanları, fiziksel boyutlarını, dosya biçimini ve diskte kayıtlı konumu tanımlamanıza olanak tanır. Niyetin metni bir bitmap haline getirmediği sürece bu özellik metin için geçerli değildir, bu gerçekten iyi bir fikir değildir.
Başlayalım.
02/08Photoshop .psd Dosyasını Aç
Kullandığım örnek, Illustrator'dan bir Akıllı Nesne, bir metin, metin içeren bir kahraman birimi, bir görüntü ve bir düğme ve sitenin temasını güçlendiren bir dizi açık hava resmi içeriyor. Buradaki anahtar, Katmanları gruplara ayırıyor. Bu zorunludur çünkü görev, tüm bu öğeleri comp dışında tutmaktır, böylece çeşitli ekran çözünürlüklerine ve boyutlarına uyum sağlayan web düzenlerine hızlıca eklenebilir.
Varlıkları Ayıklamak İçin İki Yol
Ayrıca, katman adına bir grafik uzantısı ekleyerek nesneleri ayıklayan Generate’den farklı olarak, Öğeleri Ayıkla tarafından erişilebilen bir arayüz kullanır sağ tıklayarak bir katman veya bir katman seçip seçerekDosya> Öğeleri Ayıkla.
04/08Varlık Arabirimi Arabirimi
Varlıkları Ayır iletişim kutusu oldukça sezgiseldir. Çıkarılacak katman veya seçim gösterilir. Bunun üstünde, dosya boyutunun altında ve altında, nesneye yakınlaştırma ve uzaklaştırma yapmanızı sağlayan denetimdir. İletişim kutusunun sağ tarafı, sihrin gerçekleştiği yerdir. Üstteki dört düğme, nesnenin çözünürlüğünü / boyutunu seçmenizi sağlar. Bir sonraki şerit size seçilen katmanı gösterir ve + işareti, seçilen katmanı başka bir biçimde de çıkarmanızı sağlar. Çöp Ca n, katmanı sıradan kaldırır. Sonraki şeritte, dosya türünü seçebilir ve çıktı görüntüsünün genişliğini ve yüksekliğini ayarlayabilirsiniz.
05/08Bir SVG Görüntüsünün Çıkarılması
Photoshop, svg görüntülerini o kadar iyi işlemez ve tarayıcılar ve aygıtlar bir Illustrator görüntüsünü görüntüleyemez. Bu, burada gösterilen Illustrator logosu gibi vektör resimleri için kullanılan svg dosyalarının yükselmesine neden oldu. Çözünürlüklerini vektör olarak almaları, detaydan veya görüntüden hiçbir kayıp olmadan ölçeklenebilecekleri cihazdan bağımsız anlamlıdır. Illustrator Akıllı Nesneyi svg'ye dönüştürmek için svg pop aşağı ve tıklayın Ayıkla.
06/08Öz Varlık Süreci
Ayıkla düğmesine tıkladığınızda birkaç şey olacaktır. Önce dosya adı değişebilir uyarılacaksınız. Bu büyük bir sorun değil. Daha sonra, varlığın tutulması için yeni bir klasör oluşturulduğu söylenecektir. İşlem bittiğinde, orijinal .psd dosyasıyla aynı konuma yerleştirilen klasör açılır ve size yeni varlığı gösterir.
07/08Ayarlar Düğmesi Yeni En İyi Arkadasın mı?
Tıklamak Ayarlar düğme açılır Ayarlar iletişim kutusu Bu gerçekten yararlıdır. Soldaki ayarlar ölçeklendirme faktörleridir. Yaptıkları şey, bir geliştiricinin belirli bir cihazın ekran çözünürlüğünü hedeflemek için medya sorgularında kullanacağı resmin çeşitli kopyalarını oluşturmaktır. Örneğin, 3x sürümü bir iPhone veya iPad Retina ekranına hedeflenirken, bir Android cihazında 1.25 faktör işaret edilir. Sonek, geliştiricinizin bir medya sorgusunda kullanılacak resmi kolayca tanımasını sağlamak için dosya adının sonuna eklenir. Bitirdikten sonra tamam düğmesi ve seçimleriniz iletişim kutusundaki Öğeleri Ayıkla alanında yanacaktır. Arayüzün sağ tarafında bulunan Varlıkları Ayıkla alanındaki dişli çark simgesini tıklayarak da bu ayara erişebilirsiniz.
08/08Bitirmek
Ayıkla düğmesini tıklattığınızda tüm varlıklar oluşturulacak ve klasöre eklenecektir. Bu noktada yapmanız gereken tek şey geliştiricinizi klasörün bir kopyasına göndermek ve sonraki projenize geçmek.
