إنشاء صورة متحركة بتنسيق GIF في Fireworks

01 من 20

تركيا الرسوم المتحركة GIF في الألعاب النارية

النص والصور © ساندرا ترينور

في هذا البرنامج التعليمي ، سوف أستخدم Fireworks CS6 لإنشاء رسوم متحركة بتنسيق GIF من الديك الرومي ذي ريش الذيل الذي يتغير لونه. سأبدأ بإنشاء رسم توضيحي وتكراره. سوف أجري تغييرات على واحدة ، وقم بتحويلها إلى رموز ، وإنشاء حالة ثانية ، ومعاينة الرسم المتحرك. سأغير وقت مدة كلتا الحالتين ، واحفظ الملف بتنسيق GIF متحرك ، واعرضه في المتصفح.

على الرغم من استخدام Fireworks CS6 في هذا البرنامج التعليمي ، يجب أن تكون قادرًا على المتابعة مع استخدام أي إصدار حديث من Fireworks أو حتى Photoshop.

ملحوظة المحرر:

لم تعد Adobe تقدم Fireworks CC كجزء من Creative Cloud. إذا كنت تبحث عن Fireworks ، فيمكن العثور عليها في قسم البحث عن تطبيقات إضافية في Creative Cloud. عندما تعلن Adobe أنها لن تدعم أو تقوم بتحديث التطبيقات ، يمكنك افتراض أنها مسألة وقت فقط قبل أن يختفي التطبيق. ومن الأمثلة النموذجية على ذلك الإعلان الأخير المتعلق بـ Director و Shockwave و Contribute.

تحديث بواسطة Tom Green

02 من 20

قم بإنشاء وثيقة جديدة

النص والصور © ساندرا ترينور

سأقوم بإنشاء مستند جديد باختيار File> New. سأحقق العرض والطول 400 × 400 بكسل ، ودقة 72 بكسل لكل بوصة. سأختار اللون الأبيض للحصول على لون قماش ، وانقر فوق موافق.

بعد ذلك ، سأختار ملف> حفظ ، اسم ملف تركيا مع ملحق png ، اختر المكان الذي أريد حفظه فيه ، وانقر حفظ.

03 من 20

أرسم دائرة

النص والصور © ساندرا ترينور

في لوحة Tools ، انقر فوق مربع لون Stroke واختر أسود ، ثم في مربع لون التعبئة ، ثم اختر حاملًا بنيًا أو اكتب في حقل قيمة رقم Hex ، # 8C4600.

في لوحة الخصائص ، سوف أقوم بعرض الحد 2 بكسل. سوف أقوم بعد ذلك باختيار الأداة Ellipse في لوحة Tools ، والتي يمكن العثور عليها بالنقر فوق السهم الصغير بجوار أداة Rectangle tool أو أداة الشكل المرئي الأخرى. أثناء الضغط باستمرار على مفتاح shift ، سأقوم بالنقر والسحب لإنشاء دائرة كبيرة. يضمن استخدام النقل أن تكون الدائرة مستديرة تمامًا.

04 من 20

ارسم دائرة أخرى

النص والصور © ساندرا ترينور

مرة أخرى ، سأضغط باستمرار على مفتاح shift أثناء رسم دائرة أخرى ، ولكن أريد فقط أن تكون هذه الدائرة أصغر من الأخيرة.

باستخدام أداة المؤشر ، سوف أنقر وسحب الدائرة الصغيرة في مكانها. أريد أن يتراكب مع الجزء العلوي من الدائرة الكبيرة ، كما هو موضح.

05 من 20

ارسم مستطيل دائري

النص والصور © ساندرا ترينور

باستخدام أداة Rounded Rectangle ، سأقوم برسم مستطيل. باستخدام أداة المؤشر ، سأحركها إلى مكانها. أريد أن يتم توسيطه وتداخل قليلاً مع الجزء السفلي من الدائرة الصغيرة.

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.

بعد ذلك ، سأختار Window> Auto Shape Properties. سأضغط على شكل المضلع ، وأشير إلى أني أريد أن تكون النقاط والجوانب 3 والنصف قطر 180 درجة. لجعل المثلث أصغر ، سأكتب 20 في حقل قيمة نصف القطر الخارجي. يعتمد عدد هذا على حجم المثلث الذي كان سيبدأ به. سأضغط بعد ذلك

باستخدام أداة المؤشر ، سوف أنقر على المثلث واسحبه إلى المكان الذي أعتقد أنه يجب أن يجلس للمنقار.

10 من 20

اجعل سنود

النص والصور © ساندرا ترينور

يسمى اللون الأحمر المعلق من منقار ديك رومي سنود. لإنشاء واحدة ، سأستخدم أداة القلم.

بعد تحديد أداة القلم في لوحة Tools ، سوف أنقر على مربع Fill واختر عينة حمراء ، أو اكتب # FF0000 في حقل قيمة Hex ، ثم اضغط على return.

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

11 من 20

اجعل الساقين

النص والصور © ساندرا ترينور

يمكنني تعيين لون التعبئة على نفس اللون البرتقالي مثل المنقار بالنقر فوق مربع التعبئة ثم على المنقار. مع تحديد أداة القلم ، سأقوم بإعداد لون الحد الأسود وتعيين عرض الحد إلى 2 في لوحة الخصائص.

بعد ذلك ، سأستخدم أداة القلم لإنشاء نقاط تشكل شكلاً يشبه ساق ديك رومي. مع تحديد الشكل ، سأختار Edit> Duplicate. سأختار بعد ذلك تعديل> تحويل> فليب أفقي. باستخدام أداة المؤشر ، سأقوم بوضع الساقين حيث تبدو أفضل.

12 من 20

تقليل الحجم

النص والصور © ساندرا ترينور

سأختار Select> Select All. سأقوم بعد ذلك بالنقر فوق أداة Scale في لوحة Tools. سيظهر مربع الإحاطة بمقابض يمكن تحريكها إلى الداخل أو الخارج. سأضغط على مقبض الزاوية وحركه إلى الداخل ، مما يجعل الكل أصغر ، ثم اضغط على العودة.

مع استمرار تحديد جميع أشكالي ، سأستخدم أداة المؤشر لتحريك الديك الرومي إلى مكانه. أريد أن يكون المركز منخفضًا على القماش.

13 من 20

جعل الريش الذيل

النص والصور © ساندرا ترينور

باستخدام أداة Ellipse ، سأقوم بالنقر والسحب لتشكيل شكل بيضاوي طويل. سأختار بعد ذلك Edit> Duplicate. سوف أكرر البيضاوي مراراً وتكراراً ، حتى أحصل على خمس بيضاوية.

14 من 20

تغيير اللون

النص والصور © ساندرا ترينور

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

15 من 20

نقل Ovals

النص والصور © ساندرا ترينور

باستخدام أداة المؤشر ، سأقوم بالنقر والسحب فوق الأشكال البيضاوية الخمسة لتحديدها كلها. سأختار بعد ذلك تعديل> ترتيب> إرسال إلى الخلف. سيؤدي ذلك إلى سقوط ريش الذيل خلف الديك الرومي عند نقله إلى مكانه.

سأقوم بالنقر بعيداً عن الأشكال البيضوية لإلغاء تحديدها ، ثم انقر فوق بيضاوية واحدة في كل مرة وسحبها بشكل منفصل إلى حيث يجلسون بجانب بعضهم البعض وجزئيًا خلف تركيا.

يمكن أن يساعد استخدام الأدلة الذكية في وضع الأشكال البيضاوية بالتساوي مع بعضها البعض. إذا لم تر الأدلة الذكية في العمل ، فاختر View> Smart Guides> Show Smart Guides.

16 من 20

تدوير Ovals

النص والصور © ساندرا ترينور

أريد تدوير الأشكال البيضوية وتغيير موضعها. للقيام بذلك ، سأقوم باختيار واحد واختيار ، تعديل> تحويل> تحويل حر. سأقوم بعد ذلك بالنقر واسحب المؤشر خارج الصندوق المحيط لتدوير الشكل البيضاوي قليلاً. باستخدام أداة المؤشر ، سأضع البيضاوي في المكان الذي أعتقد أنه يبدو فيه أفضل.

سأقوم بتدوير الأشكال البيضوية المتبقية بنفس الطريقة ، ووضعها في مكانها ؛ توزيعها بالتساوي.

17 من 20

حفظ وحفظ باسم

النص والصور © ساندرا ترينور

بالنظر إلى صورتي ، أرى أن الديك الرومي منخفض جدًا على اللوحة ، لذا سأختار تحديد> تحديد الكل ، ثم استخدم أداة المؤشر لوضع الديك الرومي في وسط اللوحة. عندما أكون سعيدًا بكيفية ظهورها ، سأختار File> Save.

بعد ذلك ، سوف أنقر على ريشة ذيل لاختياره ثم في مربع Fill واختر لونًا مختلفًا. سأفعل هذا لكل ريشة ذيل ، ثم اختر ملف> حفظ باسم. سأعيد تسمية الملف ، turkey2 مع ملحق png ، وانقر فوق Save.

18 من 20

تحويل إلى الرمز

النص والصور © ساندرا ترينور

سأختار ملف> فتح ، انتقل إلى ملف turkey.png الخاص بي وانقر فوق فتح. سأضغط على علامة التبويب turkey.png في الأعلى ، واختر Select> Select All. سأختار بعد ذلك تعديل> تحويل> تحويل إلى رمز. سأقوم بتسمية الرمز 1 ، اختر الرسم للنوع ، ثم انقر فوق موافق.

سوف انقر فوق علامة التبويب turkey2.png وفعل الشيء نفسه ، فقط سأذكر هذا الرمز واحد 2.

19 من 20

إنشاء دولة جديدة

النص والصور © ساندرا ترينور

سأعود مرة أخرى على علامة التبويب turkey.png. إذا كانت لوحة الولايات غير مرئية ، يمكنني اختيار Window> States. في الجزء السفلي من لوحة الولايات ، سأضغط على زر New Duplicate States.

عندما أنقر على الحالة الأولى لاختيارها ، أرى أنها تحمل رمزًا. عندما أنقر على الحالة الثانية ، أرى أنها فارغة. لإضافة رمز إلى هذه الحالة الفارغة ، سأختار ملف> استيراد> انتقل إلى ملف turkey2.png ، ثم انقر فوق فتح ، ثم افتح مرة أخرى. سأقوم بعد ذلك بالنقر فوق الزاوية اليمنى العليا من اللوحة لوضع الملف في الموضع الصحيح. الآن ، عندما أنقر فوق بين الحالتين الأولى والثانية ، أرى أن كلاهما يحمل الصور. يمكنني أيضًا الضغط على زر Play / Stop (تشغيل / إيقاف) في أسفل النافذة لمعاينة الرسم المتحرك.

إذا لم تعجبني سرعة الرسوم المتحركة ، فيمكنني النقر نقرًا مزدوجًا فوق الأرقام الموجودة على يمين كل ولاية لإجراء تعديلات. كلما زاد العدد كلما كان مدته أطول.

20 من 20

حفظ الصور المتحركة GIF

النص والصور © ساندرا ترينور

سأختار File> Save As ، أعد تسمية الملف ، واختر Animated GIF (* .gif) ، ثم انقر فوق Save.

لفتح GIF الرسوم المتحركة وتشغيلها في المتصفح ، سأقوم بتشغيل المستعرض الخاص بي واختر File> Open أو Open File. سأنتقل إلى ملف GIF المتحرك الذي قمت بحفظه ، واختره ، وانقر فوق فتح ، واستمتع بالصور المتحركة.

ذات صلة:
تحسين صور GIF المتحركة
• لمحة عن تركيا البرية
• عيد الشكر تاريخ تركيا
• وايلدست تركيا التي رأيت من أي وقت مضى