طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش

طريقة و كيفية عمل صور متحركة gif باستخدام الفوتوشوب بالصور بالخطوات السلام عليكم ورحمة الله وبركاته الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب في الإصدارات السابقة من الفوتوشوب

النتائج 1 إلى 3 من 3
  1. #1
    الصورة الرمزية وردشان
    تاريخ التسجيل
    Oct 2008
    المشاركات
    91,986


    افتراضي طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش








    طريقة و كيفية عمل صور متحركة gif باستخدام الفوتوشوب بالصور بالخطوات


    السلام عليكم ورحمة الله وبركاته
    الشرح التفصيلي لإنشاء الصور المتحركة gif باستخدام الفوتوشوب في الإصدارات السابقة من الفوتوشوب كان يأتي مع البرنامج برنامج ملحق هو Image Ready وكانت مهمته إنشاء الصور المتحركة أما الآن فقد دمجت خصائصه مع الفوتوشوب - إن فكرة إنشاء الصورة المتحركة تعتمد قبل كل شيئ على الطبقات فعلى المصمم تجهيز الصورة التي يريدها ان تكون متحركة و يهيئ الطبقات لهذا الغرض و سنقوم بطرح أمثلة تطبيقية لتكون تعليمية تطبيق 1 الإصدار الذي نعمل عليه الآن CS3 أو CS4 سننشئ مثل هذه الصورة المتحركة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش image002lz.gif
    الصورة المتحركة من امتداد gif في الأصل عبارة عن صور متلاحقة تظهر بفاصل زمني معين بين كل صورتين أي أن الصورة التي رأيتموها في الأعلى ماهي في الأساس إلا صورتين صور ة بيضاء و صور ة فيها دائرة حمراء و هاتين الصورتين تظهران متتابعتين لكل منهما زمن ظهور و النتيجة تكون الحركة لنبدأ العمل : نفتح صفحة عمل جديدة بأبعاد 80في 80 بكسل
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 2.png
    و ننشئ طبقة جديدة بالضغط على الزر الموضح في أسفل لوح الطبقات
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 3.jpg
    على الطبقة الجديدة نرسم دائرة و نملأها باللون الأحمر
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 4.png
    الآن نأتي إلى الخطوة المهمة و الأساسية في البرنامج و هي إظهار لوح التحريك الذي إضيف للإصدار ات الجديدة بدلاً من Image Ready نضغط على قائمة Window > Animation
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 5.jpg
    فيظهر في أسفل واجهة الفوتوشوب لوح الحركة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 6.jpg
    نغير طريقة العرض ليصبح كما في الصورة أعلاه لدينا حتى الآن لقطة واحدة من الصورة و لإضافة لقطات أخرى
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 7.jpg
    حيث نضغط مرة واحدة لأننا نحتاج كما ذكرت لصورتين فقط
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 8.jpg
    الآن أصبح لدينا لقطتين نريد أن تكون الأولى بيضاء و الثانية فيها الكرة الحمراء و لإنجاز هذا العمل نضغط على اللقطة رقم 2
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 9.jpg
    ثم ننتقل إلى لوح الطبقات و نخفي طلقة الدائرة الحمراء بالضغط على رمز العين المقابل لها
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 10.jpg
    أصبح لوح الحركة هكذا
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 11.png
    نشغل العرض لرؤية النتيجة بالضغط على زر التشغيل في لوح الحركة:
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 12.png
    الآن نأتي إلى خيارات الحركة و هي مهمة يمكننا التحكم بزمن كل لقطة من اللقطات لوحده حيث يوجد تحت كل لقطة رقم يعبر عن الزمن الذي سوف تظهر به اللقطة مثلاً انظر الصورة التالية
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 13.jpg
    يكتب تحتها 0.1sec أي عشر الثانية و لتغيير الزمن نضغط عليه فتظهر قائمة لنعلق عليها قليلا:
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 14.jpg
    ولتغيير الزمن لكل اللقطات معاً نحدد اللقطات بالضغط على الأولى ثم الأخيرة مع shiftثم نحدد الزمن
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 15.jpg
    وليكن كما في الصورة و في الأسفل يوجد قائمة لتحديد عدد مرات التكرار
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 16.jpg
    لنختر Forev من أجل تكرار دائم الآن جاء دور الحفظ كما في الصورة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 17.jpg
    أو نضغط على الاختصار السريع Alt+Shift+Ctrl+S ثم نختار كما يلي
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 18.jpg
    نحدد النوع GIF وهذه مهمة جداً ثم نضغط على ٍSave ثم نسمي الملف و نحدد مكان الحفظ و نضغط ٍSave
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 19.jpg
    نحدد النوع GIF وهذه مهمة جداً ثم نضغط على
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 20.gif
    كيف وجدتم الطريقة أتوقع أنها نحجت مئة بالمئة لأن الخطوات تفصيلية
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 21.gifطريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 21.gifطريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 21.gifطريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 21.gifطريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 21.gif
    تطبيق2
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 23.gif
    لنطبق الآن حركة فيها لقطات أكثر نفتح صفحة عمل جديدة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 24.jpg
    ونرسم مربع أزرق على طبقة منفصلة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 25.jpg
    ونضغط على زر إضافة لقطات
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 26.jpg
    ننتقل إلى طبقة المربع
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 27.jpg
    و نحرك صورة المربع قليلاً باستخدام سهم التحريك
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 28.jpg
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 29.jpg
    نكرر العملية السابقة عدة مرات حتى نحصل على هذا الشكل
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 30.jpg
    لا بد أنك لاحظت أن المربع ينزاح قليلاً كل مرة نضع الزمن صغيراً لكل الصور بتحديد الأولى ثم الضغط على الأخيرة مع shift ثم الضغط على زمن الصورة واختيار 0.1sec ونحفظ الملف وهذه هي النتيجة
    تطبيق 3 الآن عزيزي الفنان لا بد أنك مللت هذه الحركات وصارت شغل ولاد صغار بالنسبة إلك إذاً إليك تطبيق أكثر خطورة و أجمل مماسبق نفتح صفحة عمل جديدة نلون الخلفية بلون داكن و نكتب كلمة ولتكن " حركة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 31.png
    نضغط بالزر اليمين على طبقة كلمة حركة و نختار Restize Type
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 32.jpg
    ننشئ طبقة جديدة فوقها ولنسمها اللمعان و أثناء الوقوف على طبقة اللمعان نضغط طبقة حركةctrl + فتتحدد كلمة حركة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 33.jpg
    نأخذ أداة الفرشاة و نضغط بالزر اليمين و نضغ إعدادات الفرشاة كالتالي
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 34.jpg
    ونضع اللون الأمامي أبيض
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 35.jpg
    ونخفي طبقة اللمعان و نعمل طبقة جديدة ونرسم خط بعده
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 36.jpg
    نكرر العملية حتى نهاية الكلمة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 37.jpg
    و الآن ننتقل إلى لوح Animation ونقوم بإنشاء لقطات بعدد طبقات الحركة ونظهر في كل لقطة طبقة و نخفي البقية ماعدا الطبقات التي نريدها أن تظهر في الحركة التي نعملها
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 38.jpg
    يمكن إضافة مؤثرات أخرى للنص ... نحفظ الملف و نراقب النتبيحة
    طريقة و كيفية عمل صور متحركة gif بالفوتوشوب بالصور مثل الفلاش 000.gif
    أتمنى لكم يوماً مليــــــــــــــئاً بالحركة و الإبداع







  2. #2
    قلب المنتدى النابض الصورة الرمزية أجمل دلوعه
    تاريخ التسجيل
    Nov 2010
    المشاركات
    22,484

    افتراضي

    ::

    الله يعطيك العافيه
    موضوع رآآآئع
    بانتظار جديك
    ودى


    !!



  3. #3
    الصورة الرمزية وردشان
    تاريخ التسجيل
    Oct 2008
    المشاركات
    91,986

    افتراضي

    الف شكر لتشريفك مشاركتي


المواضيع المتشابهه

  1. شرح طريقة عمل مربعات متحركة على الصورة و التصميم بالفوتوشوب
    بواسطة وردشان في المنتدى قسم التصميم و عروض التصاميم
    مشاركات: 4
    آخر مشاركة: 05-15-2011, 03:35 PM
  2. شرح كيفية و طريقة عمل مكياج بالفوتوشوب
    بواسطة وردشان في المنتدى صور مكياج
    مشاركات: 0
    آخر مشاركة: 07-13-2010, 01:52 PM
  3. طريقة عمل وسائط بالفوتوشوب mms متحركة للجوال بالصور
    بواسطة وردشان في المنتدى قسم التصميم و عروض التصاميم
    مشاركات: 1
    آخر مشاركة: 05-08-2010, 03:18 PM
  4. طريقة و كيفية ادارج صور متحركة gif في الفوتوشوب شرح بالصور
    بواسطة وردشان في المنتدى قسم التصميم و عروض التصاميم
    مشاركات: 2
    آخر مشاركة: 12-23-2009, 05:25 PM
  5. طريقة وضع صورة متحركة فى الفلاش
    بواسطة وردشان في المنتدى قسم الفلاش و السويتش
    مشاركات: 2
    آخر مشاركة: 02-20-2009, 08:55 PM

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

رسالة إدارية

لتصفح المنتدى بشكل اسرع الرجاء الضغط على السماح او Allow في الاعلى


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203