دليل المستخدم إلغاء

إنشاء معارض صور ويب

  1. دليل مستخدم Photoshop
  2. مقدمة إلى Photoshop
    1. احلم، وحقق الحلم.
    2. ما هو الجديد في Photoshop
    3. تحرير صورك الأولى
    4. إنشاء المستندات
    5. Photoshop | الأسئلة الشائعة
    6. متطلبات النظام في Photoshop
    7. تعرف على Photoshop
  3. Photoshop ومنتجات Adobe وخدماتها الأخرى
    1. استخدِم الأعمال الفنية لبرنامج Illustrator في Photoshop
    2. استخدم ملفات Photoshop في InDesign
    3. مواد Substance 3D لبرنامج Photoshop
    4. استخدام ملحق Capture داخل التطبيق في Photoshop
  4. Photoshop على iPad (غير متوفر في البر الرئيسي للصين)
    1. Photoshop على جهاز iPad | الأسئلة الشائعة
    2. التعرف على مساحة العمل
    3. متطلبات النظام | Photoshop على جهاز iPad
    4. إنشاء المستندات وفتحها وتصديرها
    5. إضافة الصور
    6. العمل باستخدام الطبقات
    7. الرسم والطلاء بالفرش
    8. إجراء تحديدات وإضافة إخفاءات
    9. تنقيح الصور المركّبة
    10. العمل باستخدام طبقات الضبط
    11. ضبط الدرجة اللونية للصورة المركّبة من خلال Curves
    12. تطبيق عمليات التحويل
    13. اقتصاص المجموعات المركّبة وتدويرها
    14. تدوير لوحة الرسم وتحريكها وتكبيرها/تصغيرها وإعادة تعيينها
    15. استخدام طبقات Type
    16. استخدام Photoshop وLightroom
    17. الحصول على الخطوط المفقودة في Photoshop على أجهزة iPad
    18. النص الياباني في Photoshop على جهاز iPad
    19. إدارة إعدادات التطبيق
    20. اختصارات اللمس والإيماءات ذات الصلة
    21. اختصارات لوحة المفاتيح
    22. تحرير حجم صورتك
    23. البث المباشر أثناء الإنشاء في Photoshop على جهاز iPad
    24. تصحيح العيوب باستخدام Healing Brush
    25. إنشاء الفرش في Capture واستخدامها في Photoshop على جهاز iPad
    26. استخدام ملفات Camera Raw
    27. إنشاء الكائنات الذكية واستخدامها من خلال Smart Objects
    28. اضبط التعريض في صورك باستخدام أداتَي Dodge وBurn
    29. أوامر الضبط التلقائي في Photoshop على جهاز iPad
    30. تلطيخ المناطق في صورك باستخدام Photoshop على جهاز iPad
    31. تشبُّع الصور الخاصة بك أو إزالة تشبعها باستخدام أداة Sponge
    32. التعبئة مع مراعاة المحتوى لجهاز iPad
  5. Photoshop على الويب (غير متوفر في البر الرئيسي للصين)
    1. الأسئلة الشائعة
    2. متطلبات النظام
    3. اختصارات لوحة المفاتيح
    4. أنواع الملفات المدعومة
    5. مقدمة إلى مساحة العمل
    6. فتح المستندات السحابية واستخدامها
    7. مزايا الذكاء الاصطناعي التوليدي
    8. مفاهيم التحرير الأساسية
    9. الإجراءات السريعة
    10. العمل باستخدام الطبقات
    11. تنقيح الصور وإزالة العيوب
    12. إجراء عمليات تحديد سريعة
    13. تحسينات للصور باستخدام طبقات الضبط
    14. نقل الصور وتحويلها واقتصاصها
    15. الرسم والتلوين
    16. استخدام طبقات Type
    17. العمل مع أي شخص على الويب
    18. إدارة إعدادات التطبيق
    19. إنشاء صورة
    20. إنشاء خلفية
    21. صورة مرجعية
  6. Photoshop (نسخة beta) (غير متوفر في البر الرئيسي للصين)
    1. بدء استخدام تطبيقات Creative Cloud (نسخة Beta)
    2. Photoshop (نسخة beta) لسطح المكتب
    3. توليد صورة بمطالبات نصية وصفية
    4. توليد خلفية بمطالبات نصية وصفية
  7. تقنية الذكاء الاصطناعي التوليدي (غير متوفرة في البر الرئيسي للصين) 
    1. الأسئلة الشائعة حول الذكاء الاصطناعي التوليدي في Photoshop
    2. أداة Generative Fill في Photoshop على سطح المكتب
    3. Generative Expand في Photoshop على سطح المكتب
    4. أداة Generative Fill في Photoshop على جهاز iPad
    5. Generative Expand في Photoshop على جهاز iPad
    6. مزايا الذكاء الاصطناعي التوليدي في Photoshop على الويب
  8. موثوقية المحتوى (غير متوفرة في البر الرئيسي للصين)
    1. Content credentials في Photoshop
    2. الهوية ومصدر رموز NFT
    3. ربط الحسابات للحصول على ترخيص الأعمال الإبداعية
  9. المستندات السحابية (غير متوفرة في البر الرئيسي للصين)
    1. مستندات Photoshop السحابية | الأسئلة الشائعة
    2. مستندات Photoshop السحابية | أسئلة حول سير العمل
    3. إدارة مستندات السحابة واستخدامها في Photoshop
    4. ترقية التخزين على السحابة لـ Photoshop
    5. تعذر إنشاء مستند على السحابة أو حفظه
    6. حل أخطاء مستندات Photoshop على السحابة
    7. جمع سجلات مزامنة المستندات السحابية
    8. دعوة الآخرين لتحرير المستندات السحابية الخاصة بك
    9. مشاركة الملفات والتعليقات داخل التطبيق
  10. مساحة العمل
    1. أساسيات مساحة العمل
    2. Preferences
    3. تعلّم أسرع مع لوحة Discover في Photoshop
    4. إنشاء المستندات
    5. إدراج الملفات
    6. اختصارات لوحة المفاتيح الافتراضية
    7. تخصيص اختصارات لوحة المفاتيح
    8. معارض الأدوات
    9. تفضيلات الأداء
    10. استخدام الأدوات
    11. الإعدادات المسبقة
    12. الشبكة والأدلة
    13. إيماءات اللمس
    14. استخدام Touch Bar مع Photoshop
    15. إمكانيات اللمس ومساحات العمل القابلة للتخصيص
    16. المعاينات التقنية
    17. البيانات الأولية والملاحظات
    18. إمكانيات اللمس ومساحات العمل القابلة للتخصيص
    19. وضع صور Photoshop في تطبيقات أخرى
    20. المساطر
    21. إظهار الإضافات غير القابلة للطباعة أو إخفاؤها
    22. تحديد الأعمدة لصورة
    23. التراجع والمحفوظات
    24. اللوحات والقوائم
    25. تعيين موضع العناصر بواسطة الإطباق
    26. تحديد الموضع باستخدام الأداة Ruler
  11. تصميم التطبيقات ومواقع الويب والشاشات
    1. Photoshop للتصميم
    2. لوحات الأعمال الفنية
    3. ميزة Device Preview
    4. نسخ CSS من الطبقات
    5. تقسيم صفحات ويب إلى شرائح
    6. خيارات HTML للشرائح
    7. تعديل تخطيط الشريحة
    8. العمل باستخدام رسومات الويب
    9. إنشاء معارض صور ويب
  12. أساسيات الصور والألوان
    1. كيفية تغيير حجم الصور
    2. العمل مع الصور النقطية والمتجهات
    3. حجم الصورة ودقة وضوحها
    4. الحصول على صور من كاميرات وماسحات ضوئية
    5. إنشاء الصور وفتحها واستيرادها
    6. عرض الصور
    7. خطأ علامة JPEG غير صالحة | فتح الصور
    8. عرض صور متعددة
    9. تخصيص منتقيات الألوان والمربعات اللونية
    10. صور النطاق الديناميكي العالي
    11. مطابقة الألوان في صورتك
    12. التحويل بين صيغ الألوان
    13. أوضاع الألوان
    14. محو أجزاء من صورة
    15. صيغ المزج
    16. اختيار الألوان
    17. تخصيص جداول الألوان المفهرسة
    18. معلومات الصورة
    19. عوامل تصفية التشويه غير متوفر
    20. حول الألوان
    21. عمليات ضبط الصور الملونة والصور الأحادية اللون باستخدام القنوات
    22. اختيار الألوان في لوحتي Color وSwatches
    23. Sample
    24. صيغة اللون أو صيغة الصورة
    25. اللون غير الحقيقي
    26. إضافة تغيير صيغة شرطي إلى إجراء
    27. إضافة مربعات لونية من HTML CSS وSVG
    28. عمق البت والتفضيلات
  13. الطبقات
    1. أساسيات الطبقات
    2. التحرير غير المتلف
    3. إنشاء الطبقات والمجموعات وإدارتها
    4. تحديد الطبقات وتجميعها وربطها
    5. وضع الصور في إطارات
    6. عتامة الطبقة والمزج
    7. طبقات الأقنعة
    8. تطبيق Smart Filters
    9. تركيبات الطبقة
    10. نقل الطبقات وتجميعها وإقفالها
    11. تقنيع الطبقات بواسطة أقنعة المتجهات
    12. إدارة طبقات ومجموعات
    13. تأثيرات الطبقة والأنماط
    14. تحرير أقنعة الطبقة
    15. استخراج الأصول
    16. كشف الطبقات بواسطة أقنعة اقتطاع
    17. إنشاء أصول صور من طبقات
    18. استخدام الكائنات الذكية
    19. صيغ المزج
    20. دمج صور متعددة في صورة مجموعة
    21. دمج الصور بواسطة مزج الطبقات آليًا
    22. محاذاة الطبقات وتوزيعها
    23. نسخ CSS من الطبقات
    24. تحميل تحديدات من طبقة أو حدود قناع طبقة
    25. التقدم يكشف المحتوى من طبقات أخرى
  14. التحديدات
    1. بدء استخدام التحديدات
    2. إجراء تحديدات في المركّبات
    3. مساحة العمل Select and Mask
    4. التحديد باستخدام أدوات المحيطات المنقطة
    5. التحديد باستخدام أدوات lasso
    6. ضبط تحديدات وحدات بكسل
    7. تحريك وحدات بكسل محددة ونسخها وحذفها
    8. إنشاء قناع سريع مؤقت
    9. تحديد مجموعة ألوان في صورة
    10. التحويل بين المسارات وحدود التحديد
    11. أساسيات القناة
    12. حفظ التحديدات وأقنعة قناة ألفا
    13. تحديد نواحي الصورة موضع التركيز
    14. تكرار القنوات وتقسيمها ودمجها
    15. عمليات القناة الحسابية
  15. عمليات ضبط الصورة
    1. استبدال ألوان الكائنات
    2. التواء المنظور
    3. تقليل التمويه بسبب اهتزاز الكاميرا
    4. أمثلة Healing brush
    5. تصدير جداول البحث عن الألوان
    6. ضبط وضوح وتمويه الصورة
    7. فهم عمليات ضبط الألوان
    8. تطبيق ضبط Brightness/Contrast
    9. ضبط تفاصيل التظليل والإبراز
    10. ضبط Levels
    11. ضبط تدرج الألوان والتشبع
    12. ضبط حيوية الصورة
    13. ضبط تشبع اللون في مساحات الصورة
    14. إجراء عمليات ضبط سريعة للدرجات اللونية
    15. تطبيق تأثيرات لونية خاصة على الصور
    16. تحسين صورتك من خلال عمليات ضبط توازن اللون
    17. صور النطاق الديناميكي العالي
    18. عرض الرسوم البيانية وقيم البكسل
    19. مطابقة الألوان في صورتك
    20. اقتصاص الصور وتسويتها
    21. تحويل صورة ملونة إلى أبيض وأسود
    22. طبقات الضبط والتعبئة
    23. ضبط Curves
    24. صيغ المزج
    25. استهداف الصور للمطابع
    26. ضبط اللون والدرجات اللونية بواسطة Levels وCurves Eyedroppers
    27. ضبط التعريض للضوء والدرجات اللونية في HDR
    28. إنقاص كثافة مساحات الصورة أو زيادتها
    29. إجراء عمليات ضبط انتقائية للألوان
  16. Adobe Camera Raw
    1. متطلبات النظام لـ Camera Raw
    2. ما الجديد في Camera Raw
    3. مقدمة إلى Camera Raw
    4. إنشاء صور بانورامية
    5. العدسات المدعومة
    6. عوامل التصفية Vignette وGrain وDehaze في Camera Raw
    7. اختصارات لوحة المفاتيح الافتراضية
    8. تصحيح المنظور التلقائي في Camera Raw
    9. المرشح الشعاعي في Camera Raw
    10. إدارة إعدادات Camera Raw
    11. فتح الصور في Camera Raw ومعالجتها وحفظها
    12. تصحيح الصور باستخدام الأداة Enhanced Spot Removal في Camera Raw
    13. تدوير الصور واقتصاصها وتعديلها
    14. ضبط عرض اللون في Camera Raw
    15. معالجة الإصدارات في Camera Raw
    16. إجراء عمليات ضبط محلية في Camera Raw
  17. إصلاح الصور واستعادتها
    1. إزالة كائنات من صورك باستخدام Content-Aware Fill
    2. الأداتان Content-Aware Patch وContent-Aware Move
    3. تنقيح الصور وإصلاحها
    4. تصحيح تشوه الصورة والتشويش
    5. الخطوات الأساسية لاستكشاف معظم المشاكل وإصلاحها
  18. تحسين الصورة وتحويلها
    1. استبدال السماء في صورك
    2. تحويل الكائنات
    3. ضبط القص، والتدوير، وحجم قماش الرسم
    4. كيفية اقتصاص الصور وتسويتها
    5. إنشاء صور بانورامية وتحريرها
    6. إجراء التواء للصور والأشكال والمسارات
    7. ميزة Vanishing Point
    8. تغيير المقياس مع مراعاة المحتوى
    9. تحويل الصور والأشكال والمسارات
  19. الرسم والطلاء
    1. رسم أنماط متناظرة
    2. رسم مستطيلات وتعديل خيارات الخطوط المحيطة
    3. حول الرسم
    4. رسم الأشكال وتحريرها
    5. أدوات الرسم
    6. إنشاء الفرش وتعديلها
    7. صيغ المزج
    8. إضافة لون إلى المسارات
    9. تحرير المسارات
    10. الرسم باستخدام فرشاة المازج
    11. الإعدادات المسبقة للفرشاة
    12. التدرجات
    13. الاستيفاء المتدرج
    14. التعبئة وتطبيق ضربات الفرشاة على التحديدات والطبقات والمسارات
    15. الرسم باستخدام أدوات Pen
    16. إنشاء الأنماط
    17. إنشاء نقش باستخدام Pattern Maker
    18. التعامل مع المسارات
    19. إدارة مكتبات النماذج والإعدادات المسبقة
    20. الرسم أو الطلاء باستخدام جهاز لوحي للرسم
    21. إنشاء فرش المادة
    22. إضافة عناصر ديناميكية إلى الفرش
    23. Gradient
    24. رسم ضربات مميزة باستخدام Art History Brush
    25. الرسم باستخدام نمط
    26. مزامنة الإعدادات المسبقة على أجهزة متعددة
    27. ترحيل الإعدادات المسبقة والإجراءات والإعدادات
  20. النص
    1. إضافة نص وتحريره
    2. محرك Unified Text Engine
    3. العمل بخطوط OpenType SVG
    4. تنسيق الأحرف
    5. تنسيق الفقرات
    6. كيفية إنشاء تأثيرات الكتابة
    7. تحرير النص
    8. تباعد الأسطر والأحرف
    9. الكتابة العربية والعبرية
    10. الخطوط
    11. استكشاف أخطاء الخطوط وإصلاحها
    12. الكتابة الآسيوية
    13. إنشاء الكتابة
  21. المرشحات والتأثيرات
    1. استخدام Blur Gallery
    2. أساسيات المرشح
    3. مرجع تأثيرات الترشيح
    4. إضافة Lighting Effects
    5. استخدام مرشح Adaptive Wide Angle
    6. استخدام المرشح Oil Paint
    7. استخدام مرشح Liquify
    8. تأثيرات الطبقة والأنماط
    9. تطبيق مرشحات محددة
    10. تلطيخ مساحات الصورة
  22. الحفظ والتصدير
    1. حفظ ملفاتك في Photoshop
    2. تصدير الملفات في Photoshop
    3. تنسيقات الملفات المعتمدة
    4. حفظ الملفات بتنسيقات الرسومات
    5. انقل التصميمات بين Photoshop وIllustrator
    6. حفظ وتصدير الفيديو والرسوم المتحركة
    7. حفظ ملفات PDF
    8. حماية حقوق النسخ لـ Digimarc
  23. إدارة الألوان
    1. فهم إدارة الألوان
    2. إبقاء الألوان متسقة
    3. إعدادات الألوان
    4. الفرز الثنائي
    5. العمل باستخدام ملفات تعريف اللون
    6. إدارة ألوان المستندات لعرضها عبر الإنترنت
    7. إدارة ألوان مستندات عند الطباعة
    8. إدارة ألوان الصور المستوردة
    9. إجراء تجربة للألوان
  24. تصميم التطبيقات ومواقع الويب والشاشات
    1. Photoshop للتصميم
    2. لوحات الأعمال الفنية
    3. ميزة Device Preview
    4. نسخ CSS من الطبقات
    5. تقسيم صفحات ويب إلى شرائح
    6. خيارات HTML للشرائح
    7. تعديل تخطيط الشريحة
    8. العمل باستخدام رسومات الويب
    9. إنشاء معارض صور ويب
  25. الفيديو والرسوم المتحركة
    1. تحرير الفيديو في Photoshop
    2. تحرير طبقات الفيديو والرسوم المتحركة
    3. نظرة عامة على الفيديو والرسوم المتحركة
    4. معاينة الفيديو والرسوم المتحركة
    5. طلاء الإطارات في طبقات الفيديو
    6. استيراد ملفات الفيديو وتسلسلات الصور
    7. إنشاء إطارات رسوم متحركة
    8. Creative Cloud 3D Animation (Preview)‎
    9. إنشاء الرسوم المتحركة للخط الزمني
    10. إنشاء صور للفيديو
  26. الطباعة
    1. طباعة كائنات ثلاثية الأبعاد
    2. الطباعة من Photoshop
    3. طباعة باستخدام إدارة الألوان
    4. رقائق المصغرات والعروض التقديمية بتنسيق PDF
    5. طباعة صور في تخطيط حزمة الصور
    6. الطباعة بألوان التركيز
    7. طباعة صور على مطبعة تجارية
    8. تحسين المطبوعات الملونة من Photoshop
    9. استكشاف مشكلات الطباعة وإصلاحها | Photoshop
  27. التشغيل التلقائي
    1. إنشاء إجراءات
    2. إنشاء رسوم تستند إلى البيانات
    3. البرمجة النصية
    4. معالجة حزمة من الملفات
    5. تشغيل الإجراءات وإدارتها
    6. إضافة إجراءات مشروطة
    7. حول الإجراءات ولوحة Actions
    8. تسجيل الأدوات في الإجراء الذي تنفذه
    9. إضافة تغيير صيغة شرطي إلى إجراء
    10. مجموعة أدوات واجهة المستخدم في Photoshop للأدوات الإضافية والبرامج النصية
  28. استكشاف الأخطاء وإصلاحها
    1. المشاكل التي تم إصلاحها 
    2. المشاكل المعروفة
    3. تحسين الأداء في Photoshop
    4. استكشاف الأخطاء الرئيسية وإصلاحها
    5. استكشاف الأعطال أو حالات التوقف عن التشغيل وإصلاحها
    6. استكشاف أخطاء البرنامج وإصلاحها
    7. استكشاف أخطاء أقراص التسويد الممتلئة وإصلاحها
    8. استكشاف مشاكل وحدة معالجة الرسومات وبرنامج تشغيل الرسومات وحلها
    9. العثور على الأدوات المفقودة
    10. Photoshop | أسئلة شائعة حول مزايا 3D التي تم إلغاؤها
ملاحظة:

لإنشاء معارض ويب باستخدام Photoshop CS5، راجع إنشاء معرض صور ويب في تعليمات Adobe Bridge. لاستخدام المكوّن الإضافي الأقدم والاختياري من Web Photo Gallery المذكور في المواضيع أدناه، اعمد إلى تنزيله وتثبيته أولاً لـ Windows أو Mac OS.

حول معارض صور ويب

معرض صور الويب هو موقع ويب يتميز بصفحة رئيسية ذات صور مصغرة وصفحات معرض ذات صور كاملة الحجم. تحتوي كل صفحة على روابط تتيح للزائرين التنقل في الموقع. على سبيل المثال، عندما ينقر الزائر فوق مصغر صورة في الصفحة الرئيسية، يتم تحميل الصورة الكاملة الحجم المرتبطة بها في صفحة المعرض. يمكنك استخدام أمر Web Photo Gallery لإنشاء معرض صور ويب تلقائيًا من مجموعة صور.

الصفحة الرئيسية لمعرض صور الويب في Photoshop
الصفحة الرئيسية لمعرض صور الويب

يوفر Photoshop أنماطًا متنوعة لمعرضك، والتي يمكنك تحديدها باستخدام أمر Web Photo Gallery. إذا كنت مستخدمًا متقدمًا ولديه الإلمام باستخدام HTML، يمكنك إنشاء نمط جديد أو تخصيص نمط بتحرير مجموعة من قوالب ملفات HTML.

يتميز كل قالب لأنماط المعرض بخيارات مختلفة. إذا كنت تستخدم نمطًا سابق الإعداد، فقد تكون بعض الخيارات خافتة، أو غير متوفرة في ذلك النمط المعين.

إنشاء معارض ويب باستخدام Adobe Bridge

يوفر Adobe Bridge ميزات معارض ويب المحدّثة. للحصول على إرشادات، راجع إنشاء معرض صور ويب في تعليمات Adobe Bridge، أو قم بعرض البرامج التعليمية أدناه.

استخدام المكوّن الإضافي الأقدم والاختياري Photoshop

  1. اعمد إلى تنزيل المكون الإضافي الأقدم من Web Photo Gallery وتثبيته لـ Windows أو Mac OS..

  2. (اختياري) حدد الملفات أو المجلد الذي تريد استخدامه في Adobe Bridge.

    سيتم عرض صورك بالترتيب الذي تم عرضها به في Bridge. إذا كنت تفضل استخدام ترتيب مختلف، فغيّر الترتيب في Bridge.

  3. قم بأحد الأمور التالية:

    • في Adobe Bridge، اختر Tools >‏ Photoshop >‏ Web Photo Gallery.

    • في Photoshop، اختر File >‏ Automate >‏ Web Photo Gallery.

  4. اختر نمطًا للمعرض من قائمة Styles المنبثقة. تظهر معاينة للصفحة الرئيسية للنمط المختار في الشاشة.

  5. (اختياري) أدخل عنوان بريد إلكتروني كمعلومات اتصال خاصة بالمعرض.

  6. اختر ملفات المصدر لمعرضك من قائمة Use.

    Selected Images From Bridge

    يستخدم الصور التي حددتها قبل فتح مربع الحوار Web Photo Gallery.

    مجلد

    يستخدم الصور من مجلدات تحددها باستخدام الزر Browse (في Windows) أو Choose (في Mac OS). حدد Include All Subfolders لتضمين الصور في أي مجلدات فرعية للمجلد المحدد.

  7. انقر فوق Destination، ثم حدد مجلدًا لتخزين الصور وصفحات HTML للمعرض. ثم انقر فوق OK (في Windows) أو Choose (في Mac OS).

  8. حدد خيارات التنسيق لمعرض الويب. اختر من قائمة Options لعرض كل مجموعة من الخيارات. راجع خيارات معرض صور الويب.

  9. انقر فوق OK. يدرج Photoshop ملفات HTML وJPEG التالية في مجلد الوجهة:

    • صفحة رئيسية لمعرضك تسمى index.htm أو index.html، تبعًا لخيارات Extension. افتح هذا الملف في أي متصفح ويب لمعاينة معرضك.

    • صور JPEG داخل مجلد الصور الفرعي.

    • صفحات HTML داخل مجلد الصفحات الفرعي.

    • صور مصغرات JPEG داخل مجلد المصغرات الفرعي.

التأكد من تطابق الألوان

إذا كنت تعمل مع الصور في مساحة عمل بنطاق لوني واسع مثل ProPhoto RGB أو Adobe RGB، فقد تتغير ألوان الصور عند عرضها في معرض ويب بواسطة متصفح لا يقرأ ملفات تعريف اللون المضمّنة. إذا حدث ذلك، فحاول تحويل ملفات تعريف الصور إلى sRGB (والتي تستخدمها معظم المتصفحات كافتراضي) قبل تحسينها أو تضمينها في معرض صور الويب. يمكنك تحويلها إلى sRGB باستخدام إحدى الطرق التالية. يُعد استخدام نسخة من الصور فكرة جيدة.

عند استخدام Image Processor، يمكنك حفظ الملفات مباشرة بتنسيق JPEG بالحجم الذي تريده. إذا قمت بذلك، فتأكد من إيقاف تشغيل Resize Images في خيارات Large Image.

General

خيارات لملحقات أسماء الملفات والترميز والبيانات الأولية.

Extension

يستخدم html. أو htm. كملحق اسم الملف.

Use UTF 8 Encoding For URL

Uses UTF‑8 encoding.

Add Width And Height Attributes For Images

يحدد الأبعاد، ويختصر وقت التنزيل.

Preserve All Metadata

يحافظ على معلومات البيانات الأولية.

Banner

خيارات النص لإعلان البانر الذي يظهر على كل صفحة في المعرض. أدخل نصًا لكل مما يلي:

Site Name

اسم المعرض.

Photographer

اسم الشخص أو المؤسسة التي تتلقى التصديق للصور الموجودة في المعرض.

Contact Info

معلومات الاتصال الخاصة بالمعرض، مثل رقم الهاتف أو عنوان العمل.

Date

التاريخ الذي يظهر على كل صفحة من المعرض. بشكل افتراضي، يستخدم Photoshop التاريخ الحالي.

Font وFont Size

(متوفر لبعض أنماط الموقع) خيارات لنص إعلان الشعار.

Large Images

خيارات للصور الرئيسية التي تظهر على كل صفحة في المعرض.

Add numeric links

(متوفر لبعض أنماط الموقع) يضع تسلسلاً رقميًا (يبدأ بـ 1، وينتهي بالعدد الإجمالي لعدد الصفحات في المعرض) يُعرض أفقيًا في أعلى كل صفحة في المعرض. يشكّل كل رقم رابطًا إلى الصفحة المعنية.

Resize Images

يغير حجم الصور المصدر لإدراجها في صفحات المعرض. اختر حجمًا من القائمة المنسدلة أو أدخل الحجم بوحدات البكسل. في Constrain، اختر أبعاد الصورة التي تريد تقييدها أثناء تغيير الحجم. لخيار JPEG Quality، حدد خيارًا من القائمة المنبثقة، قم بإدخال قيمة بين 0 و12، أو اسحب المنزلق. كلما زادت القيمة، كانت جودة الصورة أفضل وحجم الملف أكبر.

ملاحظة:

يستخدم Photoshop طريقة إقحام الصورة الافتراضية المعينة في التفضيلات. اختر Bicubic Sharper كافتراضي للحصول على أفضل النتائج عند تغيير حجم الصورة.

Border Size

يحدد العرض، بوحدات البكسل، للحدود حول الصورة.

Titles Use

(متوفر لبعض أنماط الموقع) يحدد خيارات لعرض تعليقات تحت كل صورة. حدد Filename لعرض اسم الملف، أو حدد Description وCredits وTitle وCopyright لعرض نص وصفي مستقى من شاشة File Info.

Font وFont Size

(متوفر لبعض أنماط الموقع) يحدد حجم التعليق وخطه.

Thumbnails

خيارات لصفحة المعرض الرئيسية، بما في ذلك حجم صور المصغرة.

Size

يحدد حجم المصغر. اختر من القائمة أو قم بإدخال قيمة بوحدات البكسل لعرض كل مصغر.

Columns and Rows

حدد عدد الأعمدة والصفوف التي تعرض بها المصغرات على الصفحة الرئيسية. لا ينطبق هذا الخيار على المعارض التي تستخدم Horizontal Frame Style أو Vertical Frame Style.

Border Size

يحدد العرض، بوحدات البكسل، للحدود حول كل صورة مصغرة.

Titles Use

(متوفر لبعض أنماط الموقع) يحدد خيارات لعرض تعليقات تحت كل مصغر. حدد Filename لعرض اسم الملف، أو حدد Description وCredits وTitle وCopyright لعرض نص وصفي مستقى من شاشة File Info.

Font وFont Size

(متوفر لبعض أنماط الموقع) يحدد حجم التعليق وخطه.

Custom Colors

خيارات لألوان العناصر في المعرض. لتغيير لون عنصر، انقر فوق مربعه اللوني، ثم حدد لونًا جديدًا من Adobe Color Picker. يمكنك تغيير لون الخلفية لكل صفحة (خيار Background ) وإعلان بانر (خيار Banner).

Security

يعرض نصًا فوق كل صورة كمانع للسرقة.

Content

يحدد النص الذي يجب عرضه. حدد Custom Text لإدخال النص المخصص. حد Filename أو Description أو Credits أو Title أو Copyright لعرض النص المستقى من شاشة File Info.

Font, Color, and Position

حدد خط التعليق ولونه ومحاذاته.

Rotate

إدراج النص على الصورة بزاوية معينة.

يوفر Photoshop مجموعة من الأنماط لمعرض صور الويب. إذا كنت مستخدمًا متقدمًا ولديه الإلمام باستخدام HTML، يمكنك إنشاء نمط جديد أو تخصيص نمط بتحرير مجموعة من قوالب ملفات HTML.

يتم تخزين أنماط معرض صور الويب التي يوفرها Photoshop في مجلدات فردية في المواقع التالية:

Windows

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

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

يظهر اسم كل مجلد في هذا الموقع كخيار في قائمة Styles في شاشة Web Photo Gallery. يحتوي كل مجلد على ملفات قوالب HTML التالية، التي يستخدمها Photoshop لإنشاء المعرض:

Caption.htm

يحدد تخطيط التعليق الذي يظهر تحت كل صورة مصغرة على الصفحة الرئيسية.

FrameSet.htm

يحدد تخطيط مجموعة الإطارات لعرض الصفحات.

IndexPage.htm

يحدد تخطيط الصفحة الرئيسية.

SubPage.htm

يحدد تخطيط صفحات المعرض ذات الصور الكاملة الحجم.

Thumbnail.htm يحدد تخطيط الصور المصغرة التي تظهر على الصفحة الرئيسية.

يحتوي كل ملف قالب على شفرة HTML وعلامات مميزة. العلامة المميزة عبارة عن سلسلة نصية يتم استبدالها من قبل Photoshop عندما تقوم بتعيين خيارها المطابق في شاشة Web Photo Gallery. على سبيل المثال، قد يحتوي ملف قالب على عنصر TITLE الذي يستخدم علامة مميزة كنص مضمّن:

<TITLE>%TITLE%</TITLE>

عندما يقوم Photoshop بإنشاء المعرض باستخدام ملف القالب هذا، فإنه يستبدل العلامة المميزة %TITLE% بالنص الذي أدخلته في مربع Site Name في شاشة Web Photo Gallery.

لفهم أفضل لنمط موجود، يمكنك فتح ودراسة ملفات قالب HTML الخاص به باستخدام محرر HTML. لأن حروف ASCII القياسية فقط هي المطلوبة لإنشاء وثائق HTML، يمكنك فتح تلك الوثائق وتحريرها وإنشاؤها باستخدام محرر نص عادي مثل Notepad (في Windows) أو TextEdit (في Mac OS).

يمكنك تخصيص نمط معرض صور ويب موجود بتحرير ملف قالب HTML أو أكثر. عند تخصيص نمط ما، يجب اتباع هذه الإرشادات لتمكين Photoshop من إنشاء المعرض بشكل صحيح:

  • يجب أن يحتوي مجلد النمط على هذه الملفات: Caption.htm وIndexPage.htm وSubPage.htm وThumbnail.htm وFrameSet.htm.

  • يمكنك إعادة تسمية مجلد النمط لكن ليس ملفات قالب HTML في المجلد.

  • يمكن أن يكون لديك ملف Caption.htm فارغ، وأن تدرج شفرة HTML والعلامات المميزة التي تحدد تخطيط التعليق في ملف Thumbnail.htm.

  • يمكنك استبدال علامة مميزة في ملف قالب بالنص المناسب أو شفرة HTML المناسبة، بحيث يتم تعيين خيار عبر ملف القالب بدلاً من تعيينه عبر شاشة Web Photo Gallery. على سبيل المثال، قد يحتوي ملف قالب على عنصر BODY بسمة لون الخلفية التالية التي تستخدم علامة مميزة كقيمة لها:

    bgcolor=%BGCOLOR%

    لتعيين لون خلفية الصفحة إلى الأحمر، يمكنك استبدال العلامة المميزة %BGCOLOR% بـ "FF0000".

  • يمكنك إضافة شفرة HTML وعلامات مميزة إلى ملفات القالب. يجب أن تكون كل العلامات المميزة بالحروف الكبيرة، وتبدأ وتنتهي بالرمز (%).

  1. حدد مكان المجلد الذي يخزن أنماط معرض صور الويب الموجودة.
  2. قم بأحد الأمور التالية:
    • لتخصيص نمط، أنشئ نسخة من مجلد النمط، وخزّنها في الموقع نفسه الذي توجد فيه مجلدات النمط الموجودة.

    • لإنشاء نمط جديد، أنشئ مجلدًا جديدًا للنمط الجديد، وخزّنها في الموقع نفسه الذي توجد فيه مجلدات النمط الموجودة.

    يظهر النمط الجديد أو المخصص (يحمل اسم مجلده) في قائمة Styles في شاشة Web Photo Gallery.

  3. باستخدام محرر HTML، قم بتنفيذ أحد الإجراءات التالية:
    • خصص ملف قالب HTML.

    • أنشئ ملفات قالب HTML الضرورية وخزّنها في مجلد النمط.

    عند إنشاء ملفات القالب، تأكد من أنك تتبع إرشادات التخصيص المحددة في حول تخصيص أنماط معرض صور الويب.

    ملاحظة:

    عند تخصيص قالب لنمط المعرض أو إنشائه، يجب إدراج كل علامة من العلامات المميزة التالية على سطر منفصل في ملف HTML‏: %CURRENTINDEX% و%NEXTIMAGE% و%NEXTINDEX% و%PAGE% و%PREVIMAGE% و%PREVINDEX%. عند إنشاء صفحات معرض معينة، يتجاوز Photoshop أسطر القالب التي تحتوي على العلامات المميزة التي لا تنطبق على هذه الصور. على سبيل المثال، عندما يقوم Photoshop بإنشاء أول صفحة من المعرض، فإنه يتجاوز أي سطر في القالب يحتوي على العلامة المميزة %PREVIMAGE%، والتي تحدد الرابط إلى صفحة المعرض السابقة. عند الإبقاء على العلامة المميزة %PREVIMAGE% على سطر منفصل، فإنك تضمن عدم تجاهل Photoshop العلامات المميزة الأخرى في القالب.

يستخدم Photoshop العلامات المميزة في ملفات قالب HTML لتعريف نمط معرض صور الويب الافتراضي. ويستخدم Photoshop هذه العلامات المميزة لإنشاء معرض بالاستناد إلى إدخال المستخدم في شاشة Web Photo Gallery.

عند تخصيص نمط معرض أو إنشائه، يمكنك إضافة أي علامة مميزة إلى أي ملف قالب HTML، ماعدا %THUMBNAILS% و%THUMBNAILSROWS%، والتي يمكنها أن تظهر في ملف IndexPage.htm فقط. عند إضافة علامة مميزة، تذكر أنك قد تحتاج أيضًا إلى إضافة شفرة HTML إلى الملف بحيث يتم استخدام العلامة المميزة بشكل صحيح.

يمكنك استخدام العلامات المميزة التالية في ملفات قالب HTML:

%ALINK%

يحدد لون الارتباطات النشطة.

%ALT%

يحدد اسم ملف الصورة.

%ANCHOR%

لتوفير إمكانية الرجوع إلى مصغر الصورة التي يعرضها المستخدم، بدلاً من بداية الفهرس. يحدث ذلك عندما ينقر المستخدم فوق زر Home.

%BANNERCOLOR%

يحدد لون الشعار.

%BANNERFONT%

يحدد خط نص الشعار.

%BANNERFONTSIZE%

يحدد حجم خط نص الشعار.

%BGCOLOR%

يحدد لون الخلفية.

%CAPTIONFONT%

يحدد خط التعليق الذي يظهر تحت كل صورة مصغرة على الصفحة الرئيسية.

%CAPTIONFONTSIZE%

يحدد حجم خط التعليق.

%CAPTIONTITLE%

لإدخال عنوان الوثيقة للتعليق من معلومات الملف.

%CHARSET%

لتحديد مجموعة الأحرف المستخدمة على كل صفحة.

%CONTACTINFO%

لتحديد معلومات الاتصال الخاصة بالمعرض، مثل رقم الهاتف والموقع.

%CONTENT_GENRATOR%

للتوسع إلى "Adobe Photoshop CS5 Web Photo Gallery".

%COPYRIGHT%

لإدخال معلومات حقوق النسخ لتعليق من معلومات الملف.

%CREDITS%

لإدخال التصديق لتعليق من معلومات الملف.

%CURRENTINDEX%

لتحديد الارتباط للصفحة الرئيسية الحالية.

%CURRENTINDEXANCHOR%

تبقى هذه العلامة في SubPage.htm وتشير إلى صفحة الفهرس الأولى.

%DATE%

لتحديد التاريخ الظاهر على الشعار.

%EMAIL%

لتحديد معلومات الاتصال بواسطة عنوان البريد الإلكتروني الخاص بالمعرض.

%FILEINFO%

لتحديد معلومات ملف الصورة للتعليق.

%FILENAME%

لتحديد اسم ملف الصورة. استخدم هذه العلامة للبيانات الأولية التي تظهر كنص HTML.

%FILENAME_URL%

لتحديد اسم ملف عنوان URL لصورة. استخدم هذه العلامة المميزة لأسماء ملفات عناوين URL فقط.

%FIRSTPAGE%

لتحديد الارتباط لصفحة المعرض الأولى التي تظهر في الإطار الأيمن من مجموعة الإطارات.

%FRAMEINDEX%

لتحديد الارتباط للصفحة الرئيسية التي تظهر في الإطار الأيسر من مجموعة الإطارات.

%HEADER%

لتحديد عنوان المعرض.

%IMAGEBORDER%

لتحديد حجم الحدود للصور الكاملة الحجم على صفحة المعرض.

%IMAGE_HEIGHT%

لتمكين خانة الاختيار Add Width And Height Attributes For Images. يتيح ذلك للمستخدم تنزيل السمات، واختصار وقت التنزيل.

%IMAGE_HEIGHT_NUMBER%

يتم استبدال هذا الرمز المميز برقم (فقط) يمثل عرض الصورة.

%IMAGEPAGE%

لتحديد الارتباط لصفحة المعرض.

%IMAGE_SIZE%

إذا كان مربع Resize Images محددًا، فستحتوي هذه العلامة المميزة على قيمة بكسل الصورة المستخدمة في لوحة Large Images. إذا لم يكن هذا المربع محددًا، فستحتوي هذه العلامة المميزة على سلسلة فارغة. تُعد هذه العلامة المميزة مفيدة لـ JavaScript في القوالب، نظرًا لقدرتها على عرض قيم العرض والارتفاع القصوى لكل الصور للموقع الذي تم إنشاؤه.

%IMAGESRC%

لتحديد عنوان URL لصورة كاملة الحجم على صفحة معرض.

%IMAGE_WIDTH%

لتمكين خانة الاختيار Add Width And Height Attributes For Images. يتيح ذلك للمستخدم تنزيل السمات، واختصار وقت التنزيل.

%IMAGE_WIDTH_NUMBER%

يتم استبدال هذا الرمز المميز برقم (فقط) يمثل عرض الصورة.

%LINK%

لتحديد لون الارتباطات.

%NEXTIMAGE%

لتحديد ارتباط لصفحة المعرض التالية.

%NEXTIMAGE _CIRCULAR%

لتعيين الارتباط من صورة المعاينة الكبيرة إلى صورة المعاينة الكبيرة التالية.

%NEXTINDEX%

لتحديد الارتباط للصفحة الرئيسية التالية.

%NUMERICLINKS%

لإدخال ارتباطات مرقمة على الصفحات الفرعية لكل صور المعاينة الكبيرة.

%PAGE%

لتحديد موقع الصفحة الحالية (على سبيل المثال، صفحة 1 من 3).

%PHOTOGRAPHER%

لتحديد اسم الشخص أو المؤسسة التي تتلقى التصديق للصور الموجودة في المعرض.

%PREVIMAGE%

لتحديد الارتباط لصفحة المعرض السابقة.

%PREVINDEX%

لتحديد الارتباط للصفحة الرئيسية السابقة.

%SUBPAGEHEADER%

لتحديد عنوان المعرض.

%SUBPAGETITLE%

لتحديد عنوان المعرض.

%TEXT%

لتحديد لون النص.

%THUMBBORDER%

لتحديد حجم حدود الصور المصغرة.

%THUMBNAIL_HEIGHT%

لتمكين خانة الاختيار Add Width And Height Attributes For Images. يتيح ذلك للمستخدم تنزيل السمات، واختصار وقت التنزيل.

%THUMBNAIL_HEIGHT_NUMBER%

يتم استبدال هذا الرمز المميز برقم (فقط) يمثل ارتفاع الصورة المصغرة.

%THUMBNAILS%

يتم استبدال هذه العلامة المميزة بمصغرات باستخدام ملف Thumbnail.htm لأنماط الإطار. يجب إدراج هذه العلامة المميزة وحدها على سطر واحد متصل في ملف HTML.

%THUMBNAIL_SIZE%

تحتوي على قيمة وحدات البكسل للمصغر في لوحة Thumbnails. تُعد هذه العلامة المميزة مفيدة لـ JavaScript في القوالب، نظرًا لقدرتها على عرض قيم العرض والارتفاع القصوى لكل المصغرات للموقع الذي تم إنشاؤه.

%THUMBNAILSRC%

لتحديد الارتباط إلى الصورة المصغرة.

%THUMBNAILSROWS%

يتم استبدال هذه العلامة المميزة بصفوف من المصغرات باستخدام ملف Thumbnail.htm لأنماط بدون إطار. يجب أن تدرج هذه العلامة المميزة وحدها على سطر واحد متصل في ملف HTML.

%THUMBNAIL_WIDTH%

لتمكين خانة الاختيار Add Width And Height Attributes For Images. يتيح ذلك للمستخدم تنزيل السمات، واختصار وقت التنزيل.

%THUMBNAIL_WIDTH_NUMBER%

يتم استبدال هذا الرمز المميز برقم (فقط) يمثل عرض الصورة المصغرة.

%TITLE%

لتحديد عنوان المعرض.

%VLINK%

لتحديد لون الارتباطات التي تمت زيارتها.

 Adobe

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟

Adobe MAX 2024

Adobe MAX
مؤتمر الإبداع

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت

Adobe MAX

مؤتمر الإبداع

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت

Adobe MAX 2024

Adobe MAX
مؤتمر الإبداع

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت

Adobe MAX

مؤتمر الإبداع

في الفترة من 14 إلى 16 أكتوبر في ميامي بيتش وعبر الإنترنت