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

SVG

  1. دليل مستخدم Illustrator
  2. التعرف على Illustrator
    1. مقدمة عن Illustrator
      1. الجديد في Illustrator
      2. الأسئلة الشائعة
      3. متطلبات النظام لبرنامج Illustrator
      4. Illustrator لمعالجات Apple Silicon
    2. مساحة العمل
      1. أساسيات مساحة العمل
      2. تعلّم أسرع في لوحة Discover في Illustrator
      3. إنشاء المستندات
      4. شريط الأدوات
      5. اختصارات لوحة المفاتيح الافتراضية
      6. تخصيص اختصارات لوحة المفاتيح
      7. مقدمة حول اللوحات الفنية
      8. إدارة اللوحات الفنية
      9. تخصيص مساحة العمل
      10. اللوحة Properties
      11. تعيين التفضيلات
      12. مساحة العمل Touch
      13. دعم Microsoft Surface Dial في Illustrator
      14. التراجع عن عمليات التحرير وإدارة محفوظات التصميم
      15. Rotate view
      16. المساطر والشبكات والأدلة
      17. إمكانية الوصول في Illustrator
      18. الوضع الآمن
      19. عرض الأعمال الفنية
      20. استخدام Touch Bar مع Illustrator
      21. الملفات والقوالب
    3. الأدوات في Illustrator
      1. لمحة عامة عن الأدوات
      2. تحديد الأدوات
        1. Selection
        2. التحديد المباشر
        3. تحديد مجموعة
        4. Magic Wand
        5. Lasso
        6. Artboard
      3. أدوات التصفح
        1. Hand
        2. Rotate View
        3. Zoom
      4. أدوات الطلاء
        1. Gradient
        2. Mesh
        3. Shape Builder
      5. أدوات النص
        1. Type
        2. Type on a Path
        3. Vertical Type
      6. أدوات الرسم
        1. Pen
        2. Add Anchor Point
        3. Delete Anchor Point
        4. نقطة الإرساء
        5. Curvature
        6. مقطع الخط
        7. مستطيل
        8. Rounded Rectangle
        9. الشكل البيضاوي
        10. المضلع
        11. نجمة
        12. Paintbrush
        13. Blob Brush
        14. قلم رصاص
        15. Shaper
        16. Slice
      7. أدوات التعديل
        1. التدوير
        2. Reflect
        3. Scale
        4. Shear
        5. العرض
        6. Free Transform
        7. قطارة اللون
        8. Blend
        9. Eraser
        10. Scissors
    4. الإجراءات السريعة
      1. النص القديم
      2. نص توهج نيون
      3. القديم نص
      4. إعادة التلوين
      5. تحويل الرسم إلى متجه
  3. Illustrator على iPad
    1. مقدمة حول Illustrator على iPad
      1. نظرة عامة على Illustrator على iPad
      2. الأسئلة المتداولة عن Illustrator على iPad
      3. متطلبات النظام | Illustrator على iPad
      4. ما يمكن القيام به وما لا يمكن القيام به باستخدام Illustrator على iPad
    2. مساحة العمل
      1. مساحة عمل Illustrator على iPad
      2. اختصارات اللمس والإيماءات ذات الصلة
      3. اختصارات لوحة المفاتيح‬ في Illustrator على iPad
      4. إدارة إعدادات تطبيقك
    3. Documents
      1. العمل باستخدام المستندات في Illustrator على iPad
      2. استيراد مستندات Photoshop وFresco
    4. تحديد الكائنات وترتيبها
      1. إنشاء كائنات تكرار
      2. مزج‬ الكائنات
    5. الرسم
      1. رسم المسارات وتحريرها
      2. رسم الأشكال وتحريرها
    6. الكتابة
      1. العمل باستخدام الكتابة والخطوط
      2. إنشاء تصميمات نصية على طول مسار
      3. إضافة الخطوط الخاصة بك
    7. العمل باستخدام الصور
      1. توجيه الصور النقطية
    8. اللون
      1. تطبيق الألوان والتدرجات اللونية
  4. المستندات السحابية
    1. الأساسيات
      1. العمل باستخدام مستندات Illustrator السحابية
      2. المشاركة والتعاون في مستندات Illustrator السحابية
      3. مشاركة المستندات للمراجعة
      4. ترقية التخزين السحابي لبرنامج Adobe Illustrator
      5. مستندات Illustrator السحابية | الأسئلة الشائعة
    2. استكشاف الأخطاء وإصلاحها
      1. استكشاف الأخطاء المتعلقة بإنشاء مستندات Illustrator السحابية أو حفظها وإصلاحها
      2. استكشاف مشكلات مستندات Illustrator السحابية وإصلاحها
  5. إضافة المحتوى وتحريره
    1. الرسم
      1. مبادئ الرسم
      2. تحرير المسارات
      3. إنشاء عمل فني عالي الدقة
      4. الرسم باستخدام الأداة Pen أو Curvature أو Pencil
      5. رسم الخطوط والأشكال البسيطة
      6. تتبع الصور
      7. تبسيط المسار
      8. تعريف شبكات المنظور
      9. أدوات الترميز ومجموعات الرموز
      10. ضبط مقاطع المسار
      11. تصميم زهرة في 5 خطوات سهلة
      12. رسم المنظور
      13. الرموز
      14. رسم مسارات محاذاة البكسل لعمليات سير عمل الويب
    2. الكائنات ثلاثية الأبعاد والمواد
      1. حول التأثيرات ثلاثية الأبعاد في Illustrator
      2. إنشاء رسومات ثلاثية الأبعاد
      3. تعيين عمل فني على كائنات ثلاثية الأبعاد
      4. إنشاء نص ثلاثي الأبعاد
    3. اللون
      1. حول الألوان
      2. تحديد الألوان
      3. استخدام حوامل العيّنات وإنشاؤها
      4. ضبط الألوان
      5. استخدام لوحة Adobe Color Themes
      6. مجموعات الألوان (الألوان المتناسقة)
      7. لوحة Color Themes
      8. إعادة تلوين عملك الفني
    4. الطلاء
      1. حول الطلاء
      2. التلوين باستخدام التعبئات والحدود
      3. مجموعات Live Paint
      4. Gradients
      5. الفُرش
      6. صيغ الشفافية والمزج
      7. تطبيق الحد على كائن
      8. إنشاء أنماط وتحريرها
      9. الشبكات
      10. Patterns
    5. تحديد الكائنات وترتيبها
      1. تحديد الكائنات
      2. الطبقات
      3. تجميع الكائنات وتوسيعها‬
      4. نقل الكائنات ومحاذاتها وتوزيعها
      5. تكديس الكائنات    
      6. إقفال الكائنات وإخفائها وحذفها
      7. نسخ الكائنات وتكرارها
      8. تدوير الكائنات وعكسها
      9. تشابك الكائنات
    6. إعادة تشكيل الكائنات
      1. اقتصاص الصور
      2. تحويل الكائنات
      3. تجميع الكائنات
      4. قص الكائنات واقتطاعها وتقسيمها
      5. أداة Puppet Warp
      6. تحديد حجم الكائنات، وقصها، وتشويهها
      7. مزج‬ الكائنات
      8. إعادة التشكيل باستخدام المظاريف
      9. إعادة تشكيل الكائنات باستخدام التأثيرات
      10. إنشاء أشكال جديدة باستخدام أداتي Shaper وShape Builder
      11. التعامل مع Live Corners
      12. تدفقات عمل تغيير الشكل المحسنة مع دعم اللمس
      13. تحرير أقنعة القطع
      14. الأشكال المباشرة
      15. إنشاء أشكال باستخدام الأداة Shape Builder
      16. التحرير العمومي
    7. Type
      1. إضافة النص والعمل على كائنات الكتابة
      2. إنشاء قوائم ذات تعداد نقطي ورقمي
      3. إدارة منطقة النص
      4. الخطوط والطباعة
      5. تنسيق الكتابة
      6. استيراد نص وتصديره
      7. تنسيق الفقرات
      8. الحروف الخاصة
      9. إنشاء كتابة على مسار
      10. أنماط الفقرات والحروف
      11. علامات التبويب
      12. النص والكتابة
      13. البحث عن الخطوط المفقودة (سير عمل Typekit)
      14. تحديث نص من Illustrator 10
      15. الكتابة بالعربية والعبرية
      16. الخطوط | الأسئلة المتداولة وتلميحات استكشاف الأخطاء وإصلاحها
      17. إنشاء تأثير نص ثلاثي الأبعاد
      18. التصميمات الطباعية الإبداعية
      19. تغيير حجم الكتابة وتدويرها
      20. المسافات بين الأسطر والحروف
      21. الوصل وفواصل الأسطر
      22. تحسينات النصوص
      23. التدقيق الإملائي وقواميس اللغة
      24. تنسيق الحروف الآسيوية
      25. أدوات التأليف للبرامج النصية الآسيوية
      26. إنشاء التصميمات النصية باستخدام كائنات المزج
      27. إنشاء ملصق نصي باستخدام تتبع الصورة
    8. إنشاء تأثيرات خاصة
      1. استخدام التأثيرات
      2. أنماط الرسوم
      3. إنشاء ظل خلفي
      4. سمات المظهر
      5. إنشاء مخططات رسم وفسيفساء
      6. الظلال الخلفية، والتوهجات، وتدرج الحواف
      7. ملخص التأثيرات
    9. رسومات الويب
      1. أفضل الممارسات لإنشاء رسومات الويب
      2. Graphs
      3. SVG
      4. إنشاء رسوم متحركة
      5. الشرائح وخرائط الصور
  6. الاستيراد، والتصدير، والحفظ
    1. Import
      1. وضع ملفات متعددة
      2. إدارة الملفات المرتبطة والمضمنة
      3. معلومات الارتباطات
      4. إلغاء تضمين الصور
      5. استيراد عمل فني من Photoshop
      6. استيراد صور نقطية
      7. استيراد ملفات Adobe PDF
      8. إدراج ملفات EPS، وDCS، وAutoCAD
    2. Creative Cloud Libraries في Illustrator 
      1. Creative Cloud Libraries في Illustrator
    3. حفظ
      1. حفظ عمل فني
    4. تصدير
      1. استخدام عمل Illustrator الفني في Photoshop
      2. تصدير العمل الفني
      3. تجميع الأصول والتصدير في مجموعات
      4. حزم الملفات
      5. إنشاء ملفات Adobe PDF
      6. استخراج CSS‏ | Illustrator CC
      7. خيارات Adobe PDF
      8. معلومات الملف وبيانات التعريف
  7. الطباعة
    1. الإعداد للطباعة
      1. إعداد المستندات للطباعة
      2. تغيير حجم الصفحة واتجاهها
      3. تعيين علامات قطع للقص أو المحاذاة
      4. بدء العمل باستخدام لوحة فنية كبيرة
    2. الطباعة
      1. الطباعة المتراكبة
      2. الطباعة باستخدام إدارة الألوان
      3. طباعة PostScript
      4. الإعدادات المسبقة للطباعة
      5. علامات الطابعة والتسييل
      6. طباعة العمل الفني الشفاف وحفظه
      7. التراكب
      8. طباعة رقائق فصل الألوان
      9. طباعة التدرجات، والشبكات، ومزيج الألوان
      10. الطباعة المتراكبة البيضاء
  8. تشغيل المهام تلقائيًا
    1. دمج البيانات باستخدام لوحة Variables
    2. التشغيل التلقائي باستخدام البرامج النصية
    3. التشغيل التلقائي باستخدام الإجراءات
  9. استكشاف الأخطاء وإصلاحها 
    1. مشكلات الأعطال
    2. استعادة الملفات بعد التعطل
    3. مشكلات الملفات
    4. تنسيقات الملفات المعتمدة
    5. مشكلات برنامج تشغيل جهاز وحدة معالجة الرسومات‬
    6. مشكلات أجهزة Wacom
    7. مشكلات ملفات DLL
    8. مشكلات الذاكرة
    9. مشكلات ملفات التفضيلات
    10. مشكلات الخطوط
    11. مشكلات الطابعة
    12. مشاركة تقرير الأعطال مع Adobe
    13. تحسين أداء Illustrator

تعرف على كيفية العمل باستخدام XML وJavaScript لإنشاء رسومات الويب التي تتفاعل مع حركات المستخدم باستخدام مؤثرات بالغة التعقيد، على سبيل المثال، الإبراز وتلميحات الأداة والصوت والرسوم المتحركة.

حول SVG

إن تنسيق SVG هو تنسيق متجه يصف الصور كأشكال ومسارات ونص ومؤثرات عوامل التصفية. تكون الملفات الناتجة ملفات مضغوطة وتوفر رسومات ذات جودة عالية على الويب وفي الطباعة وحتى على الأجهزة الأخرى محددة المصادر مثل أجهزة الكمبيوتر اليدوي، بخلاف GIF وJPEG وWBMP وPNG والتي تكون بأحجام كبيرة. يستطيع المستخدمون تكبير نسبة العرض لصورة ذات تنسيق SVG على الشاشة بدون أن تفقد وضوحها أو تفاصيلها أو درجة صفائها. بالإضافة إلى ما سبق، يوفر لك تنسيق SVG دعمًا كاملاً للنص والألوان، مما يضمن للمستخدمين أن يروا الصور كما تبدو على اللوحة الفنية لبرنامج Illustrator.

تنسيق SVG مبني على تقنية XML ويوفر ميزات عديدة للمطورين وكذلك المستخدمين. 

يمكنك حفظ العمل الفني بتنسيق SVG باستخدام الأمر Save أو Save As أو Save A Copy أو Save For Web & Devices. للوصول إلى مجموعة كاملة من خيارات تصدير SVG، استخدم الأمر Save أو Save As أو Save A Copy. يوفر الأمر Save For Web & Devices مجموعة فرعية من خيارات تصدير SVG التي تنطبق على العمل الموجه حسب الويب..

تطبيق مؤثرات SVG

يمكنك استخدام مؤثرات SVG لإضافة خصائص رسومات، على سبيل المثال، إضافة ظلال إلى عملك الفني. تختلف مؤثرات SVG عن المؤثرات النقطية المقابلة لها في أنها مبنية على تقنية XML وغير معتمدة على الدقة. في الواقع، فإن مؤثر SVG لا يزيد عن كونه مجموعة من خصائص XML المتوالية والتي توصف العديد من العمليات الحسابية. يتم تكوين المؤثر الناتج للكائن المستهدف بدلاً من رسومات المصدر.

يوفر Illustrator مجموعة افتراضية من مؤثرات SVG. يمكنك استخدام المؤثرات محتفظًا بخصائص الافتراضية أو تحرير تعليمة XML البرمجية لإنتاج مؤثرات مخصصة أو كتابة مؤثرات SVG جديدة.

ملاحظة:

لتعديل عوامل تصفية SVG الافتراضية الخاصة بـ Illustrator، قم باستخدام محرر نصوص لتحرير عوامل تصفية Adobe SVG. svg الملف في Documents and Settings/<userdir>/Application Data/Adobe/Adobe Illustrator <version number> Settings/<location> folder. يمكنك تعديل تعريفات المرشح الموجودة وحذف تعريفات مرشح وإضافة تعريفات مرشح جديد.

  1. حدد كائنًا أو مجموعة (أو استهدف طبقة في لوحة Layers).
  2. لتطبيق تأثير، قم بأحد الإجراءات التالية

    مع الإعدادات الافتراضية

    انتقل إلى Effect > SVG Filters > Apply SVG Filter.

    مع الإعدادات المخصصة

    1. انتقل إلى Effect > SVG Filters > Apply SVG Filter.

    2. في مربع الحوار، حدد التأثير ثم حدد Edit SVG Filter   . قم بتحرير التعليمة البرمجية الافتراضية، ثم حدد OK.

    إنشاء تأثير جديد وتطبيقه

    1. انتقل إلى Effect > SVG Filters > Apply SVG Filter.

    2. في مربع الحوار، حدد التأثير ثم حدد New SVG Filter  . أدخل التعليمة البرمجية الجديدة ثم حدد OK.

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

ملاحظة:

يجب أن يكون تأثير SVG هو التأثير الأخير الذي يتم تطبيقه عندما يستخدم الكائن تأثيرات متعددة؛ بمعنى آخر، يجب أن يظهر بأسفل لوحة Appearance (أعلى من مدخل الشفافية). إذا تبعت تأثيرات أخرى تأثير SVG، فإن مخرج SVG سيتكون من كائن نقطي.

استيراد تأثيرات من ملف SVG

  1. اختر Effect > SVG Filter > Import SVG Filter.

  2. قم بتحديد ملف SVG الذي تريد استيراد المؤثرات منه، ثم حدد Open.

نظرة عامة حول لوحة SVG Interactivity

تمكنك لوحة SVG Interactivity من رؤية كل الأحداث وملفات JavaScript المرتبطة مع الملف الحالي.
يمكنك استخدام لوحة SVG Interactivity (Window > SVG Interactivity) لإضافة ميزة التفاعلية إلى عملك الفني عند تصديره للعرض في مستعرض الويب. على سبيل المثال، عن طريق إنشاء حدث يفعّل أمر JavaScript، يمكنك إنشاء حركة بسرعة على صفحة الويب عند قيام المستخدم بتنفيذ عملية معينة، مثل تحريك مؤشر الماوس أعلى كائن.

حذف حدث من لوحة SVG Interactivity

يمكنك استخدام لوحة SVG Interactivity لحذف حدث واحد أو كل الأحداث.

لحذف حدث واحد

  • حدد الحدث ثم حدد Remove Selected Entry   .

لحذف جميع الأحداث

  • حدد Clear Events من قائمة اللوحة  

عرض أو إضافة أو إزالة أحداث مرتبطة بملف

حدد Link JavaScript files   وحدد Add لإضافة ملفات JavaScript أخرى، ولإزالة إدخال JavaScript المحدد، حدد Remove.

إضافة SVG Interactivity إلى العمل الفني

  1. في لوحة SVG Interactivity حدد Event. (راجع أحداث SVG.)

  2. قم بإدخال نص JavaScript المقابل واضغط Enter.

أحداث SVG

onfocusin

لتشغيل الإجراء عندما ينتقل التركيز إلى العنصر، على سبيل المثال، عند تحديده باستخدام المؤشر.

onfocusout

لتشغيل الإجراء عند فقدان العنصر للتركيز (في الغالب عند انتقال التركيز لعنصر آخر).

onactivate

لتشغيل الإجراء عند النقر بزر الماوس أو الضغط على مفتاح، بناء على عنصر SVG.

onmousedown

لتنشيط الإجراء عندما يكون زر الماوس مضغوطًا على عنصر.

onmouseup

لتشغيل الإجراء عند تحرير زر الماوس على عنصر.

onclick

لتشغيل الإجراء عند النقر بزر الماوس على عنصر.

onmouseover

لتشغيل الإجراء عند نقل مؤشر الماوس على عنصر.

onmousemove

لتشغيل الإجراء أثناء وجود المؤشر على عنصر.

onmouseout

لتشغيل الإجراء عند تحريك مؤشر الماوس بعيدًا عن عنصر.

onkeydown

لتشغيل الإجراء عندما يكون أحد المفاتيح مضغوطًا.

onkeypress

لتشغيل الإجراء أثناء الضغط على أحد المفاتيح.

onkeyup

لتشغيل الإجراء عند تحرير أحد المفاتيح.

onload

تفعّل العملية بعد تنقيح مستند SVG بالكامل بواسطة المستعرض. استخدم هذا الحدث لتفعيل وظائف بدء التشغيل مرة واحدة فقط.

onerror

لتشغيل الإجراء عندما لا يتم تحميل عنصر بصورة صحيحة أو عند حدوث خطأ آخر.

onabort

لتشغيل الإجراء عند إيقاف تحميل الصفحة قبل إتمام تحميل العنصر.

onunload

لتشغيل الإجراء عند إزالة مستند SVG من نافذة أو إطار.

onzoom

لتشغيل الإجراء عند تغيير مستوى التكبير أو التصغير للمستند.

onresize

لتشغيل الإجراء عند تغيير حجم عرض المستند.

onscroll

لتشغيل الإجراء عند تمرير أو تحريك عرض المستند.

تلميحات لإنشاء ملفات SVG

  • استخدم الطبقات لإضافة بنية إلى ملف SVG. عند قيامك بحفظ عمل فني بتنسيق SVG، يتم تحويل كل طبقة إلى عنصر مجموعة (<g>). (على سبيل المثال، الطبقة المسماة Button1 تصبح <g id="Button1_ver3.0"> في ملف SVG.) الطبقات ذات المستويات المتعاقبة تصبح مجموعات SVG ذات مستويات متعاقبة، ويتم الاحتفاظ بالطبقات المخفية مع خاصية نمط display="none" SVG.

  • إذا كنت تريد أن تظهر الكائنات على الطبقات المختلفة شفافة، فقم بضبط درجة التعتيم لكل كائن بدلاً من كل طبقة.

  • البيانات النقطية غير قابلة لتغيير الحجم في عارض SVG ولا يمكن تحريرها كما هو الحال مع باقي عناصر SVG. يمكنك فقط تجنب إنشاء العمل الفني الذي سيتم تنقيطه في ملف SVG. استخدم مؤثرات SVG لكي تضيف مؤثرات الرسومات بدون أن يتم تنقيطها.

  • استخدم الرموز واجعل المسارات بسيطة في عملك الفني لكي تحسن من معدل أداء SVG. كذلك تجنب استخدام الفرش التي تنتج بيانات مسار كثيرة، على سبيل المثال، Charcoal، وFire Ash، وScroll Pen، إذا كان معدل الأداء هو العامل الأكثر أهمية.

  • استخدم الشرائح وخرائط الصور والنصوص التفاعلية لإضافة روابط الويب إلى ملف SVG.

  • لغة النصوص التفاعلية، على سبيل المثال JavaScript، توفر عددًا غير محدود من الوظائف التي يمكن إضافتها إلى ملف SVG. حركات مؤشر الماوس وضغطات لوحة المفاتيح من الممكن أن تفعّل وظائف النصوص التفاعلية، على سبيل المثال مؤثرات حركة المؤشر أعلى الكائن.

خيارات تصدير SVG المحسنة للويب

يتوفر خيار SVG Export (File > Export > Export As > SVG) جديد. يسمح لك سير العمل الجديد بإنشاء ملفات SVG قياسية ومحسنة على الويب لمشروعات تصميم الشاشة والويب الخاصة بك. لمزيد من المعلومات، راجع خيارات تصدير SVG.


الموارد ذات الصلة

تواصل معنا

اسأل المجتمع

إذا كانت لديك أي أسئلة ترغب في طرحها أو أي أفكار ترغب في مشاركتها، فانضم إلينا وشاركنا في منتدى Adobe Illustrator. نحن نحب أن نسمع منك.

شعار Adobe

تسجيل الدخول إلى حسابك