Web fotoğraf galeri oluşturma

  1. Photoshop Kullanıcı Kılavuzu
  2. Photoshop’a Giriş
    1. Hayal et. Öyle olsun.
    2. Photoshop’taki yenilikler
    3. İlk fotoğrafınızı düzenleme
    4. Belge oluşturma
    5. Photoshop | Sık Sorulan Sorular
    6. Photoshop sistem gereksinimleri
    7. Hazır ayarları, eylemleri ve ayarları taşıma
    8. Photoshop’u tanıyın
  3. Photoshop ve Adobe hizmetleri
    1. Photoshop ve Adobe Stock
    2. Creative Cloud Kitaplıkları
    3. Photoshop’ta Creative Cloud Libraries
    4. Izgara ve kılavuzlar
    5. Eylem oluşturma
    6. Geri alma ve geçmiş
    7. Varsayılan klavye kısayolları
    8. Dokunmatik özellikler ve özelleştirilebilir çalışma alanları
    9. Photoshop’u Touch Bar ile kullanma
    10. Photoshop’ta uygulama içi Capture uzantısını kullanma
  4. iPad’de Photoshop
    1. iPad’de Photoshop | Sık sorulan sorular
    2. Çalışma alanını tanıyın
    3. Sistem gereksinimleri | iPad’de Photoshop
    4. Bulut belgeleri oluşturma, açma ve dışa aktarma
    5. Fotoğrafları ekleme
    6. Katmanlarla çalışma
    7. Fırçalarla çizme ve boyama
    8. Seçim yapma ve maske ekleme
    9. Bileşimlerinizi rötuşlama
    10. Ayarlama katmanlarıyla çalışma
    11. Eğriler ile kompozisyonlarınızın tonalitesini ayarlama
    12. Dönüştürme işlemleri uygulama
    13. Kompozisyonlarınızı kırpma ve döndürme
    14. Tuvali döndürme, kaydırma, yakınlaştırma ve sıfırlama
    15. Yazı katmanlarıyla çalışma
    16. Photoshop ve Lightroom ile çalışma
    17. iPad’deki Photoshop’ta eksik yazı tiplerini görme
    18. iPad’de Photoshop’ta Japonca Metin
    19. Uygulama ayarlarını yönetme
    20. Dokunmatik kısayollar ve dokunma hareketleri
    21. Klavye kısayolları
    22. Sistem gereksinimleri 1.x | iPad’de Photoshop
    23. Sistem gereksinimleri 2.x | iPad’de Photoshop
    24. Görüntü boyutunuzu düzenleme
    25. iPad’de Photoshop’ta yaratıcı çalışmalar yaparken canlı yayın yapma
    26. Düzeltme Fırçası ile kusurları düzeltme
    27. Yakalama’da fırçalar oluşturma ve bunları Photoshop’ta kullanma
  5. Web üzerinde Photoshop
    1. Web üzerinde Photoshop | Sık sorulan sorular    
    2. Çalışma alanına giriş
    3. Sistem gereksinimleri | Web üzerinde Photoshop
    4. Klavye kısayolları | Web üzerinde Photoshop
    5. Desteklenen dosya türleri | Web üzerinde Photoshop
    6. Bulut belgelerini açma ve bulut belgeleri ile çalışma
    7. Paydaşlarla iş birliği yapma
    8. Bulut belgeleriniz üzerinde sınırlı düzenlemeler uygulama
  6. Bulut belgeleri
    1. Photoshop bulut belgeleri | Sık sorulan sorular
    2. Photoshop bulut belgeleri | İş akışı soruları
    3. Photoshop’ta bulut belgelerini yönetme ve bunlarla çalışma
    4. Photoshop için bulut depolama alanını yükseltme
    5. Bir bulut belgesi oluşturulamıyor veya kaydedilemiyor
    6. Photoshop cloud belge hatalarını çözme
    7. Bulut belgesi eşitleme günlükleri toplama
    8. Erişimi paylaşma ve bulut belgelerinizi düzenleme
  7. Çalışma Alanı
    1. Çalışma alanıyla ilgili temel bilgiler
    2. Belge oluşturma
    3. Photoshop’u Touch Bar ile kullanma
    4. Photoshop’ta Microsoft Dial desteği
    5. Araç galerileri
    6. Performans tercihleri
    7. Araçları kullanma
    8. Dokunma hareketleri
    9. Dokunmatik özellikler ve özelleştirilebilir çalışma alanları
    10. Teknoloji önizlemeleri
    11. Meta veriler ve notlar
    12. Çalışmalarınızı hızlı bir şekilde paylaşın
    13. Photoshop görüntülerini diğer uygulamalara yerleştirme
    14. Tercihler
    15. Varsayılan klavye kısayolları
    16. Cetveller
    17. Yazdırılmayan Ek Seçenekleri gösterme ya da gizleme
    18. Görüntünün sütunlarını belirleme
    19. Geri alma ve geçmiş
    20. Paneller ve menüler
    21. Dosyaları yerleştirme
    22. Öğeleri yaslayarak konumlandırma
    23. Cetvel aracıyla konumlandırma
    24. Hazır Ayarlar
    25. Klavye kısayollarını özelleştirme
    26. Izgara ve kılavuzlar
  8. Web, ekran ve uygulama tasarımı
    1. Tasarım için Photoshop
    2. Çalışma yüzeyleri
    3. Photoshop’ta dosyaları farklı dışa aktarma
    4. Aygıt Önizleme
    5. Katmanlardan CSS kopyalama
    6. Web sayfalarını dilimleme
    7. Dilimler için HTML seçenekleri
    8. Dilim mizanpajını değiştirme
    9. Web grafikleriyle çalışma
    10. Web fotoğraf galeri oluşturma
  9. Görüntü ve renk temel bilgileri
    1. Görüntüleri yeniden boyutlandırma
    2. Raster ve vektör görüntüleriyle çalışma
    3. Görüntü boyutu ve çözünürlüğü
    4. Kameralardan ve tarayıcılardan görüntüleri alma
    5. Görüntüleri oluşturma, açma ve içe aktarma
    6. Görüntüleri gösterme
    7. Geçersiz JPEG Marker hatası | Görüntü açma
    8. Birden fazla görüntüyü görüntüleme
    9. Renk seçicileri ve renk örneklerini özelleştirme
    10. Yüksek dinamik aralık görüntüleri
    11. Görüntünüzdeki renkleri eşleştirme
    12. Renk modları arasında dönüştürme
    13. Renk modları
    14. Bir görüntünün bölümlerini silme
    15. Karıştırma modları
    16. Renkleri seçme
    17. İndekslenmiş renk tablolarını özelleştirme
    18. Görüntü bilgileri
    19. Deformasyon filtreleri kullanılamıyor
    20. Renk hakkında
    21. Kanalların kullanımıyla renkli ve tek renk ayarlamaları
    22. Renk ve Renk Örnekleri panellerinde renkleri seçme
    23. Örnekleme
    24. Renk modu veya Görüntü modu
    25. Renk tonu
    26. Bir eyleme koşullu mod değişikliği ekleme
    27. HTML, CSS ve SVG’den renk örnekleri ekleme
    28. Bit derinliği ve tercihleri
  10. Katmanlar
    1. Katman temelleri
    2. Geri alınabilir düzenleme
    3. Katmanları ve grupları oluşturma ve yönetme
    4. Katmanları seçme, gruplama ve bağlama
    5. Karelere görüntü yerleştirme
    6. Katman opaklığı ve karıştırma
    7. Katmanları maskeleme
    8. Akıllı Filtre Uygulama
    9. Katman kompozisyonları
    10. Katmanları taşıma, yığınlama ve kilitleme
    11. Katmanları vektör maskeleri ile maskeleme
    12. Katmanları ve grupları yönetme
    13. Katman efektleri ve stiller
    14. Katman maskelerini düzenleme
    15. Varlıkları ayıklama
    16. Kırpma maskeleri ile katmanları ortaya çıkarma
    17. Katmanlardan görüntü varlıkları oluşturma
    18. Akıllı Nesnelerle Çalışma
    19. Karıştırma modları
    20. Çok sayıda görüntüyü grup portresinde birleştirme
    21. Katmanları Otomatik Karıştır ile görüntüleri birleştirme
    22. Katmanları hizalama ve dağıtma
    23. Katmanlardan CSS kopyalama
    24. Katman veya katman maskesi sınırından seçim yükleme
    25. Diğer katmanlardaki içeriği göstermek için altını gizleme
    26. Katman
    27. Düzleştirme
    28. Kompozisyon
    29. Arka Plan
  11. Seçimler
    1. Seç ve Maskele çalışma alanı
    2. Hızlı seçim yapma
    3. Seçimleri kullanmaya başlama
    4. Seçim çerçevesi araçlarını kullanarak seçme
    5. Kement araçlarıyla seçim yapma
    6. Bir görüntüde renk aralığı seçme
    7. Piksel seçimlerini ayarlama
    8. Yollar ve seçim kenarlıkları arasında dönüştürme
    9. Temel kanal bilgileri
    10. Seçili pikselleri taşıma, kopyalama ve silme
    11. Geçici hızlı maske oluşturma
    12. Seçimleri ve alfa kanalı maskelerini kaydetme
    13. Odaktaki görüntü alanlarını seçme
    14. Kanalları çoğaltma, bölme ve birleştirme
    15. Kanal hesaplamaları
    16. Seçim
    17. Sınırlayıcı kutu
  12. Görüntü ayarlamaları
    1. Perspektif çarpıtma
    2. Kamera sarsıntısından kaynaklanan bulanıklığı azaltma
    3. Düzeltme fırçası örnekleri
    4. Renk arama tablolarını dışa aktarma
    5. Görüntü keskinliğini ve bulanıklığını ayarlama
    6. Renk ayarlamalarını anlama
    7. Parlaklık/Kontrast ayarlaması uygulama
    8. Gölge ve açık ton ayrıntısını ayarlama
    9. Düzeyler ayarı
    10. Ton ve doygunluğu ayarlama
    11. Canlılığı ayarlama
    12. Görüntünün alanlarındaki renk doygunluğunu ayarlama
    13. Hızlı ton ayarlamaları yapma
    14. Görüntülere özel renk efektleri uygulama
    15. Renk dengesi ayarlamaları ile görüntünüzü geliştirme
    16. Yüksek dinamik aralık görüntüleri
    17. Histogramları ve piksel değerlerini görüntüleme
    18. Görüntünüzdeki renkleri eşleştirme
    19. Fotoğrafları kırpma ve düzleştirme
    20. Renkli görüntüyü siyah beyaza dönüştürme
    21. Ayarlama ve dolgu katmanları
    22. Eğriler ayarı
    23. Karıştırma modları
    24. Görüntüleri baskı hedefine yönlendirme
    25. Düzeyler ve Eğriler damlalıkları ile rengi ve tonu ayarlama
    26. HDR pozlama ve tonlama ayarlama
    27. Filtreleme
    28. Bulanıklaştırma
    29. Görüntü alanlarını soldurma veya yakma
    30. Seçmeli renk ayarlamaları yapma
    31. Nesne renklerini değiştirme
  13. Adobe Camera Raw
    1. Camera Raw sistem gereksinimleri
    2. Camera Raw’daki yenilikler
    3. Camera Raw’a Giriş
    4. Panorama oluşturma
    5. Desteklenen lensler
    6. Camera Raw’da vinyet, gren ve sisi kaldırma efektleri
    7. Varsayılan klavye kısayolları
    8. Camera Raw’da otomatik perspektif düzeltme
    9. Camera Raw kullanarak geri alınabilir düzenlemeler yapma
    10. Camera Raw’da Radyal Filtre
    11. Camera Raw ayarlarını yönetme
    12. Camera Raw’da görüntüleri açma, işleme ve kaydetme
    13. Camera Raw’daki Geliştirilmiş Nokta Kaldırma aracıyla görüntüleri onarma
    14. Görüntüleri döndürme, kırpma ve ayarlama
    15. Camera Raw’da renk işlemeyi ayarlama
    16. Özellik özeti | Adobe Camera Raw | 2018 sürümleri
    17. Yeni özelliklerin özeti
    18. Camera Raw’daki işlem sürümleri
    19. Camera Raw’da yerel ayarlamalar yapma
  14. Görüntü onarma ve düzeltme
    1. İçeriğe Uygun Dolgu ile fotoğraflarınızdan nesneleri kaldırma
    2. İçeriğe Uygun Yama ve Taşıma
    3. Fotoğrafları rötuşlama ve onarma
    4. Görüntü deformasyonunu ve parazitini düzeltme
    5. Birçok sorunu çözmeye yönelik temel sorun giderme adımları
  15. Görüntü dönüştürmeleri
    1. Nesneleri dönüştürme
    2. Kırpmayı, döndürmeyi ve tuval boyutunu ayarlama
    3. Fotoğrafları kırpma ve düzleştirme
    4. Panoramik görüntüler oluşturma ve düzenleme
    5. Görüntüleri, şekilleri ve yolları çarpıtma
    6. Ufuk Noktası
    7. Sıvılaştırma filtresini kullanma
    8. İçeriğe duyarlı ölçekleme
    9. Görüntüleri, şekilleri ve yolları dönüştürme
    10. Çarpıt
    11. Dönüştür
    12. Panorama
  16. Çizim ve boyama
    1. Simetrik desenler boyama
    2. Dikdörtgenler çizme ve kontur seçeneklerini değiştirme
    3. Çizim yapma hakkında
    4. Şekil çizme ve düzenleme
    5. Boyama araçları
    6. Fırça oluşturma ve değiştirme
    7. Karıştırma modları
    8. Yollara renk ekleme
    9. Yolları düzenleme
    10. Karıştırıcı Fırça ile Boyama
    11. Fırça hazır ayarları
    12. Degradeler
    13. Seçimleri, katmanları ve yolları doldurma ve bunlara kontur verme
    14. Kalem araçlarıyla çizim yapma
    15. Desen oluşturma
    16. Desen Oluşturucu’yu kullanarak desen üretme
    17. Yolları yönetme
    18. Desen kitaplıklarını ve hazır ayarlarını yönetme
    19. Grafik tableti ile çizim veya boyama yapma
    20. Dokulu fırça oluşturma
    21. Fırçalara dinamik öğeler ekleme
    22. Degrade
    23. Resim Geçmişe Dönme Fırçası ile stil uygulanmış konturlar boyama
    24. Desenle boyama
    25. Birden çok aygıtta hazır ayarları senkronize etme
  17. Metin
    1. OpenType SVG fontlarıyla çalışma
    2. Karakterleri formatlama
    3. Paragrafları formatlama
    4. Yazı efektleri oluşturma
    5. Metin düzenleme
    6. Satır ve karakter aralığı
    7. Arapça ve İbranice yazım
    8. Fontlar
    9. Font sorunlarını giderme
    10. Asya dillerinde yazı
    11. Yazı oluşturma
    12. Photoshop’ta Yazı aracı kullanırken Metin Motoru hatası | Windows 8
    13. Asya Alfabeleri için World-Ready oluşturucu
    14. Photoshop’ta metin ekleme ve düzenleme
  18. Video ve animasyon
    1. Photoshop’ta video düzenleme
    2. Video ve animasyon katmanlarını düzenleme
    3. Video ve animasyona genel bakış
    4. Video ve animasyonları önizleme
    5. Video katmanlarında kareleri boyama
    6. Video dosyalarını ve görüntü sıralarını içe aktarma
    7. Kare animasyonları oluşturma
    8. Creative Cloud 3B Animasyonu (Önizleme)
    9. Zaman çizelgesi animasyonları oluşturma
    10. Video görüntüleri oluşturma
  19. Filtreler ve efektler
    1. Sıvılaştırma filtresini kullanma
    2. Bulanıklaştırma Galerisini Kullanma
    3. Temel filtre bilgileri
    4. Filtre efektleri referansı
    5. Işık Efektleri Ekleme
    6. Uyarlanabilir Geniş Açı filtresini kullanma
    7. Yağlı Boya filtresini kullanma
    8. Katman efektleri ve stiller
    9. Belirli filtreleri uygulama
    10. Görüntü alanlarını lekeleme
  20. Kaydetme ve dışa aktarma
    1. Dosyaları grafik formatlarında kaydetme
    2. Photoshop’ta dosyalarınızı kaydetme
    3. Dosya formatları
    4. Video ve animasyonları kaydetme ve dışa aktarma
    5. PDF dosyalarını kaydetme
    6. Digimarc telif hakkı koruması
  21. Yazdırma
    1. 3B nesneleri yazdırma
    2. Photoshop’tan yazdırma
    3. Renk yönetimi ile yazdırma
    4. Kontak Sayfaları ve PDF Sunumları
    5. Resim paketi mizanpajında fotoğraf yazdırma
    6. Spot renk yazdırma
    7. Çift tonlar
    8. Ticari baskı makinesine görüntüleri yazdırma
    9. Photoshop’tan renkli baskıları iyileştirme
    10. Yazdırma sorunlarını giderme | Photoshop
  22. Otomasyon
    1. Eylem oluşturma
    2. Veriye dayalı grafikler oluşturma
    3. Komut Dosyası Oluşturma
    4. Dosyaları toplu işleme
    5. Eylemleri yürütme ve yönetme
    6. Koşullu eylemler ekleme
    7. Eylemler ve Eylemler paneli hakkında
    8. Eylemlerde araçları kaydetme
    9. Bir eyleme koşullu mod değişikliği ekleme
    10. Eklentiler ve komut dosyaları için Photoshop Kullanıcı Arabirimi araç kiti
  23. 3B ve teknik görüntüleme
    1. Creative Cloud 3B Animasyonu (Önizleme)
    2. 3B nesneleri yazdırma
    3. 3B boyama
    4. 3B panel geliştirmeleri | Photoshop
    5. Temel 3B kavramları ve araçları
    6. 3B oluşturma ve kaydetme
    7. 3B nesneler ve animasyonlar oluşturma
    8. Görüntü yığınları
    9. 3B iş akışı
    10. Ölçüm
    11. DICOM dosyaları
    12. Photoshop ve MATLAB
    13. Bir görüntüdeki nesneleri sayma
    14. 3B nesneleri birleştirme ve dönüştürme
    15. 3B doku düzenleme
    16. HDR pozlama ve tonlama ayarlama
    17. 3B panel ayarları
  24. Renk Yönetimi
    1. Renk yönetimini anlama
    2. Renklerin tutarlılığını koruma
    3. Renk ayarları
    4. Renk profilleriyle çalışma
    5. Çevrimiçi görüntüleme için belgelerde renk yönetimi
    6. Yazdırırken belgelerde renk yönetimi
    7. İçe aktarılan görüntülerde renk yönetimi
    8. Renklerin provasını yapma
Not:

Photoshop CS5'te web galerileri oluşturmak için Adobe Bridge Yardımı'ndaki Web fotoğraf galerisi oluşturma bölümüne bakın. Aşağıdaki konu başlıklarında anlatılan eski, isteğe bağlı Web Fotoğraf Galerisi eklentisini kullanmak istiyorsanız, öncelikle Windows veya Mac OS için bu eklentiyi indirin ve yükleyin.

Web fotoğraf galerileri hakkında

Web fotoğraf galerisi, minik resim görüntülerinin bulunduğu bir giriş sayfasıyla tam boyutlu görüntülerin bulunduğu galeri sayfalarından oluşan bir web sitesidir. Her sayfada, ziyaretçilerin sitede gezinmesini sağlayan bağlantılar vardır. Örneğin, ziyaretçi giriş sayfasındaki bir minik resim görüntüsünü tıklattığında, bununla ilişkilendirilmiş tam boyutlu görüntü bir galeri sayfasına yüklenir. Web Photo Gallery (Web Fotoğraf Galerisi) komutunu kullanarak bir dizi görüntüden otomatik olarak bir web fotoğraf galerisi oluşturabilirsiniz.

Photoshop Web fotoğraf galerisi giriş sayfası
Web fotoğraf galerisi giriş sayfası

Photoshop galeriniz için, Web Photo Gallery (Web Fotoğraf Galerisi) komutunu kullanarak aralarından seçim yapabileceğiniz çeşitli stiller sağlar. HTML konusunda bilgi sahibi olan ileri düzey bir kullanıcıysanız, yeni stil oluşturabilir veya bir dizi HTML şablon dosyasını düzenleyerek stili özelleştirebilirsiniz.

Galeri stilleri için her şablon farklı seçeneklerle gelir. Hazır ayar stillerinden birini kullanıyorsanız, belirli bir stil için bazı seçenekler soluk veya kullanılamaz durumda olabilir.

Web fotoğraf galerisi oluşturma

Adobe Bridge kullanarak web galerileri oluşturma

Adobe Bridge güncellenmiş web galerisi özellikleri sunar. Yönergeler için Adobe Bridge Yardımı'ndaki Web fotoğraf galerisi oluşturma başlığına veya aşağıdaki eğitimlere bakın.

Eski, isteğe bağlı Photoshop eklentisini kullanma

  1. Windows veya Mac OS için eski Web Fotoğraf Galerisi eklentisini indirin ve yükleyin.

  2. (İsteğe bağlı) Adobe Bridge'de kullanmak istediğiniz dosyaları veya klasörü seçin.

    Görüntüleriniz, Bridge'de gösterildikleri sırayla sunulacaklardır. Farklı bir sıra kullanmayı tercih ediyorsanız, Bridge'de sırayı değiştirin.

  3. Aşağıdakilerden birini yapın:

    • Adobe Bridge'de, Araçlar > Photoshop > Web Photo Gallery (Web Fotoğraf Galerisi) öğesini seçin.

    • Photoshop'ta, Dosya > Automate (Otomatikleştir) > Web Photo Gallery (Web Fotoğraf Galerisi) öğesini seçin.

  4. Stiller açılır menüsünden galerinin stilini seçin. İletişim kutusunda, giriş sayfasının seçili stile ilişkin önizlemesi gösterilir.

  5. (İsteğe bağlı) Galerinin bağlantı bilgileri olarak bir e-posta adresi girin.

  6. Kullan menüsünden galerinizin kaynak dosyalarını seçin.

    Bridge'den Seçilen Görüntüler

    Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusunu açmadan önce seçtiğiniz görüntüleri kullanır.

    Klasör

    Gözat (Windows) veya Seç (Mac OS) düğmesini kullanarak klasörlerden seçtiğiniz görüntüleri kullanır. Seçili klasörün tüm alt klasörlerindeki görüntüleri dahil etmek için Tüm Alt Klasörleri Kat'ı seçin.

  7. Hedef'i tıklatın ve galerinin görüntüleriyle HTML sayfalarının saklanacağı klasörü seçin. Sonra Tamam'ı (Windows) veya Seç'i (Mac OS) tıklatın.

  8. Web galerisinin formatlama seçeneklerini belirtin. Seçenek kümelerinin her birini görüntülemek için Seçenekler menüsünden seçim yapın. Bkz. Web fotoğraf galerisi seçenekleri.

  9. Tamam'ı tıklatın. Photoshop aşağıdaki HTML ve JPEG dosyalarını hedef klasörünüze yerleştirir:

    • Galeriniz için, Uzantı seçeneklerine bağlı olarak index.htm veya index.html adlı bir giriş sayfası. Galerinizin önizlemesine bakmak için bu dosyayı herhangi bir web tarayıcısında açın.

    • Görüntüler alt klasörünün içinde JPEG görüntüleri.

    • Sayfalar alt klasörünün içinde HTML sayfaları.

    • Minik resimler alt klasörünün içinde JPEG minik resim görüntüleri.

Renklerinizin eşleştiğinden emin olma

Fotoğraflarla ProPhoto RGB veya Adobe RGB gibi geniş bir gamut rengi çalışma alanında çalışıyorsanız, görüntüler gömülü renk profillerinin okunmadığı bir tarayıcı tarafından bir web galerisinde gösterildiğinde renkleri değişebilir. Böyle bir durumda, görüntüleri en iyileştirmeden veya Web Photo Gallery (Web Fotoğraf Galerisi) eklentisine eklemeden önce görüntü profillerini sRGB'ye (birçok tarayıcının varsayılan olarak kullandığı ayar) dönüştürmeyi deneyin. Bunları sRGB'ye dönüştürmek için aşağıdaki yollardan birini kullanın. Görüntülerin bir kopyasıyla çalışmanız yararlı olabilir.

Görüntü İşlemci'yi kullanıyorsanız, dosyaları istediğiniz boyutta doğrudan JPEG formatında kaydedebilirsiniz. Bunu yaparsanız, Büyük Görüntü seçeneklerinde Görüntüleri Yeniden Boyutlandır ayarını kapattığınızdan emin olun.

Web fotoğraf galerisi seçenekleri

Genel

Dosya uzantıları, kodlama ve meta veri seçenekleri.

Uzantı

Dosya adı uzantısı olarak .htm veya .html kullanır.

URL için UTF 8 Kodlamasını Kullan

UTF-8 kodlamasını kullanır.

Görüntü Genişliği ve Yüksekliği Özelliklerini Ekle

Boyutları ayarlayarak yükleme süresini kısaltır.

Tüm Meta Verileri Koru

Meta veri bilgilerini korur.

Bant Reklam

Galerinin her sayfasında gösterilen bant reklam için metin seçenekleri. Şunların her biri için metin girin:

Site Adı

Galerinin adı.

Fotoğrafçı

Galerideki fotoğraflar için ödeme yapılacak kişinin veya kuruluşun adı.

İletişim Bilgileri

Galeri için telefon numarası veya iş adresi gibi iletişim bilgileri.

Tarih

Galerinin her sayfasında gösterilen tarih. Varsayılan olarak, Photoshop geçerli tarihi kullanır.

Font ve Font Boyutu

(Bazı site stillerinde kullanılabilir) Bant reklam metni seçenekleri.

Büyük Görüntüler

Her galeri sayfasında gösterilen ana görüntülerin seçenekleri.

Sayısal bağlantı ekle

(Bazı site stillerinde kullanılabilir) Her galeri sayfasının en üstüne yatay olarak ilerleyen bir sayısal sıra (1'le başlayıp galerideki toplam sayfası sayısıyla biten) yerleştirir. Her numara ilgili sayfanın bağlantısıdır.

Görüntüleri Yeniden Boyutlandır

Galeri sayfalarına yerleştirmek üzere kaynak görüntüleri yeniden boyutlandırır. Açılır menüden bir boyut seçin veya piksel cinsinden boyutu girin. Sınırla alanında, yeniden boyutlandırma sırasında görüntünün hangi boyutlarıyla sınırlandırılacağını seçin. JPEG Kalitesi alanında, açılır menüden bir seçenek seçin, 0 ile 12 arasında bir değer girin veya sürgüyü sürükleyin. Değer ne kadar büyük olursa, görüntü kalitesi o kadar iyi ve dosya da o kadar büyük olur.

Not:

Photoshop, tercihlerde ayarlanan varsayılan görüntü enterpolasyonu yöntemini kullanır. Görüntü boyutunu küçültürken en iyi sonuçları elde etmek için varsayılan olarak Bikübik Daha Keskin'i seçin.

Kenarlık Boyutu

Görüntünün çevresindeki kenarlığın piksel olarak genişliğini belirtir.

Kullanılan Başlıklar

(Bazı site stillerinde kullanılabilir) Her görüntünün altında resim yazısı gösterme seçeneklerini belirtir. Dosya adını görüntülemek için Dosya Adı'nı veya Dosya Bilgileri iletişim kutusundan alınan açıklama metnini görüntülemek için Açıklama, Katkıda Bulunanlar, Başlık ve Telif Hakkı'nı seçin.

Font ve Font Boyutu

(Bazı site stillerinde kullanılabilir) Resim yazısının fontunu ve boyutunu belirtin.

Minik Resimler

Minik resimlerin boyutu da dahil olmak üzere galeri giriş sayfasının seçenekleri.

Boyut

Minik resim boyutunu belirtir. Açılır menüden seçin veya her minik resmin genişliği olarak piksel cinsinden bir değer girin.

Sütunlar ve Satırlar

Giriş sayfasında minik resimlerin görüntüleneceği sütun ve satır sayısını belirtin. Bu seçenek, Yatay Çerçeve Stili veya Dikey Çerçeve Stili kullanan galerileri uygulanmaz.

Kenarlık Boyutu

Her minik resmin çevresindeki kenarlığın piksel olarak genişliğini belirtir.

Kullanılan Başlıklar

(Bazı site stillerinde kullanılabilir) Her minik resmin altında resim yazısı gösterme seçeneklerini belirtir. Dosya adını görüntülemek için Dosya Adı'nı veya Dosya Bilgileri iletişim kutusundan alınan açıklama metnini görüntülemek için Açıklama, Katkıda Bulunanlar, Başlık ve Telif Hakkı'nı seçin.

Font ve Font Boyutu

(Bazı site stillerinde kullanılabilir) Resim yazısının fontunu ve boyutunu belirtin.

Özel Renkler

Galerideki öğelerin renk seçenekleri. Öğenin rengini değiştirmek için, renk örneğini tıklatın ve Adobe Renk Seçici'den yeni bir renk seçin. Her sayfanın arka plan rengini (Arka Plan seçeneği) ve her bant reklamın arka plan rengini (Bant Reklam seçeneği) değiştirebilirsiniz.

Güvenlik

Hırsızlığa karşı caydırıcı olarak her görüntünün üzerinde metin gösterir.

İçindekiler

Görüntülenecek metni belirtir. Özelleştirilmiş metin girmek için Özel Metin'i seçin. Dosya Bilgileri iletişim kutusundan alınan metni görüntülemek için Dosya Adı, Açıklama, Katkıda Bulunanlar, Başlık veya Telif Hakkı'nı seçin.

Font, Renk ve Konum

Resim yazısının fontunu, rengini ve hizalamasını belirtin.

Döndür

Metni görüntüye belirli bir açıyla yerleştirin.

Web fotoğraf galerisi stilleri

Photoshop, web fotoğraf galeriniz için çeşitli stiller sağlar. HTML konusunda bilgi sahibi olan ileri düzey bir kullanıcıysanız, yeni stil oluşturabilir veya bir dizi HTML şablon dosyasını düzenleyerek stili özelleştirebilirsiniz.

Photoshop tarafından sağlanan web fotoğraf galerisi stilleri, aşağıdaki konumlarda tek tek klasörler olarak saklanır:

Windows

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Bu konumdaki her klasörün adı, Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusunun Stiller menüsünde birer seçenek olarak gösterilir. Her klasör, Photoshop'un galeriyi oluşturmak için kullandığı aşağıdaki HTML şablon dosyalarını içerir:

Caption.htm

Giriş sayfasında, her minik resmin altında gösterilen resim yazısının mizanpajını belirler.

FrameSet.htm

Sayfaları görüntülemek için çerçeve kümesinin mizanpajını belirler.

IndexPage.htm

Giriş sayfasının mizanpajını belirler.

SubPage.htm

Tam boyutlu görüntüleri içeren galeri sayfalarının mizanpajını belirler.

Thumbnail.htm Giriş sayfasında gösterilen minik resimlerin mizanpajını belirler.

Her şablon dosyası HTML kodunu ve belirteçlerini içerir. Belirteç, Web Photo Gallery (Web Fotoğraf Galerisi) eklentisinde ilgili seçeneği ayarladığınızda Photoshop tarafından değiştirilen metin dizesidir. Örneğin bir şablon dosyası, içindeki metin olarak bir belirteç kullanan aşağıdaki TITLE öğesini içerebilir:

<TITLE>%TITLE%</TITLE>

Photoshop bu şablon dosyasını kullanarak galeriyi oluşturduğunda, %TITLE% belirtecini Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusunda Site Adı olarak girdiğiniz metinle değiştirir.

Varolan bir stili daha iyi anlamak için, bir HTML düzenleyicisi kullanarak HTML şablon dosyalarını açıp inceleyebilirsiniz. HTML belgelerini oluştururken yalnızca standart ASCII karakterlerin kullanılması gerektiğinden, Not Defteri (Windows) veya TextEdit (Mac OS) gibi bir düz metin düzenleyicisi kullanarak bu belgeleri açabilir, düzenleyebilir ve oluşturabilirsiniz.

Web fotoğraf galerisi stillerini özelleştirme hakkında

Varolan bir web fotoğraf galerisi stilini, bir veya birden çok HTML şablon dosyasını düzenleyerek özelleştirebilirsiniz. Stili özelleştirirken, Photoshop'un galeriyi doğru bir şekilde oluşturabilmesi için şu ilkelere uymalısınız:

  • Stil klasörü şu dosyaları içermelidir: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm ve FrameSet.htm.

  • Stil klasörünü yeniden adlandırabilir ancak klasörün içindeki HTML şablon dosyalarını yeniden adlandıramazsınız.

  • Boş bir Caption.htm dosyası kullanabilir ve resim yazısının mizanpajını belirleyen HTML kodunu ve belirteçlerini Thumbnail.htm dosyasına yerleştirebilirsiniz.

  • Şablon dosyasında bir belirteci uygun metin veya HTML koduyla değiştirebilir, böylece söz konusu seçeneği Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusu yerine şablon dosyası aracılığıyla ayarlamış olursunuz. Örneğin bir şablon dosyası, değeri olarak bir belirteç kullanan aşağıdaki renk niteliğine sahip bir BODY öğesi içerebilir:

    bgcolor=%BGCOLOR%

    Sayfanın arka plan rengini kırmızı olarak ayarlamak için, %BGCOLOR% belirtecini “FF0000” değeriyle değiştirebilirsiniz.

  • Şablon dosyalarına HTML kodu ve belirteçleri ekleyebilirsiniz. Tüm belirteçler büyük harf karakterlerden oluşmalı ve yüzde (%) sembolüyle başlayıp bitmelidir.

Web fotoğraf galerisi stilini özelleştirme veya oluşturma

  1. Varolan web fotoğraf galerisi stillerinin saklandığı klasörü bulun.
  2. Aşağıdakilerden birini yapın:
    • Stili özelleştirmek için, stil klasörünün bir kopyasını oluşturun ve bunu varolan stil klasörleriyle aynı konumda saklayın.

    • Yeni stil oluşturmak için, yeni stil için yeni bir klasör oluşturun ve bunu varolan stil klasörleriyle aynı konumda saklayın.

    Yeni veya özelleştirilmiş stil (adını klasöründen alır), Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusunun Stiller menüsünde gösterilir.

  3. HTML düzenleyicisini kullanarak aşağıdakilerden birini yapın:
    • HTML şablon dosyasını özelleştirin.

    • Gerekli HTML şablon dosyalarını oluşturun ve bunları stil klasörünün içinde saklayın.

    Şablon dosyalarını oluştururken, Web fotoğraf galerisi stillerini özelleştirme hakkında başlığı altında açıklanan özelleştirme ilkelerine uyduğunuzdan emin olun.

    Not:

    Galeri stili için bir şablonu özelleştirir veya oluştururken, aşağıdaki belirteçlerden her birini HTML dosyasında ayrı bir satıra yerleştirmeniz gerekir: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% ve %PREVINDEX%. Galeri için belirli sayfaları oluştururken, Photoshop şablonun içinde söz konusu sayfalar için geçerli olmayan belirteçlerin bulunduğu satırları atlar. Örneğin, Photoshop ilk galeri sayfasını oluştururken şablonda %PREVIMAGE% belirtecini içeren tüm satırları atlar, çünkü bu belirteç önceki galeri sayfasının bağlantısını belirler. %PREVIMAGE% belirtecini ayrı bir satırda tutarak Photoshop'un şablondaki diğer belirteçleri yoksaymamasını sağlarsınız.

Web fotoğraf galerisi stil belirteçleri

Photoshop, varsayılan web fotoğraf galerisi stilini tanımlamak için HTML şablon dosyalarındaki belirteçleri kullanır. Photoshop bu belirteçleri kullanarak, kullanıcının Web Photo Gallery (Web Fotoğraf Galerisi) iletişim kutusundaki girdilerini temel alan bir galeri oluşturur.

Galeri stilini özelleştirir veya oluştururken, yalnızca IndexPage.htm dosyasında bulunabilecek %THUMBNAILS% ve %THUMBNAILSROWS% belirteçleri hariç, herhangi bir belirteci herhangi bir HTML şablon dosyasına ekleyebilirsiniz. Belirteç eklerken, belirtecin doğru kullanılması için dosyaya HTML kodunu da eklemeniz gerekebileceğini unutmayın.

HTML şablon dosyalarında aşağıdaki belirteçleri kullanabilirsiniz:

%ALINK%

Etkin bağlantıların rengini belirler.

%ALT%

Görüntü dosyasının adını belirler.

%ANCHOR%

Dizinin başı yerine kullanıcının baktığı görüntünün minik resmine dönme becerisi sağlar. Bu, kullanıcı Giriş düğmesini tıklattığında etkinleşir.

%BANNERCOLOR%

Bant reklamın rengini belirler.

%BANNERFONT%

Bant reklam metninin fontunu belirler.

%BANNERFONTSIZE%

Bant reklam metninin font boyutunu belirler.

%BGCOLOR%

Arka plan rengini belirler.

%CAPTIONFONT%

Giriş sayfasında, her minik resmin altındaki resim yazısının fontunu belirler.

%CAPTIONFONTSIZE%

Resim yazısının font boyutunu belirler.

%CAPTIONTITLE%

Dosya bilgilerinden resim yazısı için belge başlığı ekler.

%CHARSET%

Her sayfada kullanılan karakter kümesini belirler.

%CONTACTINFO%

Galeri için telefon numarası ve adres gibi iletişim bilgilerini belirler.

%CONTENT_GENRATOR%

“Adobe Photoshop CS5 Web Fotoğraf Galerisi”ne genişletilir.

%COPYRIGHT%

Dosya bilgilerinden resim yazısı için telif hakkı bilgisi ekler.

%CREDITS%

Dosya bilgilerinden resim yazısı için katkıda bulunanların bilgisini ekler.

%CURRENTINDEX%

Geçerli giriş sayfasının bağlantısını belirler.

%CURRENTINDEXANCHOR%

SubPage.htm dosyasında durur ve ilk dizin sayfasına işaret eder.

%DATE%

Bant reklamda gösterilen tarihi belirler.

%EMAIL%

Galeri için e-posta adresi iletişim bilgisini belirler.

%FILEINFO%

Resim yazısı için görüntü dosyası bilgilerini belirler.

%FILENAME%

Görüntünün dosya adını belirler. Bunu, HTML metni olarak gösterilen meta veriler için kullanın.

%FILENAME_URL%

Görüntünün URL dosya adını belirler. Bunu yalnızca URL dosya adları için kullanın.

%FIRSTPAGE%

Çerçeve kümesinin sağ çerçevesinde gösterilen ilk galeri sayfasının bağlantısını belirler.

%FRAMEINDEX%

Çerçeve kümesinin sol çerçevesinde gösterilen giriş sayfasının bağlantısını belirler.

%HEADER%

Galerinin başlığını belirler.

%IMAGEBORDER%

Galeri sayfasında tam boyutlu görüntünün kenarlık boyutunu belirler.

%IMAGE_HEIGHT%

Görüntüler İçin Genişlik Ve Yükseklik Nitelikleri Ekle onay kutusunu etkinleştirir. Bu kullanıcının nitelikleri yüklemesini sağlayarak yükleme süresini kısaltır.

%IMAGE_HEIGHT_NUMBER%

Bu belirteç görüntünün genişliğini temsil eden bir sayıyla (yalnızca) değiştirilir.

%IMAGEPAGE%

Galeri sayfasının bağlantısını belirler.

%IMAGE_SIZE%

Görüntüleri Yeniden Boyutlandır kutusu seçiliyse, bu belirteç Büyük Görüntüler panelinde kullanılan görüntü piksel değerini içerir. Kutu seçili değilse, bu belirteç boş dize içerir. Bu, oluşturulan sitenin tüm görüntülerinin maksimum yükseklik ve genişlik değerlerini gösterebildiğinden, şablonlarda JavaScript kullanımı için yararlıdır.

%IMAGESRC%

Galeri sayfasındaki tam boyutlu görüntünün URL'sini belirler.

%IMAGE_WIDTH%

Görüntüler İçin Genişlik Ve Yükseklik Nitelikleri Ekle onay kutusunu etkinleştirir. Bu kullanıcının nitelikleri yüklemesini sağlayarak yükleme süresini kısaltır.

%IMAGE_WIDTH_NUMBER%

Bu belirteç görüntünün genişliğini temsil eden bir sayıyla (yalnızca) değiştirilir.

%LINK%

Bağlantıların rengini belirler.

%NEXTIMAGE%

Bir sonraki galeri sayfasının bağlantısını belirler.

%NEXTIMAGE _CIRCULAR%

Büyük önizleme görüntüsünden bir sonraki büyük önizleme görüntüsüne bağlantıyı ayarlar.

%NEXTINDEX%

Bir sonraki giriş sayfasının bağlantısını belirler.

%NUMERICLINKS%

Tüm büyük önizleme görüntülerinde alt sayfalara numaralı bağlantılar ekler.

%PAGE%

Geçerli sayfa konumunu belirler (örneğin, sayfa 1/3).

%PHOTOGRAPHER%

Galerideki fotoğraflar için ödeme yapılacak kişinin veya kuruluşun adını belirler.

%PREVIMAGE%

Bir önceki galeri sayfasının bağlantısını belirler.

%PREVINDEX%

Bir önceki giriş sayfasının bağlantısını belirler.

%SUBPAGEHEADER%

Galerinin başlığını belirler.

%SUBPAGETITLE%

Galerinin başlığını belirler.

%TEXT%

Metin rengini belirler.

%THUMBBORDER%

Minik resim kenarlıklarının boyutunu belirler.

%THUMBNAIL_HEIGHT%

Görüntüler İçin Genişlik Ve Yükseklik Nitelikleri Ekle onay kutusunu etkinleştirir. Bu kullanıcının nitelikleri yüklemesini sağlayarak yükleme süresini kısaltır.

%THUMBNAIL_HEIGHT_NUMBER%

Bu belirteç minik resmin yüksekliğini temsil eden bir sayıyla (yalnızca) değiştirilir.

%THUMBNAILS%

Bu belirteç, çerçeve stillerinin Thumbnail.htm dosyası kullanılarak minik resimlerle değiştirilir. Bu belirteci HTML dosyasında tek başına, bölünemez bir satıra yerleştirmelisiniz.

%THUMBNAIL_SIZE%

Minik Resimler panelindeki minik resim piksel değerini içerir. Bu, oluşturulan sitenin tüm minik resimlerinin maksimum yükseklik ve genişlik değerlerini gösterebildiğinden, şablonlarda JavaScript kullanımı için yararlıdır.

%THUMBNAILSRC%

Minik resmin bağlantısını belirler.

%THUMBNAILSROWS%

Bu belirteç, çerçeve dışı stillerin Thumbnail.htm dosyası kullanılarak minik resim satırlarıyla değiştirilir. Bu belirteci HTML dosyasında tek başına, bölünemez bir satıra yerleştirmelisiniz.

%THUMBNAIL_WIDTH%

Görüntüler İçin Genişlik Ve Yükseklik Nitelikleri Ekle onay kutusunu etkinleştirir. Bu kullanıcının nitelikleri yüklemesini sağlayarak yükleme süresini kısaltır.

%THUMBNAIL_WIDTH_NUMBER%

Bu belirteç minik resmin genişliğini temsil eden bir sayıyla (yalnızca) değiştirilir.

%TITLE%

Galerinin başlığını belirler.

%VLINK%

Ziyaret edilen bağlantıların rengini belirler.

Adobe logosu

Hesabınıza giriş yapın