نقاشی برای انیمیشن در رنگ. چگونه در Paint انیمیشن بسازیم؟ جنبه های نظری ایجاد گیف های متحرک

بخش ها: علوم کامپیوتر

هدف درس: ایجاد یک تصویر متحرک با موضوع: "دریا"

اهداف درس:

1. آموزشی - ایجاد یک تصویر متحرک با استفاده از ویرایشگر گرافیکی Paint و Power Point با موضوع: "دریا"
2. آموزشی - برای ترویج شکل گیری توجه و استقلال در طول درس.
3. رشدی - رشد تفکر خلاق دانش آموزان

نوع درس: درس یادگیری مطالب جدید

ساختار درس

1. مرحله سازمانی (2 دقیقه.)
2. مرحله مقدماتی و انگیزشی. (10 دقیقه.)
3. مرحله عملیاتی و محتوایی. (20 دقیقه.)
4. مرحله بازتابی-ارزیابی. (5 دقیقه).
5. تکالیف (3 دقیقه)

تجهیزات: تخته سیاه، گچ، کامپیوتر، نرم افزار، مواد آموزشی.

در طول کلاس ها.

1. مرحله سازمانی.

سلام بچه ها بشینین امروز در درس یاد خواهیم گرفت که چگونه یک تصویر متحرک ایجاد کنیم. چه مفهومی داره؟

برای ایجاد انیمیشن، از تخیل خود استفاده کنید
شما باید بدون معطلی یک نقاشی بکشید!
شما مسیر را نشان می دهید، نقاشی زنده می شود،
او شما را به دنیای وسیع فانتزی فرا می خواند!!

امروز ما به دنیای جادویی زیر آب شیرجه خواهیم زد.

بیایید دریا را بکشیم، ما چیزهای زیادی در مورد این می دانیم،
یک اختاپوس شگفت انگیز در دریا شنا خواهد کرد.
او با زیبایی خود جذب می کند،
در حالی که ماهی ها در کنار آن شنا می کنند، تعظیم می کنند!

2. مرحله مقدماتی- انگیزشی (به روز رسانی دانش پایه).

در آخرین درس، موضوع "کدگذاری اطلاعات" را مطالعه کردیم و کار عملی روی این موضوع انجام دادیم. به سوالات پاسخ دهید: چگونه می توان اطلاعات را رمزگذاری و رمزگشایی کرد؟ کد نویسی چیست؟ رمزگشایی چیست؟ از چه برنامه ها و برنامه هایی برای رمزگذاری و رمزگشایی اطلاعات استفاده کردیم؟

به خاطر سپردن این موضوعکار عملی را در رایانه کامل کنید. موضوع درس ما را رمزگشایی کنید.

دنیای اعداد و اعداد بسیار بزرگ است،
شما دانش آموز توانستید راز آنها را درک کنید!
به هر حال، هر عددی در اینجا یک حرف را ذخیره می کند،

آن را رمزگشایی کنید و فوراً آن را بخوانید!

رمزگشایی اطلاعات در برنامه Notepad انجام می شود. حروف با فشار دادن همزمان کد عددی با کلید Alt رمزگشایی می شود.

متن زیر در وظیفه کدگذاری شده است:

امروز در درس اطلاعات، انیمیشن را در ویرایشگر گرافیکی رنگ ایجاد خواهیم کرد. برای همه آرزوی کار ثمربخش و خلق و خوی خوب دارم!

1. 0209 0197 0195 0206 0196 0205 0223
2. 0205 0192
3. 0211 0208 0206 0202 0197
4. 0200 0205 0212 0206 0208 0204 0192 0210 0200 0202 0200
5. 0204 0219
6. 0193 0211 0196 0197 0204
7. 0209 0206 0199 0196 0192 0194 0192 0210 0220
8. 0192 0205 0200 0204 0192 0214 0200 0222
9. 0195 0208 0192 0212 0200 0215 0197 0209 0202 0206 0204
10. 0208 0197 0196 0192 0202 0210 0206 0208 0197
11. 080 065 073 078 084
12. 0198 0197 0203 0192 0222
13. 0194 0209 0197 0204
14. 0207 0203 0206 0196 0206 0210 0194 0206 0208 0205 0206 0201
15. 0208 0192 0193 0206 0210 0219
16. 0213 0206 0208 0206 0216 0197 0195 0206
17. 0205 0192 0209 0210 0208 0206 0197 0205 0200 0223 033

3. مرحله عملیاتی و محتوایی. (20 دقیقه.)

ایجاد یک تصویر متحرک

برنامه کار. اکنون ما به یک سفر زیر آب می رویم، انیمیشن "دریا" را می سازیم.

4. ایجاد انیمیشن "دریا".

1. باز کنید ویرایشگر گرافیکی Paint (شروع - برنامه ها - لوازم جانبی - Paint)

2. در نوار منو، Picture – Attributes را انتخاب کنید. پارامترهای مجموعه: ارتفاع 24 سانتی متر، عرض 32 سانتی متر.

3. در نوار ابزار، یک fill را انتخاب کنید و سند را با رنگ آبی پر کنید.

4. با استفاده از شکل بیضی روی نوار ابزار، سنگریزه های دریایی (به هر اندازه و کمیت) را بکشید. با استفاده از فیل، سنگریزه ها را با رنگ های مختلف رنگ آمیزی کنید.

5. با استفاده از ابزار Curve جلبک ها را بکشید.

چه زیبایی های بی حد و مرزی
چه منظره باشکوه و شگفت انگیزی
اما اینجا ما چیزی را از دست می دهیم،
آرامش و سکوت حاکم است.
اینجا سنگریزه ها زیبا هستند، زیر آب،
اینجا جلبک دراز و سبز است،
اما ماهی قرمز گم شده است،
برای لذت بردن از زیبایی با احساس!
بیا با تو ماهی بکشیم
بیایید کمی جادو برای این کار انجام دهیم!

6. نقاشی به دست آمده را ذخیره کنید. (فایل – ذخیره به عنوان – نام تصویر دریا).

7. ویرایشگر گرافیکی Paint (شروع - برنامه ها - لوازم جانبی - Paint) را باز کنید.

8. در نوار منو، Picture – Attributes را انتخاب کنید. تنظیم پارامترها: ارتفاع 3 سانتی متر، عرض 5 سانتی متر.

9. در نوار ابزار، یک fill را انتخاب کنید و سند را با رنگ آبی پر کنید.

10. یک ماهی بکشید.

11. نقاشی به دست آمده را ذخیره کنید. (فایل – ذخیره به عنوان – نام تصویر ماهی).

اینجا او یک زیبایی است، یک ماهی طلایی،
او به سرعت شنا خواهد کرد و به دریا فکر می کند!
اما برای اینکه ماهی ها خسته نشوند ،
ما باید برای او دوست بسازیم!

12. ویرایشگر گرافیکی Paint (شروع - برنامه ها - لوازم جانبی - Paint) را باز کنید.

13. در نوار منو، Picture – Attributes را انتخاب کنید. تنظیم پارامترها: ارتفاع 5 سانتی متر، عرض 3 سانتی متر.

14. در نوار ابزار، یک fill را انتخاب کنید و سند را با رنگ آبی پر کنید.

15. یک اختاپوس بکشید.

16. نقاشی به دست آمده را ذخیره کنید. (فایل – ذخیره به عنوان – نام تصویر اختاپوس).

او پاهای زیادی دارد
این چه کسی است؟ اختاپوس!
او با ماهی شنا خواهد کرد،
و ما را به دریا خواهند برد.

17. ارائه Power Point (شروع – برنامه ها – پاور پوینت) را باز کنید.

18. در نوار منو، Insert – Picture – From File – Sea را انتخاب کنید

19. در نوار منو، Insert – Picture – From File – Fish را انتخاب کنید

20. در نوار منو Insert – Picture – From File – Octopus را انتخاب کنید

21. شی، ماهی را انتخاب کنید، راست کلیک کرده و تنظیمات انیمیشن را در منوی ظاهر شده انتخاب کنید.

22. انتخاب کنید: افزودن جلوه – حرکت مسیرها – رسم دوره سفارشی-Curve. یک منحنی دلخواه رسم کنید.

23. شی، اختاپوس را انتخاب کنید، راست کلیک کرده و تنظیمات انیمیشن را در منوی ظاهر شده انتخاب کنید.

24. انتخاب کنید: افزودن جلوه – حرکت مسیرها – رسم دوره سفارشی-Curve. یک منحنی دلخواه رسم کنید.

25. Slide Show – Start Show را از نوار منو انتخاب کنید.

زیبایی دریا بی حد و حصر است
زیبایی دریا قابل تغییر است
زندگی در حال حرکت است و این برای ما آشناست
بیایید همیشه حرکت کنیم.
ساحل دریا، ماهی، اقیانوس،
انتقال همه زیبایی ها غیرممکن است،
برای برداشتن پرده رازداری،
ما باید یک انیمیشن بسازیم.

4. مرحله بازتابی-ارزیابی (5 دقیقه).

نمرات دروس داده می شود

5. تکالیف.

یک تصویر متحرک رایگان ایجاد کنید.

سوتلانا شلیاختینا

هر صفحه وب بدون انیمیشن وب غیرممکن است، از جمله گیف های متحرک، برای مدت طولانی، طراحان وب مجبور به استفاده از مجموعه کاملی از برنامه های تخصصی از توسعه دهندگان مختلف بودند بسته های گرافیکی در درجه اول برای کار با دو بعدی طراحی شده اند گرافیک شطرنجیو در عین حال به شما این امکان را می دهد که فایل هایی را در قالب انیمیشن GIF ایجاد کنید زیرا ابزارهای مربوطه مکمل آنها هستند، همه چیز بسیار ساده تر شده است. این بسته ها شامل Jasc Paint Shop Pro است که شامل برنامه Animation Shop است که برای ایجاد انیمیشن های GIF طراحی شده است: دکمه های متحرک، بنرها و سایر عناصر متحرک.

Paint Shop Pro و Animation Shop نزدیک به هم کار می کنند، کاملاً سازگار هستند و کاملاً یکدیگر را تکمیل می کنند، که این امکان را فراهم می کند که در مرحله ایجاد انیمیشن، به طور مکرر از یک برنامه به برنامه دیگر تغییر دهید و فریم های تصویر را در Paint Shop Pro ویرایش کنید، که تضمین می کند که فریم های مربوطه در فروشگاه انیمیشن تغییر می کند. همچنین می توانید لایه ها را به فریم ها و بالعکس و همچنین انیمیشن را به یک تصویر چند لایه صادر کنید. در عین حال، هر یک از این برنامه ها از نظر گرافیک وب تخصص خاص خود را دارند: به عنوان یک قاعده، بهتر است فریم ها را در Paint Shop Pro آماده و ویرایش کنید و جلوه های پویا، بهینه سازی و البته خود انیمیشن را اعمال کنید. - در فروشگاه انیمیشن.

Animation Shop دارای یک رابط کاربر پسند و یک حالت ساده و راحت برای ویرایش فریم ها با قابلیت چرخش، آینه و برش آنها و همچنین طیف گسترده ای از ابزارها است: براش ها، اشکال، ابزارهای پاک کردن و برش، ابزار متنو غیره همه اینها همراه با توانایی کار با استادان گام به گام، حتی به افراد غیر حرفه ای نیز اجازه می دهد تا به سرعت انیمیشن های GIF ایجاد کنند. علاوه بر این، Animation Shop مجموعه بزرگی از افکت‌ها و فیلترهای حرفه‌ای را ارائه می‌کند که می‌توانید هنگام ایجاد انیمیشن از آنها استفاده کنید. این برنامه از روش های بهینه سازی موثر و راحت پشتیبانی می کند که به شما امکان می دهد به سرعت راه حل بهینه را بر اساس داده های نمایش داده شده در پنجره آن در مورد کیفیت تصویر، اندازه و سرعت بارگذاری آن پیدا کنید و اندازه تصویر "زنده" را به میزان قابل توجهی کاهش دهید.

جنبه های نظریساخت گیف های متحرک

همانطور که می دانید انیمیشن دنباله ای از فریم ها است که می توان مواد گرافیکی منبع آن را هم در Animation Shop و هم در Paint Shop Pro از قبل آماده کرد و انتخاب اپلیکیشن با توجه به ویژگی های یک انیمیشن خاص مشخص می شود.

انیمیشن گیف در Animation Shop به سه روش قابل ایجاد است. اولین و راحت ترین آنها این است که یک تصویر چند لایه را در Paint Shop Pro از قبل آماده کنید، که در فرمت های PspImage یا PSD ذخیره شده و در Animation Shop باز شده است - در این حالت، یک فریم جداگانه برای هر لایه از تصویر ایجاد می شود. . لایه ها راه مناسبی را برای ساخت ترکیبی یک تصویر متحرک از عناصر مختلف گرافیکی و متنی ارائه می دهند و به شما اجازه می دهند تا در عناصر مختلفتصاویر، فیلترهای مختلف، درجه شفافیت و حالت ترکیب لایه ها را تغییر دهید، روشنایی را تنظیم کنید و سایر تغییرات موجود در Paint Shop Pro را اعمال کنید، در نتیجه افکت های متنوعی ارائه می شود.

روش دوم گزینه سنتی برای ایجاد انیمیشن در انیماتورهای گیف مستقل است و شامل اتصال متوالی فریم های تصویر تک لایه از پیش ساخته شده با استفاده از یک جادوگر است. علاوه بر این، از نظر تئوری امکان ایجاد یک گیف متحرک ساده از ابتدا به طور مستقیم در محیط Animation Shop وجود دارد.

همچنین یک امکان اساسی متفاوت برای ایجاد فریم وجود دارد - تولید خودکار فریم های میانی، که به طور قابل توجهی سرعت تولید انیمیشن های صاف را افزایش می دهد، زیرا نیازی به ایجاد دستی هر فریم نیست. برای انجام این کار، فریم های کلیدی تعیین می شوند و سپس کامپیوتر به طور خودکار هر آنچه را که باید در فواصل بین آنها باشد، مطابق با افکت تعریف شده در برنامه (چرخش، حرکت، تغییر ویژگی های رنگ و غیره) تشکیل می دهد. با این حال این فرصتبا تعداد افکت های موجود در Animation Shop محدود می شود (شایان ذکر است که به طور کلی افکت های بسیار زیادی وجود دارد، اما نه برای همه موارد)، و اگر اصل مورد نظر تغییر فریم ها در تعداد موارد موجود گنجانده نشده باشد. اثرات، سپس تمام فریم های میانی باید به صورت دستی در Paint Shop Pro ایجاد شوند.

صادرات و به روز رسانی انیمیشن ها

همانطور که قبلاً اشاره شد، در مرحله ایجاد انیمیشن می توانید بین آنها جابجا شوید برنامه های رنگ آمیزی Shop Pro و Animation Shop، اگرچه فقط زمانی که کادر چک Export Frames to Paint Shop Pro as layered images در برنامه Animation Shop فعال باشد. برای این کار از دستور File=>Preferences=>General Program Preferences=>Layered Files (File=>Settings=>General program settings=>Layered files) استفاده کرده و چک باکس مشخص شده را فعال کنید (شکل 1). در این صورت، اگر نیاز به ویرایش یک یا همه فریم های انیمیشن دارید، کافی است فریم های انتخابی را از Animation Shop به Paint Shop Pro با یکی از روش های زیر صادر کنید:
دستور File=>Export Frames=>To Paint Shop Pro را از منو انتخاب کنید.
روی دکمه Export Frames to Paint Shop Pro در نوار ابزار کلیک کنید.
روی فریم های انتخاب شده کلیک راست کرده و از منوی باز شده Export Frames to Paint Shop Pro را انتخاب کنید.

برنج. 1. فعال کردن امکان صادرات فریم به Paint Shop Pro

سپس باید تغییرات لازم را در محیط Paint Shop Pro انجام دهید و فایل را بدون ذخیره ببندید - در این صورت، برنامه در مورد نیاز به به روز رسانی فریم های مربوطه در Animation Shop سوالی را مطرح می کند. در صورت مثبت بودن پاسخ، تمامی تغییرات ایجاد شده در Paint Shop Pro به انیمیشن باز شده در Animation Shop منتقل می شود که قابل مشاهده است.

گزینه دیگری برای به روز رسانی انیمیشن از Paint Shop Pro وجود دارد: بدون بستن فایل Paint Shop Pro، از دستور Edit=>Update Back to Animation Shop استفاده کنید. سپس به Animation Shop بروید و با استفاده از دستور File=>Export Frames=>Break Link With Exported Frames (File=>Export Frames=>Break Link with Exported Frames) پیوند بین انیمیشن و تصویر چند لایه به طور موقت ایجاد شده را قطع کنید. آخرین مرحله لازم است زیرا بدون قطع اتصال اقدامات بعدیدر فروشگاه انیمیشن امکان پذیر نخواهد بود.

متأسفانه، باید اعتراف کنیم که هر دو گزینه خیلی راحت نیستند، زیرا ایجاد انیمیشن مؤثر فقط با توسل به روش ویرایش فریم در Paint Shop Pro غیرممکن است. اغلب، شما باید فریم ها را ویرایش کنید، انیمیشن را به روز کنید، نتیجه را مشاهده کنید و بارها دوباره ویرایش کنید. و هر بار برای این کار باید فریم ها را به Paint Shop Pro صادر کنید. بدیهی است که گزینه دوم دقیقاً برای توانایی ویرایش مکرر یک تصویر چند لایه با به‌روزرسانی‌های معمولی انیمیشن طراحی شده است، اما به طور کامل پیاده‌سازی نشده است و بنابراین عملاً چیزی ارائه نمی‌دهد و به شما امکان می‌دهد انیمیشن را به‌روزرسانی کنید و هر گونه عمل در انیمیشن را ممنوع کنید. خرید کنید، و مهمتر از همه، مشاهده انیمیشن. من می خواهم باور کنم که در نسخه های بعدی Paint Shop Pro و Animation Shop این تفاوت ناخوشایند از بین خواهد رفت.
با پرسنل کار کنید

پنجره اصلی هنگام توسعه انیمیشن پنجره Frames است که خود فریم ها در آن قرار دارند (شکل 2). برای کار با یک فریم خاص، کافی است آن را در این پنجره انتخاب کنید و آن را تحت تغییرات لازم قرار دهید - ویرایش، اعمال یک افکت، تغییر خصوصیات و غیره. انتخاب چندین فریم به روش معمول با نگه داشتن کلیدهای Ctrl یا Shift انجام می شود. و همه فریم ها را می توان با استفاده از دستور Edit => Select All (Edit=>Select all) یکباره انتخاب کرد.

برنج. 2. پنجره Frames: علامت اختصاری F نشان دهنده شماره فریم و علامت اختصاری D مدت زمان آن را در صدم ثانیه نشان می دهد.

در رابطه با فریم ها، می توانید تبدیل های ساده را انجام دهید: چرخش و بازتاب های دیدنی(منو Animation - Animation)، و همچنین با تغییر جهت فریم ها به عکس با استفاده از دستور Animation=>Reverse Frames (Animation=>Reverse Frames) یک معکوس انجام دهید.

جالب‌ترین چیز هنگام کار با فریم‌ها اعمال افکت‌ها بر روی آن‌ها است که به شما اجازه می‌دهد تا فریم‌ها را با استفاده از تغییر شکل‌های مختلف به یکدیگر متصل کنید (شکل 3). تمامی افکت ها در منوی افکت ها قرار دارند و به سه گروه افکت های حرکتی تصویر (فرمان درج تصویر انتقال تصویر)، افکت های تصویری (فرمان های درج جلوه تصویر و اعمال جلوه تصویر) و افکت های متنی (درج افکت متن و دستورات اعمال افکت متن) تقسیم می شوند. . شایان ذکر است که استفاده از برخی از این دستورات (با کلمه Insert... شروع می شوند) به طور خودکار منجر به تولید یک سری کامل از فریم های میانی می شود و از انتقال صاف بین فریم های منبع ایجاد شده به صورت دستی اطمینان حاصل می کند. به نوبه خود، دستورات Apply Image Effect و Apply Text Effect افکت را بدون ایجاد فریم های میانی روی فریم های انتخابی اعمال می کنند.

برنج. 3. اعمال افکت Dissolve

مشخصات انیمیشن را مشاهده و تغییر دهید

در پنجره Animation Shop می توانید بلافاصله با کلیک بر روی دکمه View Animation نتیجه را مشاهده کنید و در صورت نیاز تغییرات مورد نیاز را انجام دهید، مثلا مدت زمان تاخیر یک یا چند فریم و ... را تنظیم کنید. تاخیر نمایش برای همه فریم ها یک صدم ثانیه است و در این حالت فریم ها تقریباً بلافاصله جایگزین یکدیگر می شوند. با این حال، زمان پخش برای هر فریم را می توان به راحتی با استفاده از دستور Animation=>Frame Properties=>Display Time تغییر داد.

علاوه بر این، تنظیم رنگ پس زمینه انیمیشن با استفاده از دستور Animation=>Animation Properties=>Canvas Color و همچنین تغییر اندازه فریم با استفاده از دستور Animation=>Resize Animation کار سختی نیست (شکل 4). .

برنج. 4. تغییر اندازه فریم های انیمیشن

ذخیره و بهینه سازی انیمیشن ها

در پایان کار، برنامه به شما این امکان را می دهد که فایل انیمیشن را با بهینه سازی ذخیره کنید، یعنی با کاهش حجم، کاهش تعداد رنگ ها، حذف اطلاعات مربوط به مناطق ایستا تصویر و غیره از آن حذف کنید. 5) با استفاده از دستور File => Save (فقط هنگام ذخیره برای اولین بار) یا با فراخوانی جادوگر بهینه سازی با دستور File=>Optimization Wizard (File=>Optimization Wizard). شایان ذکر است که اولاً برنامه نتیجه بهینه سازی را حتی در مرحله بهینه سازی در پنجره پیش نمایش نشان می دهد و ثانیاً در پایان حجم فایل فشرده را در مقایسه با نسخه اصلی و زمان بارگذاری آن برای اتصالات مختلف گزارش می کند. گزینه ها (شکل 6). همه اینها با هم کمک می کند تا نسخه نهایی فایل بهینه شده را انتخاب کنید و یک مصالحه معقول بین کیفیت تصویر و اندازه آن پیدا کنید.

برنج. 5. تعیین پارامترهای بهینه سازی

برنج. 6. نتیجه فشرده سازی فایل انیمیشن در حین بهینه سازی

در نتیجه ایجاد خواهد شد فایل فشردهبا فرمت Animation GIF که در صورت لزوم می توان آن را در هر زمان با دستور File=>Open (File=>Open) بارگذاری کرد و در صورت لزوم تبدیل کرد.

انیمیشن گیف در عمل

تعداد باورنکردنی گزینه های مختلف انیمیشن وجود دارد که به طور سنتی در طراحی وب استفاده می شود و قبلاً کلاسیک شده اند. اینها گزینه های مختلفی برای جابجایی متن به عنوان یک کل یا شخصیت های جداگانه آن و همچنین سایر اشیاء هستند. گزینه های مختلف برای تبدیل اشیاء و چرخش های مختلف. علاوه بر این، اشیاء می توانند به معنای واقعی کلمه چشمک بزنند و برق بزنند، رنگ خود را تغییر دهند، حل شوند، پاک شوند و به آرامی ظاهر شوند، کوچک شوند و رشد کنند و غیره. با توجه به گستردگی موضوع، ما قصد نداریم همه چیز و همه را پوشش دهیم و تنها به چند مثال می پردازیم که می تواند امکان ترکیب موثر عملکرد بسته Paint Shop Pro با ابزار Animation Shop را نشان دهد.
زوم انیمیشن

این افکت اغلب به روشی تقریباً یکسان برای متن و سایر اشیاء اعمال می شود و با استفاده از برنامه های مورد نظر بسیار ساده پیاده سازی می شود.

برای به دست آوردن یک انیمیشن مقیاس‌پذیر، باید Paint Shop Pro را باز کنید و یک طراحی جدید ایجاد کنید (شکل 7 و 8) - در این حالت، یک تصویر برداری روی پس‌زمینه سفید است. با کلیک راست روی آن و انتخاب گزینه Convert To Raster Layer، لایه برداری را به یک لایه شطرنجی تبدیل کنید. سپس هر دو لایه را با کلیک راست بر روی یکی از آنها و انتخاب Merge=>Merge All ادغام کنید.

برنج. 7. تصویر اصلی

برنج. 8. پالت لایه

تصویر تک لایه ایجاد شده را در فرمت اصلی Paint Shop Pro ذخیره کنید و آن را در Animation Shop باز کنید که در نتیجه یک فریم ایجاد می شود (شکل 9). افکت زوم را با استفاده از دستور Effects=>Insert Image Transition (Effects=>Insert Image Transition Effect) با پارامترهای نشان داده شده در شکل اعمال کنید. 10. در نتیجه، یک سری کامل از قاب ها تشکیل می شود - تقریباً مانند شکل. 11. انیمیشن ایجاد شده را با کلیک بر روی دکمه View Animation مشاهده کرده و با استفاده از دستور File=>Save در فرمت Animation GIF با پارامترهای بهینه سازی مورد نظر ذخیره کنید. در نتیجه، تقریباً همان انیمیشنی که در شکل نشان داده شده است، به دست می آید. 12.

برنج. 9. حالت اولیهقاب های پنجره

برنج. 10. انتخاب و تنظیم افکت زوم

برنج. 11. پنجره Frames بعد از اعمال افکت Zoom

برنج. 12. انیمیشن به پایان رسید

انیمیشن با افکت چشمک زن

بیایید سعی کنیم متن چشمک زن که به طور سنتی در طراحی وب استفاده می شود ایجاد کنیم. Paint Shop Pro را باز کنید، یک نقاشی جدید ایجاد کنید و هر متنی را روی پس‌زمینه سفید چاپ کنید، برای مثال، مانند شکل. 13. همزمان فایل کمکی را که قرار است با آن افکت چشمک زن را پیاده سازی کنید، باز کنید (شکل 14).

برنج. 13. متن منبع

برنج. 14. تصویر پشتیبان

با استفاده از ابزار Selection، یک ناحیه مستطیلی دلخواه را روی تصویر کمکی انتخاب کنید، آن را در کلیپ بورد کپی کنید و با استفاده از دستور Edit=>Paste=>Paste As New Layer (Edit=>Paste=) آن را به عنوان یک لایه جدید روی متن مبدا قرار دهید. > چسباندن به عنوان یک لایه جدید) در بالای وکتور یک لایه با متن. سپس به طور موقت لایه شطرنجی جدید را نامرئی کنید، به لایه متن بروید و با ابزار Magic Wand ناحیه خارج از متن را انتخاب کنید. به لایه شطرنجی تعبیه شده برگردید و کلید Del را فشار دهید تا انتخاب خارج از حروف پاک شود. در نتیجه، متن چیزی شبیه به شکل زیر خواهد بود. 15، و پنجره لایه ها مانند شکل 1 خواهد بود. 16.

برنج. 15. پس از حذف قسمت های غیر ضروری تصویر، متن ارسال کنید

برنج. 16. وضعیت پالت لایه در نتیجه تنظیم لایه شطرنجی

لایه پس‌زمینه و لایه برداری را با متن‌هایی که برای انیمیشن‌های آینده غیر ضروری هستند حذف کنید. لایه شطرنجی باقیمانده را کپی کنید و روی کپی به دست آمده، کدورت لایه را به عنوان مثال تا 80% کاهش دهید (شکل 17 و 18).

برنج. 17. ظاهر نهایی متن

برنج. 18. نمای نهایی پالت لایه

تصویر دو لایه ایجاد شده را با فرمت PspImage اصلی Paint Shop Pro یا با فرمت PSD (در هر دو مورد لایه ها ذخیره می شوند) ذخیره کنید و آن را در Animation Shop باز کنید. هنگامی که یک تصویر چند لایه را باز می کنید، لایه ها به طور خودکار به فریم تبدیل می شوند (شکل 19). با کلیک بر روی دکمه View Animation انیمیشن ایجاد شده را مشاهده کنید - نتیجه خیلی خوب نخواهد بود: حروف در پس زمینه سیاه پیش فرض خیلی چشمگیر به نظر نمی رسند و چشمک زدن خیلی سریع اتفاق می افتد. برای تغییر پس زمینه انیمیشن از دستور Animation=>Animation Properties=>Canvas Color (Animation=>Animation Properties=>Canvas Color) استفاده کرده و رنگ را سفید قرار دهید (شکل 20 و 21). برای کاهش سرعت فریم، هر دو فریم را در پنجره Frames انتخاب کنید، فرمان Frame Properties=>Display Time را از منوی Animation باز کنید و مدت زمان تاخیر فریم را تغییر دهید، برای مثال مانند شکل. 22. دوباره انیمیشن را مرور کنید و در صورت رضایت بخش با استفاده از دستور File=>Save در قالب Animation GIF با پارامترهای بهینه سازی لازم ذخیره کنید. در نتیجه، تقریباً همان انیمیشنی که در شکل نشان داده شده است، به دست می آید. 23.

برنج. 19. وضعیت اولیه پنجره Frames

برنج. 20. تغییر رنگ پس زمینه در پنجره Animation Properties

برنج. 21. قاب بعد از تغییر رنگ بوم

برنج. 22. تغییر سرعت اسکرول فریم در پنجره Frame Properties

برنج. 23. انیمیشن به پایان رسید

تغییر رنگ در انیمیشن

رنگ موجود در انیمیشن قابل تغییر است راه های مختلف، در موارد شدید، به سادگی با ایجاد قاب هایی که در آن اشیا به صورت دستی رنگ آمیزی می شوند. اما یک راه راحت تر وجود دارد: با تنظیم پارامترهای Hue (Hue) و Saturation (Saturation) - ما آن را در نظر خواهیم گرفت.

تصویر اصلی را در Paint Shop Pro که می خواهید تغییر رنگ متحرک را برای آن اعمال کنید باز کنید (شکل 24). با استفاده از ابزار Magic Wand، پس زمینه را انتخاب کنید، سپس یک وارونگی ایجاد کنید (شکل 25)، ناحیه انتخاب شده را در کلیپ بورد کپی کرده و با دستور Edit=>Paste=>Paste As New Image (Edit=) روی یک تصویر جدید قرار دهید. >Paste=>چسب کردن به عنوان یک تصویر جدید) (شکل 26).

برنج. 24. تصویر اصلی

برنج. 25. انتخاب قطعه ای از یک تصویر

برنج. 26. نتیجه درج یک قطعه انتخاب شده در یک تصویر جدید

با کلیک بر روی دکمه Duplicate Layer در پالت لایه لایه اصلی Raster 1 را چندین بار کپی کنید. برای تغییر مداوم سایه های رنگ، باید تعداد زیادی از این لایه ها را ایجاد کنید. برای راحتی، نام آنها را همانطور که در شکل نشان داده شده است تغییر دهید. 27. پس از این، به طور موقت همه لایه ها به جز Raster 1 و Raster 2 را نامرئی کنید، لایه Raster 2 را فعال کنید و از دستور Adjust=>Hue and Saturation=>Hue/Saturation/Lightness استفاده کنید (Adjustment=>Hue and Saturation=> Hue/ اشباع/روشنایی) رنگ را تغییر دهید، برای مثال مانند شکل. 28. لایه Raster 3 را نمایان کنید و رنگ تصویر روی آن را به همین ترتیب تغییر دهید. دقیقاً همان عملیات را برای تمام لایه های باقی مانده انجام دهید.

برنج. 27. وضعیت پالت لایه بعد از تکرار لایه ها

برنج. 28. تنظیم رنگ تصویر

تصویر چند لایه ایجاد شده را در قالب PspImage اصلی Paint Shop Pro یا با فرمت PSD ذخیره کنید و آن را در Animation Shop باز کنید - در این صورت، لایه ها به طور خودکار به فریم تبدیل می شوند (شکل 29). انیمیشن ایجاد شده را با کلیک بر روی دکمه View Animation مشاهده کرده و با استفاده از دستور File=>Save در فرمت Animation GIF با پارامترهای بهینه سازی مورد نظر ذخیره کنید. در نتیجه، تقریباً همان انیمیشنی که در شکل نشان داده شده است، به دست می آید. سی

برنج. 29. حالت اولیه پنجره Frames

برنج. 30. انیمیشن تمام شده

بیایید سعی کنیم انیمیشن ایجاد شده را کمی ویرایش کنیم - به طوری که رنگ ها به آرامی جایگزین یکدیگر شوند نه تنها در یک جهت، بلکه در مقابل. برای انجام این کار، با کلیک کردن متوالی بر روی هر فریم با دکمه سمت راست ماوس و انتخاب دستور Duplicate Selected، از هر فریم به جز فریم اول یک کپی تهیه کنید. سپس کپی‌های فریم‌ها را با ماوس بکشید تا سایه‌ها به آرامی جایگزین یکدیگر شوند، ابتدا در یک و سپس در جهت دیگر، در نتیجه پنجره Frames چیزی شبیه به شکل زیر خواهد بود. 31. اکنون ناهماهنگی فقط توسط اولین و درخشان ترین فریم ایجاد می شود که می تواند به وسط انیمیشن منتقل شود - در آنجا سایه آن به سایه های فریم های مجاور نزدیک تر خواهد شد. برای این کار، فریم دهم را انتخاب کنید، روی آن کلیک راست کنید، دستور Insert Frames => Empty را انتخاب کنید و Ok را بزنید - یک فریم خالی در مرکز ظاهر می شود. سپس روشن ترین فریم اول را روی آن بکشید. انیمیشن حاصل را مشاهده کنید. مشاهده می شود که سایه فریم تازه جابجا شده هنوز کاملاً با سایر سایه های درگیر متفاوت است - هنگام مشاهده انیمیشن روی این فریم، رنگ تصویر به شدت تغییر می کند، بنابراین بهتر است با انتخاب آن، این فریم را به طور کامل حذف کنید. با فشردن کلید دل

برنج. 31. پنجره فریم ها پس از تکثیر و جابجایی فریم ها

انیمیشن ساخته شده خود را مشاهده کنید و آن را به عنوان انیمیشن GIF با گزینه های بهینه سازی مورد نظر ذخیره کنید. انیمیشن به دست آمده در شکل نشان داده شده است. 32.

برنج. 32. انیمیشن به پایان رسید

از نظر تئوری، انیمیشن با تغییرات رنگ را می توان مستقیماً در فروشگاه انیمیشن ایجاد کرد - به لطف وجود جلوه Rotate Colors مربوطه، بسیار سریعتر خواهد بود. اما استفاده از این افکت به انتخاب خودکار رنگ ها و سایه ها محدود می شود که در هنگام تنظیم افکت نمی توان آنها را تغییر داد. بیایید سعی کنیم افکت Rotate Colors را روی یک تصویر تک لایه اعمال کنیم (شکل 33). تصویر را در Animation Shop باز کنید - در ابتدا فقط یک فریم در پنجره Frames ظاهر می شود، زیرا تصویر فقط یک لایه داشت. یک افکت تغییر رنگ را با دستور Effects => Insert Image Effect (Effects => Inserting an image effect) با پارامترهای نشان داده شده در شکل اعمال کنید. 34. نتیجه تولید خودکار بیست و یکمین فریم در پالت Frames خواهد بود (شکل 35)، با صرفه جویی در فرمت Animation GIF، انیمیشن نشان داده شده در شکل را دریافت خواهید کرد. 36.

چگونه در Paint یک انیمیشن بسازیم و بهترین پاسخ را گرفتیم

پاسخ از الکسی خروشف[گورو]
برنامه رایگان Paint.Net، با وجود سادگی ظاهری رابط کاربری آن، چند منظوره است و با کمک آن می توانید چیزهای شگفت انگیز و شگفت انگیزی خلق کنید.
انیمیشن چیست؟ اینها تصاویر (قاب ها) متوالی در حال تغییر هستند، بسیار شبیه به یک نمایش اسلاید هستند، فقط فریم ها سریعتر از حد معمول تغییر می کنند و تصاویر (قاب ها) برای ایجاد انیمیشن در پسوند "gif" ذخیره می شوند و نه در "jpeg" یا "jpg" "، طبق معمول ما به ذخیره تصاویر عادت کرده ایم.
نکته این است که برای ایجاد انیمیشن، شما نیاز دارید برنامه اضافیمفسری که با تصاویر در پسوند "gif" کار می کند.
بسیاری از این برنامه ها وجود دارد، اما ما شما را به برنامه UnFREEz می بریم، ابزاری که تنها یک عملکرد را انجام می دهد - فایل های متحرک متحرک را می سازد.
برنامه UnFREEz رایگان است، سریع دانلود می شود، فضای بسیار کمی را اشغال می کند، واضح، سریع کار می کند و نیازی به نصب ندارد، آرشیوی که دانلود کردید خود برنامه است.
دانلود، از حالت فشرده خارج شده و می توانید از آن استفاده کنید.
رابط برنامه حاوی پنجره‌ای است که در آن تصاویر را آپلود می‌کنید، تنها سه دکمه کار می‌کند و زمان تناوب فریم را بر حسب سانتی‌ثانیه (1/100 ثانیه) تنظیم می‌کند.
چک باکس مسئول "پخش" ویدیوها از فریم های آپلود شده در یک دایره است.
برای آپلود تصاویر (با کشیدن آنها با ماوس)، باید همه یک اندازه و در پسوند "gif" داشته باشید.
همین. در حال حاضر مشخص شده است که انیمیشن چگونه انجام می شود.
Paint.Net را باز کنید، به منوی "Effects" بروید و بررسی کنید که آیا افزونه "Point Warp" در ویرایشگر وجود دارد یا خیر.
در اینجا می توانید افزونه “Point Warp” را دانلود کنید:. ru/soft/base/point_warp/point_warp_11/ فاصله را بردارید.
آن را در پوشه Effects - (C:Program FilesPaint.NETEffects) قرار دهید، این افزونه خودش نصب می شود، اگر نه بلافاصله، پس از باز کردن مجدد ویرایشگر.
تصویر را در Paint.NET باز کنید.

Paint.net یک ویرایشگر گرافیکی راحت و رایگان است که می تواند تا حدی جایگزین گران قیمت شود فتوشاپ. مجموعه ابزارهای آن برای پردازش عکس ها و ایجاد کلاژ کافی است. هیچ راهی برای ایجاد انیمیشن در خود ویرایشگر وجود ندارد و بنابراین باید از ابزار رایگان UnFREEz نیز استفاده کنید.

شما نیاز خواهید داشت

• - ویرایشگر گرافیکی Paint.net؛
• - برنامه UnFREEz.

دستورالعمل ها

بایگانی برنامه UnFREEz را از وب سایت توسعه دهنده دانلود کنید، آن را از بسته بندی خارج کرده و بر روی رایانه خود نصب کنید. Paint.net را راه اندازی کنید. رابط کاربری آن بسیار شبیه به برادر بزرگتر خود، فتوشاپ است، بنابراین اگر قبلا از این ویرایشگر معروف استفاده کرده باشید، پیمایش آن دشوار نخواهد بود.

برای درک اصول ساخت انیمیشن، بهتر است از چیزهای ساده مانند زیرنویس شروع کنید. در نوار ابزار، روی نماد "T" کلیک کنید تا ابزار Type فعال شود.

سایه مناسب را در پالت رنگ و نوع و اندازه فونت را در پانل خصوصیات مشخص کنید. روی نماد "افزودن لایه جدید" در پنل لایه ها کلیک کنید و متن را وارد کنید. با استفاده از دستور "Save As..." از منوی "File"، تصویر را در پوشه مورد نظر با پسوند jpg ذخیره کنید، به عنوان مثال، 1.jpg. این اولین فریم انیمیشن خواهد بود.

در پنل لایه ها، روی نماد لایه تکراری کلیک کنید. یک لایه جدید با همان نامی که در حال کپی کردن است ایجاد می شود. اگر می خواهید نام یک لایه را تغییر دهید، روی آن در پنل لایه ها دوبار کلیک کنید و نام دیگری را وارد کنید.

در منوی “Effects” به گروه “Distortion” رفته و دستور “Dents” را انتخاب کنید. برای شروع، پارامترهای اعوجاج را روی مقادیر کم تنظیم کنید. اگر از نتیجه راضی هستید، برای ذخیره روی OK کلیک کنید. برای لغو تغییرات ناموفق، از دستور "Undo" در منوی "Edit" یا کلیدهای Ctrl+Z استفاده کنید.

تصویر جدید را در همان پوشه با نام 2.jpg ذخیره کنید تا ترتیب فریم ها به هم نریزد. هنگام ذخیره، برنامه در مرحله اول پیشنهاد می کند سطح تاری و کیفیت تصویر ذخیره شده را انتخاب کنید، در مرحله دوم - ادغام تمام لایه ها یا امتناع از ادغام. "Merge All Layers" را انتخاب کنید. پس از ذخیره تصویر، تمام لایه ها در یک لایه به نام "پس زمینه" ادغام می شوند. در منوی Edit روی Undo کلیک کنید تا دوباره آنها را جدا کنید.

یک کپی دیگر از لایه ایجاد کنید و تنظیمات اعوجاج را افزایش دهید. تصویر را به صورت 3.jpg ذخیره کنید. عملیات را چندین بار تکرار کنید. هرچه فریم های بیشتری بسازید، انیمیشن روان تر خواهد بود.

پوشه را با فایل های گیف ذخیره شده خود باز کنید. برنامه UnFREEz را اجرا کنید و تصاویر را یکی یکی به پنجره Frames بکشید. در پنجره تاخیر فریم، فاصله زمانی تغییر فریم ها را انتخاب کرده و روی Make animated GIF کلیک کنید. وقتی برنامه از شما خواسته شد، نام انیمیشن خود و پوشه ذخیره آن را وارد کنید (به طور پیش فرض، پوشه ای با فایل های گیف ذخیره شده پیشنهاد می شود).

برای حذف یک لایه، روی ضربدر در پنل لایه ها کلیک کنید. شما می توانید لایه ها را زمانی که حداقل 2 لایه وجود دارد حذف کنید.

این درس بر اساس سوالات متعدد بازدیدکنندگان ما تهیه شده است. در واقع، هیچ چیز دشواری در ایجاد نقاشی های متحرک وجود ندارد. تصاویر متحرک، به عنوان مثال، با معروف ترین فرمت پشتیبانی می شوند فایل های گرافیکی GIF. لطفا توجه داشته باشید که انیمیشن بسازید فایل JPGیا BMP بعید است که کار کند، زیرا این فرمت ها از interleaving فریم پشتیبانی نمی کنند.

نحوه ایجاد قاب های متحرک فیلم در Paint.NET

بنابراین، برای ایجاد یک ویدیوی متحرک، باید یک سری فریم بسازیم. به لطف این واقعیت که به شما امکان می دهد با لایه ها کار کنید، ساخت قاب ها اصلاً دشوار نیست. به عنوان مثال، بیایید از تصویر شکلک ساخته شده در درس Paint.NET "چگونه یک شکلک سه بعدی بکشیم" که در وب سایت ما منتشر شده است استفاده کنیم.

برای ایجاد چندین فریم، تصویر صورتک سه بعدی را از این آموزش می گیریم و یک کپی از لایه را با تصویر شکلک به تعداد فریم های ویدئویی که نیاز داریم ایجاد می کنیم. برای انجام این کار، می توانید به عنوان مثال از منوی "Layer" - "Make a copy of layer" استفاده کنید یا لایه را مستقیماً در پنجره "Layers" Paint.NET کپی کنید.

شما نمی توانید بلافاصله لایه ها را کپی کنید، اما برای مثال، برای ایجاد یک فریم دوم، لایه اول را کپی کنید و سپس الگوی لایه کپی شده را مطابق با ایده ویدیو تغییر دهید. مثلا صورتک را فشار دادیم و کمی فریم به فریم آن را بالا و پایین کردیم. شما می توانید نمونه ای از پنجره Paint.NET "Layers" را در شکل سمت چپ مشاهده کنید.

نحوه ذخیره فریم های یک فیلم متحرک در فایل های جداگانه

برای اتصال فریم های جداگانه به ترتیب دلخواه به یک ویدیوی متحرک با استفاده از برنامه UnFREEz، ابتدا باید فریم ها را به عنوان فایل های جداگانه ذخیره کنید. در این مورد نیز هیچ چیز پیچیده ای وجود ندارد. به عنوان مثال می توانید کل محتویات لایه مورد نظر را کپی کنید، یک تصویر جدید ایجاد کنید و تصویر کپی شده از لایه را در آن قرار دهید. سپس آن را به عنوان یک فایل GIF جداگانه ذخیره کنید. شما می توانید کل تصویر را در یک لایه انتخاب کنید، برای مثال با فشار دادن کلیدهای ترکیبی Ctrl+A. توضیحات سایر کلیدهای میانبر Paint.NET در بخش دستورالعمل های این سایت موجود است.

راه دیگر، برای مثال، این است که به سادگی قابلیت مشاهده لایه هایی را که در فریم فعلی مورد نیاز نیستند، خاموش کنید و سپس لایه های قابل مشاهده را به عنوان یک تصویر GIF جداگانه ذخیره کنید. این را می توان در منوی Paint.NET "File" - "Save As" انجام داد. هنگام ذخیره به عنوان یک GIF، Paint.NET پیشنهاد می کند که تمام لایه های تصویر را ادغام کند. به نظر می رسد که لایه های غیرفعال موقت ناپدید می شوند. اما پس از ذخیره فایل با فریم، می توانید روی دکمه "لغو" در پنل افقی Paint.NET کلیک کنید و آخرین اقدامادغام لایه ها لغو می شود و همه لایه ها برمی گردند.

لطفاً مجدداً توجه داشته باشید که برای ترکیب فریم‌ها با برنامه UnFREEz در یک فایل GIF متحرک، لازم است همه فریم‌ها اندازه تصویر یکسانی داشته باشند. یعنی مثلاً اگر اندازه عکس یک فریم 20 در 30 پیکسل باشد، بقیه فریم ها هم اندازه باشند. روشی که در بالا برای ایجاد فریم در Paint.NET توضیح داده شد تضمین می کند که این شرط برقرار است، زیرا همه فریم ها از یک تصویر اصلی ساخته شده اند.