التعليم: إنشاء وظيفة تحفيزية متحركة

تعلم أن تخلق مقتطفاً محفزاً من أجل قصص الإنستغرام باستخدام تقديرات الحرف.

عشر دقائق صعوبة:

ما ستصنعه

اقتباس تحفيزي مذهل بثلاثة عبارات، يستخدم كل منها أساليب مختلفة لربط الرسائل، ويكشف عن محاكاة.

سوف تتعلم

• أساليب التصادم الجلدية - بلاط نيون، قطع المجلات، آثار قطع الورق
• محاكاة مبالغ فيها - رسائل تظهر واحدة تلو الأخرى
• مولدات أرضية - خلفية متحركة لحرق الشمس
• محاكاة الحاسوب - التحولات الباردة والآثار البشعة

الخطوة 1: إنشاء قناة

1. Open PinePaper Editor
2. اضغطي على مقاس الـ ** **
3. S Select Instagram Story (10801920)

الخطوة 2: إضافة معلومات أساسية متحركة

1. انقروا السيناريوهات**
2. وضع مذكرة معلومات أساسية للمرشحين**
3. Sunburst**
4. ثقي بالألوان
   • Color 1: #FF6B6B (coral red)
   • Color 2: #4ECDC4 (teal)
   • Color 3: #FFE66D (yellow)
5. المجموعة العدد: 16
6. Enable Animate and set Speed: 0.5
7. Click Generate

الخطوة 3: إنشاء رسالة “DREAM BIG”

1. اضغط على زر التصادم** أداة (أو صحافة L)
2. النوع: DREAM BIG
3. الثقة بالأسلوب:
   • الإطار: **
   • Palette: Neon
   • Font Size: 72
   • Corner Radius: 8
   • Enable Shadow
4. الموقع في المنطقة الوسطى (x: 540 y: 750)

الرمز المعادل:

const dreamBig = app.letterCollage.create('DREAM BIG', {
  style: 'tile',
  palette: 'neon',
  x: 540,
  y: 750,
  fontSize: 72,
  cornerRadius: 8,
  shadowEnabled: true
});

الخطوة الرابعة: أضف المزج إلى “درام بيغ”

1. مع اختيار المجموعة، فتح الفريق المعني بالأيتام******
2. Click Add Staggered Animation
3. الثقة:
   • Effect: Pop In
   • Stagger Delay: 0.08s
   • المدة: 0.5
   • Sequence: Linear (left to right)
   • Easing: easeOut

الرمز المعادل:

app.letterCollage.applyStaggeredAnimation(dreamBig.collageId, {
  effect: 'popIn',
  staggerDelay: 0.08,
  duration: 0.5,
  sequence: 'linear',
  easing: 'easeOut'
});

الخطوة 5: إنشاء رسالة “WORK HARD”

1. Create another Letter Collage with:

   • النص: WORK HARD
   • Style: Magazine (ransom note look)
   • Palette: Magazine
   • Font Size: 60
   • المنصب: (540، 920)

2. مضافا إليها تحفيز شديد:

   • Effect: Fade Slide Up
   • Stagger Delay: 0.1s
   • Sequence: Wave (flowing reveal)

الرمز المعادل:

const workHard = app.letterCollage.create('WORK HARD', {
  style: 'magazine',
  palette: 'magazine',
  x: 540,
  y: 920,
  fontSize: 60
});

app.letterCollage.applyStaggeredAnimation(workHard.collageId, {
  effect: 'fadeSlideUp',
  staggerDelay: 0.1,
  duration: 0.6,
  sequence: 'wave',
  easing: 'easeOut'
});

الخطوة 6: إنشاء رسالة “ستيه هومبل”

1. إنشاء الرسالة الثالثة:

   • النص: عيد الفصح
   • Style: Paper Cut (3D shadow effect)
   • Font Size: 68
   • المنصب: (540، 1100)

2. أضف محاكاة كبيرة مع القفز:

   • Effect: Pop In
   • Stagger Delay: 0.06s
   • Sequence: Center (reveals from middle outward)
   • Easing: Bounce

الرمز المعادل:

const stayHumble = app.letterCollage.create('STAY HUMBLE', {
  style: 'paperCut',
  x: 540,
  y: 1100,
  fontSize: 68
});

app.letterCollage.applyStaggeredAnimation(stayHumble.collageId, {
  effect: 'popIn',
  staggerDelay: 0.06,
  duration: 0.4,
  sequence: 'center',
  easing: 'bounce'
});

الخطوة 7: إضافة خط قرن

1. إنشاء ظهير للفوارق الديكورية:

   • الزوجة: 500، مرتفع: 8
   • اللون: أبيض (#FFFFFF)
   • الموقف الوارد أدناه

2. أضف مقياساً لللون

الرمز المعادل:

const accentLine = app.create('rectangle', {
  x: 540, y: 1280,
  width: 500, height: 8,
  color: '#FFFFFF'
});

app.addAnimation(accentLine.data.id, [
  { time: 1.5, properties: { opacity: 0, scaleX: 0 } },
  { time: 2.0, properties: { opacity: 1, scaleX: 1 }, easing: 'easeOut' },
  { time: 3.0, properties: { fillColor: '#FFFFFF' } },
  { time: 3.8, properties: { fillColor: '#000000' }, easing: 'easeInOut' },
  { time: 4.6, properties: { fillColor: '#FFFFFF' }, easing: 'easeInOut' }
]);

الخطوة 8: Preview and Play

1. Press Space to play the animation
2. يبين الخط الزمني حلقة 6 ثانية
3. شاهدوا الدلائل المذهلة
   • “DREAM BIG” يظهر في رسالة
   • “صباح الخير”
   • “سيتي هومبل” تقفز من المركز إلى الخارج

الخطوة 9: التصدير

For Instagram Story (Video)

1. Click Export
2. Select WebM (recommended) or MP4
3. الثقة:
   • المدة: 6 ثوان
   • الفرق: 30 fps
   • النوعية: عالية
4. Click Export

للمنصات الأخرى

المدونة الكاملة

هذا هو الرمز الكامل لإعادة هذا التقدير:

// Setup canvas
app.setCanvasSize('instagram-story');

// Animated sunburst background
app.executeGenerator('drawSunburst', {
  colors: ['#FF6B6B', '#4ECDC4', '#FFE66D'],
  rayCount: 16,
  animate: true,
  animationSpeed: 0.5
});

// "DREAM BIG" - Neon tile style
const dreamBig = app.letterCollage.create('DREAM BIG', {
  style: 'tile',
  palette: 'neon',
  x: 540, y: 750,
  fontSize: 72,
  cornerRadius: 8,
  shadowEnabled: true
});

app.letterCollage.applyStaggeredAnimation(dreamBig.collageId, {
  effect: 'popIn',
  staggerDelay: 0.08,
  duration: 0.5,
  sequence: 'linear',
  easing: 'easeOut'
});

// "WORK HARD" - Magazine ransom style
const workHard = app.letterCollage.create('WORK HARD', {
  style: 'magazine',
  palette: 'magazine',
  x: 540, y: 920,
  fontSize: 60
});

app.letterCollage.applyStaggeredAnimation(workHard.collageId, {
  effect: 'fadeSlideUp',
  staggerDelay: 0.1,
  duration: 0.6,
  sequence: 'wave',
  easing: 'easeOut'
});

// "STAY HUMBLE" - Paper cut style
const stayHumble = app.letterCollage.create('STAY HUMBLE', {
  style: 'paperCut',
  x: 540, y: 1100,
  fontSize: 68
});

app.letterCollage.applyStaggeredAnimation(stayHumble.collageId, {
  effect: 'popIn',
  staggerDelay: 0.06,
  duration: 0.4,
  sequence: 'center',
  easing: 'bounce'
});

// Accent line with color animation
const accentLine = app.create('rectangle', {
  x: 540, y: 1280,
  width: 500, height: 8,
  color: '#FFFFFF'
});

app.addAnimation(accentLine.data.id, [
  { time: 1.5, properties: { opacity: 0, scaleX: 0 } },
  { time: 2.0, properties: { opacity: 1, scaleX: 1 }, easing: 'easeOut' },
  { time: 3.8, properties: { fillColor: '#000000' }, easing: 'easeInOut' },
  { time: 4.6, properties: { fillColor: '#FFFFFF' }, easing: 'easeInOut' }
]);

// Play the 6-second loop
app.playKeyframeTimeline(6, true);

البداية السريعة: استخدام النموذج

بدلا من البناء من الصفر، تحميل النموذج السابق للبناء:

1. الفريق المفتوح**
2. الفئة المختارة: وسائط الإعلام الاجتماعية
3. Click Motivational Quote
4. تحميل النموذج مع جميع التقديرات جاهزة

Letter Collage Styles Reference

Stagger Sequence Patterns

Pro Tips

المسائل المتعلقة بالمنازعات - النص الخفيف المتعلق بالخلفيات المظلمة (أو العكس) أساسي للقابلية للقراءة.

التوقيت المتوسط - 0.05-0.1 بين الرسائل يبدو طبيعيا. سريع جدا يبدو ميكانيكيا.

أساليب مكس - تستخدم أساليب مختلفة للكتاب المختلط لكل عبارة تضيف الاهتمام البصري.

الـ (إكس كيو) يجذب انتباهاً إضافياً.

الخطوات التالية

• )المراجع الأساسية( )المقر الرئيسي( - جميع الأساليب والخيارات
• [محرر الحاسوب] (/features/keyframes) - مراقبة التوقيت العرفي
• ]الأثر[ )المعيار /features/effects( - أضرار وأبرز
• ]تقديرات فيزياء[ )المقر الرئيسي( - آثار التخفيف المتقدمة