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

استخدام الموك أب (Mockups) وتجهيز الملفات للتصدير والطباعة

بتطلع من هالدرس وأنت قادر على: استخدام قوالب الموك أب ثلاثية الأبعاد لعرض أعمالك بواقعية، تجهيز تصاميم المطبوعات مع هوامش الأمان، واختيار صيغ التصدير المناسبة للمطابع والشاشات.

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

الفيديو: 22 - شرح الموك اب :: اعرض تصميماتك باحترافيه ( مرفق التحميلات ) - What is Mockup (8:23) القناة: Amr Atallah - عمرو عطاالله

شاهد كيفية فتح ملفات الموك أب واستبدال العناصر بالطبقات الذكية (Smart Objects) وتجهيز الصور المعروضة للبورتفوليو.

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

لأن العميل العادي لا يملك خيالاً واسعاً، والموك أب هو الذي يحول التصميم المسطح إلى منتج حقيقي يلمسه بيده

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

العرض الاحترافي (Presentation) يمثل 50% من نجاح المصمم. بالإضافة لذلك، عندما يطلب العميل تصميماً للطباعة (كرت شخصي، بروشور، رول أب)، فإن ارتكاب خطأ في هوامش القص (Bleed) أو نظام الألوان قد يتسبب في كارثة تلف مطبوعات بآلاف الليرات.

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

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

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

1

تعرف على مفهوم الموك أب (Mockup): قالب فوتوشوب ثلاثي الأبعاد جاهز مسبقاً يمثل منتجاً حقيقياً في بيئة واقعية (شاشة هاتف، كرت عمل، كوب قهوة، لوحة إعلانية).

ماذا ترى: قالب مجسم يحوي إضاءات وظلالاً وانعكاسات واقعية مبنية مسبقاً.
الإجراء العملي: يحول التصميم المسطح إلى منتج مصور كأنه خرج من جلسة تصوير احترافية.
2

قم بتحميل موك أب مجاني بصيغة PSD من مواقع موثوقة مثل Freepik أو MockupWorld أو YellowImages.

ماذا ترى: ابحث باستخدام: 'Business Card Mockup' أو 'Coffee Cup Mockup'.
الإجراء العملي: تأكد من ترخيص الاستخدام المجاني، وتجنب الملفات ضخمة الحجم لتسريع التحميل.
3

افتح ملف الموك أب داخل Photopea وتصفح لوحة الطبقات للبحث عن الطبقة الذكية المسماة 'Your Design Here' أو التي تحمل أيقونة المستند الصغير.

ماذا ترى: هذه الطبقة تسمى الكائن الذكي (Smart Object) وهي الحاوية التي ستستقبل تصميمك.
الإجراء العملي: انقر نقراً مزدوجاً (Double Click) على مصغرة الطبقة الذكية.
4

تفتح الطبقة الذكية في نافذة مستقلة جديدة: احذف التصميم التجريبي وضع شعارك أو تصميمك المفرغ في المنتصف.

ماذا ترى: عدل الحجم ليناسب إطار العمل تماماً مع مراعاة الهوامش.
الإجراء العملي: احفظ التعديل داخل النافذة بالضغط على (Ctrl + S) أو (File -> Save Smart Object).
5

عُد للنافذة الرئيسية للموك أب ولاحظ المعجزة البصرية: تصميمك رُكّب تلقائياً على المجسم مع كل الانحناءات والإضاءات والظلال ثلاثية الأبعاد!

ماذا ترى: شاشة مذهلة تظهر تصميمك كمنتج حقيقي مطبوع يوضع في البورتفوليو أو يُرسل للعميل.
الإجراء العملي: هذه الخطوة ترفع تقييم العميل لعملك من 50% إلى 100% فوراً.
6

تعلم قواعد تصميم المطبوعات: نظام الألوان CMYK ودقة 300 DPI وهامش القص (Bleed).

ماذا ترى: في الطباعة يجب أن تكون الدقة 300 بكسل لكل بوصة لتخرج الحروف حادة دون أي غباش.
الإجراء العملي: أضف هامش قص 3 مم من كل جهة حتى لا تقص سكاكين المطبعة نصوصك الهامة.
7

تدرّب على هوامش الأمان (Safe Zones): لا تضع نصوصاً أو شعارات قريبة جداً من حافة الورقة.

ماذا ترى: اترك مسافة 5 مم على الأقل بين النصوص وحافة الكرت أو البروشور.
الإجراء العملي: الالتزام بهوامش الأمان يضمن خروج المطبوعات سليمة وخالية من عيوب القص البشري.
8

صدّر ملف الطباعة النهائي للعميل بصيغة PDF عالية الجودة (PDF Print) أو TIFF مع دمج الطبقات.

ماذا ترى: صيغة PDF تحافظ على خطوطك وصورك بنقاء الطباعة الأصلي وتفتح في أي مطبعة بالعالم.
الإجراء العملي: أرسل للعميل صورتين: صورة الموك أب للمعاينة البصرية، وملف الـ PDF الجاهز للمطبعة.
تمرين عملي

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

حمّل قالب موك أب مجاني لكرت عمل أو علبة منتج، وافتحه في Photopea وضع عليه تصميم الهوية الذي أنجزته، وتأكد من تطبيق الظلال وضبط الأبعاد، وصدّر صورة الموك أب الواقعية بدقة عالية، مع إعداد ملف تجريبي جاهز للمطبعة بدقة 300 DPI ونظام CMYK.

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

  • ✓ استبدال التصميم داخل الكائن الذكي (Smart Object) وحفظه بنجاح.
  • ✓ ظهور الشعار أو الهوية بشكل واقعي متسق مع إضاءة وزوايا الموك أب.
  • ✓ تجهيز ملف المطبوعات التجريبي بهوامش أمان ودقة 300 DPI صحيحة.

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

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

س1: ما هي وظيفة الكائن الذكي (Smart Object) في ملفات الموك أب (Mockups)؟

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

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

س2: لماذا يجب أن تكون دقة تصاميم المطبوعات 300 DPI بينما تكفي 72 DPI للشاشات الرقمية؟

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

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

س3: ما هو 'هامش القص' (Bleed) ولماذا يطلبه عمال المطابع في ملفات التصميم؟

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

هو مساحة إضافية صغيرة (عادة 3 مم) تمدد فيها ألوان الخلفية خارج أبعاد التصميم النهائية، لضمان عدم ظهور هوامش بيضاء غير مقصودة عند قص الورق بالمقصات الآلية.

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

  • سحر الموك أب: أداة الإقناع الأقوى لتحويل الأفكار المجردة إلى منتجات واقعية ملموسة.
  • مواقع التحميل المجانية: كنز من قوالب المنتجات واللافتات والعلب والقرطاسية.
  • الكائنات الذكية Smart Objects: سر التعديل السريع وتركيب الشعارات بنقرة زر واحدة.
  • معايير الطباعة: التحول الإلزامي لنظام CMYK ودقة 300 DPI لتفادي بهتان الألوان.
  • هوامش القص Bleed: حزام الأمان الإلزامي لحماية أطراف التصاميم المطبوعة.
  • منطقة الأمان Safe Area: إبقاء النصوص في مركز الورقة بعيداً عن أخطار مقص المطبعة.
  • تصدير PDF للطباعة: الصيغة المعيارية المعتمدة لدى جميع دور النشر والمطابع عالمياً.
  • مخرج الدرس: عروض أعمال مبهرة بموك آب واقعية وملفات طباعة مطابقة للمواصفات الفنية.