دروس الرسوم المتحركة فلاش. دروس فلاش للرسوم المتحركة. كيفية إنشاء الرسوم المتحركة مع شخصيات Gravity Falls

28.10.2020

الخامس في الآونة الأخيرةفي كثير من الأحيان ، تأتي الرسائل عبر الموقع بأسئلة حول مكان بدء دراسة الفلاش. سأقوم بنشر القليل ، وأعتقد أنه سيكون ممتعًا للعديد من المبتدئين. الإجابات هي مجرد رؤيتي وتجربتي ، وهذا لا يعني على الإطلاق أنه إذا قمت بذلك بشكل مختلف ، فلن ينجح شيء. من يهتم ، اقرأ أدناه (تم حفظ التهجئة والقواعد النحوية للرسائل). وإذا لم تكن مبتدئًا ، فستشعر بالتأكيد بالملل والمملة لقراءة هذا :)

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

نيكو ، لديك الشيء الرئيسي - الرغبة. إذا لم يتبخر بعد أسبوعين ، فستكون النتيجة. من أين تبدأ - مع العتاد.

1. شراء / تنزيل من الشبكة برنامج تعليمي على الفلاش. خذ واحدة من أحدث الإصدارات(Flash Cs4-Cs 6) ، انسَ دروس Macromedia التعليمية ، FlashMX ، لقد مضى بالفعل القرن الماضي. على الرغم من أن الكثير لم يتغير منذ ذلك الحين في الفلاش.

إذا كنت تخطط لدراسة نص العمل (ولكي يعرف المتعري على الأقل أساسيات as ، أعتقد أنه ضروري ببساطة) - توقف عند c As3. أصبح As2 شيئًا من الماضي ببطء ، وسوف نواكب العصر.

منذ أن كنت أدرس الفلاش لفترة طويلة ، لا يمكنني أن أوصي بأي إصدارات معينة ، لأنني لست على دراية بها.

من المحتمل أن تتفاجأ للغاية ، لكن جميع الكتب الخاصة بفلاش التعلم تحتوي على نفس المعلومات :) وهذا ينطبق بشكل خاص على الكتب للمبتدئين.

لقد أحببت حقًا كتب How to Cheat in برنامج أدوب فلاشباللغة الإنجليزية من الرسوم المتحركة فلاش كريس جورجينيس (يكتب دروس الرسوم المتحركة فلاش لأدوبي).

هذه سلسلة من الكتب أعيد إصدارها لكل منها نسخة جديدةدافق. إذا كنت تعرف اللغة الإنجليزية. اللغة كتاب ممتاز يرضي العين برسومات رائعة.

تحميل كيفية الغش في Adobe Flash في Cs5مع القرص يمكنك ذلك.

بدأت دراستي للفلاش ببرنامج تعليمي. في دراسة Flash ، لم يكن الكتاب المدرسي نفسه هو ما ساعدني شخصيًا ، ولكن دورة الفيديو التي تم إرفاقها بالكتاب المدرسي. لذلك ، ننتقل إلى النقطة رقم 2.

2. دروس الفيديو.

أعتقد أن دروس الفيديو هي الأكثر فعالية ، لأنني درست الفلاش في دورة فيديو.

3. أيضًا ، في دراسة رسوم الفلاش المتحركة ، لا يمكنك الاستغناء عن برنامج مثل Swf Decompiller. هذا قاطع لملفات svf ، أي الرسوم المتحركة الجاهزة. هنا خطاب عنها. يسمح لك بمشاهدة (وليس tyrit :) عمل المحترفين ، فهو يساعد كثيرا في دراسة الفلاش. تأخذ قطعة عمل منتهية وتنظر إلى الجدول الزمني لترى كيف تم ذلك وتحاول تكراره. لا يتم عرض الرسوم المتحركة بشكل صحيح دائمًا - أقنعة ، مراهقات ، ولكن يمكن فهم المبدأ وأخذها في الاعتبار.

4. من المفيد جدًا تعليم Flash باستخدام أمثلة محددة. حدد لنفسك هدفًا في صنع رسم متحرك وفقًا لسيناريو اخترعته - على سبيل المثال ، رسم متحرك لسيارة تسير في مسار معين. عندما يكون هناك هدف نهائي ، يكون التدريس أسهل.

5. إذا ظهرت أسئلة أثناء الدراسة ، فيمكن تركها هنا في أو في المجتمع موضوعات... أو في أي منتديات أخرى حيث تعيش فلاشات.

أكبر منتدى فلاش أعرفه هو flasher.ru... لذا ، أيها المبتدئون الأعزاء - استخدموا مزايا الإنترنت وهذا المورد على وجه الخصوص :)

6- والمزيد نقطة مهمة... من أجل صنع رسوم متحركة جيدة ، سيكون من الجيد اللجوء إلى الكتب المدرسية عن الرسوم المتحركة الكلاسيكية (خاصة إذا كنت تريد تعلم كيفية تحريك الشخصيات ، وليس فقط الكتل النصية للافتات).

بعد أن أتقنت استخدام الفلاش كأداة ، لن تصبح رسامًا متحركًا بالضبط ، بل ستصبح "محركًا" يمكنه تحريك الكائنات.

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

حول مكان الحصول على Adobe Flash. إذا كنت تريد أن تجد أو تأخذ شيئًا - إذن أفضل من جوجللا يوجد شئ. إنه يعرف كل شيء :)

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

"شكرًا على المدونة ، وجدت الكثير من الأشياء المفيدة لنفسي.

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

هل يمكنك عمل درس لأكثر الابتكارات الملتوية بلا عقل)) حتى أفهمها حتى)) "

( تارا )

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

الغرض من برنامج Flash وهيكله

أصبح الفلاش شائعًا مؤخرًا. يعتقد الكثير من الناس أن Flash هو منتج جديد ، لكنه ليس كذلك. في عام 1995 ، ظهر برنامج Future Splash Animator صغير للرسوم المتحركة المتجهة لرسومات الويب ، واثنان بعد سنواتفي عام 1997 ، استحوذت عليها Macromedia وبدأت في تطوير منتج تحت الاسم الجديد Flash.

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

العناصر الأساسية لمساحة عمل Flash

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

عند بدء تشغيل البرنامج لأول مرة ، سترى شيئًا مثل الذي يظهر في الشكل. 1.

أرز. 1. العناصر الأساسية لواجهة برنامج Flash 5.0

للجميع مرة أخرى فتح ملفيطابق سطح المكتب الخاص بك. يحتوي سطح المكتب على إطار ، أو منصة ، - منطقة مستطيلة على الشاشة يتم فيها تشغيل فيلم Flash.

أدوات الرسم مخصصة للرسم على سطح المكتب (انظر شريط الأدوات في الشكل 1). سنتحدث أولاً عنهم.

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

في التين. 1 يقدم أيضًا لوحات عائمة قابلة للإرساء - لوحات مصممة لتخصيص بيئة عمل الفلاش. لذلك دعونا نلقي نظرة على أدوات الرسم الأساسية في Flash.

تلوين

المسار ، الشطب ، التعبئة

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

حدد أداة التحرير Oval (Oval) من شريط الأدوات (الشكل 2) وارسم شكل بيضاوي. سيتم ملء الشكل تلقائيًا باللون. (إذا ضغطت باستمرار على مفتاح Shift أثناء رسم شكل بيضاوي ، فسيكون للشكل الذي ترسمه شكل دائرة.)

أرز. 2. يتكون الرسم من مسار وحد وتعبئة

يتكون الرسم من مخطط تفصيلي ، وحد ، وتعبئة (الشكل 2). لتحديد مخطط الشكل ، انقر فوق الزر الموضح في الشكل. 3 سهم أحمر. نتيجة لذلك ، سيختفي خط الحد والتعبئة ، وسيبقى المخطط التفصيلي فقط - (الشكل 4).

أرز. 3. زر لإزالة التعبئة والسكتة الدماغية

أرز. 4. بعد إزالة التعبئة والحد ، نحصل على خط كفاف

خط الخدمة (لا يتم عرضه عند الطباعة). الضغط على الزر الموضح في الشكل. 3 ، إرجاع العناصر المحذوفة. من السهل تغيير لون الحد والتعبئة. يتم تغيير لون التعبئة باستخدام زر لون التعبئة (الشكل 5). بعد تحديد لون جديد في اللوحة (الشكل 5) ، لن يتغير الشكل المرسوم ، ولكن عند رسم شكل بيضاوي جديد ، سيتم ملء المسار باللون الذي حددته للتو.

أرز. 5. أدوات تحديد اللون لخطوط التعبئة والحد

لتغيير لون التعبئة في الشكل الحالي ، تحتاج إلى تحديد لون جديد واستخدام أداة Paint Bucket - يتم تمييزها في الشكل. 6.

أرز. 6. يمكن تغيير لون التعبئة في الشكل المرسوم باستخدام أداة Paint Bucket

يمكنك أيضًا تغيير لون الحد. للقيام بذلك ، حدد أداة Stroke color - في الشكل. 7 يشير السهم الأحمر إليه. بعد ذلك ، سيتم فتح لوحة ، حيث يمكنك تحديد اللون المطلوب ، ثم تحتاج إلى تحديد أداة زجاجة الحبر (يتم تمييزها في الشكل 7) والنقر فوق خط الحد. نتيجة لذلك ، سيتم ملؤها باللون المحدد.

أرز. 7. قم بتغيير لون خط الحد

في التين. 6 الشكل البيضاوي الذي رسمناه يظهر على نطاق أوسع. تغيير المقياسبالمناسبة ، يتم ضبطه بنفس الطريقة كما في Photoshop - باستخدام مزيج من المفاتيح Ctrl و "+" أو Ctrl و "-".

يمكنك أيضًا تغيير سمك ونمط خطوط الحد. للقيام بذلك ، تحتاج إلى الأمر نافذة> اللوحات> السكتة الدماغيةاستدعاء لوحة Stroke. في ذلك ، يمكنك ضبط نمط خط السكتة الدماغية وسمكها ولونها (الشكل 8).

أرز. 8. من قائمة لوحة Stroke ، يمكنك تغيير معلمات خط الحد

إذا حددنا نمط الخط الصلب (الشكل 8) واستخدمنا أداة زجاجة الحبر ، فسنحصل على سطر من بكسل واحد. الخط المتشدد ليس له سمك ، لذلك لا تظهر القيمة في مربع عرض الخط. يمكن تغيير سمك الخطوط الأخرى ، مثل الخط المنقط (الشكل 9).

أرز. 9. مثال على تغيير نوع وسمك خط السكتة الدماغية

يتم إجراء المزيد من الضبط الدقيق لمعلمات الخط على لوحة Line Style. يمكنك تسميته بالنقر فوق الزر المشار إليه بالسهم الأحمر في الشكل. 10. في لوحة Line Style ، يمكنك ، على سبيل المثال ، تغيير طول الحد والمسافة بين ضربات الخط المتقطع. إذا كان في التين. في الشكل 8 ، تم أخذ القيم الافتراضية - 6 نقاط للحد والمسافة بين السكتات الدماغية ، ثم باختيار قيم 10 و 12 نقطة ، على التوالي ، ومرة ​​أخرى باستخدام أداة Ink Bottle Tool ، يمكنك الحصول على حد ، كما في الشكل. عشرة.

أرز. 10. الضبط الدقيق لبارامترات الخط

لذلك ، نظرنا إلى المفاهيم الأساسية - خط المسار والتعبئة والحد - باستخدام مثال رسم شكل بيضاوي. الآن دعنا نتحدث مباشرة عن أدوات الرسم.

اداة المستطيل

يقع أداة المستطيل (المستطيل) بجوار الأداة البيضاوية (الشكل 11).

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

أرز. 11. العمل مع أداة المستطيل

أداة سطر

تتيح لك أداة Line رسم خطوط مستقيمة (الشكل 12). أثناء الضغط مفاتيح التحوليمكن رسم خطوط عمودية أو أفقية أو 45 درجة.

أرز. 12. العمل مع أداة الخط

في بعض الحالات ، على سبيل المثال ، إذا كنت بحاجة إلى رسم مثلث متساوي الساقين ، فمن المفيد استخدام شبكة. يمكنك جعل خطوط الشبكة مرئية باستخدام الأمر عرض> الشبكة> إظهار الشبكة(الشكل 13).

أرز. 13. عند رسم أشكال هندسية منتظمة ، يمكنك استخدام الشبكة

أداة قلم رصاص

أرز. 14. نتيجة العمل باستخدام أداة Pencil في إعدادات مختلفة (الصف العلوي من المثلثات - وضع التسوية ، والجزء السفلي - وضع الحبر)

توجد أداة Pencil أسفل الأداة Oval. في التين. يوضح الشكل 14 نتيجة العمل بقلم رصاص بخيارات مختلفة لإعداداته ، والتي يوجد منها إجمالي ثلاثة. باستخدام إعداد Straighten ، تحول الأداة الخطوط المهتزة للمسار الحر إلى خطوط مستقيمة ، مع الإعداد Smooth ، فإنها تعمل على تنعيم الخطوط ، ومع وضع Ink ، فإنها لا تغير المسار الأصلي عمليًا.

تحرير الخطوط ، السهم والأدوات الفرعية

للتحدث عن كيفية عمل أداة Arrow ، يجب إلقاء نظرة فاحصة على هيكل خط الكنتور.

ارسم خطًا باستخدام أداة Pencil ، كما هو موضح في الشكل. 15. يتكون من مخطط تفصيلي وخط خط.

أرز. 15. باستخدام أداة Subselect ، يمكنك تحديد نقاط الربط ومقاطع الخطوط الكنتورية

أرز. 16. مثال على تحريك نقطة الزاوية

أرز. 17. مثال على تغيير انحناء كفاف

أرز. 18. يتبع خط الشوط خط المسار

حتى الآن ، عند الحديث عن المخطط ، لم نذكر هيكله. من أجل توضيح هيكل خط الكنتور ، سنستخدم أداة Subselect المفعلة في الشكل. 15 ، وانقر على مخطط الخط. نتيجة لذلك ، سنرى أن خط الكنتور يتكون من مقاطع ونقاط ربط (الشكل 15). يتم إنشاء المقاطع ونقاط الربط تلقائيًا عند استخدام أداة Pencil. عندما نقوم بتحرير خط المسار ، يتغير خط الحد تلقائيًا. دعنا نوضح كيف يمكنك تحرير خط الكنتور باستخدام أداة Arrow - تم تمييزه في الشكل. 16.

نقاط الارتكاز زاويّة وسلسة. عندما ننقل أداة Arrow إلى خط ما ، يتغير مظهرها. عندما تقترب من نقطة ركن ، ستظهر زاوية بجوار صورة السهم - في هذا الوضع يمكنك تحريك نقاط الزاوية (الشكل 16) ، وعند الاقتراب من مقطع أو نقطة متجانسة - صورة قوس - في هذا الوضع يمكنك يمكن أن يغير انحناء الكفاف (الشكل 17). عندما تقوم بتغيير خط الكنتور ، فإن خط الحد يتبع خط الكنتور (الشكل 18).

ارسم شكلًا بيضاويًا واستخدم أداة السهم لتحديد التعبئة بنقرة واحدة (سيتم تفتيح لون التعبئة المحدد بنقاط بيضاء) وقم بسحبه وإفلاته ، كما هو موضح في الشكل. 19. إذا نقرت نقرًا مزدوجًا ، فسيتم أيضًا تحديد خط الحد المجاور للتعبئة. يؤدي النقر المزدوج أيضًا إلى تحديد الخطوط المتقاطعة.

أرز. 19. مثال على تحريك كائن محدد باستخدام أداة Arrow

أرز. 20. الصورة الأصلية

لنفكر في أنواع أخرى من تعديل الصورة المحددة. ارسم مسارًا باستخدام أداة Pencil ، مثل ورقة شجر (الشكل 20). حدد أداة Arrow وحدد الورقة المرسومة في إطار مستطيل. الآن يمكنك معالجة الكائن المحدد بالمعدلات المتاحة.

في لوحة الخيارات ، حدد الزر Smooth وانقر فوقه عدة مرات - سيصبح مخطط الورقة أكثر سلاسة (الشكل 21 أ).

أرز. 21. استخدام معدّلات من لوحة الخيارات: أ) يسمح لك Smooth بتنعيم حدود الصورة ؛ ب) يجعل Strighten من الممكن تقويم حدود الصورة

يتغير المخطط التفصيلي بعد بضع نقرات على زر Strighten موضحة في الشكل. 21 ب.

باستخدام أداة Lasso ، يمكنك تحديد منطقة ذات شكل حر (الشكل 22).

أرز. 22. مثال على التحديد باستخدام أداة Lasso

أداة الفرشاة

أرز. 23. مثال على العمل مع أداة الفرشاة

أداة Brush Brush (Brush) تنشئ مسارًا متجهًا وتعبئته باللون المحدد ، ولكن بخلاف الأدوات التي تمت مناقشتها سابقًا ، لا تشكل خط حد (الشكل 23). لفهم المسار الذي تنشئه أداة Brush ، ألق نظرة على الشكل. 24 باستخدام أداة Subselect.

أرز. 24. مثال على خط كفاف تم إنشاؤه باستخدام أداة الفرشاة

أرز. 25. خيارات لتخصيص أداة الفرشاة

توفر لوحة الخيارات ثلاثة خيارات لتخصيص أداة الفرشاة: الأوضاع (الزر العلوي) وأحجام الفرشاة (الزر الأوسط) وشكل الفرشاة (الزر السفلي) (الشكل 25).

تحدد الأوضاع طبيعة تفاعل الخط المرسوم مع الكائن المرسوم بالفعل (الشكل 26). كما ترى من الشكل ، عند رسم نفس النوع من الخطوط الأفقية في أوضاع مختلفة ، يتم الرسم بطرق مختلفة:

الطلاء العادي - يتم طلاء مساحة الإطار ، وخط الحد وتعبئة الكائن الذي يتم رسمه ؛

تعبئة الطلاء - يتم طلاء مساحة الإطار وتعبئة الكائن المراد طلائه. لا يتم رسم خط السكتة الدماغية ؛

الطلاء في الخلف - يتم رسم مساحة الإطار الخالية فقط ؛

تحديد الطلاء - يتم رسم المنطقة المحددة فقط ؛

الطلاء بالداخل - يتم طلاء الحشوة التي بدأت بها اللوحة فقط.

أرز. 26. أوضاع مختلفة لتفاعل ضربات الفرشاة مع كائن مرسوم مسبقًا

يجب توضيح تأثير معلمة Lock Fill - يظهر الزر المقابل لهذا الأمر مع رمز القفل مضغوطًا في الشكل. 27.

أرز. 27. مثال لعمل المعلمة Lock Fill

عندما يتم تنشيط معلمة Lock Fill (يتم الضغط على الزر) ، يتم تطبيق التدرج اللوني على منطقة العمل بأكملها (الشكل 27) ، وعندما لا يتم تنشيطه ، يتم الانتقال من لون إلى آخر بناءً على ضربة الفرشاة ( الشكل 28).

أرز. 28. لم يتم تنشيط تعبئة قفل المعلمة

ممحاة

تسمح لك الممحاة بمسح الخطوط والتعبئة ، ولديها عدد من الإعدادات المختلفة. في لوحة الخيارات ، يمكنك ضبط حجم وشكل الممحاة ، وكذلك تحديد وضع المسح (الشكل 29):

محو عادي - يتم مسح خط الحد وتعبئة الكائن ؛

محو التعبئة - يتم مسح تعبئة الكائن (لا يتم مسح خط الحد) ؛

محو الخطوط - يتم مسح الخطوط فقط ؛

محو عمليات التعبئة المحددة - يتم مسح المنطقة المحددة فقط.

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

يسمح لك معدِّل الحنفية بإزالة تعبئة أو خط بالكامل.

أرز. 29. طرق عمل مختلفة للممحاة

أداة القلم

حتى الآن ، نظرنا إلى الأدوات التي تنشئ المسارات تلقائيًا. أداة القلم (القلم) تسمح لك بالعمل مباشرة مع المسارات. يمكن استخدامه لإنشاء مقاطع مستقيمة ومنحنية ، وضبط طول الخطوط المستقيمة ومنحدر المقاطع المنحنية.

نقطة ربط خطية

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

أرز. 30. مثال على بناء متعدد الخطوط باستخدام أداة القلم

نقطة ربط ناعمة

أرز. 31. مثال على بناء منحنى سلس باستخدام أداة Pen

لتعيين نقطة ربط ناعمة ، حدد أداة القلم ، واضغط على الزر الأيسروبدون تحريره ، حرك الماوس قليلاً ؛ ونتيجة لذلك ، ستظهر نقطة ربط سلسة وخط توجيه يخرج منها (الشكل 31). من خلال تدوير وإطالة خط التوجيه ، يمكنك تغيير انحناء المقطع التالي.

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

لإغلاق المسار ، انقل المؤشر إلى نقطة ربط البداية أو إلى خط المسار. بعد أن يتحول المؤشر إلى قلم ذي دائرة ، انقر بالماوس - وسيتم إغلاق المخطط التفصيلي.

إذا تم توصيل جزأين مستقلين عند نقطة ما ، فسيكون ذلك زاوية. على سبيل المثال ، إذا قمت بتوصيل مقاطع مستقيمة ومنحنية ، فستظهر نقطة ركن عند تقاطعها (الشكل 32).

أرز. 32. عند تقاطع المقاطع المستقيمة والمنحنية ، يتم تشكيل نقطة ركن

يمكن تحويل نقاط الربط ونقلها وحذفها.

حدد أداة Subselection لتحويل نقطة ركن إلى نقطة ناعمة. انقر فوق نقطة الزاوية ، وأثناء الضغط على مفتاح Alt ، اسحب النقطة - ستصبح سلسة ، وسيظهر خط إرشادي ، مما يسمح لك بتغيير انحناء المقاطع المتصلة عند هذه النقطة المتجانسة (الشكل 33).

أرز. 33. مثال على تحويل نقطة الزاوية إلى نقطة ناعمة

بشكل افتراضي ، تظهر نقاط المنحنى المصقولة المحددة كنقاط مجوفة ونقاط زاوية محددة كمربعات مجوفة.

استخدام أدوات Pen و Subselection للعمل مع نقاط الربط

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

على وجه الخصوص ، في الشكل. يوضح الشكل 34 مسارًا تم إنشاؤه باستخدام الأداة Oval عن طريق تحويل نقطة ناعمة واحدة إلى نقطة ركن (باستخدام أداة Pen) وسحب نقطة الزاوية باستخدام أداة Subselection.

أرز. 34. الكفاف الذي تم الحصول عليه باستخدام أداة Oval بتحويل نقطة واحدة ناعمة إلى زاوية وسحبها

أداة القطارة

تُستخدم أداة القطارة لنسخ لون ونمط خطوط القلم الرصاص ووضع الفرشاة والتعبئة. عندما تحرك القطارة إلى الخط ، يتغير شكل المؤشر - تظهر أيقونة قلم رصاص صغير أسفل القطارة. عند النقر فوق القطارة على خط ما ، يتم نسخ جميع معلمات الخط (اللون والسمك والنمط) ويتم استبدال القطارة بأداة Ink Bottle التي تتيح لك تطبيق كل هذه الإعدادات على سطر آخر.

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

أداة سطل الدهان

لقد ذكرنا بالفعل أداة Paint Bucket - تم تمييزها في الشكل. 35 ، الآن سننظر في قدراتها بمزيد من التفصيل. تُستخدم هذه الأداة لتعبئة المناطق المغلقة (وغير المغلقة تمامًا) بتعبئات الألوان والتدرج والصورة النقطية.

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

هناك أربعة خيارات لإعداد هذه الأداة:

لا تسد الفجوات - لا تسد الفجوات ؛

سد الفجوات الصغيرة - سد الفجوات الصغيرة ؛

إغلاق الفجوات المتوسطة - إغلاق الفجوات المتوسطة ؛

سد الفجوات الكبيرة - سد الفجوات الكبيرة.

حدد أداة القلم الرصاص وارسم مسارًا مفتوحًا (الشكل 35). حدد وضع إغلاق الثغرات الكبيرة واملأ المخطط التفصيلي. كما يتضح من الشكل. 35 ، تظل التعبئة داخل المسار على الرغم من أن المسار الأصلي كان مفتوحًا.

أرز. 35. مثال على إغلاق الحلقة في وضع Close Large Gaps

لنلقِ نظرة الآن على التعبئة المتدرجة والعمليات التي تجريها. في لوحة Fill ، حدد خيار Fill - Linear Gradient (تدرج خطي). ثم ارسم مستطيلاً واملأه بتعبئة خطية بتدرج خطي ، وارسم مستطيلاً أصغر داخل المستطيل الكبير (الشكل 36). كما ترون في هذا الشكل ، في المستطيل الصغير ، يتحقق الانتقال من الأبيض إلى الأزرق عند التدرج اللوني الأدنى. إذا طبقنا وظيفة Lock Fill وقمنا بملء كلا المستطيلين ، نحصل على صورة كما في الشكل. 37. أي أن التدرج في المستطيل الداخلي والخارجي سيكون هو نفسه.

أرز. 36. يملأ التدرج الوضع عندما لا يتم تنشيط المعلمة Lock Fill

أرز. 37. يملأ التدرج الوضع عند تنشيط المعلمة Lock Fill

لتغيير اتجاه التدرج اللوني للتعبئة ، في لوحة الخيارات ، انقر فوق الزر Transform Fill (يتم الضغط عليه في الشكل 38) ، ثم على التعبئة ، ونتيجة لذلك ، ستظهر علامات (الشكل 38) .

أرز. 38. مثال على تعديل تعبئة متدرجة

يتم استخدام المقبض الدائري العلوي لتدوير التعبئة المتدرجة ، والمقبض المستطيل هو زيادة (تقليل) التدرج اللوني للانتقال من لون إلى آخر ، والمقبض الدائري المركزي هو تحريك مركز التعبئة المتدرجة.

تتيح لك أداة Paint Bucket أيضًا تعبئة مسار مغلق بصورة نقطية. دعنا نوضح كيف يتم تنفيذ هذا الإجراء بمثال بسيط. ارسم باستخدام أداة المستطيل صورة للشاشة ، في الشاشة التي سيتم إدراج الصورة النقطية فيها (الشكل 39).

أرز. 39. متجه صورة الشاشة ، حيث سيتم وضع الصورة النقطية للصورة

ثم قم باستيراد الصورة النقطية ، والتي سوف تملأ الشاشة. يمكنك استيراد صورة نقطية عن طريق تشغيل الأمر ملف> استيرادواختيار الملف المطلوب. بعد ذلك ، انتقل إلى لوحة Fill وقم بتغيير طريقة التعبئة إلى صورة نقطية - صورة نقطية (الشكل 40).

أرز. 40. لوحة تعبئة ، علامة التبويب تعبئة

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

أرز. 41. مثال على تعبئة خطوط المسح

من أجل تحرير تعبئة الصورة النقطية ، في لوحة الخيارات ، انقر فوق الزر "تعبئة التحويل" (يتم الضغط عليه في الشكل 42) ، ثم على تعبئة الصورة النقطية ، ونتيجة لذلك ، سيظهر إطار بعلامات (الشكل 42) ).

باستخدام العلامة المركزية ، يمكنك سحب الصورة النقطية بحيث يتم عرض الجزء المطلوب من الصورة على الشاشة المرسومة (الشكل 43).

أرز. 42. إطار تعديل التعبئة النقطية

أرز. 43. بتحريك العلامة المركزية ، يمكنك اقتصاص الصورة النقطية

تسمح لك العلامات الأخرى بقياس الصورة النقطية وتدويرها وتشويهها (الشكل 44).

أرز. 44. مثال على تشوه التعبئة النقطية

بعد استيراد العديد من الصور ، يمكنك تخصيص اللوحة التي يمكنك من خلالها تحديد البيانات النقطية لتعبئتها (الشكل 45) ، تمامًا مثل لوحة الألوان.

أرز. 45. مثال على لوحة بها عدة صور نقطية

جمع وطرح الأشكال

عندما يتداخل شكلان ، يقوم الفلاش إما بدمجهما أو تقسيمهما. ارسم شكلين أحاديي اللون - دائرة ومستطيل (الشكل 46) ، حدد المستطيل (بالنقر فوقه باستخدام أداة السهم) ، ثم قم بتراكب المستطيل على الدائرة وقم بإلغاء تحديده (بالنقر فوقه مرة أخرى باستخدام السهم أداة).

أرز. 46- الأرقام الأولية

نتيجة لذلك ، سيتم دمج الشكلين في شكل واحد. من خلال النقر على محيط الشكل الناتج باستخدام أداة Subselect ، يمكنك التأكد من اختفاء المحيط الداخلي (الشكل 47).

أرز. 47. مثال على الجمع بين شكلين أحادي اللون

الآن اتبع نفس الإجراء بأشكال ملونة مختلفة. في هذه الحالة ، لن تختفي الحدود الداخلية (الشكل 48).

أرز. 48. عند تداخل الأشكال بألوان مختلفة ، لا يختفي الكفاف الداخلي

الآن إذا حددت مستطيلاً وقمت بنقله باستخدام أداة Arrow ، فسيتم قطع جزء من الدائرة ، كما هو موضح في الشكل. 49.

أرز. 49. جزء من الدائرة مقطوع بمستطيل

من المفيد أحيانًا دمج مسارات الأشكال واستقطاعها للحصول على مسار معقد.

جميع أقسام الموقع


دروس فلاش للرسوم المتحركة

فلاش للرسوم المتحركة - تدريب

في الآونة الأخيرة ، يريد المزيد والمزيد من الناس التعلم بأنفسهم جعل الرسوم المتحركة الجميلة... بالطبع ، هذه الرغبة مفهومة. كيفية الاقتراب إنشاء الرسوم المتحركة فلاش?

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

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

الغرض الرئيسي من Flash هو إنشاء صفحات ويب تفاعلية غنية بالرسوم المتحركة والرسوم المتحركة.

بالإضافة إلى ذلك ، يعد الفلاش تقنية مستقلة إلى حد ما تعتمد على استخدام ملفات رسومات فيكتوربتنسيق خاص Shockwave Flash (SWF).

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

بالإضافة إلى ذلك ، وردت كائنات فلاشمن السهل دمجه في صفحات الويب.

ميزة مهمة في SWF هي أن الصور التي تم إنشاؤها على أساسها لا يمكن أن تكون متحركة فحسب ، بل يمكن استكمالها بجميع أنواع العناصر التفاعلية والموسيقى التصويرية.

ميزة إضافية لتنسيق SWF ، حيث يتم تسجيل الفيديو ، هي قابليته للنقل ، أي أنه يمكن استخدام هذا التنسيق على أي نظام أساسي للأجهزة والبرامج (أجهزة كمبيوتر Macintosh ليست استثناء!).

هناك الكثير من البرامج التعليمية المتنوعة حول برنامج Adobe Flash على الإنترنت ، ولكنها تقدم فهمًا تقريبيًا للبرنامج ، إذا جاز التعبير ، "بشكل عام".

لا تغطي معظم هذه "البرامج التعليمية" مهامًا محددة. على سبيل المثال ، أريد فقط إنشاء لافتة لموقع ويب في Adobe Flash أو Photoshop ... وليس من المنطقي بالنسبة لي قراءة كل شيء عن Adobe Flash.

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

لكن إتقان إنشاء محركات أقراص فلاش بنفسك ("عن طريق الكتابة") يكاد يكون مستحيلاً. إذن ماذا ، يعد Photoshop برنامجًا معقدًا ... لكن تعلم كيفية إنشاء محركات أقراص فلاش الخاصة بك هو أكثر صعوبة!

دورات فلاش للرسوم المتحركة

بالتأكيد لا يمكنك الاستغناء عن دورات الفيديو هنا. لذلك ، أوصي بصدق بعدم إضاعة الوقت ، ولكن لشراء دورة فيديو عالية الجودة مع مفهوم دروس فلاش للرسوم المتحركة:

الرجاء تمكين JavaScript لعرض التعليقات التي تدعمها Disqus. تعليقات المدونة مدعومة من Disqus

ما هو أكثر إثارة للاهتمام حول الفلاش: