في هذا البرنامج التعليمي ، سوف تتعلم استخدام Fireworks CS6 لإنشاء صورة GIF متحركة لترك الديك الرومي ذي ريش الذيل الذي يتغير لونه. للبدء ، ستحتاج إلى إنشاء صورة توضيحية وتكرارها. بعد ذلك ، ستقوم بإجراء تغييرات على رسم توضيحي واحد ، وتحويلها إلى رموز ، وإنشاء حالة ثانية ، ومعاينة الرسم المتحرك. وأخيرًا ، ستقوم بعد ذلك بتغيير مدة المدة لكلتا الحالتين ، وحفظ الملف كملف GIF متحرك ، وعرضه في متصفحك.
تركيا الرسوم المتحركة GIF في الألعاب النارية
على الرغم من استخدام Fireworks CS6 في هذا البرنامج التعليمي ، يجب أن تكون قادرًا على المتابعة مع استخدام أي إصدار حديث من Fireworks أو حتى Photoshop.
من المهم ملاحظة أن Adobe لم تعد تقدم Fireworks CC كجزء من Creative Cloud. إذا كنت تبحث عن Fireworks ، فيمكن العثور عليها في قسم البحث عن تطبيقات إضافية في Creative Cloud. عندما تعلن Adobe أنها لن تدعم أو تقوم بتحديث التطبيقات ، يمكنك افتراض أنها مسألة وقت فقط قبل أن يختفي التطبيق.
02 من 20قم بإنشاء وثيقة جديدة
أولاً ، ستقوم بإنشاء مستند جديد باختياره ملف> جديد. جعل العرض والارتفاع 400 × 400 بكسل ، ودقة 72 بكسل لكل بوصة. اختر اللون الأبيض لقماش اللون ، و انقر فوق موافق.
بعد ذلك ، اختر ملف> حفظ، اسم الملف ديك رومي مع ملحق png ، اختر المكان الذي تريد حفظه فيه ، و انقر فوق حفظ.
03 من 20أرسم دائرة
في لوحة Tools ، انقر فوق مربع اللون Stroke واختر أسود ، ثم في مربع لون التعبئة واختر حامل بني أو اكتب في حقل قيمة رقم Hex ، # 8C4600.
في لوحة الخصائص ، اجعل عرض الحد 2 بكسل. ثم اختر أداة Ellipse في لوحة Tools ، والتي يمكن العثور عليها بالنقر فوق السهم الصغير بجوار أداة Rectangle tool أو أدوات الشكل المرئي الأخرى. أثناء الضغط باستمرار على مفتاح shift ، انقر واسحب لإنشاء دائرة كبيرة. (باستخدام التحويل يضمن أن الدائرة ستكون مستديرة تمامًا.)
04 من 20ارسم دائرة أخرى
مرة أخرى ، اضغط باستمرار على مفتاح shift أثناء رسم دائرة أخرى ، بقصد أن تكون هذه الدائرة أصغر من الأخيرة.
باستخدام أداة المؤشر ، انقر واسحب الدائرة الصغيرة في مكانها. تريد أن تتداخل مع الجزء العلوي من الدائرة الكبيرة ، كما هو موضح.
05 من 20ارسم مستطيل دائري
باستخدام أداة Rounded Rectangle tool ، ارسم مستطيلاً. باستخدام أداة المؤشر ، انقلها إلى مكانها. تريد أن يتم توسيطها وتداخل قليلاً مع الجزء السفلي من الدائرة الصغيرة.
06 من 20الجمع بين المسارات
اضغط باستمرار على مفتاح shift أثناء النقر فوق الدائرة الصغيرة ثم المستطيل المستدير. سيحدد هذا كلا الشكلين. ثم اختر تعديل ، وجمع مسارات> الاتحاد.
07 من 20غير اللون
في لوحة Tools ، انقر فوق مربع Fill واختر حامل كريم ، أو اكتب # FFCC99 في حقل قيمة Hex ، ثم اضغط على return.
08 من 20اجعل العيون
يمكنك رسم دائرتين صغيرتين لجعل العينين ، ولكن بدلاً من ذلك ، استخدم أداة الكتابة لهذا الغرض. انقر فوق أداة الكتابة في لوحة Tools ، ثم على اللوحة القماشية. في عارض الخصائص ، اختر Arial Regular للخط ، وقم بإجراء الحجم 72 ، وقم بتغيير اللون إلى اللون الأسود. اضغط مع الاستمرار على مفتاح Alt أو Options أثناء الضغط على المفتاح الذي يحتفظ بالرقم 8 ، والذي سيجعل الرمز النقطي. ثم ، اضغط على شريط المسافة قبل إجراء رمز نقطي آخر.
09 من 20جعل المنقار
في لوحة Tools ، انقر فوق أداة شكل المضلع. في لوحة الخصائص ، اختر حامل برتقالي للتعبئة أو اكتب # FF9933 في حقل قيمة Hex. أيضًا في لوحة الخصائص ، اجعل السكتة السوداء سوداء بعرض 1.
بعد ذلك ، اختر نافذة> خصائص الشكل التلقائي. انقر على شكل المضلع وأشر إلى أنك تريد أن تكون النقاط والجوانب 3 والنصف قطر 180 درجة. لجعل المثلث أصغر ، اكتب 20 في حقل قيمة نصف القطر الخارجي. يعتمد العدد الخاص بهذا على حجم المثلث الكبير ، بداية. ثم اضغط على العودة.
باستخدام أداة المؤشر ، انقر فوق المثلث واسحبه إلى المكان الذي تعتقد أنه يجب أن يجلس للمنقار.
10 من 20اجعل سنود
يسمى اللون الأحمر المعلق من منقار ديك رومي سنود. لإنشاء واحدة ، ستستخدم أداة القلم.
بعد تحديد أداة Pen tool في اللوحة Tools ، انقر فوق مربع Fill واختر عينة حمراء ، أو اكتب FF0000 # في حقل قيمة Hex ، ثم اضغط على return.
باستخدام أداة القلم ، انقر لإنشاء نقاط تشكل مسارًا ، وأحيانًا انقر واسحب لإنشاء مسار مستدير. عندما تتصل النقطة الأخيرة بالأول ، ستكون قد شكّلت شكلاً يشبه حلوى الديك الرومي.
11 من 20اجعل الساقين
يمكنك ضبط لون التعبئة على نفس اللون البرتقالي مثل المنقار بالنقر فوق مربع التعبئة ثم على المنقار. باستخدام أداة القلم المحددة ، اجعل لون الحد أسود اللون وقم بتعيين عرض الحد إلى 2 في لوحة Properties.
بعد ذلك ، استخدم أداة القلم لإنشاء نقاط تشكل شكلاً يشبه ساق ديك رومي. مع اختيار الشكل ، اختر تحرير> مكرر. ثم اختر تعديل> تحويل> فليب أفقي. باستخدام أداة المؤشر ، ضع الساقين حيث تبدو أفضل.
12 من 20تقليل الحجم
أختر اختر> اختيار الكل.ثم انقر فوق الأداة Scale في لوحة Tools. سيظهر مربع الإحاطة بمقابض يمكن تحريكها إلى الداخل أو الخارج. انقر على مقبض الزاوية وحركه إلى الداخل ، مما يجعل الكل أصغر ، ثم اضغط على العودة.
مع استمرار تحديد كافة أشكالك ، استخدم أداة المؤشر لتحريك الديك الرومي إلى مكانه. تريد أن تتمحور حول اللوحة منخفضة.
13 من 20جعل الريش الذيل
باستخدام أداة Ellipse ، انقر واسحب لتشكيل شكل بيضاوي طويل. ثم اختر تحرير> مكرر. عليك تكرار البيضاوي مرارا وتكرارا حتى يكون لديك ما مجموعه خمس بيضاوية.
14 من 20تغيير اللون
مع تحديد أحد الأشكال البيضاوية ، انقر فوق مربع التعبئة واختر لونًا مختلفًا. افعل ذلك مع ثلاثة أشكال بيضاوية أخرى ، مع اختيار لون مختلف لكل لون.
15 من 20نقل Ovals
باستخدام أداة المؤشر ، انقر واسحب فوق الأشكال البيضاوية الخمس لتحديدها كلها. ثم اختر تعديل> ترتيب> إرسال إلى الخلف. سيؤدي ذلك إلى سقوط ريش الذيل خلف الديك الرومي عند تحريكه في مكانه.
انقر بعيدًا عن الأشكال البيضوية لإلغاء تحديدها ، ثم انقر فوق بيضاوية واحدة في كل مرة ثم اسحبها بشكل منفصل إلى المكان الذي سيجلسون بجانب بعضهم البعض وجزءًا خلف تركيا.
يمكن أن يساعد استخدام الأدلة الذكية في وضع الأشكال البيضاوية بالتساوي مع بعضها البعض. إذا كنت لا ترى الأدلة الذكية في العمل ، اختر عرض> أدلة ذكية> إظهار الأدلة الذكية.
16 من 20تدوير Ovals
ستحتاج إلى تدوير الأشكال البيضوية وتغيير موضعها. للقيام بذلك ، حدد واحد واختر تعديل> تحويل> تحويل حر. ثم انقر على المؤشر واسحبه خارج المربع المحيط مباشرةً لتدوير الشكل البيضاوي قليلاً. باستخدام أداة المؤشر ، ضع البيضاوي على المكان الذي تعتقد أنه يبدو فيه أفضل.
تدوير الأشكال البيضاوية المتبقية بنفس الطريقة ، ووضعها في مكانها ؛ توزيعها بالتساوي.
17 من 20حفظ وحفظ باسم
بالنظر إلى صورتك ، سترى أن الديك الرومي منخفض للغاية على القماش ، لذا اختر اختر> اختيار الكل، ثم استخدم أداة المؤشر لوضع الديوك الرومية في وسط اللوحة. عندما تكون راضيًا عن شكلها ، اختر ملف> حفظ.
بعد ذلك ، انقر فوق ريشة ذيل لتحديدها ، ثم في مربع Fill واختر لونًا مختلفًا. القيام بذلك لكل ريشة ذيل ، ثم اختر ملف> حفظ باسم. إعادة تسمية الملف ، turkey2 مع ملحق png ، وانقر فوق حفظ.
18 من 20تحويل إلى الرمز
أختر ملف> فتح، انتقل إلى ملف turkey.png الخاص بك وانقر فوق فتح. انقر فوق علامة التبويب turkey.png في الأعلى ، واختر اختر> اختيار الكل. عليك بعد ذلك اختيار تعديل> تحويل> تحويل إلى رمز. قم بتسمية الرمز 1 ، واختر رسم للنوع ، ثم انقر فوق موافق.
انقر فوق علامة التبويب turkey2.png وفعل الشيء نفسه ، فقط سوف تذكر هذا الرمز 2.
19 من 20إنشاء دولة جديدة
انقر مرة أخرى على علامة التبويب turkey.png. إذا كانت لوحة الولايات غير مرئية ، فيمكنك الاختيار نافذة> الدول. في أسفل لوحة States ، انقر على زر New Duplicate States.
عند النقر على الحالة الأولى لتحديدها ، سترى أنها تحمل رمزًا. عندما تنقر على الحالة الثانية ، سترى أنها فارغة. لإضافة رمز إلى هذه الحالة الفارغة ، اختر ملف> استيراد> التنقل إلى ملف turkey2.png ، انقر فوق فتح ، ثم افتح مرة أخرى. ثم انقر فوق الزاوية اليمنى العليا من اللوحة لوضع الملف في الموضع الصحيح. الآن ، عندما تنقر بين الحالتين الأولى والثانية ، سترى كلاً من صور التعليق. يمكنك أيضًا الضغط على زر Play / Stop (تشغيل / إيقاف) في أسفل النافذة لمعاينة الرسم المتحرك.
إذا لم تعجبك سرعة الرسوم المتحركة ، فيمكنك النقر نقرًا مزدوجًا فوق الأرقام الموجودة على يسار كل ولاية لإجراء تعديلات. كلما زاد العدد كلما كان مدته أطول.
20 من 20حفظ الصور المتحركة GIF
أخيرا ، اختر ملف> حفظ باسم، قم بإعادة تسمية الملف ، واختر GIF متحرك (* .gif) ، ثم انقر فوق حفظ.
لفتح وتشغيل صورة GIF المتحركة في متصفحك ، ابدأ تشغيل متصفحك واختر ملف> فتح أو فتح ملف. انتقل إلى ملف GIF المتحرك الذي تم حفظه ، واختره ، ثم انقر فوق فتح ، واستمتع بثمار عملك!
تحديث بواسطة Tom Green
