پلتفرم موکاپ حرفه‌ای

موکاپ‌های پریمیوم
برای برندهای خلاق

بیش از ۲۴۰ موکاپ حرفه‌ای آماده دانلود. پرداخت فوری با Bitcoin، Ethereum و USDT.

پرداخت امن با کریپتو ·
BTC ETH USDT
iPhone 15 Pro Clay
MacBook Pro Workspace
کارت ویزیت مینیمال
Gift Box Premium
Coffee Cup Branding
بیش از ۲۴۰ موکاپ
BTC · ETH · USDT
۱۲k+ طراح
لایسنس تجاری

نتایج جستجو

پلن‌های اشتراک

برای همه طراحان — از مستقل تا تیم

پرداخت با Bitcoin · Ethereum · USDT — پردازش توسط NowPayments

پلن‌های اشتراک به‌زودی فعال می‌شوند

در حال حاضر می‌توانید موکاپ‌ها را به‌صورت تکی از گالری خریداری کنید. پلن‌های اشتراک ماهانه به‌زودی اضافه خواهند شد.

رایگان
Free Brew
$0/ماه
  • ۲۰ موکاپ رایگان
  • کیفیت استاندارد
  • استفاده شخصی
پرفروش‌ترین
Pro Espresso
$12/ماه
  • ۲۴۰+ موکاپ
  • فایل PSD کیفیت 4K
  • لایسنس تجاری
  • آپدیت ماهانه
تیمی
Roastery
$29/ماه
  • ۵ صندلی تیمی
  • همه امکانات Pro
  • موکاپ سفارشی
  • دسترسی API
پرداخت کریپتو
پردازش ایمن توسط NowPayments
پلن Pro Espresso$12.00
مدت۱ ماه
جمع کل$12.00
انتخاب رمزارز
Bitcoin
Ethereum
USDT
پرداخت رمزنگاری‌شده و امن

آموزش کار با موکاپ

مقدماتی

موکاپ چیست؟

آشنایی کامل با مفهوم موکاپ و کاربردهای آن در طراحی گرافیک و UI/UX

۱۵ دقیقهویدیو
مقدماتی

Smart Object در فتوشاپ

یاد بگیر چطور طرحت را در یک حرکت روی موکاپ قرار بدی

۲۰ دقیقهمقاله
متوسط

نورپردازی واقع‌گرا

تنظیم سایه و نور برای اینکه موکاپت کاملاً واقعی به نظر برسد

۳۵ دقیقهویدیو
پیشرفته

موکاپ در Figma

ساخت و استفاده از موکاپ مستقیم در فیگما بدون نیاز به فتوشاپ

۴۰ دقیقهویدیو
پیشرفته

اکشن فتوشاپ

اتوماسیون درج طرح روی صدها موکاپ با Photoshop Actions

۶۰ دقیقهویدیو
پیشرفته

موکاپ برای برندینگ

ساخت پرزنتیشن برند کامل با ست موکاپ‌های هماهنگ

۵۰ دقیقهمقاله

راهنمای سریع: ۵ قدم تا موکاپ حرفه‌ای

۱
موکاپ مناسب انتخاب کن

از گالری کافه موکاپ، فایل PSD مناسب پروژه‌ات رو دانلود کن.

۲
فایل را در فتوشاپ باز کن

فایل PSD رو باز کن و لایه Smart Object رو پیدا کن.

۳
طرحت رو جایگذاری کن

روی Smart Object دابل‌کلیک کن، طرحت رو paste کن، ذخیره کن.

۴
نور و سایه رو تنظیم کن

لایه‌های Shadows و Highlights رو با opacity تنظیم کن.

۵
Export نهایی

با File > Export > Export As خروجی PNG یا JPG بگیر.

درباره کافه موکاپ

کافه موکاپ یک پلتفرم تخصصی برای طراحان گرافیک، UI/UX و برندینگ است.

«مثل یه فنجان قهوه — هر موکاپ باید ایده شما را زنده کند.»

پرداخت کریپتو امکان دسترسی بدون مرز جغرافیایی را فراهم می‌کند.

Emailhello@cafemockup.com
Telegram@CafeMockup
Twitter / X@CafeMockup
مکاناینترنت — همه‌جا
/* ── REVEAL ON SCROLL (Intersection Observer) ── */ function setupReveal() { const revealEls = document.querySelectorAll('.reveal, .reveal-scale'); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); revealEls.forEach(el => observer.observe(el)); } /* trigger hero reveals immediately on load */ function triggerHeroReveal() { const heroEls = document.querySelectorAll('.home-hero .reveal, .home-hero .reveal-scale'); // small timeout to let browser paint first setTimeout(() => { heroEls.forEach(el => el.classList.add('visible')); }, 80); } /* re-apply reveal classes when switching pages */ const _origGoPage = goPage; function goPage(id, btn) { _origGoPage(id, btn); setTimeout(() => { const pageEl = document.getElementById('pg-' + id); if (!pageEl) return; pageEl.querySelectorAll('.reveal, .reveal-scale').forEach(el => { el.classList.remove('visible'); }); if (id === 'home') { triggerHeroReveal(); } setTimeout(() => { pageEl.querySelectorAll('.reveal, .reveal-scale').forEach(el => { el.classList.add('visible'); }); }, 60); }, 30); } /* add reveal classes to cards dynamically */ function addRevealToCards() { document.querySelectorAll('.m-card').forEach(el => { el.classList.add('reveal-scale'); }); document.querySelectorAll('.t-card').forEach(el => { el.classList.add('reveal-scale'); }); document.querySelectorAll('.plan').forEach(el => { el.classList.add('reveal-scale'); }); document.querySelectorAll('.step').forEach(el => { el.classList.add('reveal'); }); setupReveal(); } // Init on load window.addEventListener('load', () => { triggerHeroReveal(); addRevealToCards(); setupReveal(); initFromUrl(); }); // Also run after renderMockups const _origRenderMockups = renderMockups; function renderMockups(items, containerId) { _origRenderMockups(items, containerId); setTimeout(() => { document.querySelectorAll('#' + containerId + ' .m-card').forEach(el => { el.classList.add('reveal-scale'); }); setupReveal(); // immediately visible if on screen setTimeout(() => { document.querySelectorAll('#' + containerId + ' .m-card').forEach(el => { el.classList.add('visible'); }); }, 50); }, 20); }