← العودة لفهرس منهج التصميم الجرافيكي
الدرس 4 من 8 ⏱ 65 دقيقة دراسة وتطبيق

إتقان أداة Photopea السحابية: بديل فوتوشوب المجاني للأجهزة المتوسطة

بتطلع من هالدرس وأنت قادر على: العمل على أداة Photopea عبر المتصفح بلا تنصيب، التعامل مع الطبقات والأقنعة (Masks)، قص الصور باحترافية، وإزالة الخلفيات.

الشرح المرئي المساعد (تطبيق عملي)

الفيديو: تعلم تصميم الجرافيك في 30 دقيقة - أداة فوتوبيا Photopea (39:51) القناة: Chobixo Tech

شاهد دورة تطبيقية شاملة لواجهة Photopea المطابقة للفوتوشوب، واستخدام الطبقات والأدوات في تصميم عملي كامل.

لماذا نتعلم هذا الدرس؟

لأنك لا تحتاج لابتوب بـ 1000 دولار ولا اشتراك أدوبي لتبدأ بيع تصاميم احترافية للعملاء

في ظروف سوريا، تشغيل برامج التصميم الثقيلة واشتراكات أدوبي المكلفة يشكل عائقاً كبيراً لكثير من الشباب. الحل المنقذ والمثبت عالمياً هو موقع Photopea (photopea.com)؛ أداة سحابية مجانية تعمل داخل متصفح Chrome على أي لابتوب قديم حتى بذاكرة 4GB.

واجهة Photopea مطابقة لواجهة Adobe Photoshop بنسبة 95%: تفتح وتصدر ملفات PSD مفتوحة المصدر، تدعم الطبقات، الأقنعة (Layer Masks)، أدوات التحديد، والفلاتر. العميل لا يعلم ولا يهتم بالبرنامج الذي صممت به، ما يهمه فقط هو جودة الملف النهائي المسلّم.

في هذا الدرس سنتعلم أساسيات Photopea، التحكم الكامل بالطبقات، أدوات القص والتفريغ الذكية، وحفظ المشروعات دون فقدان البيانات أثناء انقطاع الكهرباء.

خطوات التطبيق على الشاشة (Step-by-Step)

اتبع هذه الخطوات الثمانية بحذافيرها على جهازك لتتقن المهمة عملياً:

1

افتح المتصفح واذهب إلى موقع Photopea.com، واضغط على 'New Project' لإنشاء مساحة عمل جديدة.

ماذا ترى: نافذة مشروع جديد تتيح تحديد الأبعاد بالبكسل ودقة العرض (DPI) ولون الخلفية.
الإجراء العملي: لمنشورات إنستغرام وفيسبوك المربعة المعتمدة، اكتب: العرض 1080 والارتفاع 1080 بكسل، والدقة 72 DPI.
2

تعرف على أقسام الواجهة: شريط الأدوات على اليسار، شريط الخصائص في الأعلى، ولوحة الطبقات (Layers) على اليمين.

ماذا ترى: تطابق شبه تام مع واجهة فوتوشوب الأصلية يتيح لك تطبيق أي درس فوتوشوب تشاهده على يوتيوب مباشرة.
الإجراء العملي: احفظ اختصارات لوحة المفاتيح الأساسية (V للتحريك، T للكتابة، M للتحديد، B للفرشاة).
3

تدرّب على مفهوم الطبقات (Layers): أنشئ طبقة خلفية، طبقة لصورة المنتج، وطبقة للنصوص.

ماذا ترى: الطبقات كصفائح شفافة فوق بعضها؛ ما في الأعلى يحجب ما في الأسفل.
الإجراء العملي: حافظ دائماً على تسمية الطبقات وترتيبها في مجلدات لتجنب الفوضى عند زيادة العناصر.
4

تدرّب على قص وتفريغ خلفية صورة منتج: استخدم أداة Magic Wand أو أداة Pen Tool للتحديد الدقيق.

ماذا ترى: خط التحديد المحيط بالمنتج يتيح عزله عن خلفيته الأصلية بنقرة واحدة.
الإجراء العملي: استخدم أداة تفريغ الخلفية التلقائية السريعة عبر (Select -> Remove BG) للحصول على نتيجة فورية.
5

تدرّب على قناع الطبقة (Layer Mask): إخفاء أجزاء من الصورة دون حذفها نهائياً.

ماذا ترى: اللون الأسود في القناع يخفي، واللون الأبيض يظهر.
الإجراء العملي: استخدام الأقنعة يسمى 'تعديل غير هدام' (Non-destructive Editing) يمكنك من استرجاع أي جزء تم حذفه في أي وقت.
6

تدرّب على إضافة الظلال الواقعية تحت المنتج (Drop Shadow & Contact Shadow).

ماذا ترى: أنشئ طبقة جديدة تحت المنتج وارسم فرشاة ناعمة سوداء مع خفض الشفافية (Opacity).
الإجراء العملي: الظل هو ما يجعل المنتج يبدو راسخاً على الأرضية وليس طافياً في الهواء كأنه مركب عشوائياً.
7

تدرّب على ميزة الحفظ المستمر أثناء العمل تجنباً لانقطاع الكهرباء: اضغط (Ctrl + S) أو (File -> Save as PSD).

ماذا ترى: يحفظ فوتوبيا ملف العمل بالكامل مع طبقاته على قرصك الصلب بصيغة .psd فوراً.
الإجراء العملي: إذا انقطعت الكهرباء فجأة، تعيد فتح الملف بضغطة زر وتستأنف عملك دون فقدان دقيقة واحدة.
8

صدّر التصميم النهائي للعميل: اضغط (File -> Export As -> JPG أو PNG).

ماذا ترى: اختر صيغة PNG للمنتجات ذات الخلفية الشفافة وصيغة JPG للمنشورات الكاملة بجودة 100%.
الإجراء العملي: الملف جاهز الآن للنشر المباشر بأعلى دقة متوافقة مع السوشيال ميديا.
تمرين عملي

مهمتك العملية لهذا الدرس

قم بإنشاء مساحة عمل مربعة (1080x1080) في Photopea، فرّغ صورة منتج (عطر أو حذاء) من خلفيتها، ضعها فوق خلفية متناسقة، أضف ظلاً واقعياً تحتها، واكتب اسماً وسعراً بخط عربي متناسق، وصدّر الملف كصورة PNG واحفظ ملف PSD.

معايير النجاح للتمرين:

  • ✓ تفريغ دقيق لحواف المنتج دون وجود زوائد لونية مشوهة.
  • ✓ إضافة ظل واقعي يمنح المنتج بعداً ثلاثياً وعمقاً بصرياً.
  • ✓ تنظيم الطبقات وتسميتها وحفظ الملف الأصلي بصيغة PSD قابلة للتعديل.

اختبر فهمك (Quiz)

فكر في الإجابة بنفسك أولاً قبل الضغط لعرض الإجابة النموذجية:

س1: ما هي الميزة الكبرى لاستخدام أداة قناع الطبقة (Layer Mask) بدلاً من أداة الممحاة العادية؟

إظهار الإجابة النموذجية والشرح

قناع الطبقة تعديل غير هدام؛ فهو يخفي البكسلات باللون الأسود دون حذفها نهائياً، مما يتيح لك استعادة أي جزء بمسحه باللون الأبيض في أي وقت لاحق.

س2: لماذا يُعد برنامج Photopea خياراً استراتيجياً للمصممين المبتدئين في سوريا؟

إظهار الإجابة النموذجية والشرح

لأنه يعمل سحابياً بالكامل داخل المتصفح دون الحاجة لتنصيب أو مواصفات جهاز قوية، ومجاني 100%، ويفتح ويحفظ ملفات الفوتوشوب PSD الأصلية بكفاءة تامة.

س3: ما هي الأبعاد القياسية والدقة (DPI) الموصى بها لتصميم منشورات السوشيال ميديا المربعة؟

إظهار الإجابة النموذجية والشرح

الأبعاد هي 1080 × 1080 بكسل، وبدقة عرض 72 DPI (بكسل لكل بوصة) وهي الدقة القياسية للشاشات الرقمية.

ملخص الدرس السريع (Study Notes)

  • قوة Photopea: معجزة التصميم السحابي وبديل فوتوشوب الأقوى للأجهزة المتواضعة.
  • مفهوم الطبقات: تنظيم العناصر في طبقات ومجموعات مسمى يسهل التحكم والتعديل.
  • الأقنعة Layer Masks: القاعدة الذهبية للتعديل غير الهدام لحماية الصور الأصلية.
  • الظلال الواقعية: لمسة سرية تحول المنتج من تركيب بدائي إلى مشهد ثلاثي الأبعاد ملموس.
  • الحفظ كـ PSD: الاحتفاظ بالملف المفتوح لمواجهة أي انقطاع كهربائي وتسهيل التعديل.
  • التصدير الذكي: اختيار PNG للشفافيات وJPG للجودة العالية بحجم ملف مضغوط.
  • الاختصارات: حفظ اختصارات لوحة المفاتيح يضاعف سرعة إنجازك للتصاميم.
  • مخرج الدرس: تمكن كامل من بيئة العمل السحابية الجاهزة لتنفيذ طلبات التصميم الحقيقية.