Photoshop tasarımının kod iş akışına geçirilmesini kolaylaştırmak için Creative Cloud Extract'i kullanın. Bu işlemi hem web tasarımcıları hem de web geliştiricileri için basitleştiren Extract, bir web tasarımını üzerinde çalışılabilen koda dönüştürerek verimliliği büyük ölçüde artırır.
Son güncelleme:
Not:
Web tabanlı Extract özelliği Mart 2019'da kullanımdan kaldırılacak. Ancak Extract özelliği, Photoshop ve Dreamweaver masaüstü uygulamaları içinden Mart 2019'dan sonra da kullanılabilecektir. Daha fazla bilgi için bkz. Creative Cloud Assets: Web Tabanlı Extract Kullanımdan Kaldırılıyor.
Photoshop kompozisyonları, tasarım özelliklerini daha sonra bu ilgili tasarımı HTML ve CSS biçimine dönüştürmeleri gereken web geliştiricileri ile paylaşmada yaygın olarak kullanılan bir yöntemdir. Tipik bir iş akışında tasarımcılar bir web tasarımı veya mobil tasarım için Photoshop kompozisyonları oluşturur. Üretim tasarımcıları daha sonra varlıkları dilimleyip kırmızı çizgi özellikleri oluşturarak PSD dosyasını geliştiriciler için hazırlar. Web geliştiricilerinden bu tasarım öğelerini ve varlıkları alıp bunları kod biçimine dönüştürmeleri beklenir.
Extract bu iş akışını yeniden oluşturarak, web tasarımcılarının Photoshop'ta en iyileştirilmiş varlıkları rekor sürede dışa aktarmalarına ve Dreamweaver'da kod yazarken PSD'lerini geliştiricilerle paylaşmalarına olanak tanır.
Extract, iş akışı kodunu yazabilmeniz için PSD tasarımında çeşitli yerlerde sunulur.
- Tasarımcılar, Photoshop'un tanıdık ortamında çalışarak görüntü varlıklarını katmanlardan veya katman gruplarından tanımlayabilir ve dışa aktarabilirler.
- Web tasarımcıları ve geliştiriciler Extract'i tamamen bağımsız bir çözüm olan ve doğrudan kodlama ortamı içinden bağlamsal kod ipucu, varlıkları ayıklama ve daha fazlasını sunan Dreamweaver içinden kullanabilir.
Photoshop'ta varlıkları dışa aktarma
Photoshop kompozisyonları oluşturan tasarımcılar basit bir görsel arabirim kullanarak, görüntü varlıklarını tek tek katmanlardan veya katman gruplarından hızlı bir şekilde tanımlayabilir ve paket oluşturabilir. Böylece üretim süresi gözle görülür şekilde kısalarak tasarımcılara daha fazla zaman tanınmış olur.
Web tasarımcıları ve geliştiriciler PSD'leri artık Dreamweaver'da görüntüleyebilir ve bağlamsal kod ipucu kullanarak CSS'lerinde kolaylıkla fontlar, renkler ve degradeler tanımlayabilir. Buna ek olarak en iyileştirilmiş görüntüleri sürükleyip Canlı Görünüm yüzeyine bırakabilir, metin kopyalayabilir ve daha fazlasını yapabilirler.
Hesabınıza giriş yapın