Web'de Photoshop için Görüntüler Nasıl Kaydedilir?

Photoshop'un sunduğu en önemli işlevlerden biri, Web / Aygıtlar İçin Kaydet özelliğidir.

Neden kullanmalı? Dosyanızı standart bir yöntemle kaydedebilmenize rağmen, Dosya / Farklı Kaydet gibi , Web / Aygıtlara Kaydet özelliği çok önemli üç şey yapar.

Bu araç Twitter simgeleri, Facebook profil resimler, ürün dosyaları, blog görüntüleri ve favicons için kaynak dosyaları çıktı için harika çalışıyor.

  • 01 - Kaynak Dosyasını Aç

    Dosya / Photoshop Aç. Ekran görüntüsü Bryan Haines

    Başlamak için dosyanızı açmak için Dosya / Aç'a gitmeniz gerekir. Herhangi bir biçimde olabilir - jpg, gif, psd, png veya diğerleri. Photoshop açabildiği sürece, web için çıktı alabilirsiniz.

  • 02 - Dosyanızı Web için Kaydetme

    Dosya Kaydet Photoshop CS5. Ekran görüntüsü Bryan Haines

    İhtiyacınız olan ayarlamaları yaptığınızı varsayarak, Web için tasarruf sağlamaya devam edeceğiz. Açıkçası, resmi düzenlemeniz gerekiyorsa, önce bunu yapın ve daha sonra bu adımla devam edin.

    Web / Cihazlar için Dosya / Kaydet'e gidin ve tıklayın. Açılır menünün yaklaşık yarısı kadardır.

    Bu işlem orijinal dosyanızı hiç değiştirmez. Yeni bir dosya oluşturuyorsunuz. Bu eğiticiyi tamamladıktan ve Photoshop'ta orijinal görüntünüze döndüğünüzde, değişiklik yaptıysanız bu dosyayı kaydetmeniz gerekir. Yeni resminizi orijinalinizden farklı olarak adlandırmak önemlidir. Genellikle dosya adına _web ekleyerek iyi çalışır. (örnek: filename_web.jpg)

  • 03 - Karşılaştırma Görünümünü 2-Up'a Ayarlama

    Yan yana Karşılaştırma Photoshop CS5. Ekran görüntüsü Bryan Haines

    Ayarlarınıza bağlı olarak, buradaki görünümü ayarlamanız gerekebilir. İstediğiniz, resminizin sol ve sağ karşılaştırmasıdır. Sol taraf orijinali gösterecek, sağ görüntü ayarını mevcut ayarlarda gösterecektir.

    Pencerenin üst kısmına bakarsanız, aşağıdaki seçenekleri görürsünüz: Orijinal, Optimize Edilmiş, 2-Up, 4-Up. Çoğu amaç için, 2-Up isteyeceğiniz şeydir.

  • 04 - Görüntüleme boyutunuzu% 100'e ayarlayın

    Photoshop CS5'te görünümü% 100'e ayarlamak. Ekran görüntüsü Bryan Haines

    % 100'de görüntülediğinizden emin olmak için, ekranın sol alt köşesindeki seçeneği işaretleyin.

    Görüntünüzü% 100'ün üzerinde görüyorsanız, o zaman grenli ya da muhtemelen kararsız görüneceğini unutmayın. Her zaman görüntü ile% 100 çalışın.

  • 05 - Dosya Boyutlarını Seçti

    Photoshop CS5'te Dosya Boyutlarını Seçme. Ekran görüntüsü Bryan Haines

    Web için boyutlar neredeyse her zaman piksel cinsinden (px). Oranları doğru tutmak önemlidir. Görüntü kutusunun yanında, bir zincir bağlantısının küçük bir görüntüsüdür. Bu, yüksekliği ayarladığınızda genişliği ölçeklendirir. Örneğin, 400 piksel x 400 piksel boyutunda bir resim. Genişliği 300px'e düşürürseniz, dosya otomatik olarak 200px'lik bir boyuta ölçeklenir. İşaretlenmemişse, görüntü bozulur.

    Ayrıca, görüntüyü yüzde olarak ölçekleme seçeneğiniz de vardır.

  • 06 - Dışa Aktarılacak Dosya Türünü Seçti

    Photoshop CS5'te Dışa Aktarılacak Dosya Türünü Seçme. Ekran görüntüsü Bryan Haines

    Bu seçenekte, orijinal dosya türü önemli değil. İhtiyacınız olan dosyayı seçebilirsiniz.

    Not: İşlemi başlatmak için sağdaki görüntüye tıklamanız gerekir. Görüntünün işlenecek şekilde seçilmesi gerekiyor.

    En yaygın olanı web için jpg'dir - en küçük dosya formatıdır, bu da site ziyaretçileriniz için daha hızlı indirme anlamına gelir. Şeffaflık varsa png-24'ü seçtin. Eğer şeffaflığın ne olduğunu bilmiyorsanız jpg'yi seçmelisiniz.

  • 07 - Görüntü Kalitesini Seç

    Photoshop CS5'te Görüntü Kalitesi'ni seçin. Ekran görüntüsü Bryan Haines

    Üç jpg seçeneğinin (Yüksek, Orta, Düşük) her biri önceden ayarlanmış olan kalite ayarlarına sahiptir - bunlar manuel olarak ayarlanabilir. Eğer% 100 görüntülüyorsanız, ihtiyacınız olan kaliteye karar verebilirsiniz. Zum seviyesini ayarlamak için Adım 5'e bakınız. Görüntü, önizleme penceresinde olduğu gibi çevrimiçi olarak görünecektir.

    Jpg'den başka bir şey seçtiyseniz, bu adımı atlayabilirsiniz.

  • 08 - Dosyanızı Kaydedin

    Dosyanızı Photoshop CS5'te kaydedin. Ekran görüntüsü Bryan Haines

    Gerekli ayarlamaları yaptıktan sonra dosyayı kaydetmeye hazırsınız. “Kaydet” e tıklayın ve bu yeni görüntü için istediğiniz klasör ve dosya adını seçin.

    Tebrik ederiz! Yeni dosyanız çevrimiçi olarak kullanılmaya hazır.