لقطة شاشتك على جهاز ثلاثي الأبعاد واقعي، من أي زاوية
أفلت لقطة شاشة أو تصميمًا فيظهر على شاشة جوال أو جهاز لوحي أو لابتوب أو شاشة مكتبية أو نافذة متصفح ثلاثية الأبعاد. دوّر الجهاز على المحاور X وY وZ بأشرطة التمرير أو بكتابة الزوايا أو بمفاتيح الأسهم أو بالسحب؛ واختر لون الجهاز والخلفية وظلًا ناعمًا؛ ثم صدّر صورة PNG أو JPEG أو WebP حادة حتى 8192 بكسل — بخلفية شفافة إن أردت وضعها على شريحتك أو صفحة الهبوط الخاصة بك. الأجهزة مصممة بالكود وتُعرض بتقنية WebGL في متصفحك، فلا يُرفع شيء ولا توجد علامة مائية.
كيف تصنع موك أب لجهاز
- 1أفلت لقطة شاشة على الصفحة، أو اختر ملفًا، أو الصقها بـ Ctrl/⌘ + V. وإلى أن تفعل، تظهر شاشة تطبيق تجريبية.
- 2اختر جوال أو جهاز لوحي أو لابتوب أو شاشة مكتبية أو متصفح. اختر لونًا — أو، لنافذة المتصفح، شريط أدوات فاتحًا أو داكنًا والعنوان الظاهر فيه. يمكن تدوير الجوال والجهاز اللوحي إلى الوضع الأفقي، ويُفتح غطاء اللابتوب بأي زاوية.
- 3اختر عرضًا من الشريط أعلى المعاينة — رئيسي ¾ أو أمامي أو مائل يسارًا/يمينًا أو متساوي القياس أو مسطح — ثم اضبطه بدقة في تبويب العرض، أو اسحب الجهاز في المعاينة.
- 4اضبط الخلفية (شفافة، أو لون واحد، أو تدرج، أو تمويه للقطة شاشتك نفسها)، والظل، واتجاه الضوء.
- 5اختر نسبة الأبعاد والحجم والصيغة، ثم نزّل الصورة أو انسخها إلى الحافظة.
موك أب ثلاثي الأبعاد للجوال والجهاز اللوحي واللابتوب والشاشة المكتبية والمتصفح
قوالب الموك أب المسطحة تمنحك زاوية واحدة ثابتة. أما هنا فالجهاز نموذج ثلاثي الأبعاد حقيقي، فيمكنك عرضه من الأمام مباشرة للقطة بأسلوب App Store، أو بزاوية ثلاثة أرباع لافتة لصورة رئيسية، أو مستلقيًا لمنشور على مواقع التواصل — من الصورة نفسها، في ثوانٍ.
يتميز موك أب الجوال بشاشة حديثة من الحافة إلى الحافة مع فتحة كاميرا على شكل حبة دواء، وإطار معدني مصقول، وكاميرا ثلاثية العدسات في الخلف. ويتميز موك أب الجهاز اللوحي بحواف رفيعة ومتساوية على طراز الأجهزة اللوحية الحالية من فئة iPad، أما موك أب اللابتوب ففيه لوحة مفاتيح كاملة ولوحة لمس وغطاء يُفتح من الإغلاق حتى الانبساط الكامل. هذه تصاميم عامة تشبه الأجهزة الشائعة اليوم — مفيدة حيثما يبحث الناس عن موك أب iPhone أو iPad أو MacBook — لكنها ليست صور منتجات رسمية، وهذه الأداة لا ترتبط بـ Apple ولا بأي شركة مصنّعة أخرى.
موك أب لمواقع الويب داخل نافذة متصفح
لموقع أو تطبيق ويب، اختر متصفح: تملأ لقطة شاشتك منطقة الصفحة في نافذة متصفح مكتبي أنيقة، مع أزرار النافذة وشريط عناوين يعرض النطاق الذي تكتبه. يأتي شريط الأدوات بنسختين فاتحة وداكنة لتناسب تصميمك، ويمكن للنافذة أن تطفو بأي زاوية مثل الأجهزة — أو تواجه الأمام مباشرة لموك أب موقع مسطح وواضح.
تفضّل جهازًا حقيقيًا؟ يضع خيار شاشة مكتبية الصفحة على شاشة كبيرة بحواف رفيعة فوق حامل من الألومنيوم، كما يبدو الموقع على شاشة استوديو. ومع ملء والأعلى، تعرض لقطة الصفحة الكاملة الطويلة شاشتها الأولى، تمامًا كما يراها الزائر.
عناصر التحكم
- الدوران X وY وZ
- يُميل X الجهاز نحوك أو بعيدًا عنك، ويديره Y يسارًا ويمينًا، ويدوّره Z في مستوى الصورة. يمتد كل منها من −180° إلى 180° ويقبل القيم المكتوبة. في المعاينة، اسحب للتدوير على X وY، واضغط <kbd>Shift</kbd> أثناء السحب للتدوير على Z، أو ركّز على المعاينة واستخدم مفاتيح الأسهم (<kbd>Shift</kbd> لخطوات 15°)، و<kbd>Q</kbd>/<kbd>E</kbd> لـ Z، و<kbd>R</kbd> لإعادة الضبط.
- التكبير ومجال الرؤية
- يغيّر التكبير مقدار ما يشغله الجهاز من الإطار. ويحدد مجال الرؤية المنظور: الزاوية الواسعة تبالغ في العمق مثل كاميرا جوال ممسوكة عن قرب، أما الضيقة جدًا فتبدو شبه متعامدة، مثل عرض منتج أو رسم متساوي القياس.
- ملاءمة الشاشة
- يغطي <strong>ملء</strong> الشاشة كلها ويقص الزائد — ثبّته في الأعلى لإظهار بداية لقطة صفحة كاملة طويلة. ويعرض <strong>احتواء</strong> الصورة كاملة مع أشرطة بلون تختاره، أما <strong>تمديد</strong> فيشوّهها لتطابق شكل الشاشة.
- انعكاس الزجاج
- انعكاس خفيف لإضاءة الاستوديو على زجاج الشاشة، يجعلها تبدو زجاجًا لا ملصقًا. أوقفه للحصول على ألوان شاشة مسطحة تمامًا.
- الخلفية والظل
- صدّر على خلفية شفافة، أو لون واحد، أو تدرج من لونين، أو تمويه ناعم للقطة شاشتك نفسها. يمكن أن يقع الظل على الأرضية تحت الجهاز، وهو ما يناسب لابتوب على مكتب، أو على الجدار خلفه، ما يمنح الجوال ظلًا عائمًا.
- الإضاءة
- يُضاء الجهاز ببيئة استوديو ناعمة، فيلتقط المعدن والزجاج انعكاسات واقعية. تدير زاوية الضوء الأضواء والانعكاسات حول الجهاز، وتجعل الشدة المشهد كله أفتح أو أغمق.
أحجام التصدير وصيغه
تُعرض الصورة من جديد بالحجم الذي تصدّر به — 1080 أو 2048 أو 4096 بكسل على الضلع الأطول، أو أي حجم مخصص من 256 إلى 8192 — بنسبة مربعة 1:1، أو طولية 4:5، أو عرضية 16:9، أو قصة 9:16، أو 4:3. ولأنها عرض جديد وليست معاينة مكبّرة، تبقى الحواف حادة بكل الأحجام، مهما كان حجم شاشتك.
PNG بلا فقدان ويحافظ على الشفافية، وهو الخيار الصحيح لموك أب ستضعه على موقع أو شريحة أو ملف تصميم. WebP يحافظ على الشفافية أيضًا وحجمه أصغر بكثير. JPEG لا يدعم الشفافية، لذا تُملأ الخلفية الشفافة باللون الأبيض. أما نسخ فيضع صورة PNG في الحافظة، جاهزة للصق في Figma أو Keynote أو Slack أو مستند.
نصائح لموك أب أفضل
- التقط لقطة الشاشة بدقة الجهاز الأصلية — لقطة جوال بحوالي 1179 × 2556 أو لقطة مكتبية بـ 2560 × 1600 — لتبقى الشاشة حادة حتى في موك أب بدقة 4K.
- زاوية ثلاثة الأرباع مع ضوء من جهة الدوران نفسها تبدو الأكثر طبيعية؛ والعرض الأمامي هو الأنسب لصفحات متاجر التطبيقات.
- للصورة الرئيسية في صفحة الهبوط، استخدم PNG شفافًا ودع خلفية صفحتك تظهر من خلاله.
- تحتاج إلى قص لقطة الشاشة أو تغيير حجمها أولًا؟ استخدم أداة قص الصور أو أداة تغيير حجم الصورة، وأداة صور مواقع التواصل لملاءمة الموك أب النهائي لكل منصة.
صانع موك أب مجاني يحافظ على خصوصية تصاميمك
لا ينبغي رفع شاشات التطبيقات غير المطلقة وأعمال العملاء إلى خادم شخص آخر. هنا تُقرأ لقطة شاشتك وتُرسم وتُعرض بالكامل على جهازك بتقنية WebGL، ولا تُرسل إلى أي مكان. لا حساب، ولا علامة مائية، ولا حد لعدد الموك أب التي تصنعها. تُحفظ إعداداتك — الجهاز والزاوية والخلفية وخيارات التصدير — في هذا المتصفح؛ أما الصورة فلا.
الأسئلة الشائعة
- هل صانع موك أب الأجهزة هذا مجاني؟
- نعم. كل الأجهزة والألوان والزوايا وأحجام التصدير مجانية، بلا تسجيل وبلا علامة مائية.
- هل يمكنني صنع موك أب لـ iPhone أو iPad به؟
- يمكنك صنع موك أب لجوال أو جهاز لوحي حديث يشبه الطرازات الشائعة اليوم، وهو ما يحتاجه معظم الناس لمعاينة تطبيق أو موقع. النماذج عامة ومرسومة بالكود؛ ليست صور منتجات Apple الرسمية، وهذه الأداة لا ترتبط بـ Apple.
- هل يمكنني صنع موك أب لموقع ويب أو متصفح؟
- نعم. اختر متصفح لوضع لقطة شاشة موقعك في نافذة متصفح مكتبي مع شريط عناوين — اكتب نطاقك واختر شريط أدوات فاتحًا أو داكنًا — أو اختر شاشة مكتبية لعرضه على شاشة كبيرة فوق حامل.
- كيف أحصل على موك أب بصيغة PNG شفافة؟
- اضبط الخلفية على شفافة والصيغة على PNG (أو WebP)، ثم نزّل. يبقى الظل بكسلات ناعمة شبه شفافة، فيندمج مع أي شيء تضع عليه الموك أب.
- كيف أدوّر الجهاز؟
- استخدم أشرطة التمرير X وY وZ أو اكتب زاوية دقيقة من −180° إلى 180°. يمكنك أيضًا سحب الجهاز في المعاينة — اضغط Shift لتدويره في المستوى — أو النقر على المعاينة واستخدام مفاتيح الأسهم. تنقلك الإعدادات الجاهزة إلى العروض الشائعة، ويعيد زر إعادة الضبط الزاوية الافتراضية.
- ما الدقة التي يمكنني التصدير بها؟
- 1080 أو 2048 أو 4096 بكسل على الضلع الأطول، أو حجم مخصص حتى 8192 بكسل، بنسبة 1:1 أو 4:5 أو 16:9 أو 9:16 أو 4:3. يُعرض الموك أب من جديد بذلك الحجم، فيكون حادًا لا مكبّرًا.
- لقطة شاشتي مقصوصة على الشاشة. كيف أعرضها كاملة؟
- غيّر ملاءمة الشاشة من ملء إلى احتواء، فتظهر الصورة كاملة مع أشرطة بلون تختاره. ومع ملء، تحدد أزرار المحاذاة ما إذا كان الجزء العلوي أو الأوسط أو السفلي من اللقطة الطويلة هو الذي يبقى.
- هل تُرفع لقطة شاشتي؟
- لا. يعمل المشهد ثلاثي الأبعاد في متصفحك بتقنية WebGL، ولا تغادر الصورة جهازك أبدًا.
- تظهر رسالة أن WebGL غير متاح. ماذا أفعل؟
- يحتاج العرض ثلاثي الأبعاد إلى WebGL. فعّل تسريع الأجهزة في إعدادات متصفحك، أو حدّث برامج تشغيل الرسوميات، أو جرّب متصفحًا آخر؛ فكل إصدار حديث من Chrome أو Edge أو Firefox أو Safari يدعمه.